render URLs in terminal output using xterm-addon-web-links (#59)

* render URLs in terminal output using xterm-addon-web-links * Update xtermjs --------- Co-authored-by: Reilly Grant <[email protected]>
GoogleChromeLabs · Aug 31, 2023 · fbb258a · fbb258a
1 parent d9bf6a1
commit fbb258a
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 16 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,8 +10,9 @@
   "dependencies": {
     "@types/w3c-web-serial": "^1.0.3",
     "web-serial-polyfill": "^1.0.14",
-    "xterm": "^5.0.0",
-    "xterm-addon-fit": "^0.6.0"
+    "xterm": "^5.2.1",
+    "xterm-addon-fit": "^0.7.0",
+    "xterm-addon-web-links": "^0.8.0"
   },
   "devDependencies": {
     "@types/web": "0.0.71",

diff --git a/src/index.ts b/src/index.ts
@@ -16,6 +16,7 @@
 
 import {Terminal} from 'xterm';
 import {FitAddon} from 'xterm-addon-fit';
+import {WebLinksAddon} from 'xterm-addon-web-links';
 import 'xterm/css/xterm.css';
 import {
   serial as polyfill, SerialPort as SerialPortPolyfill,
@@ -52,8 +53,12 @@ const bufferSize = 8 * 1024; // 8kB
 const term = new Terminal({
   scrollback: 10_000,
 });
+
 const fitAddon = new FitAddon();
 term.loadAddon(fitAddon);
+
+term.loadAddon(new WebLinksAddon());
+
 const encoder = new TextEncoder();
 let toFlush = '';
 term.onData((data) => {