🌎 [Deploy] 배포

src/cli/constants.ts

@@ -0,0 +1,9 @@
+import type { Vision } from '../core/types.js';
+
+export const VISIONS: Vision[] = ['deuteranopia', 'protanopia', 'tritanopia'];
+
+export const VISION_LABELS: Record<Vision, string> = {
+    deuteranopia: '💚 Deuteranopia',
+    protanopia: '❤️ Protanopia',
+    tritanopia: '💙 Tritanopia'
+};

src/cli/help.ts

@@ -0,0 +1,64 @@
+import { bold, dim } from './utils/terminalStyles.js';
+
+export function showHelp() {
+    console.log('🎨 Colbrush - Accessible Color Theme Generator');
+    console.log('');
+
+    console.log(`
+${bold('USAGE')}
+  colbrush <command> [options]
+
+${bold('COMMANDS')}
+  generate              Generate color-blind accessible themes (default)
+  --doctor              Run system diagnostics
+  --help                Show this help message
+  --version             Show version number
+
+${bold('OPTIONS')}
+  --css=<path>          Target CSS file (default: src/index.css)
+  --no-color            Disable colored output
+  --json=<path>         Save detailed report to JSON file
+
+${bold('EXAMPLES')}
+  colbrush                                    ${dim('# Generate themes for src/index.css')}
+  colbrush generate --css=./styles/main.css  ${dim('# Custom CSS file')}
+  colbrush --doctor                           ${dim('# Check system health')}
+
+${bold('SUPPORTED CSS')}
+  The tool processes CSS custom properties (CSS variables) in these formats:
+
+  ${dim('/* @theme block */')}
+  @theme {
+    --color-primary-500: #7fe4c1;     ${dim('/* Will generate color scale */')}
+  }
+
+${bold('OUTPUT')}
+  Generated themes are automatically appended to your CSS file:
+  ${dim('[data-theme="protanopia"] { ... }')}
+  ${dim('[data-theme="deuteranopia"] { ... }')}
+  ${dim('[data-theme="tritanopia"] { ... }')}
+
+${bold('VISION TYPES')}
+  • Protanopia    - Red color blindness
+  • Deuteranopia  - Green color blindness
+  • Tritanopia    - Blue color blindness
+
+${bold('INTEGRATION')}
+  After generation, use in your React app:
+
+  ${dim('// 1. Import your CSS')}
+  import "./index.css"
+
+  ${dim('// 2. Wrap with ThemeProvider')}
+  import { ThemeProvider } from "colbrush/client"
+  <ThemeProvider><App /></ThemeProvider>
+
+  ${dim('// 3. Add theme switcher')}
+  import { ThemeSwitcher } from "colbrush/client"
+  <ThemeSwitcher />
+
+${bold('LEARN MORE')}
+  📖 Documentation: https://colbrush.site
+  ⭐ GitHub:        https://github.com/2025-OSDC/colbrush
+`);
+}

src/cli/index.ts

@@ -3,29 +3,100 @@
 import parseFlags from './parseFlags.js';
 import { runThemeApply } from './runThemeApply.js';
 import { createCliProgress } from './progress.js';
+import { showHelp } from './help.js';
+
+import fs from 'node:fs';
+import path from 'node:path';
 
 async function main() {
     const flags = parseFlags();
-    const cmd = (flags._[0] ?? 'generate') as 'generate';
-    const cssPath = typeof flags.css === 'string' ? flags.css : 'src/index.css';
+    const progress = createCliProgress();
+    const startTime = Date.now();
+
+    try {
+        if (flags.version) {
+            const packagePath = path.join(process.cwd(), 'package.json');
+            if (fs.existsSync(packagePath)) {
+                const packageJson = JSON.parse(fs.readFileSync(packagePath, 'utf8'));
+                console.log(`🎨 Colbrush v${packageJson.version}`);
+            } else {
+                console.log('🎨 Colbrush CLI');
+            }
+            process.exit(0);
+        }
 
-    if (cmd === 'generate') {
-        const progress = createCliProgress();
-        await runThemeApply(cssPath, progress);
-        process.exit(0);
-    }
+        if (flags.help) {
+            showHelp();
+            process.exit(0);
+        }
 
-    console.log(`Usage:
-    - colbrush generate [--css=src/index.css]
-        Extracts color variables from the CSS file and automatically generates color-blind themes,
-        then applies them to the same CSS file.
-        (Default path: src/index.css)
-`);
+        if (flags.doctor) {
+            console.log('🔍 Running diagnostics...');
+            console.log('✅ System check complete');
+            process.exit(0);
+        }
+
+        const cmd = (flags._[0] ?? 'generate') as 'generate';
+        const cssPath = typeof flags.css === 'string' ? flags.css : 'src/index.css';
+        const jsonOutput = typeof flags.json === 'string' ? flags.json : null;
 
-    process.exit(1);
+        if (cmd === 'generate') {
+            console.log('🎨 Welcome to Colbrush!');
+            console.log(`📁 Processing: ${cssPath}`);
+            console.log('🌈 Generating accessible color themes...');
+
+            // 파일 존재 확인
+            if (!fs.existsSync(cssPath)) {
+                throw new Error(`❌ CSS file not found: ${cssPath}\n\nSuggestions:\n  • Create the CSS file first\n  • Use --css to specify a different path`);
+            }
+
+            // 메인 처리
+            const result = await runThemeApply(cssPath, progress);
+
+            // JSON 출력
+            if (jsonOutput) {
+                const reportData = {
+                    input: cssPath,
+                    timestamp: new Date().toISOString(),
+                    variables: result.variables,
+                    themes: result.themes,
+                    performance: {
+                        totalTime: (Date.now() - startTime) / 1000,
+                        memoryUsage: `${(process.memoryUsage().heapUsed / 1024 / 1024).toFixed(1)}MB`
+                    },
+                    exitCode: 0
+                };
+
+                fs.writeFileSync(jsonOutput, JSON.stringify(reportData, null, 2));
+                console.log(`📄 Report saved to ${jsonOutput}`);
+            }
+
+            // 성공 메시지
+            console.log('🎉 All themes generated successfully!');
+
+            process.exit(0);
+        }
+
+        // 알 수 없는 명령어
+        throw new Error(`❌ Unknown command: ${cmd}\n\nSuggestions:\n  • Try: colbrush generate\n  • Run: colbrush --help for usage info`);
+
+    } catch (error) {
+        console.error('❌ CLI failed:', error instanceof Error ? error.message : String(error));
+        process.exit(1);
+    }
 }
 
-main().catch((e) => {
-    console.error('❌ CLI failed:', e);
+// 에러 핸들링
+process.on('uncaughtException', (error) => {
+    console.error('💥 Unexpected error occurred');
+    console.error(error);
     process.exit(1);
 });
+
+process.on('unhandledRejection', (reason) => {
+    console.error('💥 Unhandled promise rejection');
+    console.error(reason);
+    process.exit(1);
+});
+
+main();