bertui 1.1.7 → 1.1.8

package/README.md

@@ -13,7 +13,7 @@ Zero configuration. 494ms dev server. 265ms builds. Perfect SEO with Server Isla
 [![Rust](https://img.shields.io/badge/optimizer-Rust-WASM-orange)](https://www.rust-lang.org)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
 
-```bash
+
 # One command. Zero config. Instant speed. 78% smaller images.
 bunx create-bertui my-app && cd my-app && bun run dev
 
@@ -106,13 +106,13 @@ export default function About() {
 
 At build time:
 
-    ✅ Generates static HTML for instant loading
+  ✅ Generates static HTML for instant loading
 
-    ✅ Auto-adds to sitemap.xml
+  ✅ Auto-adds to sitemap.xml
 
-    ✅ Perfect SEO without SSR complexity
+  ✅ Perfect SEO without SSR complexity
 
-    ✅ Still builds in 265ms
+  ✅ Still builds in 265ms
 
 🦀 Image Optimization (Just Works)
 
@@ -241,17 +241,17 @@ Rust Required ❌ NO  N/A N/A N/A
 
 Future packages (in development):
 
-    🔄 bertui-elysia - Full-stack addon (API routes, auth, database)
+  🔄 bertui-elysia - Full-stack addon (API routes, auth, database)
 
-    🎨 bertui-animation - GPU-accelerated animations (Zig)
+  🎨 bertui-animation - GPU-accelerated animations (Zig)
 
-    📊 bertui-charts - High-performance charts (Rust)
+  📊 bertui-charts - High-performance charts (Rust)
 
 🙏 Credits
 
-    Runtime: Bun - The fastest JavaScript runtime
+  Runtime: Bun - The fastest JavaScript runtime
 
-    Server: Elysia - Fast and elegant web framework
+  Server: Elysia - Fast and elegant web framework
 
     CSS: LightningCSS - Lightning-fast CSS processing
 

package/index.js

@@ -1,44 +1,61 @@
-// bertui/src/index.js - ONE EXPORT FILE TO RULE THEM ALL
+// ============================================
+// FILE: bertui/index.js (Located in root)
+// ============================================
 
 // Compiler
-export { compileProject } from './client/compiler.js';
-export { compileForBuild } from './build/compiler/index.js';
-export { discoverRoutes } from './build/compiler/route-discoverer.js';
+export { compileProject, compileFile } from './src/client/compiler.js';
+export { compileForBuild } from './src/build/compiler/index.js';
+export { discoverRoutes } from './src/build/compiler/route-discoverer.js';
 
 // HMR
-export { hmr } from './client/hmr-runtime.js';
+export { hmr } from './src/client/hmr-runtime.js';
 
-// Image Optimizer - RUST WASM (no Rust for users)
+// Image Optimizer
 export { 
   optimizeImage, 
   optimizeImagesBatch, 
   hasWasm, 
   version as optimizerVersion 
-} from './image-optimizer/index.js';
+} from './src/image-optimizer/index.js';
 
 // Build
-export { buildProduction } from './build.js';
-export { optimizeImages } from './build/image-optimizer.js';
+export { buildProduction } from './src/build.js';
+export { optimizeImages } from './src/build/image-optimizer.js';
 
 // Router
-export { Router, Link, useRouter } from './router/index.js';
-export { SSRRouter } from './router/SSRRouter.jsx';
+export { Router, Link, useRouter } from './src/router/index.js';
+export { SSRRouter } from './src/router/SSRRouter.js';
 
 // Config
-export { loadConfig, defaultConfig } from './config/index.js';
+export { loadConfig, defaultConfig } from './src/config/index.js';
 
 // Logger
-export { default as logger } from './logger/logger.js';
+export { default as logger } from './src/logger/logger.js';
 
-// CLI (backward compatibility)
-export { program } from './cli.js';
+// CLI
+export { program } from './src/cli.js';
 
 // Version
 export const version = '1.2.0';
 
+// Import for default export
+import { compileProject, compileFile } from './src/client/compiler.js';
+import { compileForBuild } from './src/build/compiler/index.js';
+import { discoverRoutes } from './src/build/compiler/route-discoverer.js';
+import { hmr } from './src/client/hmr-runtime.js';
+import { optimizeImage, optimizeImagesBatch } from './src/image-optimizer/index.js';
+import { optimizeImages } from './src/build/image-optimizer.js';
+import { buildProduction } from './src/build.js';
+import { Router, Link, useRouter } from './src/router/index.js';
+import { SSRRouter } from './src/router/SSRRouter.js';
+import { loadConfig, defaultConfig } from './src/config/index.js';
+import logger from './src/logger/logger.js';
+import { program } from './src/cli.js';
+
 // Default export
 export default {
   compileProject,
+  compileFile,
   compileForBuild,
   discoverRoutes,
   hmr,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bertui",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Lightning-fast React dev server powered by Bun - Now with Rust image optimization (WASM, no Rust required for users)",
   "type": "module",
   "main": "./index.js",
@@ -11,8 +11,8 @@
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./src/index.js",
-      "default": "./src/index.js"
+      "import": "./index.js",
+      "default": "./index.js"
     },
     "./hmr": {
       "import": "./src/client/hmr-runtime.js"
@@ -47,7 +47,7 @@
     "build": "bun bin/bertui.js build",
     "build:wasm": "cd src/image-optimizer-rust && wasm-pack build --target web --out-dir ../../dist/image-optimizer/wasm && bun run fix:wasm",
     "fix:wasm": "node scripts/fix-wasm-exports.js",
-    "prepublishOnly": "echo 'Skipping wasm build'",
+    "prepublishOnly": "echo 'Note: Ensure WASM is built via build:wasm before publishing'",
     "test": "cd test-app && bun run dev"
   },
   "dependencies": {
@@ -59,7 +59,7 @@
   "peerDependencies": {
     "bun": ">=1.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^19.2.3"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
@@ -94,4 +94,4 @@
   "engines": {
     "bun": ">=1.0.0"
   }
-}
+}

package/src/client/compiler.js

@@ -63,6 +63,49 @@ export async function compileProject(root) {
   return { outDir, stats, routes };
 }
 
+// NEW EXPORT - Single file compilation for HMR
+export async function compileFile(srcPath, root) {
+  const srcDir = join(root, 'src');
+  const outDir = join(root, '.bertui', 'compiled');
+  const envVars = loadEnvVariables(root);
+  
+  const relativePath = relative(srcDir, srcPath);
+  const ext = extname(srcPath);
+  
+  if (!existsSync(outDir)) {
+    mkdirSync(outDir, { recursive: true });
+  }
+  
+  if (['.jsx', '.tsx', '.ts'].includes(ext)) {
+    const fileName = srcPath.split('/').pop();
+    await compileFileInternal(srcPath, outDir, fileName, relativePath, root, envVars);
+    return {
+      outputPath: relativePath.replace(/\.(jsx|tsx|ts)$/, '.js'),
+      success: true
+    };
+  } else if (ext === '.js') {
+    const fileName = srcPath.split('/').pop();
+    const outPath = join(outDir, fileName);
+    let code = await Bun.file(srcPath).text();
+    
+    code = removeCSSImports(code);
+    code = replaceEnvInCode(code, envVars);
+    code = fixRouterImports(code, outPath, root);
+    
+    if (usesJSX(code) && !code.includes('import React')) {
+      code = `import React from 'react';\n${code}`;
+    }
+    
+    await Bun.write(outPath, code);
+    return {
+      outputPath: relativePath,
+      success: true
+    };
+  }
+  
+  return { success: false };
+}
+
 async function discoverRoutes(pagesDir) {
   const routes = [];
   
@@ -248,7 +291,7 @@ async function compileDirectory(srcDir, outDir, root, envVars) {
         logger.debug(`Copied CSS: ${relativePath}`);
         stats.files++;
       } else if (['.jsx', '.tsx', '.ts'].includes(ext)) {
-        await compileFile(srcPath, outDir, file, relativePath, root, envVars);
+        await compileFileInternal(srcPath, outDir, file, relativePath, root, envVars);
         stats.files++;
       } else if (ext === '.js') {
         const outPath = join(outDir, file);
@@ -275,7 +318,7 @@ async function compileDirectory(srcDir, outDir, root, envVars) {
   return stats;
 }
 
-async function compileFile(srcPath, outDir, filename, relativePath, root, envVars) {
+async function compileFileInternal(srcPath, outDir, filename, relativePath, root, envVars) {
   const ext = extname(filename);
   const loader = ext === '.tsx' ? 'tsx' : ext === '.ts' ? 'ts' : 'jsx';
   
@@ -362,4 +405,4 @@ function fixRelativeImports(code) {
   });
   
   return code;
-}
+}

package/src/image-optimizer/index.js

@@ -72,5 +72,32 @@ function detectFormat(buffer) {
   return 'unknown';
 }
 
+// Batch optimization function
+export async function optimizeImagesBatch(images, format = 'auto', options = {}) {
+  const results = [];
+  
+  for (const image of images) {
+    try {
+      const result = await optimizeImage(image.buffer || image, {
+        format,
+        ...options
+      });
+      
+      results.push({
+        ...result,
+        filename: image.filename || image.name || 'unknown'
+      });
+    } catch (error) {
+      results.push({
+        filename: image.filename || image.name || 'unknown',
+        error: error.message,
+        success: false
+      });
+    }
+  }
+  
+  return results;
+}
+
 export const hasWasm = () => false;
 export const version = '1.1.7';

package/src/router/SSRRouter.js

@@ -22,7 +22,7 @@ export function useRouter() {
 }
 
 // ✅ SSR-safe Router component
-export function Router({ routes, initialPath = '/' }) {
+export function SSRRouter({ routes, initialPath = '/' }) {
   const [currentRoute, setCurrentRoute] = useState(null);
   const [params, setParams] = useState({});
   const [isClient, setIsClient] = useState(false);

package/src/router/index.js

@@ -1,3 +1,3 @@
 // bertui/src/router/index.js
-export { Router, Link, useRouter } from './Router.jsx';
-export { SSRRouter } from './SSRRouter.jsx';
+export { Router, Link, useRouter } from './Router.js';
+export { SSRRouter } from './SSRRouter.js';