DevTools: rename WebInspector into modules.

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

 // Copyright 2015 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.
 /**
  * @unrestricted
  */
-WebInspector.NetworkOverview = class extends WebInspector.TimelineOverviewBase {
+Network.NetworkOverview = class extends UI.TimelineOverviewBase {
   constructor() {
     super();
     this.element.classList.add('network-overview');
 
     /** @type {number} */
     this._numBands = 1;
     /** @type {number} */
     this._windowStart = 0;
     /** @type {number} */
     this._windowEnd = 0;
     /** @type {boolean} */
     this._restoringWindow = false;
     /** @type {boolean} */
     this._updateScheduled = false;
     /** @type {number} */
     this._canvasWidth = 0;
     /** @type {number} */
     this._canvasHeight = 0;
 
-    WebInspector.targetManager.addModelListener(
-        WebInspector.ResourceTreeModel, WebInspector.ResourceTreeModel.Events.Load, this._loadEventFired, this);
-    WebInspector.targetManager.addModelListener(
-        WebInspector.ResourceTreeModel, WebInspector.ResourceTreeModel.Events.DOMContentLoaded,
+    SDK.targetManager.addModelListener(
+        SDK.ResourceTreeModel, SDK.ResourceTreeModel.Events.Load, this._loadEventFired, this);
+    SDK.targetManager.addModelListener(
+        SDK.ResourceTreeModel, SDK.ResourceTreeModel.Events.DOMContentLoaded,
         this._domContentLoadedEventFired, this);
 
     this.reset();
   }
 
   /**
-   * @param {?WebInspector.FilmStripModel} filmStripModel
+   * @param {?Components.FilmStripModel} filmStripModel
    */
   setFilmStripModel(filmStripModel) {
     this._filmStripModel = filmStripModel;
     this.scheduleUpdate();
   }
 
   /**
    * @param {number} time
    */
   selectFilmStripFrame(time) {
     this._selectedFilmStripTime = time;
     this.scheduleUpdate();
   }
 
   clearFilmStripFrame() {
     this._selectedFilmStripTime = -1;
     this.scheduleUpdate();
   }
 
   /**
-   * @param {!WebInspector.Event} event
+   * @param {!Common.Event} event
    */
   _loadEventFired(event) {
     var data = /** @type {number} */ (event.data);
     if (data)
       this._loadEvents.push(data * 1000);
     this.scheduleUpdate();
   }
 
   /**
-   * @param {!WebInspector.Event} event
+   * @param {!Common.Event} event
    */
   _domContentLoadedEventFired(event) {
     var data = /** @type {number} */ (event.data);
     if (data)
       this._domContentLoadedEvents.push(data * 1000);
     this.scheduleUpdate();
   }
 
   /**
    * @param {string} connectionId
    * @return {number}
    */
   _bandId(connectionId) {
     if (!connectionId || connectionId === '0')
       return -1;
     if (this._bandMap.has(connectionId))
       return /** @type {number} */ (this._bandMap.get(connectionId));
     var result = this._nextBand++;
     this._bandMap.set(connectionId, result);
     return result;
   }
 
   /**
-   * @param {!WebInspector.NetworkRequest} request
+   * @param {!SDK.NetworkRequest} request
    */
   updateRequest(request) {
     if (!this._requestsSet.has(request)) {
       this._requestsSet.add(request);
       this._requestsList.push(request);
     }
     this.scheduleUpdate();
   }
 
   /**
    * @override
    */
   wasShown() {
     this.onResize();
   }
 
   /**
    * @override
    */
   onResize() {
     var width = this.element.offsetWidth;
     var height = this.element.offsetHeight;
     this._calculator.setDisplayWindow(width);
     this.resetCanvas();
-    var numBands = (((height - 1) / WebInspector.NetworkOverview._bandHeight) - 1) | 0;
+    var numBands = (((height - 1) / Network.NetworkOverview._bandHeight) - 1) | 0;
     this._numBands = (numBands > 0) ? numBands : 1;
     this.scheduleUpdate();
   }
 
   /**
    * @override
    */
   reset() {
     this._windowStart = 0;
     this._windowEnd = 0;
-    /** @type {?WebInspector.FilmStripModel} */
+    /** @type {?Components.FilmStripModel} */
     this._filmStripModel = null;
 
     /** @type {number} */
     this._span = 1;
-    /** @type {?WebInspector.NetworkTimeBoundary} */
+    /** @type {?Network.NetworkTimeBoundary} */
     this._lastBoundary = null;
     /** @type {number} */
     this._nextBand = 0;
     /** @type {!Map.<string, number>} */
     this._bandMap = new Map();
-    /** @type {!Array.<!WebInspector.NetworkRequest>} */
+    /** @type {!Array.<!SDK.NetworkRequest>} */
     this._requestsList = [];
-    /** @type {!Set.<!WebInspector.NetworkRequest>} */
+    /** @type {!Set.<!SDK.NetworkRequest>} */
     this._requestsSet = new Set();
     /** @type {!Array.<number>} */
     this._loadEvents = [];
     /** @type {!Array.<number>} */
     this._domContentLoadedEvents = [];
 
     // Clear screen.
     this.resetCanvas();
   }
 
   /**
    * @protected
    */
   scheduleUpdate() {
     if (this._updateScheduled || !this.isShowing())
       return;
     this._updateScheduled = true;
     this.element.window().requestAnimationFrame(this.update.bind(this));
   }
 
   /**
    * @override
    */
   update() {
     this._updateScheduled = false;
 
     var newBoundary =
-        new WebInspector.NetworkTimeBoundary(this._calculator.minimumBoundary(), this._calculator.maximumBoundary());
+        new Network.NetworkTimeBoundary(this._calculator.minimumBoundary(), this._calculator.maximumBoundary());
     if (!this._lastBoundary || !newBoundary.equals(this._lastBoundary)) {
       var span = this._calculator.boundarySpan();
       while (this._span < span)
         this._span *= 1.25;
       this._calculator.setBounds(this._calculator.minimumBoundary(), this._calculator.minimumBoundary() + this._span);
       this._lastBoundary =
-          new WebInspector.NetworkTimeBoundary(this._calculator.minimumBoundary(), this._calculator.maximumBoundary());
+          new Network.NetworkTimeBoundary(this._calculator.minimumBoundary(), this._calculator.maximumBoundary());
       if (this._windowStart || this._windowEnd) {
         this._restoringWindow = true;
         var startTime = this._calculator.minimumBoundary();
         var totalTime = this._calculator.boundarySpan();
         var left = (this._windowStart - startTime) / totalTime;
         var right = (this._windowEnd - startTime) / totalTime;
         this._restoringWindow = false;
       }
     }
 
     var context = this._canvas.getContext('2d');
     var calculator = this._calculator;
     var linesByType = {};
     var paddingTop = 2;
 
     /**
      * @param {string} type
      * @param {string} strokeStyle
      */
     function drawLines(type, strokeStyle) {
       var lines = linesByType[type];
       if (!lines)
         return;
       var n = lines.length;
       context.beginPath();
       context.strokeStyle = strokeStyle;
       for (var i = 0; i < n;) {
-        var y = lines[i++] * WebInspector.NetworkOverview._bandHeight + paddingTop;
+        var y = lines[i++] * Network.NetworkOverview._bandHeight + paddingTop;
         var startTime = lines[i++];
         var endTime = lines[i++];
         if (endTime === Number.MAX_VALUE)
           endTime = calculator.maximumBoundary();
         context.moveTo(calculator.computePosition(startTime), y);
         context.lineTo(calculator.computePosition(endTime) + 1, y);
       }
       context.stroke();
     }
 
@@ skipping 12 matching lines @@
       lines.push(y, start, end);
     }
 
     var requests = this._requestsList;
     var n = requests.length;
     for (var i = 0; i < n; ++i) {
       var request = requests[i];
       var band = this._bandId(request.connectionId);
       var y = (band === -1) ? 0 : (band % this._numBands + 1);
       var timeRanges =
-          WebInspector.RequestTimingView.calculateRequestTimeRanges(request, this._calculator.minimumBoundary());
+          Network.RequestTimingView.calculateRequestTimeRanges(request, this._calculator.minimumBoundary());
       for (var j = 0; j < timeRanges.length; ++j) {
         var type = timeRanges[j].name;
-        if (band !== -1 || type === WebInspector.RequestTimeRangeNames.Total)
+        if (band !== -1 || type === Network.RequestTimeRangeNames.Total)
           addLine(type, y, timeRanges[j].start * 1000, timeRanges[j].end * 1000);
       }
     }
 
     context.clearRect(0, 0, this._canvas.width, this._canvas.height);
     context.save();
     context.scale(window.devicePixelRatio, window.devicePixelRatio);
     context.lineWidth = 2;
-    drawLines(WebInspector.RequestTimeRangeNames.Total, '#CCCCCC');
-    drawLines(WebInspector.RequestTimeRangeNames.Blocking, '#AAAAAA');
-    drawLines(WebInspector.RequestTimeRangeNames.Connecting, '#FF9800');
-    drawLines(WebInspector.RequestTimeRangeNames.ServiceWorker, '#FF9800');
-    drawLines(WebInspector.RequestTimeRangeNames.ServiceWorkerPreparation, '#FF9800');
-    drawLines(WebInspector.RequestTimeRangeNames.Push, '#8CDBff');
-    drawLines(WebInspector.RequestTimeRangeNames.Proxy, '#A1887F');
-    drawLines(WebInspector.RequestTimeRangeNames.DNS, '#009688');
-    drawLines(WebInspector.RequestTimeRangeNames.SSL, '#9C27B0');
-    drawLines(WebInspector.RequestTimeRangeNames.Sending, '#B0BEC5');
-    drawLines(WebInspector.RequestTimeRangeNames.Waiting, '#00C853');
-    drawLines(WebInspector.RequestTimeRangeNames.Receiving, '#03A9F4');
+    drawLines(Network.RequestTimeRangeNames.Total, '#CCCCCC');
+    drawLines(Network.RequestTimeRangeNames.Blocking, '#AAAAAA');
+    drawLines(Network.RequestTimeRangeNames.Connecting, '#FF9800');
+    drawLines(Network.RequestTimeRangeNames.ServiceWorker, '#FF9800');
+    drawLines(Network.RequestTimeRangeNames.ServiceWorkerPreparation, '#FF9800');
+    drawLines(Network.RequestTimeRangeNames.Push, '#8CDBff');
+    drawLines(Network.RequestTimeRangeNames.Proxy, '#A1887F');
+    drawLines(Network.RequestTimeRangeNames.DNS, '#009688');
+    drawLines(Network.RequestTimeRangeNames.SSL, '#9C27B0');
+    drawLines(Network.RequestTimeRangeNames.Sending, '#B0BEC5');
+    drawLines(Network.RequestTimeRangeNames.Waiting, '#00C853');
+    drawLines(Network.RequestTimeRangeNames.Receiving, '#03A9F4');
 
     var height = this.element.offsetHeight;
     context.lineWidth = 1;
     context.beginPath();
     context.strokeStyle = '#8080FF';  // Keep in sync with .network-blue-divider CSS rule.
     for (var i = this._domContentLoadedEvents.length - 1; i >= 0; --i) {
       var x = Math.round(calculator.computePosition(this._domContentLoadedEvents[i])) + 0.5;
       context.moveTo(x, 0);
       context.lineTo(x, height);
     }
@@ skipping 15 matching lines @@
       var x = Math.round(calculator.computePosition(this._selectedFilmStripTime));
       context.moveTo(x, 0);
       context.lineTo(x, height);
       context.stroke();
     }
     context.restore();
   }
 };
 
 /** @type {number} */
-WebInspector.NetworkOverview._bandHeight = 3;
+Network.NetworkOverview._bandHeight = 3;
 
 /** @typedef {{start: number, end: number}} */
-WebInspector.NetworkOverview.Window;
+Network.NetworkOverview.Window;