use module workers

Author: Rich-Harris

packages/editor/src/lib/compile-worker/index.ts

@@ -1,5 +1,4 @@
 import { BROWSER } from 'esm-env';
-import CompileWorker from './worker?worker';
 import type { Compiled, File } from '../Workspace.svelte';
 
 const callbacks = new Map<string, Map<number, (compiled: Compiled) => void>>();
@@ -9,7 +8,9 @@ let worker: Worker;
 let uid = 1;
 
 if (BROWSER) {
-	worker = new CompileWorker();
+	worker = new Worker(new URL('./worker.ts'), {
+		type: 'module'
+	});
 
 	worker.addEventListener('message', (event) => {
 		const { filename, id, payload } = event.data;

packages/repl/src/lib/Bundler.ts

@@ -1,6 +1,4 @@
-import type { CompileOptions } from 'svelte/compiler';
 import type { BundleResult } from './workers/bundler';
-import Worker from './workers/bundler/index.js?worker';
 import type { BundleMessageData } from './workers/workers';
 import type { File } from 'editor';
 
@@ -27,7 +25,10 @@ export default class Bundler {
 		this.hash = `${packages_url}:${svelte_version}`;
 
 		if (!workers.has(this.hash)) {
-			const worker = new Worker();
+			const worker = new Worker(new URL('./workers/bundler/index.ts', import.meta.url), {
+				type: 'module'
+			});
+
 			worker.postMessage({ type: 'init', packages_url, svelte_version });
 			workers.set(this.hash, worker);
 		}