bertui 1.2.8 → 2.0.0

package/src/build/processors/asset-processor.js

@@ -1,19 +0,0 @@
-// bertui/src/build/processors/asset-processor.js
-import { join } from 'path';
-import { existsSync, mkdirSync } from 'fs'; // ✅ ADD THIS IMPORT
-import { copyImages } from '../image-optimizer.js';
-
-export async function copyAllStaticAssets(root, outDir) {
-  const publicDir = join(root, 'public');
-  const srcImagesDir = join(root, 'src', 'images');
-  
-  if (existsSync(publicDir)) {
-    copyImages(publicDir, outDir);
-  }
-  
-  if (existsSync(srcImagesDir)) {
-    const distImagesDir = join(outDir, 'images');
-    mkdirSync(distImagesDir, { recursive: true });
-    copyImages(srcImagesDir, distImagesDir);
-  }
-}

package/src/build/processors/css-builder.js

@@ -1,142 +0,0 @@
-// bertui/src/build/processors/css-builder.js - WITH SCSS + CACHING + CSS MODULES
-import { join } from 'path';
-import { existsSync, readdirSync, mkdirSync } from 'fs';
-import logger from '../../logger/logger.js';
-import { globalCache } from '../../utils/cache.js';
-import { minifyCSS, processSCSS } from '../../css/processor.js';
-
-export async function buildAllCSS(root, outDir) {
-  const startTime = process.hrtime.bigint();
-  
-  const srcStylesDir = join(root, 'src', 'styles');
-  // CSS modules scoped CSS is staged here by file-transpiler.js
-  const modulesStagingDir = join(root, '.bertuibuild', 'styles-staged');
-  const stylesOutDir = join(outDir, 'styles');
-  
-  mkdirSync(stylesOutDir, { recursive: true });
-  
-  const cacheKey = `css-build:${root}:${Date.now()}`;
-  const cached = globalCache.get(cacheKey, { ttl: 1000 });
-  
-  if (cached) {
-    logger.info(`⚡ Using cached CSS (${cached.files} files)`);
-    await Bun.write(join(stylesOutDir, 'bertui.min.css'), cached.content);
-    return;
-  }
-  
-  let combinedCSS = '';
-  let fileCount = 0;
-
-  // 1. Process src/styles/ (plain CSS + SCSS)
-  if (existsSync(srcStylesDir)) {
-    await processSCSSDirectory(srcStylesDir, root);
-    const cssFiles = readdirSync(srcStylesDir).filter(f => f.endsWith('.css') && !f.endsWith('.module.css'));
-
-    logger.info(`Processing ${cssFiles.length} CSS file(s)...`);
-
-    for (const cssFile of cssFiles) {
-      const srcPath = join(srcStylesDir, cssFile);
-      const fileBuffer = await globalCache.getFile(srcPath, { logSpeed: true });
-      if (fileBuffer) {
-        const content = fileBuffer.toString('utf-8');
-        combinedCSS += `/* ${cssFile} */\n${content}\n\n`;
-        fileCount++;
-      }
-    }
-  } else {
-    logger.info('No styles directory found');
-  }
-
-  // 2. Include scoped CSS from CSS modules (staged by file-transpiler.js)
-  if (existsSync(modulesStagingDir)) {
-    const moduleFiles = readdirSync(modulesStagingDir).filter(f => f.endsWith('.css'));
-    if (moduleFiles.length > 0) {
-      logger.info(`Including ${moduleFiles.length} CSS module(s)...`);
-      for (const cssFile of moduleFiles) {
-        const srcPath = join(modulesStagingDir, cssFile);
-        const content = await Bun.file(srcPath).text();
-        combinedCSS += `/* module: ${cssFile} */\n${content}\n\n`;
-        fileCount++;
-      }
-    }
-  }
-
-  if (!combinedCSS.trim()) {
-    await Bun.write(join(stylesOutDir, 'bertui.min.css'), '/* No CSS */');
-    return;
-  }
-
-  const combinedPath = join(stylesOutDir, 'bertui.min.css');
-  
-  const minifyCacheKey = `minify:${Buffer.from(combinedCSS).length}:${combinedCSS.substring(0, 100)}`;
-  let minified = globalCache.get(minifyCacheKey);
-  
-  if (!minified) {
-    minified = await minifyCSS(combinedCSS, {
-      filename: 'bertui.min.css',
-      sourceMap: false
-    });
-    globalCache.set(minifyCacheKey, minified, { ttl: 60000 });
-  }
-  
-  await Bun.write(combinedPath, minified);
-  
-  const originalSize = Buffer.byteLength(combinedCSS);
-  const minifiedSize = Buffer.byteLength(minified);
-  const reduction = ((1 - minifiedSize / originalSize) * 100).toFixed(1);
-  
-  const endTime = process.hrtime.bigint();
-  const duration = Number(endTime - startTime) / 1000;
-  
-  logger.success(`CSS optimized: ${(originalSize/1024).toFixed(2)}KB → ${(minifiedSize/1024).toFixed(2)}KB (-${reduction}%)`);
-  logger.info(`⚡ Processing time: ${duration.toFixed(3)}µs`);
-  
-  globalCache.set(cacheKey, {
-    files: fileCount,
-    content: minified,
-    size: minifiedSize
-  }, { ttl: 5000 });
-}
-
-async function processSCSSDirectory(stylesDir, root) {
-  try {
-    const sass = await import('sass').catch(() => null);
-    if (!sass) return;
-    
-    const files = readdirSync(stylesDir);
-    const scssFiles = files.filter(f => f.endsWith('.scss') || f.endsWith('.sass'));
-    
-    if (scssFiles.length === 0) return;
-    
-    logger.info(`📝 Compiling ${scssFiles.length} SCSS files...`);
-    
-    for (const file of scssFiles) {
-      const srcPath = join(stylesDir, file);
-      const cssPath = join(stylesDir, file.replace(/\.(scss|sass)$/, '.css'));
-      
-      const fileBuffer = await globalCache.getFile(srcPath);
-      const cacheKey = `scss:${file}:${Buffer.from(fileBuffer).length}`;
-      const cached = globalCache.get(cacheKey);
-      
-      if (cached && existsSync(cssPath)) {
-        logger.debug(`⚡ Cached SCSS: ${file} → ${file.replace(/\.(scss|sass)$/, '.css')}`);
-        continue;
-      }
-      
-      const result = sass.compile(srcPath, {
-        style: 'expanded',
-        sourceMap: false,
-        loadPaths: [stylesDir, join(root, 'node_modules')]
-      });
-      
-      await Bun.write(cssPath, result.css);
-      globalCache.set(cacheKey, true, { ttl: 30000 });
-      
-      logger.debug(`   ${file} → ${file.replace(/\.(scss|sass)$/, '.css')}`);
-    }
-    
-    logger.success(`✅ SCSS compilation complete`);
-  } catch (error) {
-    logger.warn(`SCSS processing skipped: ${error.message}`);
-  }
-}

package/src/build/server-island-validator.js

@@ -1,12 +0,0 @@
-// bertui/src/build/server-island-validator.js
-// Server Islands removed — all pages are client-rendered.
-
-export function validateServerIsland(sourceCode, filePath) {
-  return { valid: true, errors: [] };
-}
-
-export function displayValidationErrors(filePath, errors) {}
-
-export async function validateAllServerIslands(routes) {
-  return { serverIslands: [], validationResults: [] };
-}

package/src/build.js

@@ -1,266 +0,0 @@
-// bertui/src/build.js
-import { join } from 'path';
-import { existsSync, mkdirSync, rmSync, readdirSync } from 'fs';
-import logger from './logger/logger.js';
-import { loadEnvVariables } from './utils/env.js';
-import { globalCache } from './utils/cache.js';
-
-import { compileForBuild } from './build/compiler/index.js';
-import { buildAllCSS } from './build/processors/css-builder.js';
-import { copyAllStaticAssets } from './build/processors/asset-processor.js';
-import { generateProductionHTML } from './build/generators/html-generator.js';
-import { generateSitemap } from './build/generators/sitemap-generator.js';
-import { generateRobots } from './build/generators/robots-generator.js';
-import { compileLayouts } from './layouts/index.js';
-import { compileLoadingComponents } from './loading/index.js';
-import { analyzeRoutes } from './hydration/index.js';
-import { analyzeBuild } from './analyzer/index.js';
-
-const TOTAL_STEPS = 10;
-
-export async function buildProduction(options = {}) {
-  const root     = options.root || process.cwd();
-  const buildDir = join(root, '.bertuibuild');
-  const outDir   = join(root, 'dist');
-
-  process.env.NODE_ENV = 'production';
-
-  logger.printHeader('BUILD');
-
-  if (existsSync(buildDir)) rmSync(buildDir, { recursive: true, force: true });
-  if (existsSync(outDir))   rmSync(outDir,   { recursive: true, force: true });
-  mkdirSync(buildDir, { recursive: true });
-  mkdirSync(outDir,   { recursive: true });
-
-  let totalKB = '0';
-
-  try {
-    // ── Step 1: Env ──────────────────────────────────────────────────────────
-    logger.step(1, TOTAL_STEPS, 'Loading env');
-    const envVars = loadEnvVariables(root);
-    const { loadConfig } = await import('./config/loadConfig.js');
-    const config    = await loadConfig(root);
-    const importhow = config.importhow || {};
-    logger.stepDone('Loading env', `${Object.keys(envVars).length} vars`);
-
-    // ── Step 2: Compile ──────────────────────────────────────────────────────
-    logger.step(2, TOTAL_STEPS, 'Compiling');
-    const { routes } = await compileForBuild(root, buildDir, envVars, config);
-    logger.stepDone('Compiling', `${routes.length} routes`);
-
-    // ── Step 3: Layouts ──────────────────────────────────────────────────────
-    logger.step(3, TOTAL_STEPS, 'Layouts');
-    const layouts = await compileLayouts(root, buildDir);
-    logger.stepDone('Layouts', `${Object.keys(layouts).length} found`);
-
-    // ── Step 4: Loading states ───────────────────────────────────────────────
-    logger.step(4, TOTAL_STEPS, 'Loading states');
-    await compileLoadingComponents(root, buildDir);
-    logger.stepDone('Loading states');
-
-    // ── Step 5: Hydration analysis ───────────────────────────────────────────
-    logger.step(5, TOTAL_STEPS, 'Hydration analysis');
-    const analyzedRoutes = await analyzeRoutes(routes);
-    logger.stepDone('Hydration analysis',
-      `${analyzedRoutes.interactive.length} interactive · ${analyzedRoutes.static.length} static`);
-
-    // ── Step 6: CSS ──────────────────────────────────────────────────────────
-    logger.step(6, TOTAL_STEPS, 'Processing CSS');
-    await buildAllCSS(root, outDir);
-    logger.stepDone('Processing CSS');
-
-    // ── Step 7: Static assets ────────────────────────────────────────────────
-    logger.step(7, TOTAL_STEPS, 'Static assets');
-    await copyAllStaticAssets(root, outDir);
-    logger.stepDone('Static assets');
-
-    // ── Step 8: Bundle JS ────────────────────────────────────────────────────
-    logger.step(8, TOTAL_STEPS, 'Bundling JS');
-    const buildEntry = join(buildDir, 'main.js');
-    if (!existsSync(buildEntry)) {
-      throw new Error('main.js not found in build dir — make sure src/main.jsx exists');
-    }
-    const result = await bundleJavaScript(buildEntry, outDir, envVars, buildDir, root, config);
-    totalKB = (result.outputs.reduce((a, o) => a + (o.size || 0), 0) / 1024).toFixed(1);
-    logger.stepDone('Bundling JS', `${totalKB} KB · tree-shaken`);
-
-    // ── Step 9: HTML ─────────────────────────────────────────────────────────
-    logger.step(9, TOTAL_STEPS, 'Generating HTML');
-    await generateProductionHTML(root, outDir, result, routes, config);
-    logger.stepDone('Generating HTML', `${routes.length} pages`);
-
-    // ── Step 10: Sitemap + robots ────────────────────────────────────────────
-    logger.step(10, TOTAL_STEPS, 'Sitemap & robots');
-    await generateSitemap(routes, config, outDir);
-    await generateRobots(config, outDir, routes);
-    logger.stepDone('Sitemap & robots');
-
-    if (existsSync(buildDir)) rmSync(buildDir, { recursive: true, force: true });
-
-    try {
-      await analyzeBuild(outDir, { outputFile: join(outDir, 'bundle-report.html') });
-    } catch (reportErr) {
-      logger.debug(`Bundle report generation skipped: ${reportErr.message}`);
-    }
-
-    logger.printSummary({
-      routes:      routes.length,
-      interactive: analyzedRoutes.interactive.length,
-      staticRoutes: analyzedRoutes.static.length,
-      jsSize:      `${totalKB} KB`,
-      outDir:      'dist/',
-    });
-
-    logger.cleanup();
-    return { success: true };
-
-  } catch (error) {
-    logger.stepFail('Build', error?.message || String(error));
-    if (existsSync(buildDir)) rmSync(buildDir, { recursive: true, force: true });
-    throw error;
-  }
-}
-
-// ─────────────────────────────────────────────────────────────────────────────
-
-async function generateProductionImportMap(root, config) {
-  const importMap = {
-    'react':             'https://esm.sh/react@18.2.0',
-    'react-dom':         'https://esm.sh/react-dom@18.2.0',
-    'react-dom/client':  'https://esm.sh/react-dom@18.2.0/client',
-    'react/jsx-runtime': 'https://esm.sh/react@18.2.0/jsx-runtime',
-    '@bunnyx/api':       '/bunnyx-api/api-client.js',
-  };
-
-  const nodeModulesDir = join(root, 'node_modules');
-  if (!existsSync(nodeModulesDir)) return importMap;
-
-  try {
-    for (const pkg of readdirSync(nodeModulesDir)) {
-      if (!pkg.startsWith('bertui-') || pkg.startsWith('.')) continue;
-      const pkgDir  = join(nodeModulesDir, pkg);
-      const pkgJson = join(pkgDir, 'package.json');
-      if (!existsSync(pkgJson)) continue;
-      try {
-        const p = JSON.parse(await Bun.file(pkgJson).text());
-        for (const entry of [p.browser, p.module, p.main, 'dist/index.js', 'index.js'].filter(Boolean)) {
-          if (existsSync(join(pkgDir, entry))) {
-            importMap[pkg] = `/assets/node_modules/${pkg}/${entry}`;
-            break;
-          }
-        }
-      } catch { continue; }
-    }
-  } catch { /* ignore */ }
-
-  return importMap;
-}
-
-async function copyNodeModulesToDist(root, outDir, importMap) {
-  const { mkdirSync } = await import('fs');
-  const dest = join(outDir, 'assets', 'node_modules');
-  mkdirSync(dest, { recursive: true });
-  const src = join(root, 'node_modules');
-
-  for (const [, assetPath] of Object.entries(importMap)) {
-    if (assetPath.startsWith('https://')) continue;
-    const match = assetPath.match(/\/assets\/node_modules\/(.+)$/);
-    if (!match) continue;
-    const parts   = match[1].split('/');
-    const pkgName = parts[0];
-    const subPath = parts.slice(1);
-    const srcFile  = join(src, pkgName, ...subPath);
-    const destFile = join(dest, pkgName, ...subPath);
-    mkdirSync(join(dest, pkgName, ...subPath.slice(0, -1)), { recursive: true });
-    if (existsSync(srcFile)) await Bun.write(destFile, Bun.file(srcFile));
-  }
-}
-
-async function bundleJavaScript(buildEntry, outDir, envVars, buildDir, root, config) {
-  const originalCwd = process.cwd();
-  process.chdir(buildDir);
-
-  try {
-    const importMap = await generateProductionImportMap(root, config);
-    await Bun.write(join(outDir, 'import-map.json'), JSON.stringify({ imports: importMap }, null, 2));
-    await copyNodeModulesToDist(root, outDir, importMap);
-
-    const bunnyxSrc = join(root, 'bunnyx-api', 'api-client.js');
-    if (existsSync(bunnyxSrc)) {
-      const { mkdirSync } = await import('fs');
-      mkdirSync(join(outDir, 'bunnyx-api'), { recursive: true });
-      await Bun.write(join(outDir, 'bunnyx-api', 'api-client.js'), Bun.file(bunnyxSrc));
-    }
-
-    const cssModulePlugin = {
-      name: 'css-modules',
-      setup(build) {
-        build.onLoad({ filter: /\.module\.css$/ }, () => ({
-          contents: 'export default new Proxy({}, { get: (_, k) => k });',
-          loader: 'js',
-        }));
-        build.onLoad({ filter: /\.css$/ }, () => ({
-          contents: '',
-          loader: 'js',
-        }));
-      },
-    };
-
-    let result;
-    try {
-      result = await Bun.build({
-        entrypoints: [buildEntry],
-        outdir:  join(outDir, 'assets'),
-        target:  'browser',
-        format:  'esm',
-        plugins: [cssModulePlugin],
-        minify: {
-          whitespace:  true,
-          syntax:      true,
-          identifiers: true,
-        },
-        splitting:  true,
-        sourcemap: 'external',
-        metafile:   true,
-        naming: {
-          entry: 'js/[name]-[hash].js',
-          chunk: 'js/chunks/[name]-[hash].js',
-          asset: 'assets/[name]-[hash].[ext]',
-        },
-        external: ['react', 'react-dom', 'react-dom/client', 'react/jsx-runtime', '@bunnyx/api'],
-        define: {
-          'process.env.NODE_ENV': '"production"',
-          ...Object.fromEntries(
-            Object.entries(envVars).map(([k, v]) => [`process.env.${k}`, JSON.stringify(v)])
-          ),
-        },
-      });
-    } catch (err) {
-      throw new Error(`Bun.build failed: ${err?.message || String(err)}`);
-    }
-
-    if (!result.success) {
-      const msgs = (result.logs || []).map(l => l?.message || l?.text || JSON.stringify(l)).join('\n');
-      throw new Error(`Bundle failed\n${msgs || 'Check your imports for .jsx extensions or unresolvable paths'}`);
-    }
-
-    if (result.metafile) {
-      await Bun.write(join(outDir, 'metafile.json'), JSON.stringify(result.metafile, null, 2));
-    }
-
-    return result;
-
-  } finally {
-    process.chdir(originalCwd);
-  }
-}
-
-export async function build(options = {}) {
-  try {
-    await buildProduction(options);
-    process.exit(0);
-  } catch (error) {
-    console.error('Build error:', error?.message || String(error));
-    process.exit(1);
-  }
-}

package/src/cli.js

@@ -1,131 +0,0 @@
-// bertui/src/cli.js - WITH ALL COMMANDS
-import { startDev } from './dev.js';
-import { buildProduction } from './build.js';
-import { startPreviewServer } from './serve.js';
-import { scaffold, parseCreateArgs } from './scaffolder/index.js';
-import { analyzeBuild } from './analyzer/index.js';
-import logger from './logger/logger.js';
-import { join } from 'path';
-
-export function program() {
-  const args = process.argv.slice(2);
-  const command = args[0] || 'dev';
-
-  switch (command) {
-    case 'dev': {
-      const devPort = getArg('--port', '-p') || 3000;
-      startDev({
-        port: parseInt(devPort),
-        root: process.cwd(),
-      });
-      break;
-    }
-
-    case 'build': {
-      buildProduction({ root: process.cwd() });
-      break;
-    }
-
-    case 'serve':
-    case 'preview': {
-      const previewPort = getArg('--port', '-p') || 5000;
-      startPreviewServer({
-        port: parseInt(previewPort),
-        root: process.cwd(),
-        dir: 'dist',
-      });
-      break;
-    }
-
-    // ✅ NEW: Component/page/layout scaffolder
-    case 'create': {
-      const createArgs = args.slice(1);
-      const parsed = parseCreateArgs(createArgs);
-      if (parsed) {
-        scaffold(parsed.type, parsed.name, { root: process.cwd() })
-          .then(result => {
-            if (!result) process.exit(1);
-          })
-          .catch(err => {
-            logger.error(`Create failed: ${err.message}`);
-            process.exit(1);
-          });
-      }
-      break;
-    }
-
-    // ✅ NEW: Bundle analyzer
-    case 'analyze': {
-      const outDir = join(process.cwd(), 'dist');
-      const open = args.includes('--open');
-      analyzeBuild(outDir, { open })
-        .then(result => {
-          if (!result) {
-            logger.error('No build found. Run: bertui build');
-            process.exit(1);
-          }
-        })
-        .catch(err => {
-          logger.error(`Analyze failed: ${err.message}`);
-          process.exit(1);
-        });
-      break;
-    }
-
-    case '--version':
-    case '-v':
-      console.log('bertui v1.2.0');
-      break;
-
-    case '--help':
-    case '-h':
-      showHelp();
-      break;
-
-    default:
-      logger.error(`Unknown command: ${command}`);
-      showHelp();
-  }
-}
-
-function getArg(longForm, shortForm) {
-  const args = process.argv.slice(2);
-  const longIndex = args.indexOf(longForm);
-  const shortIndex = args.indexOf(shortForm);
-  const index = longIndex !== -1 ? longIndex : shortIndex;
-  return index !== -1 && args[index + 1] ? args[index + 1] : null;
-}
-
-function showHelp() {
-  logger.bigLog('BERTUI CLI', { color: 'blue' });
-  console.log(`
-Commands:
-  bertui dev [--port]              Start development server (default: 3000)
-  bertui build                     Build for production
-  bertui serve [--port]            Preview production build (default: 5000)
-  bertui analyze [--open]          Analyze bundle size (opens report in browser)
-
-  bertui create component <Name>   Scaffold a React component
-  bertui create page <name>        Scaffold a page (adds to file-based routing)
-  bertui create layout <name>      Scaffold a layout (default wraps all pages)
-  bertui create loading <route>    Scaffold a per-route loading state
-  bertui create middleware         Scaffold src/middleware.ts
-
-Options:
-  --port, -p <number>              Port for server
-  --open                           Open browser after command
-
-Examples:
-  bertui dev
-  bertui dev --port 8080
-  bertui build
-  bertui analyze --open
-  bertui create component Button
-  bertui create page About
-  bertui create page blog/[slug]
-  bertui create layout default
-  bertui create layout blog
-  bertui create loading blog
-  bertui create middleware
-  `);
-}