DevTools: Show JS callstacks on tracing-based timeline

Source/devtools/front_end/timeline/TracingTimelineModel.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @param {!WebInspector.TracingModel} tracingModel
  * @param {!WebInspector.TimelineModel.Filter} recordFilter
  * @extends {WebInspector.TimelineModel}
  */
@@ skipping 161 matching lines @@
 
             var endTime = Infinity;
             if (i + 1 < length)
                 endTime = events[i + 1].startTime;
 
             process.sortedThreads().forEach(this._processThreadEvents.bind(this, startTime, endTime, event.thread));
         }
         this._resetProcessingState();
 
         this._inspectedTargetEvents.sort(WebInspector.TracingModel.Event.compareStartTime);
+        if (WebInspector.experimentsSettings.timelineJSCPUProfile.isEnabled())
+            this._injectJSFrameEvents();
 
         this._buildTimelineRecords();
         this.dispatchEventToListeners(WebInspector.TimelineModel.Events.RecordingStopped);
     },
 
     /**
      * @return {number}
      */
     minimumRecordTime: function()
     {
@@ skipping 18 matching lines @@
 
     /**
      * @return {!Array.<!WebInspector.TracingModel.Event>}
      */
     mainThreadEvents: function()
     {
         return this._virtualThreads[WebInspector.TimelineModel.MainThreadName] || [];
     },
 
     /**
+     * @param {!Array.<!WebInspector.TracingModel.Event>} events
+     */
+    _setMainThreadEvents: function(events)
+    {
+        return this._virtualThreads[WebInspector.TimelineModel.MainThreadName] = events;
+    },
+
+    /**
      * @return {!Object.<string, !Array.<!WebInspector.TracingModel.Event>>}
      */
     virtualThreads: function()
     {
         return this._virtualThreads;
     },
 
     reset: function()
     {
         this._virtualThreads = {};
         this._inspectedTargetEvents = [];
         WebInspector.TimelineModel.prototype.reset.call(this);
     },
 
+    _injectJSFrameEvents: function()
+    {
+        var jsFrameEvents = [];
+        var mainThreadEvents = this.mainThreadEvents();
+        for (var i = 0; i < mainThreadEvents.length; ++i) {
+            var event = mainThreadEvents[i];
+            if (!event.stackTrace)
+                continue;
+            for (var j = event.stackTrace.length - 1; j >= 0; --j) {
+                var payload = /** @type {!WebInspector.TracingModel.EventPayload} */ ({
+                    ph: WebInspector.TracingModel.Phase.Complete,
+                    cat: WebInspector.TracingModel.DevToolsMetadataEventCategory,
+                    name: WebInspector.TracingTimelineModel.RecordType.JSFrame,

[yurys, 2014/07/17 14:32:40]

I'd rather add this on the flame chart directly without creating "fake" events.
They are not used by anyone except flame chart.

[alph, 2014/07/17 15:48:43]

Done.

+                    ts: event.startTime * 1000,
+                    dur: event.duration * 1000,
+                    args: {
+                        data: event.stackTrace[j]
+                    }
+                });
+                var jsFrameEvent = new WebInspector.TracingModel.Event(payload, 0, event.thread);
+                jsFrameEvents.push(jsFrameEvent);
+            }
+        }
+        this._setMainThreadEvents(jsFrameEvents.mergeOrdered(mainThreadEvents, WebInspector.TracingModel.Event.orderedCompareStartTime));
+        this._inspectedTargetEvents = jsFrameEvents.mergeOrdered(this._inspectedTargetEvents, WebInspector.TracingModel.Event.orderedCompareStartTime);
+    },
+
     _buildTimelineRecords: function()
     {
         var recordStack = [];
         var mainThreadEvents = this.mainThreadEvents();
         for (var i = 0, size = mainThreadEvents.length; i < size; ++i) {
             var event = mainThreadEvents[i];
             while (recordStack.length) {
                 var top = recordStack.peekLast();
                 if (top._event.endTime >= event.startTime)
                     break;
@@ skipping 517 matching lines @@
     },
 
     /**
      * @return {!WebInspector.TimelineModel}
      */
     timelineModel: function()
     {
         return this._model;
     }
 }