bertui 1.1.4 → 1.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bertui",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "Lightning-fast React dev server powered by Bun and Elysia - Now with TypeScript support!",
   "type": "module",
   "main": "./index.js",

package/src/build/generators/html-generator.js

@@ -1,4 +1,4 @@
-// bertui/src/build/generators/html-generator.js - FIXED JSX RUNTIME
+// bertui/src/build/generators/html-generator.js - FIXED CSS BUILD
 import { join, relative } from 'path';
 import { mkdirSync, existsSync, cpSync } from 'fs';
 import logger from '../../logger/logger.js';
@@ -17,53 +17,75 @@ export async function generateProductionHTML(root, outDir, buildResult, routes,
   const bundlePath = relative(outDir, mainBundle.path).replace(/\\/g, '/');
   const defaultMeta = config.meta || {};
   
-  // ✅ FIX: Check if bertui-icons is installed and copy to dist/
-  const bertuiIconsInstalled = await copyBertuiIconsToProduction(root, outDir);
+  // ✅ Copy bertui-icons AND bertui-animate to dist/
+  const bertuiPackages = await copyBertuiPackagesToProduction(root, outDir);
   
   logger.info(`📄 Generating HTML for ${routes.length} routes...`);
   
-  // Process in batches to avoid Bun crashes
   const BATCH_SIZE = 5;
   
   for (let i = 0; i < routes.length; i += BATCH_SIZE) {
     const batch = routes.slice(i, i + BATCH_SIZE);
     logger.debug(`Processing batch ${Math.floor(i/BATCH_SIZE) + 1}/${Math.ceil(routes.length/BATCH_SIZE)}`);
     
-    // Process batch sequentially
     for (const route of batch) {
-      await processSingleRoute(route, serverIslands, config, defaultMeta, bundlePath, outDir, bertuiIconsInstalled);
+      await processSingleRoute(route, serverIslands, config, defaultMeta, bundlePath, outDir, bertuiPackages);
     }
   }
   
   logger.success(`✅ HTML generation complete for ${routes.length} routes`);
 }
 
-// ✅ NEW: Copy bertui-icons to dist/ for production
-async function copyBertuiIconsToProduction(root, outDir) {
+// ✅ UPDATED: Copy ALL bertui-* packages to dist/
+async function copyBertuiPackagesToProduction(root, outDir) {
   const nodeModulesDir = join(root, 'node_modules');
-  const bertuiIconsSource = join(nodeModulesDir, 'bertui-icons');
+  const packages = {
+    bertuiIcons: false,
+    bertuiAnimate: false
+  };
   
-  if (!existsSync(bertuiIconsSource)) {
-    logger.debug('bertui-icons not installed, skipping...');
-    return false;
+  if (!existsSync(nodeModulesDir)) {
+    logger.debug('node_modules not found, skipping package copy');
+    return packages;
   }
   
-  try {
-    const bertuiIconsDest = join(outDir, 'node_modules', 'bertui-icons');
-    mkdirSync(join(outDir, 'node_modules'), { recursive: true });
-    
-    // Copy the entire bertui-icons package
-    cpSync(bertuiIconsSource, bertuiIconsDest, { recursive: true });
-    
-    logger.success('✅ Copied bertui-icons to dist/node_modules/');
-    return true;
-  } catch (error) {
-    logger.error(`Failed to copy bertui-icons: ${error.message}`);
-    return false;
+  // Copy bertui-icons
+  const bertuiIconsSource = join(nodeModulesDir, 'bertui-icons');
+  if (existsSync(bertuiIconsSource)) {
+    try {
+      const bertuiIconsDest = join(outDir, 'node_modules', 'bertui-icons');
+      mkdirSync(join(outDir, 'node_modules'), { recursive: true });
+      cpSync(bertuiIconsSource, bertuiIconsDest, { recursive: true });
+      logger.success('✅ Copied bertui-icons to dist/node_modules/');
+      packages.bertuiIcons = true;
+    } catch (error) {
+      logger.error(`Failed to copy bertui-icons: ${error.message}`);
+    }
   }
+  
+  // ✅ NEW: Copy ONLY bertui-animate CSS files (not the whole package)
+  const bertuiAnimateSource = join(nodeModulesDir, 'bertui-animate', 'dist');
+  if (existsSync(bertuiAnimateSource)) {
+    try {
+      const bertuiAnimateDest = join(outDir, 'css');
+      mkdirSync(bertuiAnimateDest, { recursive: true });
+      
+      // Copy minified CSS
+      const minCSSPath = join(bertuiAnimateSource, 'bertui-animate.min.css');
+      if (existsSync(minCSSPath)) {
+        cpSync(minCSSPath, join(bertuiAnimateDest, 'bertui-animate.min.css'));
+        logger.success('✅ Copied bertui-animate.min.css to dist/css/');
+        packages.bertuiAnimate = true;
+      }
+    } catch (error) {
+      logger.error(`Failed to copy bertui-animate: ${error.message}`);
+    }
+  }
+  
+  return packages;
 }
 
-async function processSingleRoute(route, serverIslands, config, defaultMeta, bundlePath, outDir, bertuiIconsInstalled) {
+async function processSingleRoute(route, serverIslands, config, defaultMeta, bundlePath, outDir, bertuiPackages) {
   try {
     const sourceCode = await Bun.file(route.path).text();
     const pageMeta = extractMetaFromSource(sourceCode);
@@ -84,7 +106,7 @@ async function processSingleRoute(route, serverIslands, config, defaultMeta, bun
       }
     }
     
-    const html = generateHTML(meta, route, bundlePath, staticHTML, isServerIsland, bertuiIconsInstalled);
+    const html = generateHTML(meta, route, bundlePath, staticHTML, isServerIsland, bertuiPackages);
     
     let htmlPath;
     if (route.route === '/') {
@@ -239,8 +261,8 @@ async function extractStaticHTMLFromComponent(sourceCode, filePath) {
   }
 }
 
-// ✅ FIXED: Add jsx-runtime to import map
-function generateHTML(meta, route, bundlePath, staticHTML = '', isServerIsland = false, bertuiIconsInstalled = false) {
+// ✅ UPDATED: Add bertui-animate CSS to production HTML
+function generateHTML(meta, route, bundlePath, staticHTML = '', isServerIsland = false, bertuiPackages = {}) {
   const rootContent = staticHTML 
     ? `<div id="root">${staticHTML}</div>` 
     : '<div id="root"></div>';
@@ -249,11 +271,16 @@ function generateHTML(meta, route, bundlePath, staticHTML = '', isServerIsland =
     ? '<!-- 🏝️ Server Island: Static content rendered at build time -->'
     : '<!-- ⚡ Client-only: Content rendered by JavaScript -->';
   
-  // ✅ FIX: Add jsx-runtime to import map for production
-  const bertuiIconsImport = bertuiIconsInstalled 
+  // ✅ Add bertui-icons to import map
+  const bertuiIconsImport = bertuiPackages.bertuiIcons 
     ? ',\n      "bertui-icons": "/node_modules/bertui-icons/generated/index.js"'
     : '';
   
+  // ✅ Add bertui-animate CSS link
+  const bertuiAnimateCSS = bertuiPackages.bertuiAnimate
+    ? '  <link rel="stylesheet" href="/css/bertui-animate.min.css">'
+    : '';
+  
   return `<!DOCTYPE html>
 <html lang="${meta.lang || 'en'}">
 <head>
@@ -271,6 +298,7 @@ function generateHTML(meta, route, bundlePath, staticHTML = '', isServerIsland =
   ${meta.ogImage ? `<meta property="og:image" content="${meta.ogImage}">` : ''}
   
   <link rel="stylesheet" href="/styles/bertui.min.css">
+${bertuiAnimateCSS}
   <link rel="icon" type="image/svg+xml" href="/favicon.svg">
   
   <script type="importmap">

package/src/build.js

@@ -1,9 +1,8 @@
-// bertui/src/build.js - FORCE PRODUCTION MODE
+// bertui/src/build.js - CLEANED (No PageBuilder)
 import { join } from 'path';
-import { existsSync, mkdirSync, rmSync, writeFileSync } from 'fs';
+import { existsSync, mkdirSync, rmSync } from 'fs';
 import logger from './logger/logger.js';
 import { loadEnvVariables } from './utils/env.js';
-import { runPageBuilder } from './pagebuilder/core.js';
 
 import { compileForBuild } from './build/compiler/index.js';
 import { buildAllCSS } from './build/processors/css-builder.js';
@@ -37,11 +36,6 @@ export async function buildProduction(options = {}) {
     const { loadConfig } = await import('./config/loadConfig.js');
     const config = await loadConfig(root);
     
-    if (config.pageBuilder) {
-      logger.info('Step 0.5: Running Page Builder...');
-      await runPageBuilder(root, config);
-    }
-    
     logger.info('Step 1: Compiling and detecting Server Islands...');
     const { routes, serverIslands, clientRoutes } = await compileForBuild(root, buildDir, envVars);
     
@@ -94,7 +88,6 @@ export async function buildProduction(options = {}) {
 
 async function bundleJavaScript(buildEntry, outDir, envVars, buildDir) {
   try {
-    // Change to build directory where bunfig.toml is
     const originalCwd = process.cwd();
     process.chdir(buildDir);
     
@@ -172,4 +165,4 @@ function showBuildSummary(routes, serverIslands, clientRoutes, duration) {
   }
   
   logger.bigLog('READY TO DEPLOY 🚀', { color: 'green' });
-}
+}

package/src/client/compiler.js

@@ -1,4 +1,7 @@
-// bertui/src/client/compiler.js - FIXED: jsxDEV error
+// ============================================
+// FILE: bertui/src/client/compiler.js (UPDATED - Skip templates/)
+// ============================================
+
 import { existsSync, mkdirSync, readdirSync, statSync } from 'fs';
 import { join, extname, relative, dirname } from 'path';
 import logger from '../logger/logger.js';
@@ -127,9 +130,7 @@ const RouterContext = createContext(null);
 
 export function useRouter() {
   const context = useContext(RouterContext);
-  if (!context) {
-    throw new Error('useRouter must be used within a Router component');
-  }
+  if (!context) throw new Error('useRouter must be used within a Router');
   return context;
 }
 
@@ -194,24 +195,13 @@ export function Link({ to, children, ...props }) {
 }
 
 function NotFound() {
-  return React.createElement(
-    'div',
-    {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        minHeight: '100vh',
-        fontFamily: 'system-ui'
-      }
-    },
+  return React.createElement('div', {
+    style: { display: 'flex', flexDirection: 'column', alignItems: 'center', 
+             justifyContent: 'center', minHeight: '100vh', fontFamily: 'system-ui' }
+  },
     React.createElement('h1', { style: { fontSize: '6rem', margin: 0 } }, '404'),
     React.createElement('p', { style: { fontSize: '1.5rem', color: '#666' } }, 'Page not found'),
-    React.createElement('a', { 
-      href: '/', 
-      style: { color: '#10b981', textDecoration: 'none', fontSize: '1.2rem' } 
-    }, 'Go home')
+    React.createElement('a', { href: '/', style: { color: '#10b981', textDecoration: 'none' } }, 'Go home')
   );
 }
 
@@ -219,11 +209,9 @@ ${imports}
 
 export const routes = [
 ${routeConfigs}
-];
-`;
+];`;
   
-  const routerPath = join(outDir, 'router.js');
-  await Bun.write(routerPath, routerComponentCode);
+  await Bun.write(join(outDir, 'router.js'), routerComponentCode);
 }
 
 async function compileDirectory(srcDir, outDir, root, envVars) {
@@ -235,6 +223,12 @@ async function compileDirectory(srcDir, outDir, root, envVars) {
     const stat = statSync(srcPath);
     
     if (stat.isDirectory()) {
+      // ✅ NEW: Skip templates directory
+      if (file === 'templates') {
+        logger.debug('⏭️  Skipping src/templates/ (PageBuilder templates only)');
+        continue;
+      }
+      
       const subOutDir = join(outDir, file);
       mkdirSync(subOutDir, { recursive: true });
       const subStats = await compileDirectory(srcPath, subOutDir, root, envVars);
@@ -295,12 +289,11 @@ async function compileFile(srcPath, outDir, filename, relativePath, root, envVar
     const outPath = join(outDir, filename.replace(/\.(jsx|tsx|ts)$/, '.js'));
     code = fixRouterImports(code, outPath, root);
     
-    // ✅ CRITICAL FIX: Force React.createElement instead of jsxDEV
     const transpiler = new Bun.Transpiler({ 
       loader,
       tsconfig: {
         compilerOptions: {
-          jsx: 'react', // ✅ Use 'react' instead of 'react-jsx'
+          jsx: 'react',
           jsxFactory: 'React.createElement',
           jsxFragmentFactory: 'React.Fragment'
         }
@@ -369,4 +362,4 @@ function fixRelativeImports(code) {
   });
   
   return code;
-}
+}

package/src/config/defaultConfig.js

@@ -1,12 +1,8 @@
-// bertui/src/config/defaultConfig.js
-// Default configuration used when bertui.config.js is not present
-
+// bertui/src/config/defaultConfig.js - CLEANED
 export const defaultConfig = {
-  // Site information (used for sitemap generation)
   siteName: "BertUI App",
-  baseUrl: "http://localhost:3000", // Default to localhost
+  baseUrl: "http://localhost:3000",
   
-  // HTML Meta Tags (SEO)
   meta: {
     title: "BertUI - Lightning Fast React",
     description: "Build lightning-fast React applications with file-based routing powered by Bun",
@@ -14,23 +10,19 @@ export const defaultConfig = {
     author: "Pease Ernest",
     themeColor: "#667eea",
     lang: "en",
-    
-    // Open Graph for social sharing
     ogTitle: "BertUI - Lightning Fast React Framework",
     ogDescription: "Build lightning-fast React apps with zero config",
     ogImage: "/og-image.png"
   },
   
-  // App Shell Configuration
   appShell: {
     loading: true,
     loadingText: "Loading...",
     backgroundColor: "#ffffff"
   },
   
-  // robots.txt Configuration
   robots: {
-    disallow: [], // No paths blocked by default
-    crawlDelay: null // No crawl delay by default
+    disallow: [],
+    crawlDelay: null
   }
 };

package/src/dev.js

@@ -1,13 +1,16 @@
-// src/dev.js
+// bertui/src/dev.js - CLEANED (No PageBuilder)
 import { compileProject } from './client/compiler.js';
 import { startDevServer } from './server/dev-server.js';
 import logger from './logger/logger.js';
+import { loadConfig } from './config/loadConfig.js';
 
 export async function startDev(options = {}) {
   const root = options.root || process.cwd();
   const port = options.port || 3000;
   
   try {
+    const config = await loadConfig(root);
+    
     // Step 1: Compile project
     logger.info('Step 1: Compiling project...');
     await compileProject(root);

package/src/server/dev-server.js

@@ -1,4 +1,4 @@
-// bertui/src/server/dev-server.js - FIXED: Bun Native HMR
+// bertui/src/server/dev-server.js - FIXED: CSS Module Loading
 import { join, extname, dirname } from 'path';
 import { existsSync, readdirSync } from 'fs';
 import logger from '../logger/logger.js';
@@ -15,7 +15,6 @@ export async function startDevServer(options = {}) {
   
   const config = await loadConfig(root);
   
-  // ✅ Track connected WebSocket clients
   const clients = new Set();
   
   let hasRouter = false;
@@ -25,30 +24,29 @@ export async function startDevServer(options = {}) {
     logger.info('File-based routing enabled');
   }
   
-  // ✅ Use Bun.serve() with WebSocket support
   const server = Bun.serve({
     port,
     
     async fetch(req, server) {
       const url = new URL(req.url);
       
-      // ✅ WebSocket upgrade for HMR
+      // WebSocket upgrade for HMR
       if (url.pathname === '/__hmr') {
         const success = server.upgrade(req);
         if (success) {
-          return undefined; // Don't return a Response
+          return undefined;
         }
         return new Response('WebSocket upgrade failed', { status: 500 });
       }
       
-      // ✅ Serve HTML
+      // Serve HTML
       if (url.pathname === '/' || (!url.pathname.includes('.') && !url.pathname.startsWith('/compiled'))) {
         return new Response(await serveHTML(root, hasRouter, config, port), {
           headers: { 'Content-Type': 'text/html' }
         });
       }
       
-      // ✅ Serve compiled JavaScript
+      // Serve compiled JavaScript
       if (url.pathname.startsWith('/compiled/')) {
         const filepath = join(compiledDir, url.pathname.replace('/compiled/', ''));
         const file = Bun.file(filepath);
@@ -66,7 +64,22 @@ export async function startDevServer(options = {}) {
         }
       }
       
-      // ✅ Serve CSS
+      // ✅ Serve bertui-animate CSS
+      if (url.pathname === '/bertui-animate.css') {
+        const bertuiAnimatePath = join(root, 'node_modules/bertui-animate/dist/bertui-animate.min.css');
+        const file = Bun.file(bertuiAnimatePath);
+        
+        if (await file.exists()) {
+          return new Response(file, {
+            headers: { 
+              'Content-Type': 'text/css',
+              'Cache-Control': 'no-store'
+            }
+          });
+        }
+      }
+      
+      // Serve CSS
       if (url.pathname.startsWith('/styles/')) {
         const filepath = join(stylesDir, url.pathname.replace('/styles/', ''));
         const file = Bun.file(filepath);
@@ -81,7 +94,7 @@ export async function startDevServer(options = {}) {
         }
       }
       
-      // ✅ Serve images from src/images/
+      // Serve images from src/images/
       if (url.pathname.startsWith('/images/')) {
         const filepath = join(srcDir, 'images', url.pathname.replace('/images/', ''));
         const file = Bun.file(filepath);
@@ -99,7 +112,7 @@ export async function startDevServer(options = {}) {
         }
       }
       
-      // ✅ Serve from public/
+      // Serve from public/
       if (url.pathname.startsWith('/public/')) {
         const filepath = join(publicDir, url.pathname.replace('/public/', ''));
         const file = Bun.file(filepath);
@@ -111,14 +124,23 @@ export async function startDevServer(options = {}) {
         }
       }
       
-      // ✅ Serve node_modules (for bertui-* packages)
+      // ✅ FIX: Serve node_modules with proper MIME types
       if (url.pathname.startsWith('/node_modules/')) {
         const filepath = join(root, 'node_modules', url.pathname.replace('/node_modules/', ''));
         const file = Bun.file(filepath);
         
         if (await file.exists()) {
           const ext = extname(filepath).toLowerCase();
-          const contentType = ext === '.js' ? 'application/javascript; charset=utf-8' : getContentType(ext);
+          
+          // ✅ Proper MIME type detection
+          let contentType;
+          if (ext === '.css') {
+            contentType = 'text/css';
+          } else if (ext === '.js' || ext === '.mjs') {
+            contentType = 'application/javascript; charset=utf-8';
+          } else {
+            contentType = getContentType(ext);
+          }
           
           return new Response(file, {
             headers: { 
@@ -132,7 +154,6 @@ export async function startDevServer(options = {}) {
       return new Response('Not found', { status: 404 });
     },
     
-    // ✅ WebSocket handler for HMR
     websocket: {
       open(ws) {
         clients.add(ws);
@@ -156,7 +177,6 @@ export async function startDevServer(options = {}) {
   logger.info(`📦 Public: /public/* → public/`);
   logger.info(`⚡ BertUI Packages: /node_modules/* → node_modules/`);
   
-  // ✅ Setup file watcher
   setupFileWatcher(root, compiledDir, clients, async () => {
     hasRouter = existsSync(join(compiledDir, 'router.js'));
   });
@@ -179,6 +199,14 @@ async function serveHTML(root, hasRouter, config, port) {
     }
   }
   
+  // ✅ FIX: Auto-detect bertui-animate CSS (bundled version)
+  let bertuiAnimateStylesheet = '';
+  const bertuiAnimatePath = join(root, 'node_modules/bertui-animate/dist/bertui-animate.min.css');
+  if (existsSync(bertuiAnimatePath)) {
+    bertuiAnimateStylesheet = '  <link rel="stylesheet" href="/bertui-animate.css">';
+    logger.info('✅ bertui-animate detected');
+  }
+  
   // Build import map
   const importMap = {
     "react": "https://esm.sh/react@18.2.0",
@@ -186,7 +214,7 @@ async function serveHTML(root, hasRouter, config, port) {
     "react-dom/client": "https://esm.sh/react-dom@18.2.0/client"
   };
   
-  // Auto-detect bertui-* packages
+  // Auto-detect bertui-* JavaScript packages
   const nodeModulesDir = join(root, 'node_modules');
   
   if (existsSync(nodeModulesDir)) {
@@ -255,6 +283,7 @@ async function serveHTML(root, hasRouter, config, port) {
   <link rel="icon" type="image/svg+xml" href="/public/favicon.svg">
   
 ${userStylesheets}
+${bertuiAnimateStylesheet}
   
   <script type="importmap">
   ${JSON.stringify({ imports: importMap }, null, 2)}
@@ -274,9 +303,7 @@ ${userStylesheets}
 <body>
   <div id="root"></div>
   
-  <!-- ✅ Bun Native HMR Script -->
   <script type="module">
-    // WebSocket-based HMR (no polling!)
     const ws = new WebSocket('ws://localhost:${port}/__hmr');
     
     ws.onopen = () => {
@@ -358,7 +385,6 @@ function getContentType(ext) {
   return types[ext] || 'text/plain';
 }
 
-// ✅ File watcher with proper debouncing
 function setupFileWatcher(root, compiledDir, clients, onRecompile) {
   const srcDir = join(root, 'src');
   const configPath = join(root, 'bertui.config.js');
@@ -374,7 +400,6 @@ function setupFileWatcher(root, compiledDir, clients, onRecompile) {
   let recompileTimeout = null;
   const watchedExtensions = ['.js', '.jsx', '.ts', '.tsx', '.css', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.avif'];
   
-  // Notify all clients
   function notifyClients(message) {
     for (const client of clients) {
       try {
@@ -395,7 +420,6 @@ function setupFileWatcher(root, compiledDir, clients, onRecompile) {
     
     logger.info(`📝 File changed: ${filename}`);
     
-    // ✅ Clear previous timeout and debounce
     clearTimeout(recompileTimeout);
     
     recompileTimeout = setTimeout(async () => {
@@ -414,7 +438,6 @@ function setupFileWatcher(root, compiledDir, clients, onRecompile) {
         logger.success('✅ Recompiled successfully');
         notifyClients({ type: 'compiled' });
         
-        // ✅ Wait 100ms before triggering reload (let compilation finish)
         setTimeout(() => {
           notifyClients({ type: 'reload' });
         }, 100);
@@ -424,10 +447,9 @@ function setupFileWatcher(root, compiledDir, clients, onRecompile) {
       } finally {
         isRecompiling = false;
       }
-    }, 150); // ✅ Debounce: wait 150ms for multiple file changes
+    }, 150);
   });
   
-  // Watch config file
   if (existsSync(configPath)) {
     watch(configPath, async (eventType) => {
       if (eventType === 'change') {

package/types/config.d.ts

@@ -1,80 +1,33 @@
-// bertui/types/config.d.ts
+// bertui/types/config.d.ts - CLEANED
 declare module 'bertui/config' {
-  /**
-   * BertUI Configuration
-   */
   export interface BertuiConfig {
-    /** Site name for SEO */
     siteName?: string;
-    
-    /** Base URL for sitemap generation (e.g., "https://example.com") */
     baseUrl?: string;
     
-    /** HTML meta tags configuration */
     meta?: {
-      /** Page title */
       title?: string;
-      /** Meta description */
       description?: string;
-      /** Meta keywords */
       keywords?: string;
-      /** Author name */
       author?: string;
-      /** Open Graph image URL */
       ogImage?: string;
-      /** Open Graph title */
       ogTitle?: string;
-      /** Open Graph description */
       ogDescription?: string;
-      /** Theme color */
       themeColor?: string;
-      /** Language code (e.g., "en") */
       lang?: string;
     };
     
-    /** App shell configuration */
     appShell?: {
-      /** Show loading indicator */
       loading?: boolean;
-      /** Loading text */
       loadingText?: string;
-      /** Background color */
       backgroundColor?: string;
     };
     
-    /** robots.txt configuration */
     robots?: {
-      /** Paths to disallow in robots.txt */
       disallow?: string[];
-      /** Crawl delay in seconds */
       crawlDelay?: number;
     };
   }
 
-  /**
-   * Page meta configuration (exported from page files)
-   */
-  export interface PageMeta {
-    title?: string;
-    description?: string;
-    keywords?: string;
-    author?: string;
-    ogTitle?: string;
-    ogDescription?: string;
-    ogImage?: string;
-    themeColor?: string;
-    lang?: string;
-    publishedDate?: string;
-    updatedDate?: string;
-  }
-
-  /**
-   * Default BertUI configuration
-   */
   export const defaultConfig: BertuiConfig;
-
-  /**
-   * Load BertUI configuration from bertui.config.js
-   */
   export function loadConfig(root: string): Promise<BertuiConfig>;
 }

package/src/pagebuilder/core.js

@@ -1,191 +0,0 @@
-// bertui/src/pagebuilder/core.js
-import { join } from 'path';
-import { existsSync, mkdirSync } from 'fs';
-import logger from '../logger/logger.js';
-
-/**
- * Run page builder to generate pages from config
- * @param {string} root - Project root directory
- * @param {Object} config - BertUI configuration
- */
-export async function runPageBuilder(root, config) {
-  const pagesDir = join(root, 'src', 'pages');
-  
-  if (!config.pageBuilder || typeof config.pageBuilder !== 'object') {
-    logger.debug('No page builder configuration found');
-    return;
-  }
-  
-  const { pages } = config.pageBuilder;
-  
-  if (!pages || !Array.isArray(pages) || pages.length === 0) {
-    logger.debug('No pages defined in page builder');
-    return;
-  }
-  
-  logger.info(`📄 Page Builder: Generating ${pages.length} page(s)...`);
-  
-  // Ensure pages directory exists
-  const generatedDir = join(pagesDir, 'generated');
-  if (!existsSync(generatedDir)) {
-    mkdirSync(generatedDir, { recursive: true });
-  }
-  
-  for (const page of pages) {
-    try {
-      await generatePage(page, generatedDir);
-      logger.success(`✅ Generated: ${page.name}`);
-    } catch (error) {
-      logger.error(`❌ Failed to generate ${page.name}: ${error.message}`);
-    }
-  }
-}
-
-/**
- * Generate a single page from configuration
- * @param {Object} pageConfig - Page configuration
- * @param {string} outputDir - Output directory
- */
-async function generatePage(pageConfig, outputDir) {
-  const { name, type, data } = pageConfig;
-  
-  if (!name) {
-    throw new Error('Page name is required');
-  }
-  
-  let pageContent = '';
-  
-  switch (type) {
-    case 'markdown':
-      pageContent = generateMarkdownPage(name, data);
-      break;
-    
-    case 'json':
-      pageContent = generateJsonPage(name, data);
-      break;
-    
-    case 'custom':
-      pageContent = data.template || generateDefaultPage(name, data);
-      break;
-    
-    default:
-      pageContent = generateDefaultPage(name, data);
-  }
-  
-  // Write the generated page
-  const filename = name.toLowerCase().replace(/\s+/g, '-') + '.jsx';
-  const filepath = join(outputDir, filename);
-  
-  await Bun.write(filepath, pageContent);
-}
-
-/**
- * Generate a default React page
- */
-function generateDefaultPage(name, data) {
-  const title = data?.title || name;
-  const content = data?.content || `<p>Welcome to ${name}</p>`;
-  
-  return `// Auto-generated page: ${name}
-import React from 'react';
-
-export const title = "${title}";
-export const description = "${data?.description || `${name} page`}";
-
-export default function ${sanitizeComponentName(name)}() {
-  return (
-    <div>
-      <h1>${title}</h1>
-      ${content}
-    </div>
-  );
-}
-`;
-}
-
-/**
- * Generate a page from Markdown data
- */
-function generateMarkdownPage(name, data) {
-  const title = data?.title || name;
-  const markdown = data?.markdown || '';
-  
-  // Simple markdown to JSX conversion
-  const jsxContent = convertMarkdownToJSX(markdown);
-  
-  return `// Auto-generated markdown page: ${name}
-import React from 'react';
-
-export const title = "${title}";
-export const description = "${data?.description || `${name} page`}";
-
-export default function ${sanitizeComponentName(name)}() {
-  return (
-    <div className="markdown-content">
-      ${jsxContent}
-    </div>
-  );
-}
-`;
-}
-
-/**
- * Generate a page from JSON data
- */
-function generateJsonPage(name, data) {
-  const title = data?.title || name;
-  const items = data?.items || [];
-  
-  return `// Auto-generated JSON page: ${name}
-import React from 'react';
-
-export const title = "${title}";
-export const description = "${data?.description || `${name} page`}";
-
-const items = ${JSON.stringify(items, null, 2)};
-
-export default function ${sanitizeComponentName(name)}() {
-  return (
-    <div>
-      <h1>${title}</h1>
-      <ul>
-        {items.map((item, index) => (
-          <li key={index}>{item.title || item.name || item}</li>
-        ))}
-      </ul>
-    </div>
-  );
-}
-`;
-}
-
-/**
- * Convert markdown to JSX (basic implementation)
- */
-function convertMarkdownToJSX(markdown) {
-  let jsx = markdown
-    // Headers
-    .replace(/^### (.*$)/gm, '<h3>$1</h3>')
-    .replace(/^## (.*$)/gm, '<h2>$1</h2>')
-    .replace(/^# (.*$)/gm, '<h1>$1</h1>')
-    // Bold
-    .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
-    // Italic
-    .replace(/\*(.+?)\*/g, '<em>$1</em>')
-    // Paragraphs
-    .split('\n\n')
-    .map(para => para.trim() ? `<p>${para}</p>` : '')
-    .join('\n      ');
-  
-  return jsx;
-}
-
-/**
- * Sanitize component name (must be valid React component name)
- */
-function sanitizeComponentName(name) {
-  return name
-    .replace(/[^a-zA-Z0-9]/g, '')
-    .replace(/^[0-9]/, 'Page$&')
-    .replace(/^./, c => c.toUpperCase());
-}