fix, i think

Author: Rich-Harris

apps/svelte.dev/vite.config.ts

@@ -76,6 +76,9 @@ const config: UserConfig = {
 	ssr: {
 		noExternal: ['@sveltejs/site-kit', '@sveltejs/repl'],
 		external: ['shiki', '@shikijs/twoslash']
+	},
+	worker: {
+		format: 'es'
 	}
 };
 

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

@@ -8,7 +8,7 @@ let worker: Worker;
 let uid = 1;
 
 if (BROWSER) {
-	worker = new Worker(new URL('./worker.ts', import.meta.url), {
+	worker = new Worker(new URL('./worker', import.meta.url), {
 		type: 'module'
 	});
 

packages/repl/src/lib/Bundler.ts

@@ -25,7 +25,7 @@ export default class Bundler {
 		this.hash = `${packages_url}:${svelte_version}`;
 
 		if (!workers.has(this.hash)) {
-			const worker = new Worker(new URL('./workers/bundler/index.ts', import.meta.url), {
+			const worker = new Worker(new URL('./workers/bundler/index', import.meta.url), {
 				type: 'module'
 			});
 

packages/repl/src/lib/workers/bundler/index.ts

@@ -1,5 +1,4 @@
 import '@sveltejs/site-kit/polyfills';
-import * as tailwindcss from 'tailwindcss';
 import { walk } from 'zimmerframe';
 import '../patch_window';
 import { sleep } from '../../utils';
@@ -23,10 +22,6 @@ import type { Node } from 'estree';
 import { parseTar, type FileDescription } from 'tarparser';
 import { max } from './semver';
 
-import tailwind_preflight from 'tailwindcss/preflight.css?raw';
-import tailwind_theme from 'tailwindcss/theme.css?raw';
-import tailwind_utilities from 'tailwindcss/utilities.css?raw';
-
 // hack for magic-string and rollup inline sourcemaps
 // do not put this into a separate module and import it, would be treeshaken in prod
 self.window = self;
@@ -259,6 +254,12 @@ let previous: {
 let tailwind: Awaited<ReturnType<typeof init_tailwind>>;
 
 async function init_tailwind() {
+	const tailwindcss = await import('tailwindcss');
+
+	const { default: tailwind_preflight } = await import('tailwindcss/preflight.css?raw');
+	const { default: tailwind_theme } = await import('tailwindcss/theme.css?raw');
+	const { default: tailwind_utilities } = await import('tailwindcss/utilities.css?raw');
+
 	const tailwind_files: Record<string, string> = {
 		'tailwindcss/theme.css': tailwind_theme,
 		'tailwindcss/preflight.css': tailwind_preflight,

packages/site-kit/src/lib/search/SearchBox.svelte

@@ -36,7 +36,7 @@ It appears when the user clicks on the `Search` component or presses the corresp
 	const pending = new Set();
 
 	onMount(async () => {
-		worker = new Worker(new URL('./search-worker.ts', import.meta.url), {
+		worker = new Worker(new URL('./search-worker', import.meta.url), {
 			type: 'module'
 		});