DevTools: rename WebInspector into modules.

third_party/WebKit/Source/devtools/front_end/ui_lazy/CommandMenu.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.
 /**
  * @unrestricted
  */
-WebInspector.CommandMenu = class {
+UI.CommandMenu = class {
   constructor() {
     this._commands = [];
     this._loadCommands();
   }
 
   /**
    * @param {string} category
    * @param {string} keys
    * @param {string} title
    * @param {string} shortcut
    * @param {function()} executeHandler
    * @param {function()=} availableHandler
-   * @return {!WebInspector.CommandMenu.Command}
+   * @return {!UI.CommandMenu.Command}
    */
   static createCommand(category, keys, title, shortcut, executeHandler, availableHandler) {
     // Separate keys by null character, to prevent fuzzy matching from matching across them.
     var key = keys.replace(/,/g, '\0');
-    return new WebInspector.CommandMenu.Command(category, title, key, shortcut, executeHandler, availableHandler);
+    return new UI.CommandMenu.Command(category, title, key, shortcut, executeHandler, availableHandler);
   }
 
   /**
    * @param {!Runtime.Extension} extension
    * @param {string} title
    * @param {V} value
-   * @return {!WebInspector.CommandMenu.Command}
+   * @return {!UI.CommandMenu.Command}
    * @template V
    */
   static createSettingCommand(extension, title, value) {
     var category = extension.descriptor()['category'] || '';
     var tags = extension.descriptor()['tags'] || '';
-    var setting = WebInspector.settings.moduleSetting(extension.descriptor()['settingName']);
-    return WebInspector.CommandMenu.createCommand(
+    var setting = Common.settings.moduleSetting(extension.descriptor()['settingName']);
+    return UI.CommandMenu.createCommand(
         category, tags, title, '', setting.set.bind(setting, value), availableHandler);
 
     /**
      * @return {boolean}
      */
     function availableHandler() {
       return setting.get() !== value;
     }
   }
 
   /**
-   * @param {!WebInspector.Action} action
-   * @return {!WebInspector.CommandMenu.Command}
+   * @param {!UI.Action} action
+   * @return {!UI.CommandMenu.Command}
    */
   static createActionCommand(action) {
-    var shortcut = WebInspector.shortcutRegistry.shortcutTitleForAction(action.id()) || '';
-    return WebInspector.CommandMenu.createCommand(
+    var shortcut = UI.shortcutRegistry.shortcutTitleForAction(action.id()) || '';
+    return UI.CommandMenu.createCommand(
         action.category(), action.tags(), action.title(), shortcut, action.execute.bind(action));
   }
 
   /**
    * @param {!Runtime.Extension} extension
-   * @return {!WebInspector.CommandMenu.Command}
+   * @return {!UI.CommandMenu.Command}
    */
   static createRevealPanelCommand(extension) {
     var panelName = extension.descriptor()['name'];
     var tags = extension.descriptor()['tags'] || '';
-    return WebInspector.CommandMenu.createCommand(
-        WebInspector.UIString('Panel'), tags, WebInspector.UIString('Show %s', extension.title()), '', executeHandler,
+    return UI.CommandMenu.createCommand(
+        Common.UIString('Panel'), tags, Common.UIString('Show %s', extension.title()), '', executeHandler,
         availableHandler);
 
     /**
      * @return {boolean}
      */
     function availableHandler() {
       return true;
     }
 
     function executeHandler() {
-      WebInspector.viewManager.showView(panelName);
+      UI.viewManager.showView(panelName);
     }
   }
 
   /**
    * @param {!Runtime.Extension} extension
-   * @return {!WebInspector.CommandMenu.Command}
+   * @return {!UI.CommandMenu.Command}
    */
   static createRevealDrawerCommand(extension) {
     var drawerId = extension.descriptor()['id'];
-    var executeHandler = WebInspector.viewManager.showView.bind(WebInspector.viewManager, drawerId);
+    var executeHandler = UI.viewManager.showView.bind(UI.viewManager, drawerId);
     var tags = extension.descriptor()['tags'] || '';
-    return WebInspector.CommandMenu.createCommand(
-        WebInspector.UIString('Drawer'), tags, WebInspector.UIString('Show %s', extension.title()), '', executeHandler);
+    return UI.CommandMenu.createCommand(
+        Common.UIString('Drawer'), tags, Common.UIString('Show %s', extension.title()), '', executeHandler);
   }
 
   _loadCommands() {
     // Populate panels.
-    var panelExtensions = self.runtime.extensions(WebInspector.Panel);
+    var panelExtensions = self.runtime.extensions(UI.Panel);
     for (var extension of panelExtensions)
-      this._commands.push(WebInspector.CommandMenu.createRevealPanelCommand(extension));
+      this._commands.push(UI.CommandMenu.createRevealPanelCommand(extension));
 
     // Populate drawers.
     var drawerExtensions = self.runtime.extensions('view');
     for (var extension of drawerExtensions) {
       if (extension.descriptor()['location'] !== 'drawer-view')
         continue;
-      this._commands.push(WebInspector.CommandMenu.createRevealDrawerCommand(extension));
+      this._commands.push(UI.CommandMenu.createRevealDrawerCommand(extension));
     }
 
     // Populate whitelisted settings.
     var settingExtensions = self.runtime.extensions('setting');
     for (var extension of settingExtensions) {
       var options = extension.descriptor()['options'];
       if (!options || !extension.descriptor()['category'])
         continue;
       for (var pair of options)
-        this._commands.push(WebInspector.CommandMenu.createSettingCommand(extension, pair['title'], pair['value']));
+        this._commands.push(UI.CommandMenu.createSettingCommand(extension, pair['title'], pair['value']));
     }
   }
 
   /**
-   * @return {!Array.<!WebInspector.CommandMenu.Command>}
+   * @return {!Array.<!UI.CommandMenu.Command>}
    */
   commands() {
     return this._commands;
   }
 };
 
 /**
  * @unrestricted
  */
-WebInspector.CommandMenuDelegate = class extends WebInspector.FilteredListWidget.Delegate {
+UI.CommandMenuDelegate = class extends UI.FilteredListWidget.Delegate {
   constructor() {
     super([]);
     this._commands = [];
     this._appendAvailableCommands();
   }
 
   _appendAvailableCommands() {
-    var allCommands = WebInspector.commandMenu.commands();
+    var allCommands = UI.commandMenu.commands();
 
     // Populate whitelisted actions.
-    var actions = WebInspector.actionRegistry.availableActions();
+    var actions = UI.actionRegistry.availableActions();
     for (var action of actions) {
       if (action.category())
-        this._commands.push(WebInspector.CommandMenu.createActionCommand(action));
+        this._commands.push(UI.CommandMenu.createActionCommand(action));
     }
 
     for (var command of allCommands) {
       if (command.available())
         this._commands.push(command);
     }
 
     this._commands = this._commands.sort(commandComparator);
 
     /**
-     * @param {!WebInspector.CommandMenu.Command} left
-     * @param {!WebInspector.CommandMenu.Command} right
+     * @param {!UI.CommandMenu.Command} left
+     * @param {!UI.CommandMenu.Command} right
      * @return {number}
      */
     function commandComparator(left, right) {
       var cats = left.category().compareTo(right.category());
       return cats ? cats : left.title().compareTo(right.title());
     }
   }
 
   /**
    * @override
@@ skipping 13 matching lines @@
   }
 
   /**
    * @override
    * @param {number} itemIndex
    * @param {string} query
    * @return {number}
    */
   itemScoreAt(itemIndex, query) {
     var command = this._commands[itemIndex];
-    var opcodes = WebInspector.Diff.charDiff(query.toLowerCase(), command.title().toLowerCase());
+    var opcodes = Diff.Diff.charDiff(query.toLowerCase(), command.title().toLowerCase());
     var score = 0;
     // Score longer sequences higher.
     for (var i = 0; i < opcodes.length; ++i) {
-      if (opcodes[i][0] === WebInspector.Diff.Operation.Equal)
+      if (opcodes[i][0] === Diff.Diff.Operation.Equal)
         score += opcodes[i][1].length * opcodes[i][1].length;
     }
 
     // Score panel/drawer reveals above regular actions.
     if (command.category().startsWith('Panel'))
       score += 2;
     else if (command.category().startsWith('Drawer'))
       score += 1;
 
     return score;
   }
 
   /**
    * @override
    * @param {number} itemIndex
    * @param {string} query
    * @param {!Element} titleElement
    * @param {!Element} subtitleElement
    */
   renderItem(itemIndex, query, titleElement, subtitleElement) {
     var command = this._commands[itemIndex];
     titleElement.removeChildren();
     var tagElement = titleElement.createChild('span', 'tag');
-    var index = String.hashCode(command.category()) % WebInspector.CommandMenuDelegate.MaterialPaletteColors.length;
-    tagElement.style.backgroundColor = WebInspector.CommandMenuDelegate.MaterialPaletteColors[index];
+    var index = String.hashCode(command.category()) % UI.CommandMenuDelegate.MaterialPaletteColors.length;
+    tagElement.style.backgroundColor = UI.CommandMenuDelegate.MaterialPaletteColors[index];
     tagElement.textContent = command.category();
     titleElement.createTextChild(command.title());
     this.highlightRanges(titleElement, query);
     subtitleElement.textContent = command.shortcut();
   }
 
   /**
    * @override
    * @param {?number} itemIndex
    * @param {string} promptValue
@@ skipping 12 matching lines @@
 
   /**
    * @override
    * @return {boolean}
    */
   renderMonospace() {
     return false;
   }
 };
 
-WebInspector.CommandMenuDelegate.MaterialPaletteColors = [
+UI.CommandMenuDelegate.MaterialPaletteColors = [
   '#F44336', '#E91E63', '#9C27B0', '#673AB7', '#3F51B5', '#03A9F4', '#00BCD4', '#009688', '#4CAF50', '#8BC34A',
   '#CDDC39', '#FFC107', '#FF9800', '#FF5722', '#795548', '#9E9E9E', '#607D8B'
 ];
 
 /**
  * @unrestricted
  */
-WebInspector.CommandMenu.Command = class {
+UI.CommandMenu.Command = class {
   /**
    * @param {string} category
    * @param {string} title
    * @param {string} key
    * @param {string} shortcut
    * @param {function()} executeHandler
    * @param {function()=} availableHandler
    */
   constructor(category, title, key, shortcut, executeHandler, availableHandler) {
     this._category = category;
@@ skipping 38 matching lines @@
   available() {
     return this._availableHandler ? this._availableHandler() : true;
   }
 
   execute() {
     this._executeHandler();
   }
 };
 
 
-/** @type {!WebInspector.CommandMenu} */
-WebInspector.commandMenu = new WebInspector.CommandMenu();
+/** @type {!UI.CommandMenu} */
+UI.commandMenu = new UI.CommandMenu();
 
 /**
- * @implements {WebInspector.ActionDelegate}
+ * @implements {UI.ActionDelegate}
  * @unrestricted
  */
-WebInspector.CommandMenu.ShowActionDelegate = class {
+UI.CommandMenu.ShowActionDelegate = class {
   /**
    * @override
-   * @param {!WebInspector.Context} context
+   * @param {!UI.Context} context
    * @param {string} actionId
    * @return {boolean}
    */
   handleAction(context, actionId) {
-    new WebInspector.FilteredListWidget(new WebInspector.CommandMenuDelegate()).showAsDialog();
+    new UI.FilteredListWidget(new UI.CommandMenuDelegate()).showAsDialog();
     InspectorFrontendHost.bringToFront();
     return true;
   }
 };