DevTools: move DOMExtension.js into ui module.

Review-Url: https://codereview.chromium.org/2611843010
Cr-Commit-Position: refs/heads/master@{#442103}

third_party/WebKit/Source/devtools/BUILD.gn

@@ -324,7 +324,6 @@ all_devtools_files = [
   "front_end/persistence/FileSystemWorkspaceBinding.js",
   "front_end/persistence/Persistence.js",
   "front_end/persistence/PersistenceUtils.js",
-  "front_end/platform/DOMExtension.js",
   "front_end/platform/module.json",
   "front_end/platform/utilities.js",
   "front_end/platform/utilities.js",
@@ -579,6 +578,7 @@ all_devtools_files = [
   "front_end/ui/cssShadowSwatch.css",
   "front_end/ui/dialog.css",
   "front_end/ui/Dialog.js",
+  "front_end/ui/DOMExtension.js",
   "front_end/ui/DOMSyntaxHighlighter.js",
   "front_end/ui/DropDownMenu.js",
   "front_end/ui/dropTarget.css",

third_party/WebKit/Source/devtools/front_end/bindings/FileUtils.js

@@ -175,22 +175,6 @@ Bindings.ChunkedFileReader = class {
   }
 };
 
-/**
- * @param {function(!File)} callback
- * @return {!Node}
- */
-Bindings.createFileSelectorElement = function(callback) {
-  var fileSelectorElement = createElement('input');
-  fileSelectorElement.type = 'file';
-  fileSelectorElement.style.display = 'none';
-  fileSelectorElement.setAttribute('tabindex', -1);
-  fileSelectorElement.onchange = onChange;
-  function onChange(event) {
-    callback(fileSelectorElement.files[0]);
-  }
-  return fileSelectorElement;
-};
-
 /**
  * @implements {Common.OutputStream}
  * @unrestricted

third_party/WebKit/Source/devtools/front_end/formatter_worker.json

 {
     "modules": [
+        { "name": "platform", "type": "autostart" },
         { "name": "formatter_worker", "type": "autostart" },
         { "name": "gonzales", "type": "remote" }
     ],

third_party/WebKit/Source/devtools/front_end/formatter_worker/module.json

 {
+    "dependencies": [
+        "platform"
+    ],
     "scripts": [
-        "../platform/utilities.js",
         "../cm/headlesscodemirror.js",
         "../cm/css.js",
         "../cm/xml.js",

third_party/WebKit/Source/devtools/front_end/platform/module.json

@@ -2,7 +2,6 @@
     "dependencies": [
     ],
     "scripts": [
-        "utilities.js",
-        "DOMExtension.js"
+        "utilities.js"
     ]
 }

third_party/WebKit/Source/devtools/front_end/platform/utilities.js

@@ -1441,3 +1441,23 @@ Map.prototype.diff = function(other, isEqual) {
   }
   return {added: added, removed: removed, equal: equal};
 };
+
+/**
+ * TODO: move into its own module
+ * @param {function()} callback
+ * @suppressGlobalPropertiesCheck
+ */
+function runOnWindowLoad(callback) {
+  /**
+   * @suppressGlobalPropertiesCheck
+   */
+  function windowLoaded() {
+    self.removeEventListener('DOMContentLoaded', windowLoaded, false);
+    callback();
+  }
+
+  if (document.readyState === 'complete' || document.readyState === 'interactive')
+    callback();
+  else
+    self.addEventListener('DOMContentLoaded', windowLoaded, false);
+}

third_party/WebKit/Source/devtools/front_end/profiler/ProfilesPanel.js

@@ -487,7 +487,7 @@ Profiler.ProfilesPanel = class extends UI.PanelWithSidebar {
   _createFileSelectorElement() {
     if (this._fileSelectorElement)
       this.element.removeChild(this._fileSelectorElement);
-    this._fileSelectorElement = Bindings.createFileSelectorElement(this._loadFromFile.bind(this));
+    this._fileSelectorElement = UI.createFileSelectorElement(this._loadFromFile.bind(this));
     Profiler.ProfilesPanel._fileSelectorElement = this._fileSelectorElement;
     this.element.appendChild(this._fileSelectorElement);
   }

third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js

@@ -398,7 +398,7 @@ Timeline.TimelinePanel = class extends UI.Panel {
   _createFileSelector() {
     if (this._fileSelectorElement)
       this._fileSelectorElement.remove();
-    this._fileSelectorElement = Bindings.createFileSelectorElement(this._loadFromFile.bind(this));
+    this._fileSelectorElement = UI.createFileSelectorElement(this._loadFromFile.bind(this));
     this.element.appendChild(this._fileSelectorElement);
   }
 

third_party/WebKit/Source/devtools/front_end/platform/DOMExtension.js → third_party/WebKit/Source/devtools/front_end/ui/DOMExtension.js

@@ -812,22 +812,3 @@ function isEnterKey(event) {
 function isEscKey(event) {
   return event.keyCode === 27;
 }
-
-/**
- * @param {function()} callback
- * @suppressGlobalPropertiesCheck
- */
-function runOnWindowLoad(callback) {
-  /**
-   * @suppressGlobalPropertiesCheck
-   */
-  function windowLoaded() {
-    window.removeEventListener('DOMContentLoaded', windowLoaded, false);
-    callback();
-  }
-
-  if (document.readyState === 'complete' || document.readyState === 'interactive')
-    callback();
-  else
-    window.addEventListener('DOMContentLoaded', windowLoaded, false);
-}

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

@@ -2016,3 +2016,19 @@ UI.loadImage = function(url) {
 
 /** @type {!UI.ThemeSupport} */
 UI.themeSupport;
+
+/**
+ * @param {function(!File)} callback
+ * @return {!Node}
+ */
+UI.createFileSelectorElement = function(callback) {
+  var fileSelectorElement = createElement('input');
+  fileSelectorElement.type = 'file';
+  fileSelectorElement.style.display = 'none';
+  fileSelectorElement.setAttribute('tabindex', -1);
+  fileSelectorElement.onchange = onChange;
+  function onChange(event) {
+    callback(fileSelectorElement.files[0]);
+  }
+  return fileSelectorElement;
+};

third_party/WebKit/Source/devtools/front_end/ui/module.json

@@ -5,6 +5,7 @@
         "host"
     ],
     "scripts": [
+        "DOMExtension.js",
         "Widget.js",
         "View.js",
         "treeoutline.js",