bertui 0.1.5 → 0.1.7

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 BunElysiaReact
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2025 BunElysiaReact
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/bin/bertui.js

@@ -1,8 +1,8 @@
-#!/usr/bin/env bun
-// bin/bertui.js
-
-// Import the CLI program from index
-import { program } from '../index.js';
-
-// Run it
+#!/usr/bin/env bun
+// bin/bertui.js
+
+// Import the CLI program from index
+import { program } from '../index.js';
+
+// Run it
 program();

package/index.js

@@ -1,36 +1,36 @@
-// index.js
-import logger from "./src/logger/logger.js";
-import { defaultConfig } from "./src/config/defaultConfig.js";
-import { loadConfig } from "./src/config/loadConfig.js";
-import { startDev } from "./src/dev.js";
-import { buildProduction } from "./src/build.js";
-import { compileProject } from "./src/client/compiler.js";
-import { buildCSS, copyCSS } from "./src/build/css-builder.js";
-import { program } from "./src/cli.js";
-
-// Named exports
-export { 
-    logger,
-    defaultConfig,
-    loadConfig,
-    startDev,
-    buildProduction,
-    compileProject,
-    buildCSS,
-    copyCSS,
-    program
-};
-
-// Default export
-export default {
-    logger,
-    defaultConfig,
-    loadConfig,
-    startDev,
-    buildProduction,
-    compileProject,
-    buildCSS,
-    copyCSS,
-    program,
-    version: "0.1.5"
+// index.js
+import logger from "./src/logger/logger.js";
+import { defaultConfig } from "./src/config/defaultConfig.js";
+import { loadConfig } from "./src/config/loadConfig.js";
+import { startDev } from "./src/dev.js";
+import { buildProduction } from "./src/build.js";
+import { compileProject } from "./src/client/compiler.js";
+import { buildCSS, copyCSS } from "./src/build/css-builder.js";
+import { program } from "./src/cli.js";
+
+// Named exports
+export { 
+    logger,
+    defaultConfig,
+    loadConfig,
+    startDev,
+    buildProduction,
+    compileProject,
+    buildCSS,
+    copyCSS,
+    program
+};
+
+// Default export
+export default {
+    logger,
+    defaultConfig,
+    loadConfig,
+    startDev,
+    buildProduction,
+    compileProject,
+    buildCSS,
+    copyCSS,
+    program,
+    version: "0.1.7"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bertui",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Lightning-fast React dev server powered by Bun and Elysia",
   "type": "module",
   "main": "./index.js",
@@ -8,9 +8,10 @@
     "bertui": "./bin/bertui.js"
   },
   "exports": {
-    ".": "./index.js",
-    "./styles": "./src/styles/bertui.css",
-    "./logger": "./src/logger/logger.js"
+  ".": "./index.js",
+  "./styles": "./src/styles/bertui.css",
+  "./logger": "./src/logger/logger.js",
+  "./router": "./src/router/Router.jsx"
   },
   "files": [
     "bin",

package/src/build/css-builder.js

@@ -1,84 +1,84 @@
-// src/build/css-builder.js
-import { join } from 'path';
-import { existsSync, mkdirSync } from 'fs';
-import postcss from 'postcss';
-import autoprefixer from 'autoprefixer';
-import cssnano from 'cssnano';
-import logger from '../logger/logger.js';
-
-/**
- * Build and minify CSS for production
- * @param {string} srcPath - Source CSS file path
- * @param {string} destPath - Destination CSS file path
- */
-export async function buildCSS(srcPath, destPath) {
-  try {
-    logger.info('Processing CSS...');
-    
-    // Ensure destination directory exists
-    const destDir = join(destPath, '..');
-    if (!existsSync(destDir)) {
-      mkdirSync(destDir, { recursive: true });
-    }
-    
-    // Read source CSS
-    const css = await Bun.file(srcPath).text();
-    
-    // Process with PostCSS
-    const result = await postcss([
-      autoprefixer(),
-      cssnano({
-        preset: ['default', {
-          discardComments: { removeAll: true },
-          normalizeWhitespace: true,
-          colormin: true,
-          minifyFontValues: true,
-          minifySelectors: true,
-        }]
-      })
-    ]).process(css, { from: srcPath, to: destPath });
-    
-    // Write minified CSS
-    await Bun.write(destPath, result.css);
-    
-    // Calculate size reduction
-    const originalSize = (Buffer.byteLength(css) / 1024).toFixed(2);
-    const minifiedSize = (Buffer.byteLength(result.css) / 1024).toFixed(2);
-    const reduction = ((1 - Buffer.byteLength(result.css) / Buffer.byteLength(css)) * 100).toFixed(1);
-    
-    logger.success(`CSS minified: ${originalSize}KB → ${minifiedSize}KB (-${reduction}%)`);
-    
-    if (result.warnings().length > 0) {
-      result.warnings().forEach(warn => {
-        logger.warn(warn.toString());
-      });
-    }
-    
-    return { success: true, size: minifiedSize };
-  } catch (error) {
-    logger.error(`CSS build failed: ${error.message}`);
-    throw error;
-  }
-}
-
-/**
- * Copy CSS without minification (for dev)
- * @param {string} srcPath - Source CSS file path
- * @param {string} destPath - Destination CSS file path
- */
-export async function copyCSS(srcPath, destPath) {
-  try {
-    const destDir = join(destPath, '..');
-    if (!existsSync(destDir)) {
-      mkdirSync(destDir, { recursive: true });
-    }
-    
-    await Bun.write(destPath, Bun.file(srcPath));
-    logger.info('CSS copied for development');
-    
-    return { success: true };
-  } catch (error) {
-    logger.error(`CSS copy failed: ${error.message}`);
-    throw error;
-  }
+// src/build/css-builder.js
+import { join } from 'path';
+import { existsSync, mkdirSync } from 'fs';
+import postcss from 'postcss';
+import autoprefixer from 'autoprefixer';
+import cssnano from 'cssnano';
+import logger from '../logger/logger.js';
+
+/**
+ * Build and minify CSS for production
+ * @param {string} srcPath - Source CSS file path
+ * @param {string} destPath - Destination CSS file path
+ */
+export async function buildCSS(srcPath, destPath) {
+  try {
+    logger.info('Processing CSS...');
+    
+    // Ensure destination directory exists
+    const destDir = join(destPath, '..');
+    if (!existsSync(destDir)) {
+      mkdirSync(destDir, { recursive: true });
+    }
+    
+    // Read source CSS
+    const css = await Bun.file(srcPath).text();
+    
+    // Process with PostCSS
+    const result = await postcss([
+      autoprefixer(),
+      cssnano({
+        preset: ['default', {
+          discardComments: { removeAll: true },
+          normalizeWhitespace: true,
+          colormin: true,
+          minifyFontValues: true,
+          minifySelectors: true,
+        }]
+      })
+    ]).process(css, { from: srcPath, to: destPath });
+    
+    // Write minified CSS
+    await Bun.write(destPath, result.css);
+    
+    // Calculate size reduction
+    const originalSize = (Buffer.byteLength(css) / 1024).toFixed(2);
+    const minifiedSize = (Buffer.byteLength(result.css) / 1024).toFixed(2);
+    const reduction = ((1 - Buffer.byteLength(result.css) / Buffer.byteLength(css)) * 100).toFixed(1);
+    
+    logger.success(`CSS minified: ${originalSize}KB → ${minifiedSize}KB (-${reduction}%)`);
+    
+    if (result.warnings().length > 0) {
+      result.warnings().forEach(warn => {
+        logger.warn(warn.toString());
+      });
+    }
+    
+    return { success: true, size: minifiedSize };
+  } catch (error) {
+    logger.error(`CSS build failed: ${error.message}`);
+    throw error;
+  }
+}
+
+/**
+ * Copy CSS without minification (for dev)
+ * @param {string} srcPath - Source CSS file path
+ * @param {string} destPath - Destination CSS file path
+ */
+export async function copyCSS(srcPath, destPath) {
+  try {
+    const destDir = join(destPath, '..');
+    if (!existsSync(destDir)) {
+      mkdirSync(destDir, { recursive: true });
+    }
+    
+    await Bun.write(destPath, Bun.file(srcPath));
+    logger.info('CSS copied for development');
+    
+    return { success: true };
+  } catch (error) {
+    logger.error(`CSS copy failed: ${error.message}`);
+    throw error;
+  }
 }

package/src/build.js

@@ -1,123 +1,123 @@
-// src/build.js
-import { join } from 'path';
-import { existsSync, mkdirSync, rmSync, cpSync } from 'fs';
-import logger from './logger/logger.js';
-import { buildCSS } from './build/css-builder.js';
-
-export async function buildProduction(options = {}) {
-  const root = options.root || process.cwd();
-  const outDir = join(root, 'dist');
-  
-  logger.bigLog('BUILDING FOR PRODUCTION', { color: 'green' });
-  
-  // Clean dist folder
-  if (existsSync(outDir)) {
-    rmSync(outDir, { recursive: true });
-    logger.info('Cleaned dist/');
-  }
-  mkdirSync(outDir, { recursive: true });
-  
-  const startTime = Date.now();
-  
-  try {
-    // Step 1: Build CSS from BertUI library
-    logger.info('Step 1: Building CSS...');
-    const bertuiCssSource = join(import.meta.dir, 'styles/bertui.css');
-    const bertuiCssDest = join(outDir, 'styles/bertui.min.css');
-    await buildCSS(bertuiCssSource, bertuiCssDest);
-    
-    // Step 2: Copy public assets if they exist
-    const publicDir = join(root, 'public');
-    if (existsSync(publicDir)) {
-      logger.info('Step 2: Copying public assets...');
-      cpSync(publicDir, outDir, { recursive: true });
-      logger.success('Public assets copied');
-    } else {
-      logger.info('Step 2: No public directory found, skipping...');
-    }
-    
-    // Step 3: Build JavaScript with Bun's bundler
-    logger.info('Step 3: Bundling JavaScript...');
-    const mainEntry = join(root, 'src/main.jsx');
-    
-    if (!existsSync(mainEntry)) {
-      logger.error('Entry point not found: src/main.jsx');
-      process.exit(1);
-    }
-    
-    const result = await Bun.build({
-      entrypoints: [mainEntry],
-      outdir: join(outDir, 'assets'),
-      target: 'browser',
-      minify: true,
-      splitting: true,
-      sourcemap: 'external',
-      naming: {
-        entry: '[name]-[hash].js',
-        chunk: 'chunks/[name]-[hash].js',
-        asset: '[name]-[hash].[ext]'
-      },
-      external: [] // Don't externalize anything for browser builds
-    });
-    
-    if (!result.success) {
-      logger.error('JavaScript build failed!');
-      result.logs.forEach(log => logger.error(log.message));
-      process.exit(1);
-    }
-    
-    logger.success('JavaScript bundled');
-    
-    // Step 4: Generate index.html
-    logger.info('Step 4: Generating index.html...');
-    await generateProductionHTML(root, outDir, result);
-    
-    const duration = Date.now() - startTime;
-    logger.success(`✨ Build complete in ${duration}ms`);
-    logger.info(`📦 Output: ${outDir}`);
-    
-    // Display build stats
-    logger.table(result.outputs.map(o => ({
-      file: o.path.replace(outDir, ''),
-      size: `${(o.size / 1024).toFixed(2)} KB`
-    })));
-    
-  } catch (error) {
-    logger.error(`Build failed: ${error.message}`);
-    if (error.stack) {
-      logger.error(error.stack);
-    }
-    process.exit(1);
-  }
-}
-
-async function generateProductionHTML(root, outDir, buildResult) {
-  // Find the main bundle
-  const mainBundle = buildResult.outputs.find(o => 
-    o.path.includes('main') && o.kind === 'entry-point'
-  );
-  
-  if (!mainBundle) {
-    throw new Error('Could not find main bundle in build output');
-  }
-  
-  const bundlePath = mainBundle.path.replace(outDir, '').replace(/^\//, '');
-  
-  const html = `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="Built with BertUI - Lightning fast React development">
-  <title>BertUI App</title>
-  <link rel="stylesheet" href="/styles/bertui.min.css">
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="/${bundlePath}"></script>
-</body>
-</html>`;
-  
-  await Bun.write(join(outDir, 'index.html'), html);
-  logger.success('Generated index.html');
+// src/build.js
+import { join } from 'path';
+import { existsSync, mkdirSync, rmSync, cpSync } from 'fs';
+import logger from './logger/logger.js';
+import { buildCSS } from './build/css-builder.js';
+
+export async function buildProduction(options = {}) {
+  const root = options.root || process.cwd();
+  const outDir = join(root, 'dist');
+  
+  logger.bigLog('BUILDING FOR PRODUCTION', { color: 'green' });
+  
+  // Clean dist folder
+  if (existsSync(outDir)) {
+    rmSync(outDir, { recursive: true });
+    logger.info('Cleaned dist/');
+  }
+  mkdirSync(outDir, { recursive: true });
+  
+  const startTime = Date.now();
+  
+  try {
+    // Step 1: Build CSS from BertUI library
+    logger.info('Step 1: Building CSS...');
+    const bertuiCssSource = join(import.meta.dir, 'styles/bertui.css');
+    const bertuiCssDest = join(outDir, 'styles/bertui.min.css');
+    await buildCSS(bertuiCssSource, bertuiCssDest);
+    
+    // Step 2: Copy public assets if they exist
+    const publicDir = join(root, 'public');
+    if (existsSync(publicDir)) {
+      logger.info('Step 2: Copying public assets...');
+      cpSync(publicDir, outDir, { recursive: true });
+      logger.success('Public assets copied');
+    } else {
+      logger.info('Step 2: No public directory found, skipping...');
+    }
+    
+    // Step 3: Build JavaScript with Bun's bundler
+    logger.info('Step 3: Bundling JavaScript...');
+    const mainEntry = join(root, 'src/main.jsx');
+    
+    if (!existsSync(mainEntry)) {
+      logger.error('Entry point not found: src/main.jsx');
+      process.exit(1);
+    }
+    
+    const result = await Bun.build({
+      entrypoints: [mainEntry],
+      outdir: join(outDir, 'assets'),
+      target: 'browser',
+      minify: true,
+      splitting: true,
+      sourcemap: 'external',
+      naming: {
+        entry: '[name]-[hash].js',
+        chunk: 'chunks/[name]-[hash].js',
+        asset: '[name]-[hash].[ext]'
+      },
+      external: [] // Don't externalize anything for browser builds
+    });
+    
+    if (!result.success) {
+      logger.error('JavaScript build failed!');
+      result.logs.forEach(log => logger.error(log.message));
+      process.exit(1);
+    }
+    
+    logger.success('JavaScript bundled');
+    
+    // Step 4: Generate index.html
+    logger.info('Step 4: Generating index.html...');
+    await generateProductionHTML(root, outDir, result);
+    
+    const duration = Date.now() - startTime;
+    logger.success(`✨ Build complete in ${duration}ms`);
+    logger.info(`📦 Output: ${outDir}`);
+    
+    // Display build stats
+    logger.table(result.outputs.map(o => ({
+      file: o.path.replace(outDir, ''),
+      size: `${(o.size / 1024).toFixed(2)} KB`
+    })));
+    
+  } catch (error) {
+    logger.error(`Build failed: ${error.message}`);
+    if (error.stack) {
+      logger.error(error.stack);
+    }
+    process.exit(1);
+  }
+}
+
+async function generateProductionHTML(root, outDir, buildResult) {
+  // Find the main bundle
+  const mainBundle = buildResult.outputs.find(o => 
+    o.path.includes('main') && o.kind === 'entry-point'
+  );
+  
+  if (!mainBundle) {
+    throw new Error('Could not find main bundle in build output');
+  }
+  
+  const bundlePath = mainBundle.path.replace(outDir, '').replace(/^\//, '');
+  
+  const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Built with BertUI - Lightning fast React development">
+  <title>BertUI App</title>
+  <link rel="stylesheet" href="/styles/bertui.min.css">
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/${bundlePath}"></script>
+</body>
+</html>`;
+  
+  await Bun.write(join(outDir, 'index.html'), html);
+  logger.success('Generated index.html');
 }