[Devtools] Added data to networking timeline canvas experiment

third_party/WebKit/Source/devtools/front_end/network/NetworkTimelineColumn.js

 // Copyright 2016 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
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.NetworkLogView} networkLogView
  * @param {!WebInspector.SortableDataGrid} dataGrid
  */
 WebInspector.NetworkTimelineColumn = function(networkLogView, dataGrid)
 {
     WebInspector.VBox.call(this, true);
     this._canvas = this.contentElement.createChild("canvas");
     this._canvas.tabIndex = 1;
     this.setDefaultFocusedElement(this._canvas);
 
     /** @const */
     this._leftPadding = 5;
     /** @const */
     this._rightPadding = 5;
 
     this._dataGrid = dataGrid;
     this._networkLogView = networkLogView;
     /** @type {!Array<!WebInspector.NetworkRequest>} */
     this._requestData = [];
+    this.scheduleUpdate();

[dgozman, 2016/10/11 19:19:41]

I don't think we need to schedule until wasShown.

 }
 
 WebInspector.NetworkTimelineColumn.prototype = {
+    scheduleRefreshData: function()
+    {
+        this._needsRefreshData = true;
+    },
+
+    _refreshDataIfNeeded: function()
+    {
+        if (!this._needsRefreshData)
+            return;
+        this._needsRefreshData = false;
+        var currentNode = this._dataGrid.rootNode();
+        this._requestData = [];
+        while (currentNode = currentNode.traverseNextNode(true))
+            this._requestData.push(currentNode.request());
+        this._update();
+    },
+
     scheduleUpdate: function()
     {
         if (this._updateRequestID)
             return;
         this._updateRequestID = this.element.window().requestAnimationFrame(this._update.bind(this));
     },
 
     _update: function()

[dgozman, 2016/10/11 19:19:41]

We should also not do any updates while !isShowing().

     {
         this.element.window().cancelAnimationFrame(this._updateRequestID);
         this._updateRequestID = null;
 
+        this._refreshDataIfNeeded();
+
         this._startTime = this._networkLogView.calculator().minimumBoundary();
         this._endTime = this._networkLogView.calculator().maximumBoundary();
         this._resetCanvas();
         this._draw();
     },
 
     _resetCanvas: function()
     {
         var ratio = window.devicePixelRatio;
         this._canvas.width = this._offsetWidth * ratio;
@@ skipping 151 matching lines @@
             context.lineWidth = lineWidth;
             context.strokeStyle = borderColor;
             context.stroke();
         }
         context.fill();
         context.restore();
     },
 
     __proto__: WebInspector.VBox.prototype
 }