codebakers 2.5.4 → 3.1.0

package/src/commands/design.ts

@@ -1,298 +0,0 @@
-import * as p from '@clack/prompts';
-import chalk from 'chalk';
-import fs from 'fs-extra';
-import * as path from 'path';
-import { Config } from '../utils/config.js';
-
-const DESIGN_PROFILES = {
-  minimal: {
-    name: 'Minimal',
-    inspiration: 'Linear, Notion, Vercel',
-    fonts: { heading: 'Inter', body: 'Inter' },
-    corners: 'rounded-md',
-    shadows: 'none',
-    spacing: 'generous',
-  },
-  bold: {
-    name: 'Bold',
-    inspiration: 'Stripe, Ramp, Mercury',
-    fonts: { heading: 'Plus Jakarta Sans', body: 'Inter' },
-    corners: 'rounded-2xl',
-    shadows: 'elevated',
-    spacing: 'generous',
-  },
-  editorial: {
-    name: 'Editorial',
-    inspiration: 'Medium, Substack, NY Times',
-    fonts: { heading: 'Playfair Display', body: 'Source Serif Pro' },
-    corners: 'rounded-none',
-    shadows: 'none',
-    spacing: 'reading',
-  },
-  playful: {
-    name: 'Playful',
-    inspiration: 'Figma, Slack, Notion',
-    fonts: { heading: 'Nunito', body: 'Nunito' },
-    corners: 'rounded-full',
-    shadows: 'soft',
-    spacing: 'comfortable',
-  },
-  premium: {
-    name: 'Premium',
-    inspiration: 'Apple, Porsche, Amex',
-    fonts: { heading: 'Cormorant Garamond', body: 'Lato' },
-    corners: 'rounded-lg',
-    shadows: 'subtle',
-    spacing: 'luxurious',
-  },
-  dashboard: {
-    name: 'Dashboard',
-    inspiration: 'Datadog, Grafana, Linear',
-    fonts: { heading: 'Inter', body: 'Inter' },
-    corners: 'rounded-md',
-    shadows: 'card',
-    spacing: 'compact',
-  },
-};
-
-export async function designCommand(subcommand?: string): Promise<void> {
-  const config = new Config();
-
-  if (!config.isInProject()) {
-    p.log.error('Not in a CodeBakers project. Run `codebakers init` first.');
-    return;
-  }
-
-  p.intro(chalk.bgCyan.black(' Design System '));
-
-  const action = subcommand || await p.select({
-    message: 'What do you want to do?',
-    options: [
-      { value: 'profile', label: '🎨 Set design profile' },
-      { value: 'palette', label: '🌈 Generate color palette' },
-      { value: 'check', label: '✅ Check design quality' },
-      { value: 'view', label: '👀 View current settings' },
-    ],
-  });
-
-  if (p.isCancel(action)) return;
-
-  switch (action) {
-    case 'profile':
-      await setProfile();
-      break;
-    case 'palette':
-      await generatePalette();
-      break;
-    case 'check':
-      await checkDesign();
-      break;
-    case 'view':
-      await viewSettings();
-      break;
-  }
-}
-
-async function setProfile(): Promise<void> {
-  const profile = await p.select({
-    message: 'Choose your design profile:',
-    options: Object.entries(DESIGN_PROFILES).map(([key, value]) => ({
-      value: key,
-      label: `${value.name}`,
-      hint: value.inspiration,
-    })),
-  });
-
-  if (p.isCancel(profile)) return;
-
-  const selected = DESIGN_PROFILES[profile as keyof typeof DESIGN_PROFILES];
-  
-  // Save to project config
-  const configPath = path.join(process.cwd(), '.codebakers', 'design.json');
-  await fs.ensureDir(path.dirname(configPath));
-  await fs.writeJson(configPath, {
-    profile,
-    ...selected,
-    updatedAt: new Date().toISOString(),
-  }, { spaces: 2 });
-
-  p.log.success(`Design profile set to ${selected.name}`);
-  
-  console.log(chalk.dim(`
-  Fonts:    ${selected.fonts.heading} / ${selected.fonts.body}
-  Corners:  ${selected.corners}
-  Shadows:  ${selected.shadows}
-  Spacing:  ${selected.spacing}
-  `));
-}
-
-async function generatePalette(): Promise<void> {
-  const brandColor = await p.text({
-    message: 'Enter your brand color (hex):',
-    placeholder: '#6366F1',
-    validate: (v) => {
-      if (!v.match(/^#[0-9A-Fa-f]{6}$/)) return 'Enter a valid hex color (#RRGGBB)';
-      return undefined;
-    },
-  });
-
-  if (p.isCancel(brandColor)) return;
-
-  const palette = generateColorPalette(brandColor as string);
-
-  // Save to project
-  const configPath = path.join(process.cwd(), '.codebakers', 'design.json');
-  let config = {};
-  if (await fs.pathExists(configPath)) {
-    config = await fs.readJson(configPath);
-  }
-  
-  await fs.writeJson(configPath, {
-    ...config,
-    colors: palette,
-    updatedAt: new Date().toISOString(),
-  }, { spaces: 2 });
-
-  p.log.success('Color palette generated!');
-
-  console.log(`
-  ${chalk.bgHex(palette.brand[500]).black('  Brand  ')} ${palette.brand[500]}
-  ${chalk.bgHex(palette.brand[100]).black('  Light  ')} ${palette.brand[100]}
-  ${chalk.bgHex(palette.brand[900]).white('  Dark   ')} ${palette.brand[900]}
-  ${chalk.bgHex(palette.accent).black(' Accent  ')} ${palette.accent}
-  `);
-}
-
-function generateColorPalette(hex: string): Record<string, any> {
-  // Convert hex to HSL
-  const r = parseInt(hex.slice(1, 3), 16) / 255;
-  const g = parseInt(hex.slice(3, 5), 16) / 255;
-  const b = parseInt(hex.slice(5, 7), 16) / 255;
-
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  let h = 0, s = 0, l = (max + min) / 2;
-
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;
-      case g: h = ((b - r) / d + 2) / 6; break;
-      case b: h = ((r - g) / d + 4) / 6; break;
-    }
-  }
-
-  h = Math.round(h * 360);
-  s = Math.round(s * 100);
-  l = Math.round(l * 100);
-
-  // Generate scale
-  const hslToHex = (h: number, s: number, l: number): string => {
-    l /= 100;
-    const a = s * Math.min(l, 1 - l) / 100;
-    const f = (n: number) => {
-      const k = (n + h / 30) % 12;
-      const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-      return Math.round(255 * color).toString(16).padStart(2, '0');
-    };
-    return `#${f(0)}${f(8)}${f(4)}`;
-  };
-
-  return {
-    brand: {
-      50: hslToHex(h, s * 0.3, 97),
-      100: hslToHex(h, s * 0.4, 94),
-      200: hslToHex(h, s * 0.5, 86),
-      300: hslToHex(h, s * 0.6, 74),
-      400: hslToHex(h, s * 0.8, 62),
-      500: hex, // Original
-      600: hslToHex(h, s, l * 0.85),
-      700: hslToHex(h, s, l * 0.7),
-      800: hslToHex(h, s, l * 0.55),
-      900: hslToHex(h, s, l * 0.4),
-    },
-    accent: hslToHex((h + 180) % 360, s, l), // Complementary
-  };
-}
-
-async function checkDesign(): Promise<void> {
-  const spinner = p.spinner();
-  spinner.start('Checking design quality...');
-
-  const cwd = process.cwd();
-  const issues: string[] = [];
-
-  // Check for anti-patterns in code
-  const glob = (await import('fast-glob')).default;
-  const files = await glob(['src/**/*.{tsx,jsx}'], { cwd });
-
-  for (const file of files) {
-    const content = await fs.readFile(path.join(cwd, file), 'utf-8');
-
-    // Check for generic gradient hero
-    if (content.includes('bg-gradient-to-r from-blue-500') || 
-        content.includes('bg-gradient-to-r from-purple-500')) {
-      issues.push(`${file}: Generic gradient hero detected`);
-    }
-
-    // Check for icon spam
-    const iconMatches = content.match(/<(Rocket|Shield|Zap|Star|Check|Lightning)/g);
-    if (iconMatches && iconMatches.length > 3) {
-      issues.push(`${file}: Too many generic icons (${iconMatches.length})`);
-    }
-
-    // Check for generic CTAs
-    if (content.includes('>Get Started<') || content.includes('>Learn More<')) {
-      issues.push(`${file}: Generic CTA text - be more specific`);
-    }
-
-    // Check for lazy empty states
-    if (content.includes('No data') || content.includes('Nothing here')) {
-      issues.push(`${file}: Lazy empty state - add helpful message`);
-    }
-
-    // Check for small section padding
-    if (content.includes('py-4') || content.includes('py-6') || content.includes('py-8')) {
-      if (content.includes('<section')) {
-        issues.push(`${file}: Section padding too small - use py-16 or larger`);
-      }
-    }
-  }
-
-  spinner.stop('Check complete');
-
-  if (issues.length === 0) {
-    console.log(chalk.green('\n✓ No design issues found!\n'));
-  } else {
-    console.log(chalk.yellow(`\n⚠️  ${issues.length} design issues found:\n`));
-    for (const issue of issues) {
-      console.log(chalk.dim(`  • ${issue}`));
-    }
-    console.log('');
-  }
-}
-
-async function viewSettings(): Promise<void> {
-  const configPath = path.join(process.cwd(), '.codebakers', 'design.json');
-  
-  if (!await fs.pathExists(configPath)) {
-    p.log.info('No design settings configured. Run `codebakers design profile` to set up.');
-    return;
-  }
-
-  const config = await fs.readJson(configPath);
-  
-  console.log(chalk.bold('\nCurrent Design Settings:\n'));
-  console.log(`  Profile:  ${config.name || config.profile}`);
-  console.log(`  Fonts:    ${config.fonts?.heading} / ${config.fonts?.body}`);
-  console.log(`  Corners:  ${config.corners}`);
-  console.log(`  Shadows:  ${config.shadows}`);
-  console.log(`  Spacing:  ${config.spacing}`);
-  
-  if (config.colors) {
-    console.log(`  Brand:    ${config.colors.brand?.[500]}`);
-    console.log(`  Accent:   ${config.colors.accent}`);
-  }
-  console.log('');
-}

package/src/commands/fix.ts

@@ -1,20 +0,0 @@
-import * as p from '@clack/prompts';
-import chalk from 'chalk';
-import { runPatternCheck } from './check.js';
-
-export async function fixCommand(): Promise<void> {
-  p.intro(chalk.bgCyan.black(' Auto-Fix '));
-
-  const spinner = p.spinner();
-  spinner.start('Analyzing code...');
-
-  const result = await runPatternCheck(true);
-
-  if (result.passed) {
-    spinner.stop('No issues found!');
-  } else {
-    spinner.stop(`Fixed ${result.violations.length} issues`);
-  }
-
-  p.outro(chalk.green('Done!'));
-}