Merge pull request #62 from yomaytk/xterm

Add sample html script for xterm-pty.
yomaytk · Oct 23, 2024 · ec6dac1 · ec6dac1
2 parents 6433366 + d5e3513
commit ec6dac1
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -116,4 +116,6 @@ examples/tests
 
 # release
 SHA*
-elfconv-v*
+elfconv-v*
+
+!examples/browser/exe.html
diff --git a/examples/browser/exe.html b/examples/browser/exe.html
@@ -0,0 +1,29 @@
+<!-- requires ./exe.js ./exe.wasm -->
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/xterm.css" />
+  </head>
+  <body>
+    <div id="terminal"></div>
+    <script type="module">
+      import 'https://cdn.jsdelivr.net/npm/[email protected]/lib/xterm.min.js';
+      import 'https://cdn.jsdelivr.net/npm/[email protected]/index.js';
+      import initEmscripten from './exe.js';
+
+      var xterm = new Terminal();
+      xterm.open(document.getElementById('terminal'));
+
+      // Create master/slave objects
+      const { master, slave } = openpty();
+
+      // Connect the master object to xterm.js
+      xterm.loadAddon(master);
+
+      await initEmscripten({
+        pty: slave
+      });
+    </script>
+  </body>
+</html>