DevTools: Show friendly names for Parse/Compile RCS

third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 206 matching lines @@
         [inputEvent.TouchStart, WebInspector.UIString('Touch Start')],
         [inputEvent.PinchBegin, WebInspector.UIString('Pinch Begin')],
         [inputEvent.PinchEnd, WebInspector.UIString('Pinch End')],
         [inputEvent.PinchUpdate, WebInspector.UIString('Pinch Update')]
       ]);
     }
     return WebInspector.TimelineUIUtils._inputEventToDisplayName.get(inputEventType) || null;
   }
 
   /**
+   * @param {!Protocol.Runtime.CallFrame} frame
+   * @return {string}
+   */
+  static frameDisplayName(frame) {
+    if (!WebInspector.TimelineJSProfileProcessor.isNativeRuntimeFrame(frame))
+      return WebInspector.beautifyFunctionName(frame.functionName);
+    const nativeGroup = WebInspector.TimelineJSProfileProcessor.nativeGroup(frame.functionName);
+    const groups = WebInspector.TimelineJSProfileProcessor.NativeGroups;
+    switch (nativeGroup) {
+      case groups.Compile: return WebInspector.UIString('Compile');
+      case groups.Parse: return WebInspector.UIString('Parse');
+    }
+    return frame.functionName;
+  }
+
+  /**
    * @param {!WebInspector.TracingModel.Event} traceEvent
    * @param {!RegExp} regExp
    * @return {boolean}
    */
   static testContentMatching(traceEvent, regExp) {
     var title = WebInspector.TimelineUIUtils.eventStyle(traceEvent).title;
     var tokens = [title];
     var url = WebInspector.TimelineData.forEvent(traceEvent).url;
     if (url)
       tokens.push(url);
@@ skipping 51 matching lines @@
         return WebInspector.TimelineUIUtils.colorForURL(frame.url);
     }
     return WebInspector.TimelineUIUtils.eventStyle(event).category.color;
   }
 
   /**
    * @param {!WebInspector.TracingModel.Event} event
    * @return {string}
    */
   static eventTitle(event) {
-    var title = WebInspector.TimelineUIUtils.eventStyle(event).title;
+    const recordType = WebInspector.TimelineModel.RecordType;
+    const eventData = event.args['data'];
+    if (event.name === recordType.JSFrame)
+      return WebInspector.TimelineUIUtils.frameDisplayName(eventData);
+    const title = WebInspector.TimelineUIUtils.eventStyle(event).title;
     if (event.hasCategory(WebInspector.TimelineModel.Category.Console))
       return title;
-    if (event.name === WebInspector.TimelineModel.RecordType.TimeStamp)
-      return WebInspector.UIString('%s: %s', title, event.args['data']['message']);
-    if (event.name === WebInspector.TimelineModel.RecordType.Animation && event.args['data'] &&
-        event.args['data']['name'])
-      return WebInspector.UIString('%s: %s', title, event.args['data']['name']);
+    if (event.name === recordType.TimeStamp)
+      return WebInspector.UIString('%s: %s', title, eventData['message']);
+    if (event.name === recordType.Animation && eventData && eventData['name'])
+      return WebInspector.UIString('%s: %s', title, eventData['name']);
     return title;
   }
 
   /**
    * !Map<!WebInspector.TimelineIRModel.Phases, !{color: string, label: string}>
    */
   static _interactionPhaseStyles() {
     var map = WebInspector.TimelineUIUtils._interactionPhaseStylesMap;
     if (!map) {
       map = new Map([
@@ skipping 115 matching lines @@
       case recordType.MinorGC:
         var delta = event.args['usedHeapSizeBefore'] - event.args['usedHeapSizeAfter'];
         detailsText = WebInspector.UIString('%s collected', Number.bytesToString(delta));
         break;
       case recordType.FunctionCall:
         // Omit internally generated script names.
         if (eventData)
           detailsText = linkifyLocationAsText(eventData['scriptId'], eventData['lineNumber'], 0);
         break;
       case recordType.JSFrame:
-        detailsText = WebInspector.beautifyFunctionName(eventData['functionName']);
+        detailsText = WebInspector.TimelineUIUtils.frameDisplayName(eventData);
         break;
       case recordType.EventDispatch:
         detailsText = eventData ? eventData['type'] : null;
         break;
       case recordType.Paint:
         var width = WebInspector.TimelineUIUtils.quadWidth(eventData.clip);
         var height = WebInspector.TimelineUIUtils.quadHeight(eventData.clip);
         if (width && height)
           detailsText = WebInspector.UIString('%d\u2009\u00d7\u2009%d', width, height);
         break;
@@ skipping 141 matching lines @@
       case recordType.ResourceReceivedData:
       case recordType.ResourceReceiveResponse:
       case recordType.ResourceFinish:
         var url = WebInspector.TimelineData.forEvent(event).url;
         if (url)
           details = WebInspector.linkifyResourceAsNode(url);
         break;
       case recordType.FunctionCall:
       case recordType.JSFrame:
         details = createElement('span');
-        details.createTextChild(WebInspector.beautifyFunctionName(eventData['functionName']));
-        var location = linkifyLocation(
+        details.createTextChild(WebInspector.TimelineUIUtils.frameDisplayName(eventData));
+        const location = linkifyLocation(
             eventData['scriptId'], eventData['url'], eventData['lineNumber'], eventData['columnNumber']);
         if (location) {
           details.createTextChild(' @ ');
           details.appendChild(location);
         }
         break;
       case recordType.CompileScript:
       case recordType.EvaluateScript:
         var url = eventData['url'];
         if (url)
@@ skipping 1193 matching lines @@
     if (reason)
       title.createTextChild(WebInspector.UIString('%s for ', reason));
     else
       title.createTextChild(WebInspector.UIString('Unknown cause for '));
 
     this._appendTruncatedNodeList(title, this._invalidations);
 
     if (topFrame && this._contentHelper.linkifier()) {
       title.createTextChild(WebInspector.UIString('. '));
       var stack = title.createChild('span', 'monospace');
-      stack.createChild('span').textContent = WebInspector.beautifyFunctionName(topFrame.functionName);
+      stack.createChild('span').textContent = WebInspector.TimelineUIUtils.frameDisplayName(topFrame);
       var link = this._contentHelper.linkifier().maybeLinkifyConsoleCallFrame(target, topFrame);
       if (link) {
         stack.createChild('span').textContent = ' @ ';
         stack.createChild('span').appendChild(link);
       }
     }
 
     return title;
   }
 
@@ skipping 384 matching lines @@
   /**
    * @param {!WebInspector.TracingModel.Event} event
    * @param {string=} warningType
    */
   appendWarningRow(event, warningType) {
     var warning = WebInspector.TimelineUIUtils.eventWarning(event, warningType);
     if (warning)
       this.appendElementRow(WebInspector.UIString('Warning'), warning, true);
   }
 };