DevTools: Support reading CPU profile format on Performance panel

third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineJSProfile.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.
 
 TimelineModel.TimelineJSProfileProcessor = class {
   /**
    * @param {!SDK.CPUProfileDataModel} jsProfileModel
    * @param {!SDK.TracingModel.Thread} thread
    * @return {!Array<!SDK.TracingModel.Event>}
    */
@@ skipping 213 matching lines @@
         ['CompileIgnition', nativeGroups.Compile], ['CompilerDispatcher', nativeGroups.Compile],
         ['CompileSerialize', nativeGroups.Compile], ['ParseProgram', nativeGroups.Parse],
         ['ParseFunction', nativeGroups.Parse], ['RecompileConcurrent', nativeGroups.Compile],
         ['RecompileSynchronous', nativeGroups.Compile], ['ParseLazy', nativeGroups.Parse]
       ]);
       /** @type {!Map<string, !TimelineModel.TimelineJSProfileProcessor.NativeGroups>} */
       TimelineModel.TimelineJSProfileProcessor.nativeGroup._map = map;
     }
     return map.get(nativeName) || null;
   }
+
+  /**
+   * @param {*} profile
+   * @return {!Array<!SDK.TracingManager.EventPayload>}
+   */
+  static buildTraceProfileFromCpuProfile(profile) {
+    if (!profile)
+      return [];
+    var start = profile.startTime;

[caseq, 2017/03/02 21:27:05]

remove start, assign directly?

[alph, 2017/03/02 22:17:25]

Done.

+    var events = [];
+    appendEvent('TracingStartedInPage', {'sessionId': '1'}, 0, 0, 'M');
+    var idToNode = new Map();
+    var nodes = profile['nodes'];
+    for (var i = 0; i < nodes.length; ++i)
+      idToNode.set(nodes[i].id, nodes[i]);
+    var stateProgram = Symbol('program');
+    var stateIdle = Symbol('idle');
+    var stateFunction = Symbol('function');
+    var state = stateIdle;
+    var programEvent = null;
+    var functionEvent = null;
+    var nextTime = start;
+    var samples = profile['samples'];
+    var timeDeltas = profile['timeDeltas'];
+    for (var i = 0; i < samples.length; ++i) {
+      var currentTime = nextTime;
+      nextTime += timeDeltas[i];
+      var id = samples[i];
+      var node = idToNode.get(id);
+      var name = node.callFrame.functionName;

[caseq, 2017/03/02 21:27:05]

topFunctionName?

[alph, 2017/03/02 22:17:25]

Let me keep it. It's not important that it's a top function. What I need here is
to distinguish between (idle), (program), and any JS function.

+      if (state === stateIdle) {
+        if (name === '(idle)')
+          continue;
+        programEvent = appendEvent('MessageLoop::RunTask', {}, currentTime, 0, 'X', 'toplevel');
+        state = stateProgram;
+        if (name !== '(program)') {
+          functionEvent = appendEvent('FunctionCall', {'sessionId': '1'}, currentTime, 0);
+          state = stateFunction;
+        }
+        continue;
+      }
+      if (name === '(idle)') {
+        if (programEvent)
+          programEvent.dur = currentTime - programEvent.ts;
+        if (functionEvent)
+          functionEvent.dur = currentTime - functionEvent.ts;
+        programEvent = null;
+        functionEvent = null;
+        state = stateIdle;
+        continue;
+      }
+      // Remaining cases program->function and function->program.
+      if (name === '(program)') {
+        if (state === stateProgram)
+          continue;
+        functionEvent.dur = currentTime - functionEvent.ts;
+        functionEvent = null;
+        state = stateProgram;
+      } else if (state === stateProgram) {
+        functionEvent = appendEvent('FunctionCall', {'sessionId': '1'}, currentTime, 0);
+        state = stateFunction;
+      }
+    }
+    appendEvent('CpuProfile', {'cpuProfile': profile}, profile.endTime, 0, 'I');
+    events.sort((a, b) => a.startTime - b.startTime);
+    return events;
+
+    /**
+     * @param {string} name
+     * @param {*} data
+     * @param {number} ts
+     * @param {number=} dur
+     * @param {string=} ph
+     * @param {string=} cat
+     * @return {!SDK.TracingManager.EventPayload}
+     */
+    function appendEvent(name, data, ts, dur, ph, cat) {
+      var event = /** @type {!SDK.TracingManager.EventPayload} */ ({
+        cat: cat || 'disabled-by-default-devtools.timeline',
+        name: name,
+        ph: ph || 'X',
+        pid: 1,
+        tid: 1,
+        ts: ts,
+        args: {data: data}
+      });
+      if (dur)
+        event.dur = dur;
+      events.push(event);
+      return event;
+    }
+  }
 };
 
 /** @enum {string} */
 TimelineModel.TimelineJSProfileProcessor.NativeGroups = {
   'Compile': 'Compile',
   'Parse': 'Parse'
 };