@nclamvn/vibecode-cli 1.5.0 → 1.7.0

package/src/commands/debug.js

@@ -8,8 +8,10 @@ import ora from 'ora';
 import path from 'path';
 import fs from 'fs-extra';
 import readline from 'readline';
+import inquirer from 'inquirer';
 import { printBox, printError, printSuccess, printWarning, printNextStep } from '../ui/output.js';
 import { createDebugEngine } from '../debug/index.js';
+import { ImageAnalyzer } from '../debug/image-analyzer.js';
 
 /**
  * Debug Command Entry Point
@@ -24,6 +26,15 @@ export async function debugCommand(args = [], options = {}) {
   try {
     const projectPath = process.cwd();
 
+    // Handle image input modes first
+    if (options.image) {
+      return handleImageDebug(options.image, projectPath, options);
+    }
+
+    if (options.clipboard) {
+      return handleClipboardDebug(projectPath, options);
+    }
+
     // Parse command arguments
     const input = parseDebugInput(args, options);
 
@@ -177,6 +188,100 @@ Prevention rules added to:
   }
 }
 
+/**
+ * Handle image file debug
+ */
+async function handleImageDebug(imagePath, projectPath, options) {
+  const analyzer = new ImageAnalyzer(projectPath);
+
+  try {
+    const analysis = await analyzer.analyzeImage(imagePath);
+    console.log(analyzer.formatAnalysis(analysis));
+
+    // If error detected, ask to fix
+    if (analysis.errorType && analysis.suggestedFix) {
+      const { fix } = await inquirer.prompt([{
+        type: 'confirm',
+        name: 'fix',
+        message: 'Apply suggested fix?',
+        default: true
+      }]);
+
+      if (fix) {
+        return debugWithAnalysis(analysis, projectPath, options);
+      }
+    }
+  } catch (error) {
+    printError(error.message);
+  }
+}
+
+/**
+ * Handle clipboard image debug
+ */
+async function handleClipboardDebug(projectPath, options) {
+  const analyzer = new ImageAnalyzer(projectPath);
+
+  try {
+    const analysis = await analyzer.analyzeClipboard();
+    console.log(analyzer.formatAnalysis(analysis));
+
+    // If error detected, ask to fix
+    if (analysis.errorType && analysis.suggestedFix) {
+      const { fix } = await inquirer.prompt([{
+        type: 'confirm',
+        name: 'fix',
+        message: 'Apply suggested fix?',
+        default: true
+      }]);
+
+      if (fix) {
+        return debugWithAnalysis(analysis, projectPath, options);
+      }
+    }
+  } catch (error) {
+    printError(error.message);
+  }
+}
+
+/**
+ * Debug with analysis from image
+ */
+async function debugWithAnalysis(analysis, projectPath, options) {
+  // Build error description from analysis
+  const errorDescription = [
+    analysis.errorType,
+    analysis.errorMessage,
+    analysis.location ? `at ${analysis.location}` : '',
+    analysis.rootCause ? `Cause: ${analysis.rootCause}` : ''
+  ].filter(Boolean).join(' - ');
+
+  console.log(chalk.cyan(`\n  Attempting to fix: ${analysis.errorType}\n`));
+
+  // Create debug engine and run
+  const engine = createDebugEngine(projectPath, {
+    autoFix: true,
+    maxAttempts: options.attempts || 3,
+    verbose: options.verbose || false,
+    interactive: !options.quiet
+  });
+
+  const input = {
+    description: errorDescription,
+    suggestedFix: analysis.suggestedFix,
+    fromImage: true
+  };
+
+  const result = await engine.debug(input);
+
+  // Show result
+  if (result.status === 'resolved') {
+    printSuccess('Bug fixed successfully!');
+  } else {
+    printWarning('Could not auto-fix. Try: vibecode assist "' + analysis.errorMessage + '"');
+  }
+}
+
 /**
  * Show debug command help
  */
@@ -191,11 +296,13 @@ Usage:
   vibecode debug --auto                  Auto-scan project for errors
   vibecode debug --log "error text"      Fix from error log
   vibecode debug --image path/to/img     Fix from screenshot
+  vibecode debug --clipboard             Fix from clipboard image
 
 Options:
   --auto             Auto-scan mode - find and fix errors
   --log <text>       Provide error log directly
   --image <path>     Provide error screenshot
+  --clipboard        Analyze image from clipboard
   --attempts <n>     Max fix attempts (default: 3)
   --verbose          Show detailed output
   --quiet            Minimal output
@@ -204,7 +311,8 @@ Examples:
   vibecode debug "Cannot read property of undefined"
   vibecode debug --auto
   vibecode debug --log "TypeError: x is not a function"
-  vibecode debug --attempts 5 "module not found"`, { borderColor: 'cyan' });
+  vibecode debug --image ./error-screenshot.png
+  vibecode debug --clipboard`, { borderColor: 'cyan' });
   console.log();
 }