bertui 1.2.8 → 2.0.0

package/src/middleware/index.js

@@ -1,182 +0,0 @@
-// bertui/src/middleware/index.js
-// Middleware system - src/middleware.ts runs before every request
-
-import { join, extname } from 'path';
-import { existsSync } from 'fs';
-import logger from '../logger/logger.js';
-
-/**
- * Middleware context passed to every middleware function
- */
-export class MiddlewareContext {
-  constructor(request, options = {}) {
-    this.request = request;
-    this.url = new URL(request.url);
-    this.pathname = this.url.pathname;
-    this.method = request.method;
-    this.headers = Object.fromEntries(request.headers.entries());
-    this.params = options.params || {};
-    this.route = options.route || null;
-    this._response = null;
-    this._redirectTo = null;
-    this._stopped = false;
-    this.locals = {}; // Share data between middlewares and pages
-  }
-
-  /** Respond early - stops further processing */
-  respond(body, init = {}) {
-    this._response = new Response(body, {
-      status: init.status || 200,
-      headers: {
-        'Content-Type': 'text/html',
-        ...init.headers
-      }
-    });
-    this._stopped = true;
-  }
-
-  /** Redirect to another URL */
-  redirect(url, status = 302) {
-    this._redirectTo = url;
-    this._response = Response.redirect(url, status);
-    this._stopped = true;
-  }
-
-  /** Set a response header (added to final response) */
-  setHeader(key, value) {
-    if (!this._extraHeaders) this._extraHeaders = {};
-    this._extraHeaders[key] = value;
-  }
-
-  /** Check if middleware stopped the chain */
-  get stopped() {
-    return this._stopped;
-  }
-}
-
-/**
- * Load and run user middleware from src/middleware.ts or src/middleware.js
- */
-export async function loadMiddleware(root) {
-  const candidates = [
-    join(root, 'src', 'middleware.ts'),
-    join(root, 'src', 'middleware.tsx'),
-    join(root, 'src', 'middleware.js'),
-  ];
-
-  for (const path of candidates) {
-    if (existsSync(path)) {
-      try {
-        // Transpile if TypeScript
-        const ext = extname(path);
-        let code = await Bun.file(path).text();
-
-        if (ext === '.ts' || ext === '.tsx') {
-          const transpiler = new Bun.Transpiler({
-            loader: ext === '.tsx' ? 'tsx' : 'ts',
-            target: 'bun',
-          });
-          code = await transpiler.transform(code);
-        }
-
-        // Write to temp file and import
-        const tmpPath = join(root, '.bertui', 'middleware.js');
-        await Bun.write(tmpPath, code);
-
-        const mod = await import(`${tmpPath}?t=${Date.now()}`);
-        logger.success('✅ Middleware loaded: ' + path.replace(root, ''));
-
-        return {
-          default: mod.default || null,
-          onRequest: mod.onRequest || mod.default || null,
-          onResponse: mod.onResponse || null,
-          onError: mod.onError || null,
-        };
-      } catch (err) {
-        logger.error(`Failed to load middleware: ${err.message}`);
-        return null;
-      }
-    }
-  }
-
-  return null;
-}
-
-/**
- * Run middleware chain for a request
- * Returns a Response if middleware intercepted, null to continue
- */
-export async function runMiddleware(middlewareMod, request, routeInfo = {}) {
-  if (!middlewareMod) return null;
-
-  const ctx = new MiddlewareContext(request, routeInfo);
-
-  try {
-    // Run onRequest middleware
-    if (middlewareMod.onRequest) {
-      await middlewareMod.onRequest(ctx);
-      if (ctx.stopped) {
-        logger.debug(`🛡️  Middleware intercepted: ${ctx.pathname}`);
-        return ctx._response;
-      }
-    }
-
-    return null; // Continue to route handler
-  } catch (err) {
-    logger.error(`Middleware error: ${err.message}`);
-
-    // Run error handler if defined
-    if (middlewareMod.onError) {
-      try {
-        await middlewareMod.onError(ctx, err);
-        if (ctx._response) return ctx._response;
-      } catch (e) {
-        logger.error(`Middleware error handler failed: ${e.message}`);
-      }
-    }
-
-    return null;
-  }
-}
-
-/**
- * MiddlewareManager - watches and reloads middleware on change
- */
-export class MiddlewareManager {
-  constructor(root) {
-    this.root = root;
-    this.middleware = null;
-    this.watcher = null;
-  }
-
-  async load() {
-    this.middleware = await loadMiddleware(this.root);
-    return this;
-  }
-
-  async run(request, routeInfo = {}) {
-    return runMiddleware(this.middleware, request, routeInfo);
-  }
-
-  watch() {
-    const candidates = [
-      join(this.root, 'src', 'middleware.ts'),
-      join(this.root, 'src', 'middleware.tsx'),
-      join(this.root, 'src', 'middleware.js'),
-    ];
-
-    const existing = candidates.find(existsSync);
-    if (!existing) return;
-
-    const { watch } = require('fs');
-    this.watcher = watch(existing, async () => {
-      logger.info('🔄 Reloading middleware...');
-      this.middleware = await loadMiddleware(this.root);
-      logger.success('✅ Middleware reloaded');
-    });
-  }
-
-  dispose() {
-    if (this.watcher) this.watcher.close();
-  }
-}

package/src/router/Router.js

@@ -1,150 +0,0 @@
-// src/router/Router.js - SSR COMPATIBLE VERSION
-import { useState, useEffect, createContext, useContext } from 'react';
-
-const RouterContext = createContext(null);
-
-// ✅ FIX: SSR-safe useRouter
-export function useRouter() {
-  const context = useContext(RouterContext);
-  
-  // During SSR (when window doesn't exist), return a mock router
-  if (typeof window === 'undefined') {
-    return {
-      pathname: '/',
-      params: {},
-      navigate: () => {},
-      currentRoute: null,
-      isSSR: true
-    };
-  }
-  
-  if (!context) {
-    throw new Error('useRouter must be used within a Router component');
-  }
-  
-  return context;
-}
-
-export function Router({ routes }) {
-  const [currentRoute, setCurrentRoute] = useState(null);
-  const [params, setParams] = useState({});
-
-  useEffect(() => {
-    matchAndSetRoute(window.location.pathname);
-
-    const handlePopState = () => {
-      matchAndSetRoute(window.location.pathname);
-    };
-
-    window.addEventListener('popstate', handlePopState);
-    return () => window.removeEventListener('popstate', handlePopState);
-  }, [routes]);
-
-  function matchAndSetRoute(pathname) {
-    // Try static routes first
-    for (const route of routes) {
-      if (route.type === 'static' && route.path === pathname) {
-        setCurrentRoute(route);
-        setParams({});
-        return;
-      }
-    }
-
-    // Try dynamic routes
-    for (const route of routes) {
-      if (route.type === 'dynamic') {
-        const pattern = route.path.replace(/\[([^\]]+)\]/g, '([^/]+)');
-        const regex = new RegExp('^' + pattern + '$');
-        const match = pathname.match(regex);
-
-        if (match) {
-          const paramNames = [...route.path.matchAll(/\[([^\]]+)\]/g)].map(m => m[1]);
-          const extractedParams = {};
-          paramNames.forEach((name, i) => {
-            extractedParams[name] = match[i + 1];
-          });
-
-          setCurrentRoute(route);
-          setParams(extractedParams);
-          return;
-        }
-      }
-    }
-
-    // No match found
-    setCurrentRoute(null);
-    setParams({});
-  }
-
-  function navigate(path) {
-    if (typeof window !== 'undefined') {
-      window.history.pushState({}, '', path);
-      matchAndSetRoute(path);
-    }
-  }
-
-  const routerValue = {
-    currentRoute,
-    params,
-    navigate,
-    pathname: typeof window !== 'undefined' ? window.location.pathname : '/',
-    isSSR: typeof window === 'undefined'
-  };
-
-  const Component = currentRoute?.component;
-
-  return (
-    <RouterContext.Provider value={routerValue}>
-      {Component ? <Component params={params} /> : <NotFound />}
-    </RouterContext.Provider>
-  );
-}
-
-// ✅ FIX: SSR-safe Link component
-export function Link({ to, children, ...props }) {
-  // Try to get router, but don't fail if it doesn't exist
-  let router;
-  try {
-    router = useRouter();
-  } catch (e) {
-    // During SSR, router might not be available
-    router = null;
-  }
-
-  function handleClick(e) {
-    // During SSR, just use normal link behavior
-    if (typeof window === 'undefined') return;
-    
-    // If no router or navigate function, use normal link
-    if (!router || !router.navigate) return;
-    
-    // Only prevent default if we have client-side routing
-    e.preventDefault();
-    router.navigate(to);
-  }
-
-  return (
-    <a href={to} onClick={handleClick} {...props}>
-      {children}
-    </a>
-  );
-}
-
-function NotFound() {
-  return (
-    <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      minHeight: '100vh',
-      fontFamily: 'system-ui'
-    }}>
-      <h1 style={{ fontSize: '6rem', margin: 0 }}>404</h1>
-      <p style={{ fontSize: '1.5rem', color: '#666' }}>Page not found</p>
-      <a href="/" style={{ color: '#10b981', textDecoration: 'none', fontSize: '1.2rem' }}>
-        Go home
-      </a>
-    </div>
-  );
-}

package/src/router/SSRRouter.js

@@ -1,156 +0,0 @@
-// src/router/SSRRouter.jsx
-// SSR-Compatible Router for BertUI - Works during build AND runtime
-import React, { useState, useEffect, createContext, useContext } from 'react';
-
-const RouterContext = createContext(null);
-
-// ✅ SSR-safe useRouter hook
-export function useRouter() {
-  const context = useContext(RouterContext);
-  
-  // During SSR, provide a mock router
-  if (!context) {
-    return {
-      pathname: '/',
-      params: {},
-      navigate: () => {},
-      isSSR: true
-    };
-  }
-  
-  return context;
-}
-
-// ✅ SSR-safe Router component
-export function SSRRouter({ routes, initialPath = '/' }) {
-  const [currentRoute, setCurrentRoute] = useState(null);
-  const [params, setParams] = useState({});
-  const [isClient, setIsClient] = useState(false);
-
-  // Detect if we're in the browser
-  useEffect(() => {
-    setIsClient(true);
-    matchAndSetRoute(window.location.pathname);
-
-    const handlePopState = () => {
-      matchAndSetRoute(window.location.pathname);
-    };
-
-    window.addEventListener('popstate', handlePopState);
-    return () => window.removeEventListener('popstate', handlePopState);
-  }, [routes]);
-
-  // Match route on server-side (SSR)
-  if (!isClient && !currentRoute) {
-    const matched = matchRoute(initialPath, routes);
-    if (matched) {
-      return React.createElement(
-        RouterContext.Provider,
-        { value: { pathname: initialPath, params: matched.params, navigate: () => {}, isSSR: true } },
-        React.createElement(matched.route.component, { params: matched.params })
-      );
-    }
-  }
-
-  function matchRoute(pathname, routesList) {
-    // Try static routes first
-    for (const route of routesList) {
-      if (route.type === 'static' && route.path === pathname) {
-        return { route, params: {} };
-      }
-    }
-
-    // Try dynamic routes
-    for (const route of routesList) {
-      if (route.type === 'dynamic') {
-        const pattern = route.path.replace(/\[([^\]]+)\]/g, '([^/]+)');
-        const regex = new RegExp('^' + pattern + '$');
-        const match = pathname.match(regex);
-
-        if (match) {
-          const paramNames = [...route.path.matchAll(/\[([^\]]+)\]/g)].map(m => m[1]);
-          const extractedParams = {};
-          paramNames.forEach((name, i) => {
-            extractedParams[name] = match[i + 1];
-          });
-
-          return { route, params: extractedParams };
-        }
-      }
-    }
-
-    return null;
-  }
-
-  function matchAndSetRoute(pathname) {
-    const matched = matchRoute(pathname, routes);
-    
-    if (matched) {
-      setCurrentRoute(matched.route);
-      setParams(matched.params);
-    } else {
-      setCurrentRoute(null);
-      setParams({});
-    }
-  }
-
-  function navigate(path) {
-    if (typeof window !== 'undefined') {
-      window.history.pushState({}, '', path);
-      matchAndSetRoute(path);
-    }
-  }
-
-  const routerValue = {
-    currentRoute,
-    params,
-    navigate,
-    pathname: typeof window !== 'undefined' ? window.location.pathname : initialPath,
-    isSSR: !isClient
-  };
-
-  const Component = currentRoute?.component;
-
-  return React.createElement(
-    RouterContext.Provider,
-    { value: routerValue },
-    Component ? React.createElement(Component, { params }) : React.createElement(NotFound, null)
-  );
-}
-
-// ✅ SSR-safe Link component
-export function Link({ to, children, ...props }) {
-  const { navigate, isSSR } = useRouter();
-
-  function handleClick(e) {
-    // Don't prevent default during SSR
-    if (isSSR) return;
-    
-    e.preventDefault();
-    navigate(to);
-  }
-
-  return React.createElement('a', { href: to, onClick: handleClick, ...props }, children);
-}
-
-function NotFound() {
-  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')
-  );
-}

package/src/router/index.js

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