humanbehavior-js 0.4.13 → 0.4.14

package/src/wizard/cli/ai-auto-install.ts

@@ -13,7 +13,7 @@ import { AIEnhancedInstallationWizard, AIBrowserInstallationWizard } from '../ai
 import { ManualFrameworkInstallationWizard } from '../ai/manual-framework-wizard';
 import { AutoInstallationWizard } from '../core/install-wizard';
 import { RemoteAIService } from '../services/remote-ai-service';
-import * as readline from 'readline';
+import * as clack from '@clack/prompts';
 import * as fs from 'fs';
 import * as path from 'path';
 
@@ -22,81 +22,61 @@ interface AICLIOptions {
   projectPath?: string;
   yes?: boolean;
   dryRun?: boolean;
-  useAI?: boolean;
-  browser?: boolean;
   framework?: string;
-  manual?: boolean;
 }
 
 class AIAutoInstallCLI {
-  private rl: readline.Interface;
   private options: AICLIOptions;
 
   constructor(options: AICLIOptions) {
     this.options = options;
-    this.rl = readline.createInterface({
-      input: process.stdin,
-      output: process.stdout
-    });
   }
 
   async run() {
-    console.log('🤖 AI-Enhanced HumanBehavior SDK Auto-Installation');
-    console.log('================================================\n');
+    clack.intro('🤖 AI-Enhanced HumanBehavior SDK Auto-Installation');
 
     try {
       // Get API key
       const apiKey = await this.getApiKey();
       if (!apiKey) {
-        console.error('❌ API key is required');
+        clack.cancel('API key is required');
         process.exit(1);
       }
 
       // Get project path
       const projectPath = this.options.projectPath || process.cwd();
       
-      // Choose installation mode
-      const installationMode = await this.chooseInstallationMode();
+      // Choose framework
+      const framework = await this.chooseFramework();
+      if (!framework) {
+        clack.cancel('Installation cancelled.');
+        process.exit(0);
+      }
       
       // Confirm installation
       if (!this.options.yes) {
-        const confirmed = await this.confirmInstallation(projectPath, installationMode);
+        const confirmed = await this.confirmInstallation(projectPath, framework);
         if (!confirmed) {
-          console.log('Installation cancelled.');
+          clack.cancel('Installation cancelled.');
           process.exit(0);
         }
       }
 
       // Run installation
-      console.log('🔍 Analyzing your project with AI...');
+      const spinner = clack.spinner();
+      spinner.start('🔍 Analyzing your project with AI...');
       
-      let result;
-      if (this.options.browser) {
-        const wizard = new AIBrowserInstallationWizard(apiKey);
-        result = await wizard.install();
-      } else if (installationMode === 'manual') {
-        // Manual AI-Enhanced framework selection
-        const framework = await this.chooseFramework();
-        const wizard = new ManualFrameworkInstallationWizard(apiKey, projectPath, framework);
-        result = await wizard.install();
-      } else if (installationMode.startsWith('manual:')) {
-        // Manual framework selection with pre-selected framework
-        const framework = installationMode.split(':')[1];
-        const wizard = new ManualFrameworkInstallationWizard(apiKey, projectPath, framework);
-        result = await wizard.install();
-      } else {
-        const wizard = new AutoInstallationWizard(apiKey, projectPath);
-        result = await wizard.install();
-      }
+      const wizard = new ManualFrameworkInstallationWizard(apiKey, projectPath, framework);
+      const result = await wizard.install();
+
+      spinner.stop('Analysis complete!');
 
       // Display results
-      this.displayResults(result, installationMode);
+      this.displayResults(result, framework);
 
     } catch (error) {
-      console.error('❌ Error:', error instanceof Error ? error.message : error);
+      clack.cancel(`Error: ${error instanceof Error ? error.message : 'Unknown error'}`);
       process.exit(1);
-    } finally {
-      this.rl.close();
     }
   }
 
@@ -105,154 +85,89 @@ class AIAutoInstallCLI {
       return this.options.apiKey;
     }
 
-    return new Promise((resolve) => {
-      this.rl.question('Enter your HumanBehavior API key: ', (answer) => {
-        resolve(answer.trim());
-      });
+    const apiKey = await clack.text({
+      message: 'Enter your HumanBehavior API key:',
+      placeholder: 'hb_...',
+      validate: (value) => {
+        if (!value) return 'API key is required';
+        if (!value.startsWith('hb_')) return 'API key should start with "hb_"';
+        return undefined;
+      }
     });
+
+    return apiKey;
   }
 
-  private async chooseInstallationMode(): Promise<string> {
-    if (this.options.manual && this.options.framework) {
-      return `manual:${this.options.framework}`;
-    }
-    if (this.options.useAI !== undefined) {
-      return this.options.useAI ? 'ai' : 'traditional';
-    }
 
-    console.log('🤖 Choose installation mode:');
-    console.log('1. Manual AI-Enhanced (recommended) - Choose your framework and use AI for optimization');
-    console.log('2. Traditional - Standard framework detection and installation');
-    console.log('3. Browser - Browser-based AI detection and code generation\n');
-
-          return new Promise((resolve) => {
-        this.rl.question('Select mode (1-3, default: 1): ', (answer) => {
-          const choice = answer.trim() || '1';
-          if (choice === '1') resolve('manual');
-          else if (choice === '2') resolve('traditional');
-          else if (choice === '3') resolve('browser');
-          else resolve('manual');
-        });
-      });
-  }
 
-  private async confirmInstallation(projectPath: string, installationMode: string): Promise<boolean> {
-    console.log(`📁 Project path: ${projectPath}`);
-    console.log(`🤖 Installation mode: ${this.getInstallationModeDisplay(installationMode)}`);
-    console.log('⚠️  This will modify your codebase to integrate HumanBehavior SDK.');
-    console.log('   The following changes will be made:');
-    console.log('   - Install humanbehavior-js package');
-    console.log('   - Analyze code patterns with AI (if enabled)');
-    console.log('   - Modify your main app file');
-    console.log('   - Create environment files');
-    console.log('   - Add AI-optimized SDK initialization code\n');
-
-    return new Promise((resolve) => {
-      this.rl.question('Continue with installation? (y/n): ', (answer) => {
-        resolve(answer.toLowerCase() === 'y' || answer.toLowerCase() === 'yes');
-      });
+
+
+  private async confirmInstallation(projectPath: string, framework: string): Promise<boolean> {
+    const confirmed = await clack.confirm({
+      message: `Ready to install HumanBehavior SDK in ${projectPath} for ${framework}?`
     });
-  }
 
-  private getInstallationModeDisplay(mode: string): string {
-    if (mode === 'manual') return 'Manual AI-Enhanced';
-    if (mode === 'traditional') return 'Traditional';
-    if (mode.startsWith('manual:')) {
-      const framework = mode.split(':')[1];
-      return `Manual AI-Enhanced (${framework})`;
-    }
-    if (mode === 'browser') return 'Browser';
-    return 'Unknown';
+    return confirmed;
   }
 
   private async chooseFramework(): Promise<string> {
-    console.log('\n🎯 Choose your framework:');
-    console.log('1. Vanilla JS (HTML)');
-    console.log('2. React');
-    console.log('3. Next.js');
-    console.log('4. Vue');
-    console.log('5. Nuxt');
-    console.log('6. Angular');
-    console.log('7. Svelte');
-    console.log('8. Remix');
-    console.log('9. Node.js');
-    console.log('10. Other (Auto-detect)\n');
-
-    return new Promise((resolve) => {
-      this.rl.question('Select framework (1-10, default: 1): ', (answer) => {
-        const choice = answer.trim() || '1';
-        const frameworks = ['vanilla', 'react', 'nextjs', 'vue', 'nuxt', 'angular', 'svelte', 'remix', 'node', 'auto'];
-        const index = parseInt(choice) - 1;
-        resolve(frameworks[index] || 'vanilla');
-      });
+    const framework = await clack.select({
+      message: 'Select your framework:',
+      options: [
+        { label: 'React', value: 'react' },
+        { label: 'Next.js', value: 'nextjs' },
+        { label: 'Vue', value: 'vue' },
+        { label: 'Angular', value: 'angular' },
+        { label: 'Svelte', value: 'svelte' },
+        { label: 'Nuxt.js', value: 'nuxt' },
+        { label: 'Remix', value: 'remix' },
+        { label: 'Astro', value: 'astro' },
+        { label: 'Gatsby', value: 'gatsby' },
+        { label: 'Vanilla JS/TS', value: 'vanilla' }
+      ]
     });
+
+    return framework;
   }
 
-  private displayResults(result: any, installationMode: string) {
+  private displayResults(result: any, framework: string) {
     if (result.success) {
-      console.log('\n✅ Installation completed successfully!');
-      
-      if (installationMode === 'ai' && result.aiAnalysis) {
-        console.log(`🎯 AI Analysis Results:`);
-        console.log(`   Framework: ${result.aiAnalysis.framework.name} (confidence: ${Math.round(result.aiAnalysis.confidence * 100)}%)`);
-        console.log(`   Integration Strategy: ${result.aiAnalysis.integrationStrategy}`);
-        console.log(`   Compatibility Mode: ${result.aiAnalysis.compatibilityMode}`);
-        
-        if (result.aiAnalysis.patterns.length > 0) {
-          console.log(`   Detected Patterns: ${result.aiAnalysis.patterns.length} patterns`);
-        }
-        
-        if (result.aiAnalysis.recommendations.length > 0) {
-          console.log(`   AI Recommendations:`);
-          result.aiAnalysis.recommendations.forEach((rec: string) => {
-            console.log(`     • ${rec}`);
-          });
-        }
-      } else {
-        console.log(`📦 Framework detected: ${result.framework.name}`);
-      }
-      
-      if (result.framework.bundler) {
-        console.log(`🔧 Bundler: ${result.framework.bundler}`);
+      clack.outro('🎉 Installation completed successfully!');
+
+      // Display framework info
+      clack.note(`Framework detected: ${result.framework.name} (${result.framework.type})`, 'Framework Info');
+
+      // Display modifications
+      if (result.modifications && result.modifications.length > 0) {
+        const modifications = result.modifications.map((mod: any) => 
+          `${mod.action}: ${mod.filePath} - ${mod.description}`
+        );
+        clack.note(modifications.join('\n'), 'Files Modified');
       }
-      
-      if (result.framework.packageManager) {
-        console.log(`📋 Package Manager: ${result.framework.packageManager}`);
+
+      // Display next steps
+      if (result.nextSteps && result.nextSteps.length > 0) {
+        clack.note(result.nextSteps.join('\n'), 'Next Steps');
       }
 
-      console.log('\n📝 Changes made:');
-      result.modifications.forEach((mod: any) => {
-        console.log(`   ${mod.action === 'create' ? '➕' : '✏️'}  ${mod.description}`);
-        console.log(`      ${mod.filePath}`);
-      });
-
-      console.log('\n🎯 Next steps:');
-      result.nextSteps.forEach((step: string) => {
-        console.log(`   ${step}`);
-      });
-
-      if (installationMode === 'ai' && result.learningData) {
-        console.log('\n🧠 Learning Data:');
-        console.log(`   Framework: ${result.learningData.framework}`);
-        console.log(`   Patterns: ${result.learningData.patterns.length} detected`);
-        console.log(`   Success: ${result.learningData.success ? 'Yes' : 'No'}`);
+      // Display AI insights if available
+      if (result.aiAnalysis) {
+        clack.note(`Confidence: ${Math.round(result.aiAnalysis.confidence * 100)}%`, 'AI Analysis');
+        if (result.aiAnalysis.recommendations && result.aiAnalysis.recommendations.length > 0) {
+          clack.note(result.aiAnalysis.recommendations.join('\n'), 'AI Recommendations');
+        }
       }
 
-      console.log('\n🚀 Your app is now ready to track user behavior!');
-      console.log('📊 View sessions in your HumanBehavior dashboard');
-      
     } else {
-      console.log('\n❌ Installation failed:');
-      result.errors.forEach((error: string) => {
-        console.log(`   ${error}`);
-      });
+      clack.cancel('Installation failed');
       
-      console.log('\n💡 Try running with --help for more options');
+      if (result.errors && result.errors.length > 0) {
+        clack.note(result.errors.join('\n'), 'Errors');
+      }
     }
   }
 }
 
-// CLI argument parsing
 function parseArgs(): AICLIOptions {
   const args = process.argv.slice(2);
   const options: AICLIOptions = {};
@@ -260,27 +175,33 @@ function parseArgs(): AICLIOptions {
   for (let i = 0; i < args.length; i++) {
     const arg = args[i];
     
-    if (arg === '--yes' || arg === '-y') {
-      options.yes = true;
-    } else if (arg === '--dry-run' || arg === '-d') {
-      options.dryRun = true;
-    } else if (arg === '--project' || arg === '-p') {
-      options.projectPath = args[i + 1];
-      i++;
-    } else if (arg === '--traditional' || arg === '-t') {
-      options.useAI = false;
-    } else if (arg === '--browser' || arg === '-b') {
-      options.browser = true;
-    } else if (arg === '--manual' || arg === '-m') {
-      options.manual = true;
-    } else if (arg === '--framework' || arg === '-f') {
-      options.framework = args[i + 1];
-      i++;
-    } else if (arg === '--help' || arg === '-h') {
-      showHelp();
-      process.exit(0);
-    } else if (!options.apiKey) {
-      options.apiKey = arg;
+    switch (arg) {
+      case '--help':
+      case '-h':
+        showHelp();
+        process.exit(0);
+        break;
+      case '--yes':
+      case '-y':
+        options.yes = true;
+        break;
+      case '--dry-run':
+        options.dryRun = true;
+        break;
+
+      case '--project':
+      case '-p':
+        options.projectPath = args[++i];
+        break;
+      case '--framework':
+      case '-f':
+        options.framework = args[++i];
+        break;
+      default:
+        if (!options.apiKey && !arg.startsWith('-')) {
+          options.apiKey = arg;
+        }
+        break;
     }
   }
 
@@ -289,81 +210,34 @@ function parseArgs(): AICLIOptions {
 
 function showHelp() {
   console.log(`
-AI-Enhanced HumanBehavior SDK Auto-Installation CLI
+🤖 HumanBehavior SDK AI Auto-Installation
 
 Usage: npx humanbehavior-js ai-auto-install [api-key] [options]
 
-This tool uses AI to intelligently detect frameworks, analyze code patterns,
-and generate optimal integration code that's both future-proof and backward-compatible.
-
-Arguments:
-  api-key              Your HumanBehavior API key
-
 Options:
-  -y, --yes           Skip all prompts and use defaults
-  -d, --dry-run       Show what would be changed without making changes
-  -p, --project <path> Project directory (default: current directory)
-  -t, --traditional   Force traditional installation mode
-  -b, --browser       Browser-based AI installation
-  -m, --manual        Manual framework selection
-  -f, --framework <f> Specify framework for manual mode
-  -h, --help          Show this help message
-
-Installation Modes:
-  1. Manual AI-Enhanced (default): Choose your framework and use AI for optimization
-  2. Traditional: Standard framework detection and installation
-  3. Browser: Browser-based AI detection and code generation
+  -h, --help              Show this help message
+  -y, --yes               Skip all prompts and use defaults
+  --dry-run               Show what would be changed without making changes
+
+  -p, --project <path>    Specify project directory
+  -f, --framework <name>  Specify framework manually
 
 Examples:
-  npx humanbehavior-js ai-auto-install your-api-key
-  npx humanbehavior-js ai-auto-install your-api-key --manual --framework react
-  npx humanbehavior-js ai-auto-install your-api-key --traditional
-  npx humanbehavior-js ai-auto-install your-api-key --browser
-
-Supported Frameworks:
-  ✅ React (CRA, Vite, Webpack)
-  ✅ Next.js (App Router, Pages Router)
-  ✅ Vue (Vue CLI, Vite)
-  ✅ Angular
-  ✅ Svelte (SvelteKit, Vite)
-  ✅ Remix
-  ✅ Vanilla JS/TS
-  ✅ Node.js (CommonJS & ESM)
-
-AI Features:
-  🔍 Intelligent framework detection beyond package.json
-  📊 Code pattern analysis and optimization
-  🔄 Future-proof integration strategies
-  🔙 Backward compatibility with legacy frameworks
-  🧠 Learning from installation patterns
-  ⚡ Adaptive code generation for new frameworks
-  🔧 Smart conflict resolution
-  📈 Performance optimization recommendations
-
-The AI-enhanced tool will:
-1. 🔍 Analyze your codebase with AI to detect patterns
-2. 🎯 Determine optimal integration strategy
-3. 📦 Install the humanbehavior-js package
-4. ✏️  Generate AI-optimized integration code
-5. 🔧 Apply modifications with conflict resolution
-6. 🧠 Learn from the installation for future improvements
-7. 🚀 Make your app ready to track user behavior
+  npx humanbehavior-js ai-auto-install
+  npx humanbehavior-js ai-auto-install hb_your_api_key_here
+  npx humanbehavior-js ai-auto-install --project ./my-app --ai
+  npx humanbehavior-js ai-auto-install --framework react --yes
 `);
 }
 
 // Main execution
-const options = parseArgs();
-
-// Check if we have enough arguments (api-key is required)
-if (process.argv.length < 3 || process.argv.includes('--help') || process.argv.includes('-h')) {
-  showHelp();
-  process.exit(0);
+if (import.meta.url === `file://${process.argv[1]}`) {
+  const options = parseArgs();
+  const cli = new AIAutoInstallCLI(options);
+  cli.run().catch((error) => {
+    clack.cancel(`Unexpected error: ${error.message}`);
+    process.exit(1);
+  });
 }
 
-const cli = new AIAutoInstallCLI(options);
-cli.run().catch((error) => {
-  console.error('❌ Fatal error:', error);
-  process.exit(1);
-});
-
 export { AIAutoInstallCLI };