olova 2.0.61 → 2.0.63

package/src/logger.ts

@@ -1,182 +0,0 @@
-/**
- * Olova Logger - Modern, styled terminal output
- * Inspired by Next.js console output
- */
-
-import pc from 'picocolors';
-
-// Olova version from package.json
-const VERSION = '0.0.14';
-
-/**
- * Print the startup banner (minimal, like Next.js)
- */
-export function printBanner() {
-  console.log('');
-  console.log(pc.cyan(`   ▲ Olova`) + pc.dim(` ${VERSION}`));
-  console.log('');
-}
-
-/**
- * Print dev server ready message
- */
-export function printDevReady(url: string, networkUrl?: string) {
-  console.log('');
-  console.log(`   ${pc.green('✓')} ${pc.bold('Ready')} in ${pc.cyan('~1s')}`);
-  console.log('');
-  console.log(`   ${pc.dim('Local:')}   ${pc.cyan(url)}`);
-  if (networkUrl) {
-    console.log(`   ${pc.dim('Network:')} ${pc.cyan(networkUrl)}`);
-  }
-  console.log('');
-}
-
-/**
- * Print SSG build start (minimal)
- */
-export function printBuildStart() {
-  console.log('');
-  console.log(`   ${pc.dim('Creating an optimized production build...')}`);
-  console.log('');
-}
-
-/**
- * Print SSG build header
- */
-export function printSSGStart(buildId: string) {
-  console.log('');
-  console.log(pc.bold(pc.cyan(`   ✓ Compiled successfully`)));
-  console.log('');
-  console.log(`   ${pc.dim('Build ID:')} ${pc.yellow(buildId)}`);
-  console.log('');
-}
-
-/**
- * Print route table (Next.js style)
- */
-export function printRoutes(routes: { path: string; type: 'static' | 'dynamic' }[]) {
-  // Header
-  console.log(`   ${pc.bold('Route')}${' '.repeat(32)}${pc.bold('Type')}`);
-  console.log(`   ${pc.dim('┌')}${pc.dim('─'.repeat(43))}${pc.dim('┐')}`);
-
-  for (const route of routes) {
-    const icon = route.type === 'static' ? pc.green('○') : pc.magenta('λ');
-    const typeLabel = route.type === 'static'
-      ? pc.green('Static')
-      : pc.magenta('Dynamic');
-    const pathDisplay = route.path === '/' ? '/' : route.path;
-    const padding = ' '.repeat(Math.max(1, 35 - pathDisplay.length));
-    console.log(`   ${pc.dim('│')} ${icon} ${pc.white(pathDisplay)}${padding}${typeLabel}`);
-  }
-
-  // Footer
-  console.log(`   ${pc.dim('└')}${pc.dim('─'.repeat(43))}${pc.dim('┘')}`);
-  console.log('');
-}
-
-/**
- * Print single page generation
- */
-export function printPageGenerated(path: string, hasFlightData = true) {
-  const badge = hasFlightData ? pc.dim(pc.cyan(' [Flight]')) : '';
-  console.log(`   ${pc.dim('✓')} ${pc.dim('Generated')} ${pc.white(path)}${badge}`);
-}
-
-/**
- * Print page generation error
- */
-export function printPageError(path: string, error: string) {
-  console.log(`   ${pc.red('✗')} ${pc.red('Failed')} ${path}`);
-  console.log(`     ${pc.dim(error)}`);
-}
-
-/**
- * Print SSG completion summary
- */
-export function printSSGComplete(stats: {
-  totalPages: number;
-  successPages: number;
-  failedPages: number;
-  buildTime: number;
-}) {
-  console.log('');
-  console.log(`   ${pc.dim('─'.repeat(45))}`);
-  console.log('');
-
-  if (stats.failedPages > 0) {
-    console.log(`   ${pc.yellow('⚠')} ${pc.yellow('Build completed with warnings')}`);
-  } else {
-    console.log(`   ${pc.green('✓')} ${pc.green('Build completed successfully')}`);
-  }
-
-  console.log('');
-  console.log(`   ${pc.dim('Pages:')}  ${pc.bold(stats.successPages.toString())} generated`);
-  if (stats.failedPages > 0) {
-    console.log(`           ${pc.red(stats.failedPages.toString())} failed`);
-  }
-  console.log(`   ${pc.dim('Time:')}   ${pc.cyan(stats.buildTime + 'ms')}`);
-  console.log('');
-}
-
-/**
- * Print Flight hydration info (compact)
- */
-export function printFlightInfo() {
-  console.log(`   ${pc.cyan('○')} ${pc.dim('Flight hydration enabled')}`);
-  console.log(`     ${pc.dim('• JSON-LD structured data')}`);
-  console.log(`     ${pc.dim('• Resource hints')}`);
-  console.log(`     ${pc.dim('• $OLOVA global')}`);
-  console.log('');
-}
-
-/**
- * Print a simple info message
- */
-export function info(message: string) {
-  console.log(`   ${pc.cyan('○')} ${message}`);
-}
-
-/**
- * Print a success message
- */
-export function success(message: string) {
-  console.log(`   ${pc.green('✓')} ${pc.green(message)}`);
-}
-
-/**
- * Print a warning message
- */
-export function warn(message: string) {
-  console.log(`   ${pc.yellow('⚠')} ${pc.yellow(message)}`);
-}
-
-/**
- * Print an error message
- */
-export function error(message: string) {
-  console.log(`   ${pc.red('✗')} ${pc.red(message)}`);
-}
-
-/**
- * Print SSR render info (dev mode)
- */
-export function printSSRRender(path: string) {
-  console.log(`   ${pc.cyan('→')} ${pc.dim('SSR')} ${path}`);
-}
-
-export default {
-  printBanner,
-  printDevReady,
-  printBuildStart,
-  printSSGStart,
-  printRoutes,
-  printPageGenerated,
-  printPageError,
-  printSSGComplete,
-  printFlightInfo,
-  printSSRRender,
-  info,
-  success,
-  warn,
-  error,
-};

package/src/main.tsx

@@ -1,24 +0,0 @@
-import { StrictMode } from 'react';
-import { hydrateRoot } from 'react-dom/client';
-// @ts-expect-error - Virtual module resolved by vite-plugin-olova
-import { layouts, notFoundPages, OlovaRouter, Outlet, routes } from 'virtual:olova-app';
-
-// Wrapper to support "children" prop style layouts (Next.js style)
-const wrappedLayouts = layouts.map((item: any) => ({
-  ...item,
-  layout: (props: any) => (
-    <item.layout {...props}>
-      <Outlet />
-    </item.layout>
-  )
-}));
-
-const isBrowser = typeof window !== 'undefined' && !(import.meta as any).env.SSR;
-
-if (isBrowser) {
-  hydrateRoot(document, (
-    <StrictMode>
-      <OlovaRouter routes={routes} layouts={wrappedLayouts} notFoundPages={notFoundPages} />
-    </StrictMode>
-  ));
-}

package/src/performance.ts

@@ -1,488 +0,0 @@
-/**
- * Olova Performance Optimizations Plugin
- * 
- * Provides build-time optimizations for SSG:
- * - Code splitting strategies
- * - Asset compression (gzip/brotli)
- * - Chunk size analysis
- * - Resource prioritization
- */
-
-import fs from 'node:fs/promises';
-import path from 'node:path';
-import { promisify } from 'node:util';
-import zlib from 'node:zlib';
-import type { Plugin, ResolvedConfig } from 'vite';
-import logger from './logger';
-
-// Promisify zlib functions
-const gzip = promisify(zlib.gzip);
-const brotliCompress = promisify(zlib.brotliCompress);
-
-// =============================================================================
-// TYPES
-// =============================================================================
-
-export interface PerformanceOptions {
-  /**
-   * Enable gzip compression for assets
-   * @default true
-   */
-  gzip?: boolean;
-  
-  /**
-   * Enable brotli compression for assets
-   * @default true
-   */
-  brotli?: boolean;
-  
-  /**
-   * Minimum file size (in bytes) to compress
-   * @default 1024 (1KB)
-   */
-  threshold?: number;
-  
-  /**
-   * File extensions to compress
-   * @default ['js', 'css', 'html', 'json', 'svg', 'xml']
-   */
-  extensions?: string[];
-  
-  /**
-   * Enable chunk size warnings
-   * @default true
-   */
-  chunkSizeWarning?: boolean;
-  
-  /**
-   * Maximum chunk size before warning (in KB)
-   * @default 250
-   */
-  maxChunkSize?: number;
-  
-  /**
-   * Enable route-based code splitting
-   * @default true
-   */
-  routeCodeSplitting?: boolean;
-}
-
-export interface ChunkInfo {
-  name: string;
-  size: number;
-  gzipSize?: number;
-  brotliSize?: number;
-  isEntry: boolean;
-  type: 'vendor' | 'framework' | 'common' | 'route' | 'other';
-}
-
-// =============================================================================
-// MANUAL CHUNKS CONFIGURATION
-// =============================================================================
-
-/**
- * Smart manual chunks configuration for optimal code splitting
- * Separates vendor, framework, and route-specific code
- * Avoids circular dependencies by grouping related routes
- */
-export function createManualChunks() {
-  // Track modules to detect potential circular dependencies
-  const seenModules = new Map<string, string>();
-  
-  return (id: string, { getModuleInfo }: { getModuleInfo: (id: string) => { importers: readonly string[] } | null }): string | undefined => {
-    // React and React DOM - cached separately
-    if (id.includes('node_modules/react-dom')) {
-      return 'vendor-react-dom';
-    }
-    if (id.includes('node_modules/react')) {
-      return 'vendor-react';
-    }
-    
-    // Olova Router - framework code
-    if (id.includes('olova-router') || id.includes('olovastart/dist/router')) {
-      return 'framework-router';
-    }
-    
-    // Other node_modules - vendor bundle
-    if (id.includes('node_modules')) {
-      // Extract package name for better caching
-      const match = id.match(/node_modules[\\/]([^/\\]+)/);
-      if (match) {
-        const pkg = match[1];
-        // Group small packages together
-        if (['scheduler', 'object-assign', 'prop-types'].includes(pkg)) {
-          return 'vendor-react';
-        }
-        // Keep large packages separate
-        if (['lodash', 'moment', 'axios', 'date-fns'].includes(pkg)) {
-          return `vendor-${pkg}`;
-        }
-      }
-      return 'vendor';
-    }
-    
-    // Shared components - group together to avoid circular deps
-    if (id.includes('/components/')) {
-      return 'common-components';
-    }
-    
-    // Shared utilities
-    if (id.includes('/utils/') || id.includes('/lib/') || id.includes('/helpers/')) {
-      return 'common-utils';
-    }
-    
-    // CSS - let Vite handle
-    if (id.endsWith('.css') || id.endsWith('.scss')) {
-      return undefined;
-    }
-    
-    // Auth pages + search - group together to avoid circular deps
-    // (login <-> register <-> search often share components/navigation)
-    if (id.includes('/(auth)/') || id.includes('\\(auth)\\') || 
-        id.includes('/search/') || id.includes('\\search\\')) {
-      return 'page-auth';
-    }
-    
-    // Route components - be conservative, only split truly isolated routes
-    // Don't split if the module has cross-route imports
-    if (id.includes('/src/') && (id.endsWith('/index.tsx') || id.endsWith('/index.mdx'))) {
-      // Check if this module would cause circular dependencies
-      const moduleInfo = getModuleInfo(id);
-      if (moduleInfo) {
-        // If imported by another route, group with common
-        for (const importer of moduleInfo.importers) {
-          if (importer.includes('/src/') && importer.includes('/index.') && !importer.includes(id)) {
-            return 'common-routes';
-          }
-        }
-      }
-      
-      const routeMatch = id.match(/[\\/]src[\\/](.+?)[\\/]index\.(tsx|mdx)$/);
-      if (routeMatch) {
-        const routePath = routeMatch[1]
-          .replace(/\([^)]+\)[\\/]/g, '') // Remove route groups
-          .replace(/\[.*?\]/g, 'dynamic') // Replace dynamic segments
-          .replace(/[\\/]/g, '-');
-        
-        // Skip if we've seen a chunk with same base that would cause circular
-        const baseRoute = routePath.split('-')[0];
-        if (seenModules.has(baseRoute)) {
-          const existingChunk = seenModules.get(baseRoute)!;
-          // If related routes, group them
-          if (existingChunk.startsWith('page-')) {
-            return existingChunk;
-          }
-        }
-        
-        const chunkName = `page-${routePath}`;
-        seenModules.set(baseRoute, chunkName);
-        return chunkName;
-      }
-    }
-    
-    return undefined;
-  };
-}
-
-// =============================================================================
-// COMPRESSION PLUGIN
-// =============================================================================
-
-/**
- * Compression plugin for generating gzip and brotli compressed assets
- */
-export function compressionPlugin(options: PerformanceOptions = {}): Plugin {
-  const {
-    gzip: enableGzip = true,
-    brotli: enableBrotli = true,
-    threshold = 1024,
-    extensions = ['js', 'css', 'html', 'json', 'svg', 'xml'],
-  } = options;
-  
-  let config: ResolvedConfig;
-  
-  return {
-    name: 'olova-compression',
-    apply: 'build',
-    
-    configResolved(resolvedConfig) {
-      config = resolvedConfig;
-    },
-    
-    async closeBundle() {
-      if (config.command !== 'build' || config.build.ssr) return;
-      
-      const outDir = config.build.outDir;
-      const stats = { gzip: 0, brotli: 0, skipped: 0 };
-      
-      // Find all files to compress
-      const files = await findFilesToCompress(outDir, extensions);
-      
-      for (const file of files) {
-        const content = await fs.readFile(file);
-        
-        // Skip small files
-        if (content.length < threshold) {
-          stats.skipped++;
-          continue;
-        }
-        
-        // Gzip compression
-        if (enableGzip) {
-          try {
-            const compressed = await gzip(content, { level: 9 });
-            await fs.writeFile(`${file}.gz`, compressed);
-            stats.gzip++;
-          } catch (e) {
-            // Silently skip compression errors
-          }
-        }
-        
-        // Brotli compression
-        if (enableBrotli) {
-          try {
-            const compressed = await brotliCompress(content, {
-              params: {
-                [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
-              },
-            });
-            await fs.writeFile(`${file}.br`, compressed);
-            stats.brotli++;
-          } catch (e) {
-            // Silently skip compression errors
-          }
-        }
-      }
-      
-      // Log compression stats
-      if (stats.gzip > 0 || stats.brotli > 0) {
-        logger.info(`Compressed ${stats.gzip} files (gzip), ${stats.brotli} files (brotli)`);
-      }
-    },
-  };
-}
-
-// =============================================================================
-// CHUNK ANALYSIS PLUGIN
-// =============================================================================
-
-/**
- * Chunk analysis plugin for monitoring bundle sizes
- */
-export function chunkAnalysisPlugin(options: PerformanceOptions = {}): Plugin {
-  const {
-    chunkSizeWarning = true,
-    maxChunkSize = 250,
-  } = options;
-  
-  const chunks: ChunkInfo[] = [];
-  
-  return {
-    name: 'olova-chunk-analysis',
-    apply: 'build',
-    
-    generateBundle(_options, bundle) {
-      for (const [fileName, chunk] of Object.entries(bundle)) {
-        if (chunk.type === 'chunk') {
-          const sizeKB = Buffer.byteLength(chunk.code, 'utf8') / 1024;
-          
-          // Determine chunk type
-          let type: ChunkInfo['type'] = 'other';
-          if (fileName.includes('vendor')) type = 'vendor';
-          else if (fileName.includes('framework')) type = 'framework';
-          else if (fileName.includes('common')) type = 'common';
-          else if (fileName.includes('page-')) type = 'route';
-          
-          chunks.push({
-            name: fileName,
-            size: Math.round(sizeKB * 100) / 100,
-            isEntry: chunk.isEntry,
-            type,
-          });
-          
-          // Warn about large chunks
-          if (chunkSizeWarning && sizeKB > maxChunkSize) {
-            logger.warn(`Chunk "${fileName}" is ${sizeKB.toFixed(2)}KB (exceeds ${maxChunkSize}KB limit)`);
-          }
-        }
-      }
-    },
-    
-    closeBundle() {
-      if (chunks.length === 0) return;
-      
-      // Sort by size descending
-      chunks.sort((a, b) => b.size - a.size);
-      
-      // Print chunk summary
-      console.log('');
-      logger.info('Bundle Analysis:');
-      
-      const typeGroups: Record<string, number> = {};
-      let totalSize = 0;
-      
-      for (const chunk of chunks) {
-        typeGroups[chunk.type] = (typeGroups[chunk.type] || 0) + chunk.size;
-        totalSize += chunk.size;
-      }
-      
-      console.log(`    Vendor:    ${(typeGroups.vendor || 0).toFixed(2)} KB`);
-      console.log(`    Framework: ${(typeGroups.framework || 0).toFixed(2)} KB`);
-      console.log(`    Common:    ${(typeGroups.common || 0).toFixed(2)} KB`);
-      console.log(`    Routes:    ${(typeGroups.route || 0).toFixed(2)} KB`);
-      console.log(`    Other:     ${(typeGroups.other || 0).toFixed(2)} KB`);
-      console.log(`    ─────────────────────`);
-      console.log(`    Total:     ${totalSize.toFixed(2)} KB`);
-      console.log('');
-    },
-  };
-}
-
-// =============================================================================
-// PRELOAD HINTS GENERATOR
-// =============================================================================
-
-export interface PreloadHint {
-  href: string;
-  as: 'script' | 'style' | 'font' | 'image';
-  priority: 'critical' | 'high' | 'low';
-  crossorigin?: boolean;
-}
-
-/**
- * Generate optimized preload hints for chunks
- */
-export function generatePreloadHints(
-  chunks: string[],
-  entryChunk: string
-): PreloadHint[] {
-  const hints: PreloadHint[] = [];
-  
-  // Entry chunk - critical priority
-  hints.push({
-    href: `/${entryChunk}`,
-    as: 'script',
-    priority: 'critical',
-  });
-  
-  for (const chunk of chunks) {
-    if (chunk === entryChunk) continue;
-    
-    // Vendor chunks - high priority (needed for hydration)
-    if (chunk.includes('vendor')) {
-      hints.push({
-        href: `/${chunk}`,
-        as: 'script',
-        priority: 'high',
-      });
-    }
-    // Framework chunks - high priority
-    else if (chunk.includes('framework')) {
-      hints.push({
-        href: `/${chunk}`,
-        as: 'script',
-        priority: 'high',
-      });
-    }
-    // Common chunks - high priority
-    else if (chunk.includes('common')) {
-      hints.push({
-        href: `/${chunk}`,
-        as: 'script',
-        priority: 'high',
-      });
-    }
-    // Route chunks - low priority (prefetch for navigation)
-    else if (chunk.includes('page-')) {
-      hints.push({
-        href: `/${chunk}`,
-        as: 'script',
-        priority: 'low',
-      });
-    }
-  }
-  
-  return hints;
-}
-
-/**
- * Generate HTML preload/prefetch tags from hints
- */
-export function generatePreloadTags(hints: PreloadHint[]): string {
-  return hints
-    .map((hint) => {
-      const rel = hint.priority === 'low' ? 'prefetch' : 'modulepreload';
-      const crossorigin = hint.crossorigin ? ' crossorigin' : '';
-      return `<link rel="${rel}" href="${hint.href}"${crossorigin}>`;
-    })
-    .join('');
-}
-
-// =============================================================================
-// UTILITY FUNCTIONS
-// =============================================================================
-
-/**
- * Recursively find files to compress
- */
-async function findFilesToCompress(
-  dir: string,
-  extensions: string[]
-): Promise<string[]> {
-  const files: string[] = [];
-  
-  try {
-    const entries = await fs.readdir(dir, { withFileTypes: true });
-    
-    for (const entry of entries) {
-      const fullPath = path.join(dir, entry.name);
-      
-      if (entry.isDirectory()) {
-        files.push(...await findFilesToCompress(fullPath, extensions));
-      } else if (entry.isFile()) {
-        const ext = path.extname(entry.name).slice(1);
-        if (extensions.includes(ext)) {
-          files.push(fullPath);
-        }
-      }
-    }
-  } catch (e) {
-    // Directory doesn't exist or can't be read
-  }
-  
-  return files;
-}
-
-/**
- * Calculate gzip size of content
- */
-export async function getGzipSize(content: string | Buffer): Promise<number> {
-  const buffer = typeof content === 'string' ? Buffer.from(content) : content;
-  const compressed = await gzip(buffer);
-  return compressed.length;
-}
-
-/**
- * Format bytes to human readable size
- */
-export function formatBytes(bytes: number): string {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
-}
-
-// =============================================================================
-// COMBINED PERFORMANCE PLUGIN
-// =============================================================================
-
-/**
- * Main performance plugin that combines all optimizations
- */
-export function olovaPerformance(options: PerformanceOptions = {}): Plugin[] {
-  return [
-    chunkAnalysisPlugin(options),
-    compressionPlugin(options),
-  ];
-}
-
-export default olovaPerformance;