before esbuild

frontend/package.json

@@ -17,10 +17,10 @@
 		"filter-classes": "node filterTailwindClasses.js"
 	},
 	"devDependencies": {
+		"@codesandbox/sandpack-client": "^2.19.8",
 		"@floating-ui/core": "^1.3.1",
 		"@hey-api/openapi-ts": "^0.43.0",
 		"@playwright/test": "^1.34.3",
-		"@codesandbox/sandpack-client": "^2.19.8",
 		"@rgossiaux/svelte-headlessui": "^2.0.0",
 		"@sveltejs/adapter-static": "^3.0.6",
 		"@sveltejs/kit": "^2.9.0",
@@ -114,6 +114,7 @@
 		"date-fns": "^2.30.0",
 		"diff": "^5.1.0",
 		"driver.js": "^1.3.0",
+		"esbuild-wasm": "0.24.2",
 		"esm-env": "^1.0.0",
 		"fast-equals": "^5.0.1",
 		"graphql": "^16.7.1",

frontend/src/lib/components/raw_apps/EsbuildBundler.ts

@@ -0,0 +1,15 @@
+import * as esbuild from 'esbuild-wasm'
+
+let initialized = false
+
+export async function initializeEsbuild() {
+	if (!initialized) {
+		await esbuild.initialize({
+			wasmURL: 'https://unpkg.com/esbuild-wasm/esbuild.wasm', // Use a CDN for simplicity
+			worker: true
+		})
+		initialized = true
+	}
+}
+
+export { esbuild }

frontend/src/lib/components/raw_apps/RawAppEditor.svelte

@@ -457,7 +457,6 @@ export function getJob(id: string): Promise<Job>
 								onPackageJsonChange()
 							}}
 							on:change={() => {
-								console.log('bar')
 								timeout && clearTimeout(timeout)
 								timeout = setTimeout(() => {
 									onContentChange()