feat: self-host Monaco Editor assets instead of using CDN

Bundle Monaco Editor workers locally to avoid network issues in regions
where CDN access may be restricted or unreliable.

- Add monaco-editor and vite-plugin-monaco-editor dependencies
- Configure Vite to bundle Monaco workers (editor, json, html, css)
- Update loader config to use locally bundled Monaco instance

Author: adrgs

frontend/bun.lock

@@ -12,20 +12,22 @@
   },
   "dependencies": {
     "@heroui/react": "^2.8.7",
-    "@sentry/react": "^8.0.0",
     "@monaco-editor/react": "^4.7.0",
+    "@sentry/react": "^8.0.0",
     "@tanstack/react-query": "^5.90.16",
     "axios": "^1.13.2",
     "clsx": "^2.1.1",
     "esbuild": "^0.27.2",
     "flag-icons": "^7.5.0",
     "framer-motion": "^12.26.1",
     "lucide-react": "^0.562.0",
+    "monaco-editor": "^0.55.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-router-dom": "^7.12.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
+    "vite-plugin-monaco-editor": "^1.1.0",
     "zustand": "^5.0.10"
   },
   "devDependencies": {

frontend/package.json

@@ -7,14 +7,13 @@ import { BrowserRouter } from "react-router-dom";
 import { Toaster } from "sonner";
 import * as Sentry from "@sentry/react";
 import { loader } from "@monaco-editor/react";
+import * as monaco from "monaco-editor";
 import App from "./App";
 import "./index.css";
 import "flag-icons/css/flag-icons.min.css";
 
-// Configure and pre-initialize Monaco to prevent race conditions
-loader.config({
-  "vs/nls": { availableLanguages: { "*": "en" } },
-});
+// Use locally bundled Monaco instead of CDN (jsdelivr is blocked in some regions)
+loader.config({ monaco });
 
 // Pre-initialize Monaco - catches init errors at the source
 loader.init().catch(() => {

frontend/src/main.tsx

@@ -1,9 +1,20 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import monacoEditorPluginModule from "vite-plugin-monaco-editor";
+/* eslint-disable @typescript-eslint/no-explicit-any -- CJS module interop varies by runtime */
+const monacoEditorPlugin: any =
+  (monacoEditorPluginModule as any).default || monacoEditorPluginModule;
+/* eslint-enable @typescript-eslint/no-explicit-any */
 import path from "path";
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    monacoEditorPlugin({
+      // Only include the workers we need (editorWorkerService is required)
+      languageWorkers: ["editorWorkerService", "json", "html", "css"],
+    }),
+  ],
   // Load .env from parent directory (shared with backend for local dev)
   // In Docker builds, parent has no .env - Vite handles this gracefully
   envDir: path.resolve(__dirname, ".."),