OLD | NEW |
1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | |
5 /** | 4 /** |
6 * @constructor | 5 * @unrestricted |
7 * @extends {WebInspector.VBox} | |
8 */ | 6 */ |
9 WebInspector.TerminalWidget = function() | 7 WebInspector.TerminalWidget = class extends WebInspector.VBox { |
10 { | 8 constructor() { |
11 WebInspector.VBox.call(this, false); | 9 super(false); |
12 this.registerRequiredCSS("terminal/xterm.js/build/xterm.css"); | 10 this.registerRequiredCSS('terminal/xterm.js/build/xterm.css'); |
13 this.registerRequiredCSS("terminal/terminal.css"); | 11 this.registerRequiredCSS('terminal/terminal.css'); |
14 this.element.classList.add("terminal-root"); | 12 this.element.classList.add('terminal-root'); |
15 this.element.addEventListener("mousemove", this._mouseMove.bind(this), false
); | 13 this.element.addEventListener('mousemove', this._mouseMove.bind(this), false
); |
16 this._init(); | 14 this._init(); |
17 this._linkifier = new WebInspector.Linkifier(); | 15 this._linkifier = new WebInspector.Linkifier(); |
18 this._linkifyFunction = this._linkifyURL.bind(this); | 16 this._linkifyFunction = this._linkifyURL.bind(this); |
| 17 } |
| 18 |
| 19 _init() { |
| 20 WebInspector.serviceManager.createRemoteService('Terminal').then(this._initi
alized.bind(this)); |
| 21 } |
| 22 |
| 23 /** |
| 24 * @param {?WebInspector.ServiceManager.Service} backend |
| 25 */ |
| 26 _initialized(backend) { |
| 27 if (!backend) { |
| 28 if (!this._unavailableLabel) { |
| 29 this._unavailableLabel = this.element.createChild('div', 'terminal-error
-message fill'); |
| 30 this._unavailableLabel.createChild('div').textContent = |
| 31 WebInspector.UIString('Terminal service is not available'); |
| 32 } |
| 33 if (this.isShowing()) |
| 34 setTimeout(this._init.bind(this), 2000); |
| 35 return; |
| 36 } |
| 37 |
| 38 if (this._unavailableLabel) { |
| 39 this._unavailableLabel.remove(); |
| 40 delete this._unavailableLabel; |
| 41 } |
| 42 |
| 43 this._backend = backend; |
| 44 |
| 45 if (!this._term) { |
| 46 this._term = new Terminal({cursorBlink: true}); |
| 47 this._term.open(this.contentElement); |
| 48 this._term.on('data', data => { |
| 49 this._backend.send('write', {data: data}); |
| 50 }); |
| 51 this._term.fit(); |
| 52 this._term.on('resize', size => { |
| 53 this._backend.send('resize', {cols: size.cols, rows: size.rows}); |
| 54 }); |
| 55 } |
| 56 |
| 57 this._backend.send('init', {cols: this._term.cols, rows: this._term.rows}); |
| 58 this._backend.on('data', result => { |
| 59 this._term.write(result.data); |
| 60 this._linkifyUpToDate = false; |
| 61 }); |
| 62 this._backend.on('disposed', this._disposed.bind(this)); |
| 63 } |
| 64 |
| 65 _mouseMove() { |
| 66 if (this._linkifyUpToDate) |
| 67 return; |
| 68 if (this._term) |
| 69 this._linkify(); |
| 70 this._linkifyUpToDate = true; |
| 71 } |
| 72 |
| 73 /** |
| 74 * @override |
| 75 */ |
| 76 onResize() { |
| 77 if (this._term) |
| 78 this._term.fit(); |
| 79 } |
| 80 |
| 81 _disposed() { |
| 82 this._initialized(null); |
| 83 } |
| 84 |
| 85 /** |
| 86 * @override |
| 87 */ |
| 88 wasDetachedFromHierarchy() { |
| 89 if (this._backend) |
| 90 this._backend.dispose(); |
| 91 } |
| 92 |
| 93 _linkify() { |
| 94 if (!this._term) |
| 95 return; |
| 96 this._linkifier.reset(); |
| 97 var rows = this._term.rowContainer.children; |
| 98 for (var i = 0; i < rows.length; i++) |
| 99 this._linkifyTerminalLine(rows[i]); |
| 100 } |
| 101 |
| 102 /** |
| 103 * @param {!Node} line |
| 104 */ |
| 105 _linkifyTerminalLine(line) { |
| 106 var node = line.firstChild; |
| 107 while (node) { |
| 108 if (node.nodeType !== Node.TEXT_NODE) { |
| 109 node = node.nextSibling; |
| 110 continue; |
| 111 } |
| 112 var nextNode = node.nextSibling; |
| 113 node.remove(); |
| 114 var linkified = WebInspector.linkifyStringAsFragmentWithCustomLinkifier(no
de.textContent, this._linkifyFunction); |
| 115 line.insertBefore(linkified, nextNode); |
| 116 node = nextNode; |
| 117 } |
| 118 } |
| 119 |
| 120 /** |
| 121 * @param {string} title |
| 122 * @param {string} url |
| 123 * @param {number=} lineNumber |
| 124 * @param {number=} columnNumber |
| 125 */ |
| 126 _linkifyURL(title, url, lineNumber, columnNumber) { |
| 127 return this._linkifier.linkifyScriptLocation(null, null, url, lineNumber ||
0, columnNumber || 0); |
| 128 } |
19 }; | 129 }; |
20 | |
21 WebInspector.TerminalWidget.prototype = { | |
22 _init: function() | |
23 { | |
24 WebInspector.serviceManager.createRemoteService("Terminal").then(this._i
nitialized.bind(this)); | |
25 }, | |
26 | |
27 /** | |
28 * @param {?WebInspector.ServiceManager.Service} backend | |
29 */ | |
30 _initialized: function(backend) | |
31 { | |
32 if (!backend) { | |
33 if (!this._unavailableLabel) { | |
34 this._unavailableLabel = this.element.createChild("div", "termin
al-error-message fill"); | |
35 this._unavailableLabel.createChild("div").textContent = WebInspe
ctor.UIString("Terminal service is not available"); | |
36 } | |
37 if (this.isShowing()) | |
38 setTimeout(this._init.bind(this), 2000); | |
39 return; | |
40 } | |
41 | |
42 if (this._unavailableLabel) { | |
43 this._unavailableLabel.remove(); | |
44 delete this._unavailableLabel; | |
45 } | |
46 | |
47 this._backend = backend; | |
48 | |
49 if (!this._term) { | |
50 this._term = new Terminal({ cursorBlink: true }); | |
51 this._term.open(this.contentElement); | |
52 this._term.on("data", data => { | |
53 this._backend.send("write", { data: data }); | |
54 }); | |
55 this._term.fit(); | |
56 this._term.on("resize", size => { | |
57 this._backend.send("resize", { cols: size.cols, rows: size.rows
}); | |
58 }); | |
59 } | |
60 | |
61 this._backend.send("init", { cols: this._term.cols, rows: this._term.row
s }); | |
62 this._backend.on("data", result => { | |
63 this._term.write(result.data); | |
64 this._linkifyUpToDate = false; | |
65 }); | |
66 this._backend.on("disposed", this._disposed.bind(this)); | |
67 }, | |
68 | |
69 _mouseMove: function() | |
70 { | |
71 if (this._linkifyUpToDate) | |
72 return; | |
73 if (this._term) | |
74 this._linkify(); | |
75 this._linkifyUpToDate = true; | |
76 }, | |
77 | |
78 onResize: function() | |
79 { | |
80 if (this._term) | |
81 this._term.fit(); | |
82 }, | |
83 | |
84 _disposed: function() | |
85 { | |
86 this._initialized(null); | |
87 }, | |
88 | |
89 /** | |
90 * @override | |
91 */ | |
92 wasDetachedFromHierarchy: function() | |
93 { | |
94 if (this._backend) | |
95 this._backend.dispose(); | |
96 }, | |
97 | |
98 _linkify: function() | |
99 { | |
100 if (!this._term) | |
101 return; | |
102 this._linkifier.reset(); | |
103 var rows = this._term.rowContainer.children; | |
104 for (var i = 0; i < rows.length; i++) | |
105 this._linkifyTerminalLine(rows[i]); | |
106 }, | |
107 | |
108 /** | |
109 * @param {!Node} line | |
110 */ | |
111 _linkifyTerminalLine: function(line) | |
112 { | |
113 var node = line.firstChild; | |
114 while (node) { | |
115 if (node.nodeType !== Node.TEXT_NODE) { | |
116 node = node.nextSibling; | |
117 continue; | |
118 } | |
119 var nextNode = node.nextSibling; | |
120 node.remove(); | |
121 var linkified = WebInspector.linkifyStringAsFragmentWithCustomLinkif
ier(node.textContent, this._linkifyFunction); | |
122 line.insertBefore(linkified, nextNode); | |
123 node = nextNode; | |
124 } | |
125 }, | |
126 | |
127 /** | |
128 * @param {string} title | |
129 * @param {string} url | |
130 * @param {number=} lineNumber | |
131 * @param {number=} columnNumber | |
132 */ | |
133 _linkifyURL: function(title, url, lineNumber, columnNumber) | |
134 { | |
135 return this._linkifier.linkifyScriptLocation(null, null, url, lineNumber
|| 0, columnNumber || 0); | |
136 }, | |
137 | |
138 __proto__: WebInspector.VBox.prototype | |
139 }; | |
OLD | NEW |