1 files changed, 105 insertions, 0 deletions
diff --git a/devtools/client/webconsole/panel.js b/devtools/client/webconsole/panel.js
new file mode 100644
index 0000000000..7229c21a9d
--- /dev/null
+++ b/devtools/client/webconsole/panel.js
@@ -0,0 +1,105 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+loader.lazyRequireGetter(
+  this,
+  "WebConsole",
+  "resource://devtools/client/webconsole/webconsole.js"
+);
+loader.lazyGetter(this, "EventEmitter", () =>
+  require("resource://devtools/shared/event-emitter.js")
+);
+
+/**
+ * A DevToolPanel that controls the Web Console.
+ */
+function WebConsolePanel(iframeWindow, toolbox, commands) {
+  this._frameWindow = iframeWindow;
+  this._toolbox = toolbox;
+  this._commands = commands;
+  EventEmitter.decorate(this);
+}
+
+exports.WebConsolePanel = WebConsolePanel;
+
+WebConsolePanel.prototype = {
+  hud: null,
+
+  /**
+   * Called by the WebConsole's onkey command handler.
+   * If the WebConsole is opened, check if the JSTerm's input line has focus.
+   * If not, focus it.
+   */
+  focusInput() {
+    this.hud.jsterm.focus();
+  },
+
+  /**
+   * Open is effectively an asynchronous constructor.
+   *
+   * @return object
+   *         A promise that is resolved when the Web Console completes opening.
+   */
+  async open() {
+    try {
+      const parentDoc = this._toolbox.doc;
+      const iframe = parentDoc.getElementById(
+        "toolbox-panel-iframe-webconsole"
+      );
+
+      // Make sure the iframe content window is ready.
+      const win = iframe.contentWindow;
+      const doc = win && win.document;
+      if (!doc || doc.readyState !== "complete") {
+        await new Promise(resolve => {
+          iframe.addEventListener("load", resolve, {
+            capture: true,
+            once: true,
+          });
+        });
+      }
+
+      const webConsoleUIWindow = iframe.contentWindow.wrappedJSObject;
+      const chromeWindow = iframe.ownerDocument.defaultView;
+
+      // Open the Web Console.
+      this.hud = new WebConsole(
+        this._toolbox,
+        this._commands,
+        webConsoleUIWindow,
+        chromeWindow
+      );
+      await this.hud.init();
+
+      // Pipe 'reloaded' event from WebConsoleUI to WebConsolePanel.
+      // These events are listened by the Toolbox.
+      this.hud.ui.on("reloaded", () => {
+        this.emit("reloaded");
+      });
+    } catch (e) {
+      const msg = "WebConsolePanel open failed. " + e.error + ": " + e.message;
+      dump(msg + "\n");
+      console.error(msg, e);
+    }
+
+    return this;
+  },
+
+  get currentTarget() {
+    return this._toolbox.target;
+  },
+
+  destroy() {
+    if (!this._toolbox) {
+      return;
+    }
+    this.hud.destroy();
+    this.hud = null;
+    this._frameWindow = null;
+    this._toolbox = null;
+    this.emit("destroyed");
+  },
+};