DevTools: introduce external service client (behind experiment).

third_party/WebKit/Source/devtools/front_end/terminal/TerminalWidget.js

Index: third_party/WebKit/Source/devtools/front_end/terminal/TerminalWidget.js
diff --git a/third_party/WebKit/Source/devtools/front_end/terminal/TerminalWidget.js b/third_party/WebKit/Source/devtools/front_end/terminal/TerminalWidget.js
new file mode 100644
index 0000000000000000000000000000000000000000..065f02cdba08a92e1d93983cd3198ba92482ad2f
--- /dev/null
+++ b/third_party/WebKit/Source/devtools/front_end/terminal/TerminalWidget.js
@@ -0,0 +1,139 @@
+// 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.
+
+/**
+ * @constructor
+ * @extends {WebInspector.VBox}
+ */
+WebInspector.TerminalWidget = function()
+{
+    WebInspector.VBox.call(this, false);
+    this.registerRequiredCSS("terminal/xterm.js/build/xterm.css");
+    this.registerRequiredCSS("terminal/terminal.css");
+    this.element.classList.add("terminal-root");
+    this.element.addEventListener("mousemove", this._mouseMove.bind(this), false);
+    this._init();
+    this._linkifier = new WebInspector.Linkifier();
+    this._linkifyFunction = this._linkifyURL.bind(this);
+}
+
+WebInspector.TerminalWidget.prototype = {
+    _init: function()
+    {
+        WebInspector.serviceManager.createService("Terminal").then(this._initialized.bind(this));
+    },
+
+    /**
+     * @param {?WebInspector.ServiceManager.Service} backend
+     */
+    _initialized: function(backend)
+    {
+        if (!backend) {
+            if (!this._unavailableLabel) {
+                this._unavailableLabel = this.element.createChild("div", "terminal-error-message fill");
+                this._unavailableLabel.createChild("div").textContent = WebInspector.UIString("Terminal service is not available");
+            }
+            if (this.isShowing())
+                setTimeout(this._init.bind(this), 2000);
+            return;
+        }
+
+        if (this._unavailableLabel) {
+            this._unavailableLabel.remove();
+            delete this._unavailableLabel;
+        }
+
+        this._backend = backend;
+
+        if (!this._term) {
+            this._term = new Terminal({ cursorBlink: true });
+            this._term.open(this.contentElement);
+            this._term.on("data", data => {
+                this._backend.send("write", { data: data });
+            });
+            this._term.fit();
+            this._term.on("resize", size => {
+                this._backend.send("resize", { cols: size.cols, rows: size.rows });
+            });
+        }
+
+        this._backend.send("init", { cols: this._term.cols, rows: this._term.rows });
+        this._backend.on("data", result => {
+            this._term.write(result.data);
+            this._linkifyUpToDate = false;
+        });
+        this._backend.on("disposed", this._disposed.bind(this));
+    },
+
+    _mouseMove: function()
+    {
+        if (this._linkifyUpToDate)
+            return;
+        if (this._term)
+            this._linkify();
+        this._linkifyUpToDate = true;
+    },
+
+    onResize: function()
+    {
+        if (this._term)
+            this._term.fit();
+    },
+
+    _disposed: function()
+    {
+        this._initialized(null);
+    },
+
+    /**
+     * @override
+     */
+    wasDetachedFromHierarchy: function()
+    {
+        if (this._backend)
+            this._backend.dispose();
+    },
+
+    _linkify: function()
+    {
+        if (!this._term)
+            return;
+        this._linkifier.reset();
+        var rows = this._term.rowContainer.children;
+        for (var i = 0; i < rows.length; i++)
+            this._linkifyTerminalLine(rows[i]);
+    },
+
+    /**
+     * @param {!Node} line
+     */
+    _linkifyTerminalLine: function(line)
+    {
+        var node = line.firstChild;
+        while (node) {
+            if (node.nodeType !== Node.TEXT_NODE) {
+                node = node.nextSibling;
+                continue;
+            }
+            var nextNode = node.nextSibling;
+            node.remove();
+            var linkified = WebInspector.linkifyStringAsFragmentWithCustomLinkifier(node.textContent, this._linkifyFunction);
+            line.insertBefore(linkified, nextNode);
+            node = nextNode;
+        }
+    },
+
+    /**
+     * @param {string} title
+     * @param {string} url
+     * @param {number=} lineNumber
+     * @param {number=} columnNumber
+     */
+    _linkifyURL: function(title, url, lineNumber, columnNumber)
+    {
+        return this._linkifier.linkifyScriptLocation(null, null, url, lineNumber || 0, columnNumber || 0);
+    },
+
+    __proto__: WebInspector.VBox.prototype
+}