feat: support fetching .d.ts files from PR bundles (#331)

Author: makedopamine

src/composables/store.ts

@@ -81,6 +81,7 @@ export const useStore = (initial: Initial) => {
   })
   const hideFile = !IS_DEV && !userOptions.showHidden
 
+  if(pr) useWorker(pr)
   const [nightly, toggleNightly] = useToggle(false)
   const builtinImportMap = computed<ImportMap>(() => {
     let importMap = genImportMap(versions, nightly.value)
@@ -290,4 +291,16 @@ export const useStore = (initial: Initial) => {
   return store as typeof store & typeof utils
 }
 
+function useWorker(pr: string) {
+  const _worker = window.Worker;
+  window.Worker = class extends _worker {
+    constructor(url: URL | string, options?: WorkerOptions) {
+      if(typeof url === 'string' && url.includes('vue.worker')) {
+        url = `${url}?pr=${pr}`
+      }
+      super(url, options);
+    }
+  }
+}
+
 export type Store = ReturnType<typeof useStore>

vite.config.ts

@@ -32,6 +32,29 @@ export default defineConfig({
     host: true,
   },
   plugins: [
+    {
+      name: 'vue.worker',
+      transform(code, id) {
+        if(id.includes('vue.worker')) {
+          code = `${code}
+            const pr = new URL(location.href).searchParams.get('pr')
+            if(pr) {
+              const _fetch = self.fetch
+              self.fetch = (...args) => {
+                const shouldReplace = args[0].startsWith("https://cdn.jsdelivr.net/npm/element-plus/es/")
+                if(shouldReplace) { args[0] = args[0].replace("https://cdn.jsdelivr.net/npm/element-plus", \`https://preview-\${pr}-element-plus.surge.sh/bundle\`) }
+                return _fetch(...args)
+              }
+            }`
+
+          return {
+            code, 
+            map: null
+          }
+        }
+
+      }
+    },
     vue({
       script: {
         defineModel: true,