fix: bundle things better so not to cause errors (#903)

* fix: worker yielding

* Revert "feat: split codes even more (#889)"

This reverts commit 74da322.

* add

* add

Author: baseplate-admin

src/frontend/package-lock.json

@@ -91,6 +91,7 @@
 		"tailwind-merge": "^3.5.0",
 		"tailwind-variants": "^3.2.2",
 		"tailwindcss": "^4.2.4",
+		"terser": "^5.46.2",
 		"tw-animate-css": "^1.4.0",
 		"typescript": "^6.0.3",
 		"typescript-eslint": "^8.59.1",

src/frontend/package.json

@@ -1,25 +1,25 @@
 <script lang="ts">
-	import { onDestroy } from 'svelte';
-
-	const { EditorView, lineNumbers, highlightActiveLine } = await import('@codemirror/view');
-	const { EditorState, Compartment } = await import('@codemirror/state');
-	const {
+	import { EditorView, lineNumbers, highlightActiveLine } from '@codemirror/view';
+	import { EditorState, Compartment } from '@codemirror/state';
+	import {
 		LanguageDescription,
 		syntaxHighlighting,
 		HighlightStyle,
 		bracketMatching,
 		foldGutter
-	} = await import('@codemirror/language');
-	const { tags } = await import('@lezer/highlight');
-	const { languages } = await import('@codemirror/language-data');
+	} from '@codemirror/language';
+	import { tags } from '@lezer/highlight';
+	import { languages } from '@codemirror/language-data';
+	import { onDestroy } from 'svelte';
 
 	let { text, filename } = $props<{
 		text: string;
 		filename: string;
 	}>();
 
 	let container: HTMLDivElement;
-	let view: any | undefined;
+	let view: EditorView | undefined;
+	const langCompartment = new Compartment();
 
 	// Material Ocean palette
 	const bg = '#0F111A';
@@ -142,8 +142,6 @@
 		{ tag: tags.invalid, color: red }
 	]);
 
-	const langCompartment = new Compartment();
-
 	$effect(() => {
 		if (!container) return;
 
@@ -174,10 +172,6 @@
 				});
 			});
 		}
-
-		return () => {
-			view?.destroy();
-		};
 	});
 
 	onDestroy(() => {