feat: Add Monaco Editor workers and LSP utilities to enhance code editing features.

Author: remcostoeten

apps/desktop/src/main.tsx

@@ -3,6 +3,7 @@ import { getAppearanceSettings, applyAppearanceToDOM } from '@/shared/lib/appear
 import { loadFontPair } from '@/shared/lib/font-loader'
 import App from './App.tsx'
 import './index.css'
+import './monaco-workers'
 
 // Initialize appearance before rendering to prevent theme flash
 const settings = getAppearanceSettings()

apps/desktop/src/monaco-workers.ts

@@ -0,0 +1,26 @@
+import * as monaco from 'monaco-editor'
+import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
+import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
+import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker'
+import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'
+import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
+
+self.MonacoEnvironment = {
+    getWorker(_: any, label: string) {
+        if (label === 'json') {
+            return new jsonWorker()
+        }
+        if (label === 'css' || label === 'scss' || label === 'less') {
+            return new cssWorker()
+        }
+        if (label === 'html' || label === 'handlebars' || label === 'razor') {
+            return new htmlWorker()
+        }
+        if (label === 'typescript' || label === 'javascript') {
+            return new tsWorker()
+        }
+        return new editorWorker()
+    }
+}
+
+monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true)

apps/desktop/stats.html

@@ -32,6 +32,7 @@
 		"@google/generative-ai": "^0.24.1",
 		"@tauri-apps/plugin-dialog": "^2.6.0",
 		"glob": "^13.0.0",
+		"monaco-editor": "^0.55.1",
 		"sqlite3": "^5.1.7",
 		"zustand": "^5.0.10"
 	},