update vite and sveltekit

frontend/copy_workers.sh

@@ -0,0 +1 @@
+cp -r node_modules/monaco-editor-workers/dist/workers static

frontend/package.json

@@ -36,6 +36,7 @@
 		"eslint-config-prettier": "^8.6.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"ol": "^7.2.2",
+		"monaco-editor-workers": "0.33.0",
 		"openapi-typescript-codegen": "^0.23.0",
 		"path-browserify": "^1.0.1",
 		"pdfjs-dist": "^3.4.120",
@@ -83,9 +84,7 @@
 		"lodash": "^4.17.21",
 		"lucide-svelte": "^0.115.0",
 		"monaco-editor": "0.33.0",
-		"monaco-editor-workers": "0.33.0",
 		"monaco-languageclient": "2.1.0",
-		"monaco-yaml": "^4.0.2",
 		"svelte-autosize": "^1.0.1",
 		"svelte-chartjs": "^3.1.0",
 		"svelte-portal": "^2.2.0",

frontend/src/lib/components/Editor.svelte

@@ -16,9 +16,6 @@
 	import { page } from '$app/stores'
 	import { sendUserToast } from '$lib/utils'
 
-	import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
-	import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
-
 	import { buildWorkerDefinition } from 'monaco-editor-workers'
 	import type {
 		Disposable,
@@ -89,26 +86,7 @@
 
 	const uri = `file:///tmp/monaco/${hash}.${langToExt(lang)}`
 
-	if (browser) {
-		if (dev) {
-			buildWorkerDefinition(
-				'../../../node_modules/monaco-editor-workers/dist/workers',
-				import.meta.url,
-				false
-			)
-		} else {
-			// @ts-ignore
-			self.MonacoEnvironment = {
-				getWorker: function (_moduleId: any, label: string) {
-					if (label === 'typescript' || label === 'javascript') {
-						return new tsWorker()
-					} else {
-						return new editorWorker()
-					}
-				}
-			}
-		}
-	}
+	buildWorkerDefinition('../../../workers', import.meta.url, false)
 
 	export function getCode(): string {
 		return editor?.getValue() ?? ''

frontend/src/lib/components/SimpleEditor.svelte

@@ -1,18 +1,12 @@
 <script lang="ts">
 	import { browser, dev } from '$app/environment'
 
-	import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
-	import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
-	import yamlWorker from 'monaco-yaml/yaml.worker?worker'
-	import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
-
-	import { buildWorkerDefinition } from 'monaco-editor-workers'
-
 	import { createEventDispatcher, onDestroy, onMount } from 'svelte'
 	import { createHash, editorConfig, langToExt, updateOptions } from '$lib/editorUtils'
 	import { languages, editor as meditor, KeyCode, KeyMod, Uri as mUri } from 'monaco-editor'
 
 	import libStdContent from '$lib/es5.d.ts.txt?raw'
+	import { buildWorkerDefinition } from 'monaco-editor-workers'
 
 	meditor.defineTheme('myTheme', {
 		base: 'vs',
@@ -57,30 +51,7 @@
 
 	const uri = `file:///${hash}.${langToExt(lang)}`
 
-	if (browser) {
-		if (dev) {
-			buildWorkerDefinition(
-				'../../../node_modules/monaco-editor-workers/dist/workers',
-				import.meta.url,
-				false
-			)
-		} else {
-			// @ts-ignore
-			self.MonacoEnvironment = {
-				getWorker: function (_moduleId: any, label: string) {
-					if (label === 'json') {
-						return new jsonWorker()
-					} else if (label === 'yaml') {
-						return new yamlWorker()
-					} else if (label === 'typescript' || label === 'javascript') {
-						return new tsWorker()
-					} else {
-						return new editorWorker()
-					}
-				}
-			}
-		}
-	}
+	buildWorkerDefinition('../../../workers', import.meta.url, false)
 
 	export function getCode(): string {
 		return editor?.getValue() ?? ''

frontend/src/lib/components/TemplateEditor.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
 	import { browser, dev } from '$app/environment'
-	import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
-	import { buildWorkerDefinition } from 'monaco-editor-workers'
 	import { createEventDispatcher, onDestroy, onMount } from 'svelte'
 	import {
 		convertKind,
@@ -13,7 +11,7 @@
 	} from '$lib/editorUtils'
 	import { languages, editor as meditor, Uri as mUri, Range } from 'monaco-editor'
 	import libStdContent from '$lib/es5.d.ts.txt?raw'
-	import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
+	import { buildWorkerDefinition } from 'monaco-editor-workers'
 
 	languages.typescript.javascriptDefaults.setCompilerOptions({
 		target: languages.typescript.ScriptTarget.Latest,
@@ -391,26 +389,7 @@
 
 	const uri = `file:///${hash}.ts`
 
-	if (browser) {
-		if (dev) {
-			buildWorkerDefinition(
-				'../../../node_modules/monaco-editor-workers/dist/workers',
-				import.meta.url,
-				false
-			)
-		} else {
-			// @ts-ignore
-			self.MonacoEnvironment = {
-				getWorker: function (_moduleId: any, label: string) {
-					if (label == 'typescript' || label == 'javascript') {
-						return new tsWorker()
-					} else {
-						return new editorWorker()
-					}
-				}
-			}
-		}
-	}
+	buildWorkerDefinition('../../../workers', import.meta.url, false)
 
 	export function insertAtCursor(code: string): void {
 		if (editor) {

frontend/src/routes/+layout.js

@@ -0,0 +1,2 @@
+export const ssr = false
+export const prerender = false

frontend/src/routes/+layout.svelte

@@ -1,8 +1,3 @@
-<script context="module">
-	export const ssr = false
-	export const prerender = false
-</script>
-
 <script lang="ts">
 	import { page } from '$app/stores'