Add image (imgcat) support in the terminal

ekzhang · Sep 11, 2023 · 403d9da · 403d9da
1 parent 0792c6b
commit 403d9da
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
  "sshx-xterm": "5.2.1",
  "svelte": "^3.59.2",
  "svelte-feather-icons": "^4.0.1",
+ "xterm-addon-image": "^0.5.0",
  "xterm-addon-web-links": "^0.8.0",
  "xterm-addon-webgl": "^0.15.0"
  },

diff --git a/src/lib/ui/XTerm.svelte b/src/lib/ui/XTerm.svelte
@@ -105,9 +105,13 @@
  $: term?.resize(cols, rows);
 
  onMount(async () => {
- const { Terminal } = await import("sshx-xterm");
- const { WebLinksAddon } = await import("xterm-addon-web-links");
- const { WebglAddon } = await import("xterm-addon-webgl");
+ const [{ Terminal }, { WebLinksAddon }, { WebglAddon }, { ImageAddon }] =
+ await Promise.all([
+ import("sshx-xterm"),
+ import("xterm-addon-web-links"),
+ import("xterm-addon-webgl"),
+ import("xterm-addon-image"),
+ ]);
 
  await waitForFonts();
 
@@ -148,6 +152,7 @@
 
  term.loadAddon(new WebLinksAddon());
  term.loadAddon(new WebglAddon());
+ term.loadAddon(new ImageAddon({ enableSizeReports: false }));
 
  term.open(termEl);