fix: worker loader

Author: Col0ring

frontend/fixtures.d.ts

@@ -8,6 +8,14 @@ declare module '*?worker' {
   };
   export default workerConstructor;
 }
+
+declare module '*?worker&inline' {
+  const workerConstructor: {
+    new (options?: { name?: string }): Worker;
+  };
+  export default workerConstructor;
+}
+
 declare module '*?inline' {
   const string: string;
   export default string;

frontend/pro/monaco-editor/Index.svelte

@@ -78,11 +78,14 @@
     themeMode: gradio.theme,
   };
 
+  $: mode = _loader?.mode;
+  $: cdn_url = _loader?.cdn_url;
+
   $: awaitedLoader =
-    _loader?.mode === 'local'
+    mode === 'local'
       ? initLocalLoader()
-      : _loader?.cdn_url
-        ? initCDNLoader(_loader.cdn_url)
+      : cdn_url
+        ? initCDNLoader(cdn_url)
         : undefined;
 </script>
 

frontend/pro/monaco-editor/diff-editor/Index.svelte

@@ -80,11 +80,14 @@
     themeMode: gradio.theme,
   };
 
+  $: mode = _loader?.mode;
+  $: cdn_url = _loader?.cdn_url;
+
   $: awaitedLoader =
-    _loader?.mode === 'local'
+    mode === 'local'
       ? initLocalLoader()
-      : _loader?.cdn_url
-        ? initCDNLoader(_loader.cdn_url)
+      : cdn_url
+        ? initCDNLoader(cdn_url)
         : undefined;
 </script>
 

frontend/pro/monaco-editor/loader.ts

@@ -33,21 +33,21 @@ export async function initLocalLoader() {
   const [monaco, editorWorker, cssWorker, htmlWorker, jsonWorker, tsWorker] =
     await Promise.all([
       import('monaco-editor'),
-      import('monaco-editor/esm/vs/editor/editor.worker?worker').then(
+      import('monaco-editor/esm/vs/editor/editor.worker?worker&inline').then(
         (m) => m.default
       ),
-      import('monaco-editor/esm/vs/language/css/css.worker?worker').then(
-        (m) => m.default
-      ),
-      import('monaco-editor/esm/vs/language/html/html.worker?worker').then(
-        (m) => m.default
-      ),
-      import('monaco-editor/esm/vs/language/json/json.worker?worker').then(
-        (m) => m.default
-      ),
-      import('monaco-editor/esm/vs/language/typescript/ts.worker?worker').then(
+      import('monaco-editor/esm/vs/language/css/css.worker?worker&inline').then(
         (m) => m.default
       ),
+      import(
+        'monaco-editor/esm/vs/language/html/html.worker?worker&inline'
+      ).then((m) => m.default),
+      import(
+        'monaco-editor/esm/vs/language/json/json.worker?worker&inline'
+      ).then((m) => m.default),
+      import(
+        'monaco-editor/esm/vs/language/typescript/ts.worker?worker&inline'
+      ).then((m) => m.default),
     ]);
 
   window.MonacoEnvironment = {