w1n5t0n/memlnaut-nisps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(playground/audio): compile AudioWorklet via ?worker&url

Browse source 
addModule() was handed new URL('./nisps-processor.ts', import.meta.url), which
Vite copies as raw TypeScript (served as video/mp2t) instead of compiling it —
that pattern only bundles for new Worker(). Import the worklet with
?worker&url so Vite emits compiled, hashed .js. Fixes the synth engine failing
to load on meml.lnfinitemonkeys.org.
This commit is contained in:
monkey-w1n5t0n 2026-06-16 22:19:24 +02:00
parent 3c67d86019
commit f2562176fc
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
playground/src/audio/engine-host.ts
View file

@ -19,6 +19,12 @@
import type { EngineId } from '../ml/types';
// `?worker&url` makes Vite COMPILE the worklet TS→JS, bundle its imports, and
// hand back a hashed .js URL. Plain `new URL('./x.ts', import.meta.url)` does
// NOT work for audioWorklet.addModule (Vite only treats that as a worker entry
// for `new Worker(...)`) — it copies raw .ts, which the browser rejects.
import workletUrl from './worklet/nisps-processor.ts?worker&url';
const NISPS_WASM_URL = '/nisps.wasm';
const PROCESSOR_NAME = 'nisps-processor';
@ -102,10 +108,9 @@ export class EngineHost {
this.wasmBytes = await this.fetchWasm_();
}
// Register the processor module. Vite's `new URL(..., import.meta.url)`
// pattern bundles the worklet file correctly.
const procUrl = this.options.processorUrl ??
new URL('./worklet/nisps-processor.ts', import.meta.url).toString();
// Register the processor module. `workletUrl` is the Vite-compiled,
// bundled .js (see import note at top); addModule needs real JS, not raw TS.
const procUrl = this.options.processorUrl ?? workletUrl;
await this.ctx.audioWorklet.addModule(procUrl);
this.node = new AudioWorkletNode(this.ctx, PROCESSOR_NAME, {