fix: use esm.sh for PR preview instead of surge.sh (#342)

Co-authored-by: Dsaquel <onoblet@nukk.ai>

Author: Dsaquel

src/composables/store.ts

@@ -51,8 +51,8 @@ export const useStore = (initial: Initial) => {
     : undefined
   const pr =
     new URLSearchParams(location.search).get('pr') ||
-    saved?._o?.styleSource?.split('-', 2)[1]
-  const prUrl = `https://preview-${pr}-element-plus.surge.sh/bundle/dist`
+    saved?._o?.styleSource?.match(/element-plus@([^/]+)/)?.[1]
+  const prUrl = `https://raw.esm.sh/pr/element-plus@${pr}/dist`
   const vuePr =
     new URLSearchParams(location.search).get('vue') || saved?._o?.vuePr
   const vuePrUrl = `https://esm.sh/pr`
@@ -89,7 +89,7 @@ export const useStore = (initial: Initial) => {
       importMap = mergeImportMap(importMap, {
         imports: {
           'element-plus': `${prUrl}/index.full.min.mjs`,
-          'element-plus/': 'unsupported',
+          'element-plus/': `https://raw.esm.sh/pr/element-plus@${pr}/`,
         },
       })
 

vite.config.ts

@@ -85,11 +85,12 @@ export default defineConfig({
 function patchVueWorker(code: string) {
   return `${code}
     const pr = new URL(location.href).searchParams.get('pr')
-    if(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\`) }
+        if (typeof args[0] === 'string' && /https:\\/\\/cdn\\.jsdelivr\\.net\\/npm\\/element-plus(@[^/]+)?\\//.test(args[0])) {
+          args[0] = args[0].replace(/https:\\/\\/cdn\\.jsdelivr\\.net\\/npm\\/element-plus(@[^/]+)?/, \`https://raw.esm.sh/pr/element-plus@\${pr}\`)
+        }
         return _fetch(...args)
       }
     }`