Use esm image addon in demo

This commit is contained in:
Daniel Imms
2024-07-05 12:00:05 -07:00
parent 93bf18c5b0
commit 208d6e96f8
2 changed files with 5 additions and 7 deletions
+1 -1
View File
@@ -150,7 +150,7 @@ if (config.isDemoClient) {
"@xterm/addon-canvas": "./addons/addon-canvas/lib/xterm-addon-canvas.mjs", "@xterm/addon-canvas": "./addons/addon-canvas/lib/xterm-addon-canvas.mjs",
"@xterm/addon-clipboard": "./addons/addon-clipboard/lib/xterm-addon-clipboard.mjs", "@xterm/addon-clipboard": "./addons/addon-clipboard/lib/xterm-addon-clipboard.mjs",
"@xterm/addon-fit": "./addons/addon-fit/lib/xterm-addon-fit.mjs", "@xterm/addon-fit": "./addons/addon-fit/lib/xterm-addon-fit.mjs",
// "@xterm/addon-image": "./addons/addon-image/lib/xterm-addon-image.js", "@xterm/addon-image": "./addons/addon-image/lib/xterm-addon-image.mjs",
// "@xterm/addon-ligatures": "./addons/addon-ligatures/lib/xterm-addon-ligatures.js", // "@xterm/addon-ligatures": "./addons/addon-ligatures/lib/xterm-addon-ligatures.js",
"@xterm/addon-search": "./addons/addon-search/lib/xterm-addon-search.mjs", "@xterm/addon-search": "./addons/addon-search/lib/xterm-addon-search.mjs",
"@xterm/addon-serialize": "./addons/addon-serialize/lib/xterm-addon-serialize.mjs", "@xterm/addon-serialize": "./addons/addon-serialize/lib/xterm-addon-serialize.mjs",
+4 -6
View File
@@ -8,15 +8,14 @@
/// <reference path="../typings/xterm.d.ts"/> /// <reference path="../typings/xterm.d.ts"/>
// TODO: Move to regular import? // TODO: Move to regular import, currently it complains about the `fs` module
import { LigaturesAddon } from '../addons/addon-ligatures/out-esbuild/LigaturesAddon'; import { LigaturesAddon } from '../addons/addon-ligatures/out-esbuild/LigaturesAddon';
// DEBT: The image addon is not currently build with esbuild
// HACK: Playwright/WebKit on Windows does not support WebAssembly https://stackoverflow.com/q/62311688/1156119 // HACK: Playwright/WebKit on Windows does not support WebAssembly https://stackoverflow.com/q/62311688/1156119
import type { ImageAddonType, IImageAddonOptions } from '../addons/addon-image/out/ImageAddon'; import type { ImageAddon as ImageAddonType, IImageAddonOptions } from '@xterm/addon-image';
let ImageAddon: ImageAddonType | undefined; // eslint-disable-line @typescript-eslint/naming-convention let ImageAddon: typeof ImageAddonType | undefined; // eslint-disable-line @typescript-eslint/naming-convention
if ('WebAssembly' in window) { if ('WebAssembly' in window) {
const imageAddon = require('../addons/addon-image/out/ImageAddon'); const imageAddon = require('@xterm/addon-image');
ImageAddon = imageAddon.ImageAddon; ImageAddon = imageAddon.ImageAddon;
} }
@@ -25,7 +24,6 @@ import { AttachAddon } from '@xterm/addon-attach';
import { CanvasAddon } from '@xterm/addon-canvas'; import { CanvasAddon } from '@xterm/addon-canvas';
import { ClipboardAddon } from '@xterm/addon-clipboard'; import { ClipboardAddon } from '@xterm/addon-clipboard';
import { FitAddon } from '@xterm/addon-fit'; import { FitAddon } from '@xterm/addon-fit';
// import { ImageAddon } from '@xterm/addon-image';
// import { LigaturesAddon } from '@xterm/addon-ligatures'; // import { LigaturesAddon } from '@xterm/addon-ligatures';
import { SearchAddon, ISearchOptions } from '@xterm/addon-search'; import { SearchAddon, ISearchOptions } from '@xterm/addon-search';
import { SerializeAddon } from '@xterm/addon-serialize'; import { SerializeAddon } from '@xterm/addon-serialize';