DevTools: Collect JS samples when recording 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 51 matching lines @@
     ConsoleTime: "ConsoleTime",
 
     ResourceSendRequest: "ResourceSendRequest",
     ResourceReceiveResponse: "ResourceReceiveResponse",
     ResourceReceivedData: "ResourceReceivedData",
     ResourceFinish: "ResourceFinish",
 
     FunctionCall: "FunctionCall",
     GCEvent: "GCEvent",
     JSFrame: "JSFrame",
+    JSSample: "JSSample",
 
     UpdateCounters: "UpdateCounters",
 
     RequestAnimationFrame: "RequestAnimationFrame",
     CancelAnimationFrame: "CancelAnimationFrame",
     FireAnimationFrame: "FireAnimationFrame",
 
     WebSocketCreate : "WebSocketCreate",
     WebSocketSendHandshakeRequest : "WebSocketSendHandshakeRequest",
     WebSocketReceiveHandshakeResponse : "WebSocketReceiveHandshakeResponse",
@@ skipping 21 matching lines @@
      * @param {boolean} captureMemory
      * @param {boolean} capturePictures
      */
     startRecording: function(captureStacks, captureMemory, capturePictures)
     {
         function disabledByDefault(category)
         {
             return "disabled-by-default-" + category;
         }
         var categoriesArray = ["-*", disabledByDefault("devtools.timeline"), disabledByDefault("devtools.timeline.frame")];
-        if (captureStacks)
+        if (captureStacks) {
             categoriesArray.push(disabledByDefault("devtools.timeline.stack"));
+            if (WebInspector.experimentsSettings.timelineJSCPUProfile.isEnabled()) {
+                this._jsProfilerStarted = true;
+                this._currentTarget = WebInspector.context.flavor(WebInspector.Target);
+                this._configureCpuProfilerSamplingInterval();
+                this._currentTarget.profilerAgent().start();
+            }
+        }
         if (capturePictures) {
             categoriesArray = categoriesArray.concat([
                 disabledByDefault("devtools.timeline.layers"),
                 disabledByDefault("devtools.timeline.picture"),
                 disabledByDefault("blink.graphics_context_annotations")]);
         }
         var categories = categoriesArray.join(",");
         this._startRecordingWithCategories(categories);
     },
 
     stopRecording: function()
     {
+        this._stopCallbackBarrier = new CallbackBarrier();
+        if (this._jsProfilerStarted) {
+            this._currentTarget.profilerAgent().stop(this._stopCallbackBarrier.createCallback(this._didStopRecordingJSSamples.bind(this)));
+            this._jsProfilerStarted = false;
+        }
         this._tracingModel.stop();
     },
 
     /**
      * @param {string} sessionId
      * @param {!Array.<!WebInspector.TracingModel.EventPayload>} events
      */
     setEventsForTest: function(sessionId, events)
     {
         this._onTracingStarted();
         this._tracingModel.setEventsForTest(sessionId, events);
         this._onTracingComplete();
     },
 
+    _configureCpuProfilerSamplingInterval: function()
+    {
+        var intervalUs = WebInspector.settings.highResolutionCpuProfiling.get() ? 100 : 1000;
+        this._currentTarget.profilerAgent().setSamplingInterval(intervalUs, didChangeInterval);
+
+        function didChangeInterval(error)
+        {
+            if (error)
+                WebInspector.console.error(error);
+        }
+    },
+
     /**
      * @param {string} categories
      */
     _startRecordingWithCategories: function(categories)
     {
         this.reset();
         this._tracingModel.start(categories, "");
     },
 
     _onTracingStarted: function()
     {
         this.reset();
         this.dispatchEventToListeners(WebInspector.TimelineModel.Events.RecordingStarted);
     },
 
     _onTracingComplete: function()
     {
+        if (this._stopCallbackBarrier)
+            this._stopCallbackBarrier.callWhenDone(this._didStopRecordingTraceEvents.bind(this));
+        else
+            this._didStopRecordingTraceEvents();
+    },
+
+    /**
+     * @param {?Protocol.Error} error
+     * @param {?ProfilerAgent.CPUProfile} cpuProfile
+     */
+    _didStopRecordingJSSamples: function(error, cpuProfile)
+    {
+        if (error)
+            WebInspector.console.error(error);
+        this._cpuProfile = cpuProfile;
+    },
+
+    _didStopRecordingTraceEvents: function()
+    {
+        this._stopCallbackBarrier = null;
         var events = this._tracingModel.devtoolsMetadataEvents();
         events.sort(WebInspector.TracingModel.Event.compareStartTime);
 
         this._resetProcessingState();
         for (var i = 0, length = events.length; i < length; i++) {
             var event = events[i];
             var process = event.thread.process();
             var startTime = event.startTime;
 
             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 (this._cpuProfile) {
+            var jsSamples = WebInspector.TimelineJSProfileProcessor.generateTracingEventsFromCpuProfile(this, this._cpuProfile);
+            this._inspectedTargetEvents = this._inspectedTargetEvents.mergeOrdered(jsSamples, WebInspector.TracingModel.Event.orderedCompareStartTime);
+            this._setMainThreadEvents(this.mainThreadEvents().mergeOrdered(jsSamples, WebInspector.TracingModel.Event.orderedCompareStartTime));
+            this._cpuProfile = null;
+        }
+
         this._buildTimelineRecords();
         this.dispatchEventToListeners(WebInspector.TimelineModel.Events.RecordingStopped);
     },
 
     /**
      * @return {number}
      */
     minimumRecordTime: function()
     {
         return this._tracingModel.minimumRecordTime();
@@ skipping 17 matching lines @@
 
     /**
      * @return {!Array.<!WebInspector.TracingModel.Event>}
      */
     mainThreadEvents: function()
     {
         return this._virtualThreads[WebInspector.TimelineModel.MainThreadName] || [];
     },
 
     /**
+     * @param {!Array.<!WebInspector.TracingModel.Event>} events
+     */
+    _setMainThreadEvents: function(events)
+    {
+        this._virtualThreads[WebInspector.TimelineModel.MainThreadName] = events;
+    },
+
+    /**
      * @return {!Object.<string, !Array.<!WebInspector.TracingModel.Event>>}
      */
     virtualThreads: function()
     {
         return this._virtualThreads;
     },
 
     reset: function()
     {
         this._virtualThreads = {};
@@ skipping 531 matching lines @@
     },
 
     /**
      * @return {!WebInspector.TimelineModel}
      */
     timelineModel: function()
     {
         return this._model;
     }
 }