DevTools: extract modules (with extensions)

third_party/WebKit/Source/devtools/front_end/profiler/ProfileView.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.
 /**
  * @implements {UI.Searchable}
  * @unrestricted
  */
 Profiler.ProfileView = class extends UI.SimpleView {
   constructor() {
     super(Common.UIString('Profile'));
 
     this._searchableView = new UI.SearchableView(this);
     this._searchableView.setPlaceholder(Common.UIString('Find by cost (>50ms), name or file'));
     this._searchableView.show(this.element);
 
-    var columns = /** @type {!Array<!UI.DataGrid.ColumnDescriptor>} */ ([]);
+    var columns = /** @type {!Array<!DataGrid.DataGrid.ColumnDescriptor>} */ ([]);
     columns.push({
       id: 'self',
       title: this.columnHeader('self'),
       width: '120px',
       fixedWidth: true,
       sortable: true,
-      sort: UI.DataGrid.Order.Descending
+      sort: DataGrid.DataGrid.Order.Descending
     });
     columns.push({id: 'total', title: this.columnHeader('total'), width: '120px', fixedWidth: true, sortable: true});
     columns.push({id: 'function', title: Common.UIString('Function'), disclosure: true, sortable: true});
 
-    this.dataGrid = new UI.DataGrid(columns);
-    this.dataGrid.addEventListener(UI.DataGrid.Events.SortingChanged, this._sortProfile, this);
-    this.dataGrid.addEventListener(UI.DataGrid.Events.SelectedNode, this._nodeSelected.bind(this, true));
-    this.dataGrid.addEventListener(UI.DataGrid.Events.DeselectedNode, this._nodeSelected.bind(this, false));
+    this.dataGrid = new DataGrid.DataGrid(columns);
+    this.dataGrid.addEventListener(DataGrid.DataGrid.Events.SortingChanged, this._sortProfile, this);
+    this.dataGrid.addEventListener(DataGrid.DataGrid.Events.SelectedNode, this._nodeSelected.bind(this, true));
+    this.dataGrid.addEventListener(DataGrid.DataGrid.Events.DeselectedNode, this._nodeSelected.bind(this, false));
 
     this.viewSelectComboBox = new UI.ToolbarComboBox(this._changeView.bind(this));
 
     this.focusButton = new UI.ToolbarButton(Common.UIString('Focus selected function'), 'largeicon-visibility');
     this.focusButton.setEnabled(false);
     this.focusButton.addEventListener(UI.ToolbarButton.Events.Click, this._focusClicked, this);
 
     this.excludeButton = new UI.ToolbarButton(Common.UIString('Exclude selected function'), 'largeicon-delete');
     this.excludeButton.setEnabled(false);
     this.excludeButton.addEventListener(UI.ToolbarButton.Events.Click, this._excludeClicked, this);
@@ skipping 199 matching lines @@
   }
 
   /**
    * @return {!Components.Linkifier}
    */
   linkifier() {
     return this._linkifier;
   }
 
   /**
-   * @return {!UI.FlameChartDataProvider}
+   * @return {!Perf_UI.FlameChartDataProvider}
    */
   createFlameChartDataProvider() {
     throw 'Not implemented';
   }
 
   _ensureFlameChartCreated() {
     if (this._flameChart)
       return;
     this._dataProvider = this.createFlameChartDataProvider();
     this._flameChart = new Profiler.CPUProfileFlameChart(this._searchableView, this._dataProvider);
-    this._flameChart.addEventListener(UI.FlameChart.Events.EntrySelected, this._onEntrySelected.bind(this));
+    this._flameChart.addEventListener(Perf_UI.FlameChart.Events.EntrySelected, this._onEntrySelected.bind(this));
   }
 
   /**
    * @param {!Common.Event} event
    */
   _onEntrySelected(event) {
     var entryIndex = event.data;
     var node = this._dataProvider._entryNodes[entryIndex];
     var debuggerModel = this._profileHeader._debuggerModel;
     if (!node || !node.scriptId || !debuggerModel)
@@ skipping 311 matching lines @@
     tempFile.write([serializedData], didWriteToTempFile.bind(this));
   }
 
   _notifyTempFileReady() {
     if (this._onTempFileReady) {
       this._onTempFileReady();
       this._onTempFileReady = null;
     }
   }
 };