veslx 0.0.15 → 0.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veslx",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "type": "module",
   "bin": {
     "veslx": "bin/veslx.ts"

package/vite.config.ts

@@ -10,19 +10,40 @@ import remarkGfm from 'remark-gfm'
 import remarkMdxFrontmatter from 'remark-mdx-frontmatter'
 import { fileURLToPath } from 'url'
 import path from 'path'
-import { createRequire } from 'module'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
-const require = createRequire(import.meta.url)
 
-// Resolve these packages from veslx's own node_modules to avoid CommonJS/ESM interop issues
-const resolveFromVeslx = (pkg: string) => path.dirname(require.resolve(`${pkg}/package.json`))
+// CommonJS packages that need default export shimming when served via /@fs/
+const cjsPackages = ['extend', 'acorn-jsx', 'bail', 'trough', 'is-plain-obj']
 
 export default defineConfig({
   clearScreen: false,
   cacheDir: path.join(__dirname, 'node_modules/.vite'),
   publicDir: path.join(__dirname, 'public'),
   plugins: [
+    // Plugin to fix CommonJS default exports when served via /@fs/
+    {
+      name: 'fix-cjs-default-export',
+      enforce: 'pre',
+      transform(code, id) {
+        // Only process CommonJS files from node_modules served via /@fs/
+        if (!id.includes('node_modules') || !id.endsWith('.js')) return null
+
+        // Check if it's a problematic CJS package
+        const isCjsPackage = cjsPackages.some(pkg => id.includes(`/${pkg}/`))
+        if (!isCjsPackage) return null
+
+        // Check if it's a CommonJS module (has module.exports but no export default)
+        if (code.includes('module.exports') && !code.includes('export default') && !code.includes('export {')) {
+          // Wrap the CommonJS module to provide a default export
+          return {
+            code: `${code}\nexport default module.exports;`,
+            map: null
+          }
+        }
+        return null
+      }
+    },
     tailwindcss(),
     // MDX must run before Vite's default transforms
     {
@@ -43,15 +64,6 @@ export default defineConfig({
   resolve: {
     alias: {
       '@': path.join(__dirname, 'src'),
-      // Force these CommonJS packages to resolve from veslx's node_modules
-      // to ensure consistent ESM interop when running from installed package
-      'acorn-jsx': resolveFromVeslx('acorn-jsx'),
-      'acorn': resolveFromVeslx('acorn'),
-      'recma-jsx': resolveFromVeslx('recma-jsx'),
-      'recma-parse': resolveFromVeslx('recma-parse'),
-      'recma-stringify': resolveFromVeslx('recma-stringify'),
-      'micromark-extension-mdxjs': resolveFromVeslx('micromark-extension-mdxjs'),
-      'estree-util-to-js': resolveFromVeslx('estree-util-to-js'),
     },
   },
   server: {
@@ -71,6 +83,7 @@ export default defineConfig({
   },
   optimizeDeps: {
     entries: [path.join(__dirname, 'src/main.tsx')],
+    // Include all CommonJS dependencies that need ESM conversion
     include: [
       'react',
       'react-dom',
@@ -78,6 +91,7 @@ export default defineConfig({
       'react/jsx-runtime',
       'react/jsx-dev-runtime',
       '@mdx-js/react',
+      '@mdx-js/mdx',
       'react-router-dom',
       'acorn-jsx',
       'acorn',
@@ -89,6 +103,11 @@ export default defineConfig({
       'style-to-js',
       'style-to-object',
       'debug',
+      'unified',
+      'extend',
+      'bail',
+      'trough',
+      'vfile',
     ],
   },
 })