Redo onFetchCdnFile

Author: johnsoncodehk

src/monaco/env.ts

@@ -41,6 +41,12 @@ export function initMonaco(store: Store) {
   initted = true
 }
 
+export class WorkerHost {
+  onFetchCdnFile(uri: string, text: string) {
+    getOrCreateModel(Uri.parse(uri), undefined, text)
+  }
+}
+
 let disposeVue: undefined | (() => void)
 export async function reloadLanguageTools(store: Store) {
   disposeVue?.()
@@ -74,6 +80,7 @@ export async function reloadLanguageTools(store: Store) {
   const worker = editor.createWebWorker<LanguageService>({
     moduleId: 'vs/language/vue/vueWorker',
     label: 'vue',
+    host: new WorkerHost(),
     createData: {
       tsconfig: store.getTsConfig?.() || {},
       dependencies,

src/monaco/vue.worker.ts

@@ -12,7 +12,7 @@ import {
   createVueLanguagePlugin,
   resolveVueCompilerOptions,
 } from '@vue/language-service'
-import type { WorkerMessage } from './env'
+import type { WorkerHost, WorkerMessage } from './env'
 import { URI } from 'vscode-uri'
 
 export interface CreateData {
@@ -36,7 +36,7 @@ self.onmessage = async (msg: MessageEvent<WorkerMessage>) => {
 
   worker.initialize(
     (
-      ctx: monaco.worker.IWorkerContext,
+      ctx: monaco.worker.IWorkerContext<WorkerHost>,
       {
         tsconfig,
         // TODO
@@ -58,7 +58,12 @@ self.onmessage = async (msg: MessageEvent<WorkerMessage>) => {
         tsconfig.vueCompilerOptions || {},
       )
 
-      activateAutomaticTypeAcquisition(env, { asFileName })
+      activateAutomaticTypeAcquisition(env, { asFileName }, (path, content) => {
+        ctx.host.onFetchCdnFile(
+          asUri('/node_modules/' + path).toString(),
+          content,
+        )
+      })
 
       return createTypeScriptWorkerService({
         typescript: ts,