salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): boot Monaco diff workers via workerMain

Browse Source
This commit is contained in:
Shantur Rathore
2026-02-09 23:56:33 +00:00
parent b59e85abda
commit 01ab2f2794
2 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/ui/src/lib/monaco/setup.ts
View File

@@ -53,15 +53,22 @@ function ensureLoaderScript(): Promise<void> {
function configureWorkers() {
const globalAny = globalThis as any
if (globalAny.MonacoEnvironment?.getWorkerUrl) return
const prevEnv = globalAny.MonacoEnvironment ?? {}
// Monaco's AMD build no longer ships `editor.worker.js` (and language workers are
// `jsonWorker.js`, `cssWorker.js`, etc). The robust approach is to always boot
// `vs/base/worker/workerMain.js` and let it `require(...)` the requested module.
//
// Important: `workerMain.js` expects `MonacoEnvironment.baseUrl` to be the
// directory containing the `vs/` folder (so `/monaco/`, not `/monaco/vs`).
// Use a static worker bootstrap script rather than a `data:` URL.
// This avoids CSP issues and makes worker requests visible in DevTools.
const workerUrl = "/monaco.worker.js"
globalAny.MonacoEnvironment = {
getWorkerUrl(_moduleId: string, label: string) {
if (label === "json") return `${LOCAL_VS_ROOT}/language/json/json.worker.js`
if (label === "css" || label === "scss" || label === "less") return `${LOCAL_VS_ROOT}/language/css/css.worker.js`
if (label === "html" || label === "handlebars" || label === "razor") return `${LOCAL_VS_ROOT}/language/html/html.worker.js`
if (label === "typescript" || label === "javascript") return `${LOCAL_VS_ROOT}/language/typescript/ts.worker.js`
return `${LOCAL_VS_ROOT}/editor/editor.worker.js`
...prevEnv,
getWorkerUrl(_moduleId: string, _label: string) {
return workerUrl
},
}
}

7
packages/ui/src/renderer/public/monaco.worker.js Normal file
View File

@@ -0,0 +1,7 @@
// Monaco web worker bootstrap.
//
// `workerMain.js` expects `MonacoEnvironment.baseUrl` to be the directory that
// contains the `vs/` folder (so `/monaco/`, not `/monaco/vs`).
self.MonacoEnvironment = { baseUrl: "/monaco/" }
importScripts("/monaco/vs/base/worker/workerMain.js")