DevTools: Show GPU utilization bar on timeline

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 33 matching lines @@
     WebInspector.timelineManager.addEventListener(WebInspector.TimelineManager.EventTypes.TimelineStopped, this._onStopped, this);
 }
 
 WebInspector.TimelineModel.TransferChunkLengthBytes = 5000000;
 
 WebInspector.TimelineModel.RecordType = {
     Root: "Root",
     Program: "Program",
     EventDispatch: "EventDispatch",
 
+    GPUTask: "GPUTask",
+
     BeginFrame: "BeginFrame",
     ScheduleStyleRecalculation: "ScheduleStyleRecalculation",
     RecalculateStyles: "RecalculateStyles",
     InvalidateLayout: "InvalidateLayout",
     Layout: "Layout",
     AutosizeText: "AutosizeText",
     PaintSetup: "PaintSetup",
     Paint: "Paint",
     Rasterize: "Rasterize",
     ScrollLayer: "ScrollLayer",
@@ skipping 44 matching lines @@
     RecordingStopped: "RecordingStopped"
 }
 
 WebInspector.TimelineModel.startTimeInSeconds = function(record)
 {
     return record.startTime / 1000;
 }
 
 WebInspector.TimelineModel.endTimeInSeconds = function(record)
 {
-    return (typeof record.endTime === "undefined" ? record.startTime : record.endTime) / 1000;
+    return (record.endTime || record.startTime) / 1000;
 }
 
 WebInspector.TimelineModel.durationInSeconds = function(record)
 {
     return WebInspector.TimelineModel.endTimeInSeconds(record) - WebInspector.TimelineModel.startTimeInSeconds(record);
 }
 
 /**
  * @param {Object} total
  * @param {Object} rawRecord
@@ skipping 23 matching lines @@
 
 WebInspector.TimelineModel.prototype = {
     /**
      * @param {boolean=} includeDomCounters
      */
     startRecording: function(includeDomCounters)
     {
         this._clientInitiatedRecording = true;
         this.reset();
         var maxStackFrames = WebInspector.settings.timelineLimitStackFramesFlag.get() ? WebInspector.settings.timelineStackFramesToCapture.get() : 30;
-        WebInspector.timelineManager.start(maxStackFrames, includeDomCounters, this._fireRecordingStarted.bind(this));
+        var includeGPUEvents = WebInspector.experimentsSettings.gpuTimeline.isEnabled();
+        WebInspector.timelineManager.start(maxStackFrames, includeDomCounters, includeGPUEvents, this._fireRecordingStarted.bind(this));
     },
 
     stopRecording: function()
     {
         if (!this._clientInitiatedRecording) {
             // Console started this one and we are just sniffing it. Initiate recording so that we
             // could stop it.
             function stopTimeline()
             {
                 WebInspector.timelineManager.stop(this._fireRecordingStopped.bind(this));
             }
 
-            WebInspector.timelineManager.start(undefined, undefined, stopTimeline.bind(this));
+            WebInspector.timelineManager.start(undefined, undefined, undefined, stopTimeline.bind(this));
             return;
         }
         this._clientInitiatedRecording = false;
         WebInspector.timelineManager.stop(this._fireRecordingStopped.bind(this));
     },
 
     get records()
     {
         return this._records;
     },
@@ skipping 317 matching lines @@
                 break;
             length += itemLength;
             data.push(item);
             ++this._recordIndex;
         }
         if (this._recordIndex === this._records.length)
             data.push(data.pop() + "]");
         stream.write(data.join(separator), this._writeNextChunk.bind(this));
     }
 }