[DevTools] Add power profiler and power overview in timeline panel.

Source/devtools/front_end/TimelineModel.js

 /*
  * Copyright (C) 2012 Google 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.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 24 matching lines @@
 WebInspector.TimelineModel = function()
 {
     this._filters = [];
     this._bindings = new WebInspector.TimelineModel.InterRecordBindings();
 
     this.reset();
 
     WebInspector.timelineManager.addEventListener(WebInspector.TimelineManager.EventTypes.TimelineEventRecorded, this._onRecordAdded, this);
     WebInspector.timelineManager.addEventListener(WebInspector.TimelineManager.EventTypes.TimelineStarted, this._onStarted, this);
     WebInspector.timelineManager.addEventListener(WebInspector.TimelineManager.EventTypes.TimelineStopped, this._onStopped, this);
+    if (WebInspector.experimentsSettings.powerTimeline.isEnabled() && Capabilities.canProfilePower)

[pfeldman, 2014/03/11 12:24:02]

Timeline model is about timeline events. You should not mix the power events
into the timeline event flow. I.e. you should not change this class at all.

+        WebInspector.powerProfiler.addEventListener(WebInspector.PowerProfiler.EventTypes.PowerEventRecorded, this._onRecordAdded, this);
 }
 
 WebInspector.TimelineModel.TransferChunkLengthBytes = 5000000;
 
 WebInspector.TimelineModel.RecordType = {
     Root: "Root",
     Program: "Program",
     EventDispatch: "EventDispatch",
 
     GPUTask: "GPUTask",
@@ skipping 44 matching lines @@
     RequestAnimationFrame: "RequestAnimationFrame",
     CancelAnimationFrame: "CancelAnimationFrame",
     FireAnimationFrame: "FireAnimationFrame",
 
     WebSocketCreate : "WebSocketCreate",
     WebSocketSendHandshakeRequest : "WebSocketSendHandshakeRequest",
     WebSocketReceiveHandshakeResponse : "WebSocketReceiveHandshakeResponse",
     WebSocketDestroy : "WebSocketDestroy",
 
     EmbedderCallback : "EmbedderCallback",
+
+    SoC_Package : "SoC_Package",
 }
 
 WebInspector.TimelineModel.Events = {
     RecordAdded: "RecordAdded",
     RecordsCleared: "RecordsCleared",
     RecordingStarted: "RecordingStarted",
     RecordingStopped: "RecordingStopped",
     RecordFilterChanged: "RecordFilterChanged"
 }
 
@@ skipping 96 matching lines @@
     /**
      * @param {boolean=} includeCounters
      */
     startRecording: function(includeCounters)
     {
         this._clientInitiatedRecording = true;
         this.reset();
         var maxStackFrames = WebInspector.settings.timelineCaptureStacks.get() ? 30 : 0;
         var includeGPUEvents = WebInspector.experimentsSettings.gpuTimeline.isEnabled();
         WebInspector.timelineManager.start(maxStackFrames, includeCounters, includeGPUEvents, this._fireRecordingStarted.bind(this));
+
+        if (WebInspector.experimentsSettings.powerTimeline.isEnabled() && Capabilities.canProfilePower)
+            WebInspector.powerProfiler.startProfile();
     },
 
     stopRecording: function()
     {
+        if (WebInspector.experimentsSettings.powerTimeline.isEnabled() && Capabilities.canProfilePower)
+            WebInspector.powerProfiler.stopProfile();
+
         if (!this._clientInitiatedRecording) {
             WebInspector.timelineManager.start(undefined, undefined, undefined, stopTimeline.bind(this));
             return;
         }
 
         /**
          * Console started this one and we are just sniffing it. Initiate recording so that we
          * could stop it.
          * @this {WebInspector.TimelineModel}
          */
@@ skipping 920 matching lines @@
 WebInspector.TimelineModel._quadFromRectData = function(data)
 {
     if (typeof data["x"] === "undefined" || typeof data["y"] === "undefined")
         return null;
     var x0 = data["x"];
     var x1 = data["x"] + data["width"];
     var y0 = data["y"];
     var y1 = data["y"] + data["height"];
     return [x0, y0, x1, y0, x1, y1, x0, y1];
 }