codebakers 2.5.3 → 3.0.0

package/src/utils/ui.ts

@@ -1,441 +0,0 @@
-import chalk from 'chalk';
-import gradient from 'gradient-string';
-
-// ============================================================================
-// COLOR PALETTE
-// ============================================================================
-
-const colors = {
-  primary: chalk.hex('#ff6b6b'),      // Red (matches logo)
-  secondary: chalk.hex('#4ecdc4'),     // Teal
-  accent: chalk.hex('#ffe66d'),        // Yellow
-  success: chalk.hex('#7ee787'),       // Green
-  error: chalk.hex('#f85149'),         // Red error
-  warning: chalk.hex('#d29922'),       // Orange
-  muted: chalk.hex('#6e7681'),         // Gray
-  white: chalk.hex('#ffffff'),
-  dim: chalk.dim,
-};
-
-// Gradient for headers
-const headerGradient = gradient(['#ff6b6b', '#ff8e53', '#ffb347']);
-const successGradient = gradient(['#7ee787', '#4ecdc4']);
-
-// ============================================================================
-// ASCII ART LOGO
-// ============================================================================
-
-export function showLogo(): void {
-  console.log('');
-  console.log(headerGradient('  ╔═══════════════════════════════════════════════════════════════╗'));
-  console.log(headerGradient('  ║                                                               ║'));
-  console.log(headerGradient('  ║') + colors.white('       🍞  C O D E B A K E R S                                ') + headerGradient('║'));
-  console.log(headerGradient('  ║                                                               ║'));
-  console.log(headerGradient('  ║') + colors.muted('           AI Dev Team That Follows The Rules                 ') + headerGradient('║'));
-  console.log(headerGradient('  ║                                                               ║'));
-  console.log(headerGradient('  ╚═══════════════════════════════════════════════════════════════╝'));
-  console.log('');
-}
-
-export function showMiniLogo(): void {
-  console.log('');
-  console.log(headerGradient('  ╔═══════════════════════════════════════════════════════════════╗'));
-  console.log(headerGradient('  ║') + colors.white('  🍞 CODEBAKERS                                               ') + headerGradient('║'));
-  console.log(headerGradient('  ╚═══════════════════════════════════════════════════════════════╝'));
-  console.log('');
-}
-
-// ============================================================================
-// BOXES AND CONTAINERS
-// ============================================================================
-
-export function box(content: string[], style: 'default' | 'success' | 'error' | 'warning' = 'default'): void {
-  const borderColor = {
-    default: colors.muted,
-    success: colors.success,
-    error: colors.error,
-    warning: colors.warning,
-  }[style];
-
-  const maxLen = Math.max(...content.map(l => stripAnsi(l).length), 50);
-  const width = maxLen + 4;
-
-  const top = borderColor('  ╭' + '─'.repeat(width) + '╮');
-  const bottom = borderColor('  ╰' + '─'.repeat(width) + '╯');
-
-  console.log(top);
-  content.forEach(line => {
-    const stripped = stripAnsi(line);
-    const padding = width - stripped.length - 2;
-    console.log(borderColor('  │') + '  ' + line + ' '.repeat(Math.max(0, padding)) + borderColor('│'));
-  });
-  console.log(bottom);
-  console.log('');
-}
-
-export function doubleBox(content: string[], style: 'default' | 'success' | 'error' = 'default'): void {
-  const borderColor = {
-    default: colors.primary,
-    success: colors.success,
-    error: colors.error,
-  }[style];
-
-  const maxLen = Math.max(...content.map(l => stripAnsi(l).length), 50);
-  const width = maxLen + 4;
-
-  const top = borderColor('  ╔' + '═'.repeat(width) + '╗');
-  const bottom = borderColor('  ╚' + '═'.repeat(width) + '╝');
-
-  console.log(top);
-  content.forEach(line => {
-    const stripped = stripAnsi(line);
-    const padding = width - stripped.length - 2;
-    console.log(borderColor('  ║') + '  ' + line + ' '.repeat(Math.max(0, padding)) + borderColor('║'));
-  });
-  console.log(bottom);
-  console.log('');
-}
-
-// ============================================================================
-// SECTION HEADERS
-// ============================================================================
-
-export function sectionHeader(title: string): void {
-  const line = '━'.repeat(60);
-  console.log('');
-  console.log(colors.muted(`  ${line}`));
-  console.log(colors.white(`  ${title.toUpperCase()}`));
-  console.log(colors.muted(`  ${line}`));
-  console.log('');
-}
-
-export function subHeader(title: string): void {
-  console.log('');
-  console.log(colors.white(`  ${title}`));
-  console.log(colors.muted(`  ${'─'.repeat(title.length + 4)}`));
-  console.log('');
-}
-
-// ============================================================================
-// MENU DISPLAY
-// ============================================================================
-
-interface MenuItem {
-  key: string;
-  icon: string;
-  label: string;
-  description: string;
-}
-
-export function showMenu(items: MenuItem[]): void {
-  console.log('');
-  
-  items.forEach((item, i) => {
-    const num = colors.primary(`  ${item.key} `);
-    const icon = `${item.icon} `;
-    const label = colors.white(item.label.padEnd(18));
-    const desc = colors.muted(item.description);
-    console.log(`${num} ${icon} ${label} ${desc}`);
-  });
-  
-  console.log('');
-  console.log(colors.muted('  ─'.repeat(30)));
-  console.log('');
-}
-
-export function showMenuCards(items: MenuItem[]): void {
-  console.log('');
-  
-  // Top border
-  console.log(colors.muted('  ┌─────────────────────────────────────────────────────────────┐'));
-  
-  items.forEach((item, i) => {
-    const num = colors.primary(item.key);
-    const icon = item.icon;
-    const label = colors.white(item.label.padEnd(20));
-    const desc = colors.muted(item.description.substring(0, 30).padEnd(30));
-    console.log(colors.muted('  │') + `  ${num}  ${icon}  ${label} ${desc}` + colors.muted('│'));
-  });
-  
-  // Bottom border
-  console.log(colors.muted('  └─────────────────────────────────────────────────────────────┘'));
-  console.log('');
-}
-
-// ============================================================================
-// PROGRESS DISPLAY
-// ============================================================================
-
-interface ProgressStep {
-  name: string;
-  status: 'pending' | 'running' | 'done' | 'error' | 'skipped';
-}
-
-export function showProgress(title: string, subtitle: string, steps: ProgressStep[], percent: number): void {
-  // Clear screen and redraw (for animation)
-  console.log('');
-  
-  // Header box
-  box([
-    colors.primary('🌐 ' + title.toUpperCase()),
-    '',
-    colors.white(subtitle),
-  ]);
-  
-  // Section header
-  console.log(colors.muted('  PROGRESS'));
-  console.log(colors.muted('  ' + '━'.repeat(58)));
-  console.log('');
-  
-  // Steps
-  steps.forEach(step => {
-    const icon = {
-      pending: colors.muted('○'),
-      running: colors.primary('●'),
-      done: colors.success('✓'),
-      error: colors.error('✗'),
-      skipped: colors.warning('⊘'),
-    }[step.status];
-    
-    const labelColor = {
-      pending: colors.muted,
-      running: colors.white,
-      done: colors.success,
-      error: colors.error,
-      skipped: colors.warning,
-    }[step.status];
-    
-    const suffix = step.status === 'running' ? colors.muted(' ...') : '';
-    console.log(`  ${icon}  ${labelColor(step.name)}${suffix}`);
-  });
-  
-  console.log('');
-  
-  // Progress bar
-  const barWidth = 50;
-  const filled = Math.round((percent / 100) * barWidth);
-  const empty = barWidth - filled;
-  const bar = colors.success('█'.repeat(filled)) + colors.muted('░'.repeat(empty));
-  console.log(`  ${bar}  ${colors.white(percent + '%')}`);
-  
-  console.log('');
-  console.log(colors.muted('  ' + '━'.repeat(58)));
-  console.log('');
-}
-
-// ============================================================================
-// SUCCESS / ERROR DISPLAY
-// ============================================================================
-
-interface SuccessDetails {
-  title: string;
-  message?: string;
-  stats?: { label: string; value: string }[];
-  nextSteps?: string[];
-  command?: string;
-}
-
-export function showSuccessScreen(details: SuccessDetails): void {
-  console.log('');
-  
-  // Success header
-  console.log(colors.success('  ╔═══════════════════════════════════════════════════════════════╗'));
-  console.log(colors.success('  ║                                                               ║'));
-  console.log(colors.success('  ║') + successGradient('   ✅  SUCCESS                                               ') + colors.success('║'));
-  console.log(colors.success('  ║                                                               ║'));
-  console.log(colors.success('  ║') + colors.white('   ' + details.title.padEnd(60)) + colors.success('║'));
-  
-  if (details.message) {
-    console.log(colors.success('  ║') + colors.muted('   ' + details.message.substring(0, 60).padEnd(60)) + colors.success('║'));
-  }
-  
-  console.log(colors.success('  ║                                                               ║'));
-  
-  // Stats
-  if (details.stats && details.stats.length > 0) {
-    console.log(colors.success('  ║') + colors.muted('   ┌─────────────────────────────────────────────────────────┐ ') + colors.success('║'));
-    details.stats.forEach(stat => {
-      const line = `   │  ${stat.label.padEnd(14)} ${colors.white(stat.value.padEnd(40))}│ `;
-      console.log(colors.success('  ║') + colors.muted(line) + colors.success('║'));
-    });
-    console.log(colors.success('  ║') + colors.muted('   └─────────────────────────────────────────────────────────┘ ') + colors.success('║'));
-    console.log(colors.success('  ║                                                               ║'));
-  }
-  
-  // Next steps
-  if (details.nextSteps && details.nextSteps.length > 0) {
-    console.log(colors.success('  ║') + colors.white('   NEXT STEPS                                               ') + colors.success('║'));
-    console.log(colors.success('  ║') + colors.muted('   ─────────────────────────────────────────────────────────') + colors.success('║'));
-    details.nextSteps.forEach(step => {
-      console.log(colors.success('  ║') + colors.secondary('   ' + step.padEnd(60)) + colors.success('║'));
-    });
-    console.log(colors.success('  ║                                                               ║'));
-  }
-  
-  // Quick command
-  if (details.command) {
-    console.log(colors.success('  ║') + colors.muted('   Quick start: ') + colors.white(details.command.padEnd(44)) + colors.success('║'));
-    console.log(colors.success('  ║                                                               ║'));
-  }
-  
-  console.log(colors.success('  ╚═══════════════════════════════════════════════════════════════╝'));
-  console.log('');
-}
-
-interface ErrorDetails {
-  title: string;
-  message: string;
-  fixes?: string[];
-  command?: string;
-}
-
-export function showErrorScreen(details: ErrorDetails): void {
-  console.log('');
-  
-  // Error header
-  console.log(colors.error('  ╔═══════════════════════════════════════════════════════════════╗'));
-  console.log(colors.error('  ║                                                               ║'));
-  console.log(colors.error('  ║   ❌  ERROR                                                   ║'));
-  console.log(colors.error('  ║                                                               ║'));
-  console.log(colors.error('  ║') + colors.white('   ' + details.title.padEnd(60)) + colors.error('║'));
-  console.log(colors.error('  ║                                                               ║'));
-  
-  // Details box
-  console.log(colors.error('  ║') + colors.muted('   ┌─────────────────────────────────────────────────────────┐ ') + colors.error('║'));
-  console.log(colors.error('  ║') + colors.muted('   │') + colors.white('  WHAT HAPPENED                                         ') + colors.muted('│ ') + colors.error('║'));
-  
-  // Word wrap the message
-  const words = details.message.split(' ');
-  let line = '';
-  words.forEach(word => {
-    if ((line + ' ' + word).length > 55) {
-      console.log(colors.error('  ║') + colors.muted('   │') + colors.muted('  ' + line.padEnd(56)) + colors.muted('│ ') + colors.error('║'));
-      line = word;
-    } else {
-      line = line ? line + ' ' + word : word;
-    }
-  });
-  if (line) {
-    console.log(colors.error('  ║') + colors.muted('   │') + colors.muted('  ' + line.padEnd(56)) + colors.muted('│ ') + colors.error('║'));
-  }
-  
-  console.log(colors.error('  ║') + colors.muted('   │                                                         │ ') + colors.error('║'));
-  
-  // Fixes
-  if (details.fixes && details.fixes.length > 0) {
-    console.log(colors.error('  ║') + colors.muted('   │') + colors.white('  POSSIBLE FIXES                                        ') + colors.muted('│ ') + colors.error('║'));
-    details.fixes.forEach((fix, i) => {
-      const fixText = `  ${i + 1}. ${fix}`.substring(0, 56).padEnd(56);
-      console.log(colors.error('  ║') + colors.muted('   │') + colors.muted(fixText) + colors.muted('│ ') + colors.error('║'));
-    });
-  }
-  
-  console.log(colors.error('  ║') + colors.muted('   └─────────────────────────────────────────────────────────┘ ') + colors.error('║'));
-  
-  // Command suggestion
-  if (details.command) {
-    console.log(colors.error('  ║                                                               ║'));
-    console.log(colors.error('  ║') + colors.muted('   Try: ') + colors.secondary(details.command.padEnd(53)) + colors.error('║'));
-  }
-  
-  console.log(colors.error('  ║                                                               ║'));
-  console.log(colors.error('  ╚═══════════════════════════════════════════════════════════════╝'));
-  console.log('');
-}
-
-// ============================================================================
-// FILE LIST
-// ============================================================================
-
-export function showFileTree(title: string, files: string[]): void {
-  console.log('');
-  console.log(colors.white(`  📁 ${title}`));
-  console.log('');
-  
-  files.forEach((file, i) => {
-    const isLast = i === files.length - 1;
-    const prefix = isLast ? '└──' : '├──';
-    const icon = getFileIcon(file);
-    console.log(colors.muted(`     ${prefix} `) + icon + ' ' + colors.white(file));
-  });
-  
-  console.log('');
-}
-
-function getFileIcon(filename: string): string {
-  const ext = filename.split('.').pop()?.toLowerCase();
-  const icons: Record<string, string> = {
-    'tsx': '⚛️ ',
-    'ts': '📘',
-    'js': '📒',
-    'jsx': '⚛️ ',
-    'css': '🎨',
-    'json': '📋',
-    'md': '📝',
-    'html': '🌐',
-    'env': '🔐',
-  };
-  return icons[ext || ''] || '📄';
-}
-
-// ============================================================================
-// STATS DISPLAY
-// ============================================================================
-
-export function showStats(stats: { label: string; value: string; icon?: string }[]): void {
-  console.log('');
-  stats.forEach(stat => {
-    const icon = stat.icon ? stat.icon + ' ' : '';
-    console.log(colors.muted(`  ${icon}${stat.label}: `) + colors.white(stat.value));
-  });
-  console.log('');
-}
-
-// ============================================================================
-// DIVIDERS
-// ============================================================================
-
-export function divider(): void {
-  console.log('');
-  console.log(colors.muted('  ' + '─'.repeat(60)));
-  console.log('');
-}
-
-export function thinDivider(): void {
-  console.log(colors.muted('  ' + '·'.repeat(60)));
-}
-
-// ============================================================================
-// WELCOME SCREEN
-// ============================================================================
-
-export function showWelcome(version: string): void {
-  console.clear();
-  showLogo();
-  
-  console.log(colors.muted(`  v${version}`));
-  console.log('');
-  
-  showMenuCards([
-    { key: '1', icon: '🌐', label: 'Build a Website', description: 'Create a complete site' },
-    { key: '2', icon: '💻', label: 'Code with AI', description: 'Add features, fix bugs' },
-    { key: '3', icon: '🚀', label: 'Deploy', description: 'Ship to production' },
-    { key: '4', icon: '📋', label: 'Create PRD', description: 'Plan your project' },
-    { key: '5', icon: '🏗️ ', label: 'Init Project', description: 'Start a new project' },
-    { key: '6', icon: '⚙️ ', label: 'Settings', description: 'Configure services' },
-  ]);
-  
-  console.log(colors.muted('  Type a number or command, then press Enter'));
-  console.log('');
-}
-
-// ============================================================================
-// HELPERS
-// ============================================================================
-
-function stripAnsi(str: string): string {
-  return str.replace(/\x1B\[[0-9;]*[mGKH]/g, '');
-}
-
-// Export colors for use elsewhere
-export { colors, headerGradient, successGradient };

package/src/utils/updates.ts

@@ -1,8 +0,0 @@
-import chalk from 'chalk';
-
-const VERSION = '1.0.0';
-
-export async function checkForUpdates(): Promise<void> {
-  // Update check disabled - Studio handles updates automatically
-  return;
-}