bertui 0.1.8 → 0.1.9

package/index.js

@@ -32,5 +32,5 @@ export default {
     buildCSS,
     copyCSS,
     program,
-    version: "0.1.8"
+    version: "0.1.9"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bertui",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Lightning-fast React dev server powered by Bun and Elysia",
   "type": "module",
   "main": "./index.js",

package/src/client/compiler.js

@@ -40,7 +40,7 @@ export async function compileProject(root) {
   const stats = await compileDirectory(srcDir, outDir, root);
   const duration = Date.now() - startTime;
   
-  // Generate router AFTER compilation so we reference .js files
+  // Generate router AFTER compilation
   if (routes.length > 0) {
     await generateRouter(routes, outDir, root);
     logger.info('Generated router.js');
@@ -104,7 +104,6 @@ async function discoverRoutes(pagesDir) {
 async function generateRouter(routes, outDir, root) {
   const imports = routes.map((route, i) => {
     const componentName = `Page${i}`;
-    // CRITICAL FIX: Import .js files (compiled), not .jsx
     const importPath = `./pages/${route.file.replace(/\.(jsx|tsx|ts)$/, '.js')}`;
     return `import ${componentName} from '${importPath}';`;
   }).join('\n');
@@ -198,14 +197,14 @@ async function compileFile(srcPath, outDir, filename, relativePath) {
   try {
     let code = await Bun.file(srcPath).text();
     
-    // Remove bertui/styles imports completely
+    // Remove bertui/styles imports
     code = code.replace(/import\s+['"]bertui\/styles['"]\s*;?\s*/g, '');
     
-    // Replace bertui/router imports with CDN React Router (we'll use a simpler approach)
-    // For now, keep the import as-is and handle it differently
-    
     const transpiler = new Bun.Transpiler({ loader });
-    const compiled = await transpiler.transform(code);
+    let compiled = await transpiler.transform(code);
+    
+    // CRITICAL FIX: Add .js extensions to all relative imports
+    compiled = fixRelativeImports(compiled);
     
     const outFilename = filename.replace(/\.(jsx|tsx|ts)$/, '.js');
     const outPath = join(outDir, outFilename);
@@ -216,4 +215,22 @@ async function compileFile(srcPath, outDir, filename, relativePath) {
     logger.error(`Failed to compile ${relativePath}: ${error.message}`);
     throw error;
   }
+}
+
+function fixRelativeImports(code) {
+  // Match import statements with relative paths that don't already have extensions
+  // Matches: import X from './path' or import X from '../path' 
+  // But NOT: import X from './path.js' or import X from 'package'
+  
+  const importRegex = /from\s+['"](\.\.[\/\\]|\.\/)((?:[^'"]+?)(?<!\.js|\.jsx|\.ts|\.tsx|\.json))['"];?/g;
+  
+  code = code.replace(importRegex, (match, prefix, path) => {
+    // Don't add .js if path already has an extension or ends with /
+    if (path.endsWith('/') || /\.\w+$/.test(path)) {
+      return match;
+    }
+    return `from '${prefix}${path}.js';`;
+  });
+  
+  return code;
 }