fix: do not polyfill import.meta.url

docs/vite.config.ts

@@ -2,8 +2,8 @@ import { defineConfig } from 'vite'
 import prefresh from '@prefresh/vite'
 import { createConfig } from '../scripts/utils'
 
+const config = createConfig('preact', false, true)
 export default defineConfig({
-  ...createConfig('preact', false, true),
-  // @ts-expect-error
-  plugins: [prefresh()],
+  ...config,
+  plugins: [...(config.plugins || []), prefresh()],
 })

package.json

@@ -31,6 +31,7 @@
   "dependencies": {
     "element-in-view": "^0.1.0",
     "htm": "^3.0.4",
+    "magic-string": "^0.25.7",
     "marked": "^2.0.0",
     "preact": "^10.5.12",
     "prismjs": "^1.23.0"

scripts/utils.ts

@@ -4,6 +4,7 @@ import { rollup } from 'rollup'
 import dts from 'rollup-plugin-dts'
 import tsResolve from '@egoist/rollup-plugin-ts-resolve'
 import { UserConfig } from 'vite'
+import MagicString from 'magic-string'
 
 const pkg = JSON.parse(fs.readFileSync('./package.json', 'utf8'))
 
@@ -33,11 +34,32 @@ export const createConfig = (
       PRISM_VERSION: JSON.stringify(require('prismjs/package').version),
       PRISM_LANGUAGES: JSON.stringify(getPrismLanguages()),
     },
+    // plugins: [
+    //   {
+    //     name: 'import_meta_url',
+    //     enforce: 'post',
+    //     renderChunk(code) {
+    //       const index = code.indexOf('import_meta_url')
+
+    //       if (index === -1) return
+    //       const s = new MagicString(code)
+    //       s.overwrite(
+    //         index,
+    //         index + 'import_meta_url'.length,
+    //         'import.meta.url'
+    //       )
+    //       return {
+    //         code: s.toString(),
+    //         map: s.generateMap({ hires: true }),
+    //       }
+    //     },
+    //   },
+    // ],
     build: {
       emptyOutDir: false,
       minify,
       sourcemap: true,
-
+      target: 'esnext',
       rollupOptions: {
         preserveEntrySignatures: 'strict',
         input: isWebsite

src/markdown-component.ts

@@ -1,5 +1,6 @@
 export const MD_PROPS_KEY = `MD_C_PROPS`
 
+// prevent vite from shimming import.meta.url
 let docupUrl = import.meta.url
 if (import.meta.env.DEV) {
   // During dev it's not bundled

types.d.ts

@@ -20,3 +20,5 @@ interface Window {
   MD_C_PROPS: any
   _MD_COMPONENTS: Record<string, any>
 }
+
+declare const import_meta_url: string