Switch to wasm-pack build --target bundler and Vite plugins for loading WebAssembly component

[ntninja]

Fixes dev-mode. This makes use of native Vite capabilities to load the WebAssembly component and appears to be the recommended approach nowadays.

See: rustwasm/wasm-pack#1106 (comment)

[ekzhang]

Sweet, thanks! I hope this fixes the Docker build issue too, let's see.

Edit: It doesn't, I'll try to fix that in a separate PR!

[ekzhang]

Getting this error in npm run build in CI:

#25 10.67 rendering chunks...
#25 12.53 x Build failed in 11.28s
#25 12.53 error during build:
#25 12.53 [vite-plugin-top-level-await] missing field `ctxt`
#25 12.53     at Compiler.printSync (/usr/src/app/node_modules/@swc/core/index.js:194:29)
#25 12.53     at Object.printSync (/usr/src/app/node_modules/@swc/core/index.js:348:21)
#25 12.53     at /usr/src/app/node_modules/vite-plugin-top-level-await/dist/index.js:103:32
#25 12.53     at Array.map (<anonymous>)
#25 12.53     at Object.generateBundle (/usr/src/app/node_modules/vite-plugin-top-level-await/dist/index.js:95:57)
#25 12.53     at async Bundle.generate (file:///usr/src/app/node_modules/rollup/dist/es/shared/node-entry.js:18122:9)
#25 12.53     at async file:///usr/src/app/node_modules/rollup/dist/es/shared/node-entry.js:20661:27
#25 12.53     at async catchUnfinishedHookActions (file:///usr/src/app/node_modules/rollup/dist/es/shared/node-entry.js:20088:16)
#25 12.53     at async build (file:///usr/src/app/node_modules/vite/dist/node/chunks/dep-D8YhmIY-.js:65743:16)
#25 12.53     at async CAC.<anonymous> (file:///usr/src/app/node_modules/vite/dist/node/cli.js:828:5)
#25 ERROR: process "/bin/sh -c npm run build" did not complete successfully: exit code: 1

[ekzhang]

Hi @ntninja, thank you for contributing. I think the build is failing though after adding the vite-plugin-top-level-await in this PR, would you know why?

[ntninja]

Unfortunately there appears to be a regression between vite-plugin-top-level-await and recently released @swc/core 1.7.0:
Menci/vite-plugin-top-level-await#52

I’ve pinned @swc/core 1.6.* to work around this.

Sorry for the noise!

[ekzhang]

Hi @ntninja — it looks like it's still failing CI due to an issue with package installation in npm ci.

[ntninja]

It seems that the package-lock.json generated by NPM 9 (local) and NPM 10 (Dockerfile) slightly differs in regards to the directory dependency, which made the npm clean-install step fail.

[ekzhang]

Thank you!