humanbehavior-js 0.4.13 → 0.4.14

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

@@ -10,7 +10,8 @@
  */
 
 import { AutoInstallationWizard } from '../core/install-wizard';
-import * as readline from 'readline';
+import { ManualFrameworkInstallationWizard } from '../ai/manual-framework-wizard';
+import * as clack from '@clack/prompts';
 import * as fs from 'fs';
 import * as path from 'path';
 
@@ -22,54 +23,57 @@ interface CLIOptions {
 }
 
 class AutoInstallCLI {
-  private rl: readline.Interface;
   private options: CLIOptions;
 
   constructor(options: CLIOptions) {
     this.options = options;
-    this.rl = readline.createInterface({
-      input: process.stdin,
-      output: process.stdout
-    });
   }
 
   async run() {
-    console.log('🚀 HumanBehavior SDK Auto-Installation');
-    console.log('=====================================\n');
+    clack.intro('🚀 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 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);
+        const confirmed = await this.confirmInstallation(projectPath, framework);
         if (!confirmed) {
-          console.log('Installation cancelled.');
+          clack.cancel('Installation cancelled.');
           process.exit(0);
         }
       }
 
-      // Run auto-installation
-      console.log('🔍 Detecting your project setup...');
-      const wizard = new AutoInstallationWizard(apiKey, projectPath);
+      // Run installation
+      const spinner = clack.spinner();
+      spinner.start('🔍 Analyzing your project...');
+      
+      const wizard = new ManualFrameworkInstallationWizard(apiKey, projectPath, framework);
       const result = await wizard.install();
 
+      spinner.stop('Detection complete!');
+
       // Display results
       this.displayResults(result);
 
     } 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();
     }
   }
 
@@ -78,68 +82,79 @@ class AutoInstallCLI {
       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 chooseFramework(): Promise<string> {
+    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 async confirmInstallation(projectPath: string): Promise<boolean> {
-    console.log(`📁 Project path: ${projectPath}`);
-    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('   - Modify your main app file');
-    console.log('   - Create environment files');
-    console.log('   - Add SDK initialization code\n');
-
-    return new Promise((resolve) => {
-      this.rl.question('Continue with auto-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}?`
     });
+
+    return confirmed;
   }
 
   private displayResults(result: any) {
     if (result.success) {
-      console.log('\n✅ Installation completed successfully!');
-      console.log(`📦 Framework detected: ${result.framework.name}`);
-      
-      if (result.framework.bundler) {
-        console.log(`🔧 Bundler: ${result.framework.bundler}`);
-      }
-      
-      if (result.framework.packageManager) {
-        console.log(`📋 Package Manager: ${result.framework.packageManager}`);
-      }
+      clack.outro('🎉 Installation completed successfully!');
 
-      console.log('\n📝 Changes made:');
-      result.modifications.forEach((mod: any) => {
-        console.log(`   ${mod.action === 'create' ? '➕' : '✏️'}  ${mod.description}`);
-        console.log(`      ${mod.filePath}`);
-      });
+      // Display framework info
+      clack.note(`Framework detected: ${result.framework.name} (${result.framework.type})`, 'Framework Info');
 
-      console.log('\n🎯 Next steps:');
-      result.nextSteps.forEach((step: string) => {
-        console.log(`   ${step}`);
-      });
+      // 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');
+      }
+
+      // Display next steps
+      if (result.nextSteps && result.nextSteps.length > 0) {
+        clack.note(result.nextSteps.join('\n'), 'Next Steps');
+      }
 
-      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(): CLIOptions {
   const args = process.argv.slice(2);
   const options: CLIOptions = {};
@@ -147,18 +162,28 @@ function parseArgs(): CLIOptions {
   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 === '--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;
+      default:
+        if (!options.apiKey && !arg.startsWith('-')) {
+          options.apiKey = arg;
+        }
+        break;
     }
   }
 
@@ -167,59 +192,33 @@ function parseArgs(): CLIOptions {
 
 function showHelp() {
   console.log(`
-HumanBehavior SDK Auto-Installation CLI
+🚀 HumanBehavior SDK Auto-Installation
 
-Usage: npx humanbehavior-js [api-key] [options]
+Usage: npx humanbehavior-js auto-install [api-key] [options]
 
-This tool automatically detects your project's framework and modifies your codebase
-to integrate the HumanBehavior SDK with minimal user intervention.
-
-Arguments:
-  api-key              Your HumanBehavior API key
+This tool automatically detects your framework and integrates the HumanBehavior SDK.
 
 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)
-  -h, --help          Show this help message
+  -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
 
 Examples:
-  npx humanbehavior-js your-api-key
-  npx humanbehavior-js your-api-key --yes
-  npx humanbehavior-js your-api-key -p /path/to/project
-
-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)
-
-The tool will:
-1. 🔍 Auto-detect your project's framework and setup
-2. 📦 Install the humanbehavior-js package
-3. ✏️  Modify your codebase to integrate the SDK
-4. 🔧 Create environment files with your API key
-5. 🚀 Make your app ready to track user behavior
+  npx humanbehavior-js auto-install
+  npx humanbehavior-js auto-install hb_your_api_key_here
+  npx humanbehavior-js auto-install --project ./my-app --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 AutoInstallCLI(options);
+  cli.run().catch((error) => {
+    clack.cancel(`Unexpected error: ${error.message}`);
+    process.exit(1);
+  });
 }
 
-const cli = new AutoInstallCLI(options);
-cli.run().catch((error) => {
-  console.error('❌ Fatal error:', error);
-  process.exit(1);
-});
-
 export { AutoInstallCLI };