Add support for 7 compression plugins

.vscode/settings.json

@@ -7,7 +7,7 @@
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
 
   "typescript.tsdk": "node_modules/typescript/lib",

app/Viewer.tsx

@@ -1,7 +1,7 @@
 import { App } from '@h5web/app';
 import { H5WasmProvider } from '@h5web/h5wasm';
 import { suspend } from 'suspend-react';
-import { getExportURL } from './utils';
+import { getExportURL, getPlugin } from './utils';
 import { type FileInfo } from '../src/models.js';
 
 interface Props {
@@ -10,6 +10,7 @@ interface Props {
 
 function Viewer(props: Props) {
   const { fileInfo } = props;
+  const { supportedPlugins } = fileInfo;
 
   const buffer = suspend(async () => {
     const res = await fetch(fileInfo.uri);
@@ -21,6 +22,7 @@ function Viewer(props: Props) {
       filename={fileInfo.name}
       buffer={buffer}
       getExportURL={getExportURL}
+      getPlugin={async (name) => getPlugin(supportedPlugins[name])}
     >
       <App />
     </H5WasmProvider>

app/utils.ts

@@ -56,3 +56,14 @@ export const getExportURL: GetExportURL = (
 
   return undefined;
 };
+
+export async function getPlugin(
+  url: string | undefined
+): Promise<ArrayBuffer | undefined> {
+  if (!url) {
+    return undefined;
+  }
+
+  const response = await fetch(url);
+  return response.arrayBuffer();
+}

package.json

@@ -24,13 +24,10 @@
     "Visualization"
   ],
   "engines": {
-    "node": "18.x",
-    "pnpm": ">=8.6.0",
-    "vscode": ">=1.47.0"
+    "node": "20.x",
+    "pnpm": "8.x",
+    "vscode": ">=1.86.0"
   },
-  "activationEvents": [
-    "onCustomEditor:h5web.viewer"
-  ],
   "contributes": {
     "customEditors": [
       {
@@ -59,25 +56,26 @@
   "scripts": {
     "build": "pnpm build:app && pnpm build:extension --minify",
     "build:app": "vite build",
-    "build:extension": "esbuild ./src/extension.ts --bundle --outfile=out/main.js --external:vscode --format=cjs --platform=node",
+    "build:extension": "esbuild ./src/extension.ts --bundle --outfile=out/main.js --external:vscode --loader:.so=file --format=cjs --platform=node",
     "watch": "pnpm build:extension --sourcemap --watch",
     "prettier": "prettier . --cache --check",
     "vscode:prepublish": "pnpm build",
     "pub": "pnpx vsce publish --no-dependencies"
   },
   "dependencies": {
-    "@h5web/app": "10.0.0",
-    "@h5web/h5wasm": "10.0.0",
+    "@h5web/app": "10.1.0",
+    "@h5web/h5wasm": "10.1.0",
     "@react-hookz/web": "15.0.1",
     "axios": "0.27.2",
+    "h5wasm-plugins": "0.0.3",
     "normalize.css": "8.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-error-boundary": "3.1.4",
     "suspend-react": "0.0.8"
   },
   "devDependencies": {
-    "@types/node": "^18.15.11",
+    "@types/node": "^20.10.5",
     "@types/react": "^18.2.25",
     "@types/react-dom": "^18.2.10",
     "@types/vscode": "~1.47.0",