Skip to content

Commit b3ee84a

Browse files
authored
add ttyd log (#6)
* update * test * build html
1 parent 2faadbc commit b3ee84a

File tree

3 files changed

+16317
-16223
lines changed

3 files changed

+16317
-16223
lines changed

html/src/components/terminal/xterm/index.ts

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -494,6 +494,9 @@ export class Xterm {
494494
try {
495495
this.terminal.loadAddon(this.canvasAddon);
496496
console.log('[ttyd] canvas renderer loaded');
497+
console.log('[ttyd] custom:ttydReady event dispatched');
498+
const customReady = new CustomEvent('custom:ttydReady');
499+
window.dispatchEvent(customReady);
497500
} catch (e) {
498501
console.log('[ttyd] canvas renderer could not be loaded, falling back to dom renderer', e);
499502
disposeCanvasRenderer();
@@ -509,13 +512,14 @@ export class Xterm {
509512
});
510513
terminal.loadAddon(this.webglAddon);
511514
console.log('[ttyd] WebGL renderer loaded');
515+
console.log('[ttyd] custom:ttydReady event dispatched');
516+
const customReady = new CustomEvent('custom:ttydReady');
517+
window.dispatchEvent(customReady);
512518
} catch (e) {
513519
console.log('[ttyd] WebGL renderer could not be loaded, falling back to canvas renderer', e);
514520
disposeWebglRenderer();
515521
enableCanvasRenderer();
516522
}
517-
const customReady = new CustomEvent('custom:ttydReady');
518-
window.dispatchEvent(customReady);
519523
};
520524

521525
switch (value) {
@@ -529,6 +533,7 @@ export class Xterm {
529533
disposeWebglRenderer();
530534
disposeCanvasRenderer();
531535
console.log('[ttyd] dom renderer loaded');
536+
console.log('[ttyd] custom:ttydReady event dispatched');
532537
break;
533538
default:
534539
break;

html/src/template.html

Lines changed: 28 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,41 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
67
<meta name="mobile-web-app-capable" content="yes">
7-
<title><%= htmlWebpackPlugin.options.title %></title>
8+
<title>
9+
<%= htmlWebpackPlugin.options.title %>
10+
</title>
811
<link inline rel="icon" type="image/png" href="favicon.png">
912
<% for (const css in htmlWebpackPlugin.files.css) { %>
10-
<link inline rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.files.css[css] %>">
11-
<% } %>
13+
<link inline rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.files.css[css] %>">
14+
<% } %>
1215
</head>
16+
1317
<body>
14-
<script type="text/javascript">
15-
window.addEventListener('custom:ttydReady', (event) => {
16-
window.parent.postMessage({ ttyd: 'ready' }, '*')
18+
<script type="text/javascript">
19+
window.addEventListener('custom:ttydReady', (event) => {
20+
console.log('[ttyd] custom:ttydReady event received')
21+
window.parent.postMessage({ ttyd: 'ready' }, '*')
1722

18-
})
19-
window.addEventListener("message", (e) => {
20-
try {
21-
if (e.data.command) {
22-
window.term.paste(e.data.command)
23-
document.querySelector("textarea.xterm-helper-textarea").dispatchEvent(new KeyboardEvent('keypress', { charCode: 13 }))
23+
})
24+
window.addEventListener("message", (e) => {
25+
console.log('[ttyd] message event received', e)
26+
try {
27+
if (e.data.command) {
28+
window.term.paste(e.data.command)
29+
document.querySelector("textarea.xterm-helper-textarea").dispatchEvent(new KeyboardEvent('keypress', { charCode: 13 }))
30+
}
31+
} catch (error) {
32+
window.parent.postMessage({ ttyd: "error" }, "*")
2433
}
25-
} catch (error) {
26-
window.parent.postMessage({ ttyd: "error" }, "*")
27-
}
28-
})
29-
</script>
30-
<% for (const js in htmlWebpackPlugin.files.js) { %>
31-
<script inline type="text/javascript" src="<%= htmlWebpackPlugin.files.js[js] %>"></script>
32-
<% } %>
34+
})
35+
</script>
36+
<% for (const js in htmlWebpackPlugin.files.js) { %>
37+
<script inline type="text/javascript" src="<%= htmlWebpackPlugin.files.js[js] %>"></script>
38+
<% } %>
3339
</body>
34-
</html>
40+
41+
</html>

0 commit comments

Comments
 (0)