vibecheck-ai 2.0.1 → 5.0.0

package/bin/runners/lib/init-wizard.js

@@ -0,0 +1,601 @@
+#!/usr/bin/env node
+/**
+ * VibeCheck Init Wizard - Interactive Setup
+ * ═══════════════════════════════════════════════════════════════════════════════
+ * Beautiful interactive wizard for project initialization
+ * ═══════════════════════════════════════════════════════════════════════════════
+ */
+
+"use strict";
+
+const {
+  select,
+  multiselect,
+  confirm,
+  input,
+  wizard,
+  gradient,
+  drawBox,
+  c,
+  sym,
+  themes,
+  SUPPORTS_COLOR,
+} = require("./interactive-menu");
+
+const fs = require("fs");
+const path = require("path");
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// VIBECHECK THEME
+// ═══════════════════════════════════════════════════════════════════════════════
+const t = themes.vibecheck;
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// FRAMEWORK DETECTION
+// ═══════════════════════════════════════════════════════════════════════════════
+function detectFramework(projectPath) {
+  const packageJsonPath = path.join(projectPath, "package.json");
+  
+  if (!fs.existsSync(packageJsonPath)) {
+    return { framework: "unknown", detected: [] };
+  }
+  
+  try {
+    const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+    const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+    const detected = [];
+    
+    // Frameworks
+    if (deps["next"]) detected.push({ name: "Next.js", icon: "▲", type: "framework" });
+    if (deps["react"] && !deps["next"]) detected.push({ name: "React", icon: "⚛", type: "framework" });
+    if (deps["vue"]) detected.push({ name: "Vue", icon: "🟢", type: "framework" });
+    if (deps["svelte"] || deps["@sveltejs/kit"]) detected.push({ name: "Svelte", icon: "🔥", type: "framework" });
+    if (deps["express"]) detected.push({ name: "Express", icon: "🚂", type: "framework" });
+    if (deps["fastify"]) detected.push({ name: "Fastify", icon: "⚡", type: "framework" });
+    if (deps["hono"]) detected.push({ name: "Hono", icon: "🔥", type: "framework" });
+    if (deps["@nestjs/core"]) detected.push({ name: "NestJS", icon: "🐱", type: "framework" });
+    
+    // Databases
+    if (deps["prisma"] || deps["@prisma/client"]) detected.push({ name: "Prisma", icon: "🔺", type: "database" });
+    if (deps["drizzle-orm"]) detected.push({ name: "Drizzle", icon: "💧", type: "database" });
+    if (deps["mongoose"]) detected.push({ name: "MongoDB", icon: "🍃", type: "database" });
+    if (deps["pg"] || deps["postgres"]) detected.push({ name: "PostgreSQL", icon: "🐘", type: "database" });
+    
+    // Auth
+    if (deps["next-auth"] || deps["@auth/core"]) detected.push({ name: "NextAuth", icon: "🔐", type: "auth" });
+    if (deps["@clerk/nextjs"] || deps["@clerk/clerk-sdk-node"]) detected.push({ name: "Clerk", icon: "👤", type: "auth" });
+    if (deps["@supabase/supabase-js"]) detected.push({ name: "Supabase", icon: "⚡", type: "auth" });
+    if (deps["firebase"] || deps["firebase-admin"]) detected.push({ name: "Firebase", icon: "🔥", type: "auth" });
+    
+    // Payments
+    if (deps["stripe"]) detected.push({ name: "Stripe", icon: "💳", type: "payment" });
+    if (deps["@paypal/checkout-server-sdk"]) detected.push({ name: "PayPal", icon: "💰", type: "payment" });
+    if (deps["@lemonsqueezy/lemonsqueezy.js"]) detected.push({ name: "LemonSqueezy", icon: "🍋", type: "payment" });
+    
+    // Testing
+    if (deps["jest"]) detected.push({ name: "Jest", icon: "🃏", type: "testing" });
+    if (deps["vitest"]) detected.push({ name: "Vitest", icon: "⚡", type: "testing" });
+    if (deps["playwright"] || deps["@playwright/test"]) detected.push({ name: "Playwright", icon: "🎭", type: "testing" });
+    if (deps["cypress"]) detected.push({ name: "Cypress", icon: "🌲", type: "testing" });
+    
+    // Determine primary framework
+    let framework = "node";
+    if (deps["next"]) framework = "nextjs";
+    else if (deps["react"]) framework = "react";
+    else if (deps["vue"]) framework = "vue";
+    else if (deps["svelte"]) framework = "svelte";
+    else if (deps["express"]) framework = "express";
+    else if (deps["fastify"]) framework = "fastify";
+    
+    return { framework, detected, packageJson: pkg };
+  } catch (e) {
+    return { framework: "unknown", detected: [] };
+  }
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// BANNER
+// ═══════════════════════════════════════════════════════════════════════════════
+function printWizardBanner() {
+  console.clear();
+  
+  const banner = `
+  ${gradient("██╗   ██╗██╗██████╗ ███████╗ ██████╗██╗  ██╗███████╗ ██████╗██╗  ██╗", [[0, 255, 255], [138, 43, 226], [255, 20, 147]])}
+  ${gradient("██║   ██║██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔════╝██╔════╝██║ ██╔╝", [[0, 255, 255], [138, 43, 226], [255, 20, 147]])}
+  ${gradient("██║   ██║██║██████╔╝█████╗  ██║     ███████║█████╗  ██║     █████╔╝ ", [[0, 255, 255], [138, 43, 226], [255, 20, 147]])}
+  ${gradient("╚██╗ ██╔╝██║██╔══██╗██╔══╝  ██║     ██╔══██║██╔══╝  ██║     ██╔═██╗ ", [[0, 255, 255], [138, 43, 226], [255, 20, 147]])}
+  ${gradient(" ╚████╔╝ ██║██████╔╝███████╗╚██████╗██║  ██║███████╗╚██████╗██║  ██╗", [[0, 255, 255], [138, 43, 226], [255, 20, 147]])}
+  ${gradient("  ╚═══╝  ╚═╝╚═════╝ ╚══════╝ ╚═════╝╚═╝  ╚═╝╚══════╝ ╚═════╝╚═╝  ╚═╝", [[0, 255, 255], [138, 43, 226], [255, 20, 147]])}
+`;
+  
+  console.log(banner);
+  console.log(`  ${c.dim}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${c.reset}`);
+  console.log(`  ${t.primary}${sym.sparkles}${c.reset} ${c.bold}Interactive Setup Wizard${c.reset}                    ${c.dim}Press Ctrl+C to exit${c.reset}`);
+  console.log(`  ${c.dim}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${c.reset}`);
+  console.log();
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// DETECTION DISPLAY
+// ═══════════════════════════════════════════════════════════════════════════════
+function printDetectionResults(detection) {
+  if (detection.detected.length === 0) {
+    console.log(`  ${c.dim}No frameworks detected. Starting fresh setup.${c.reset}`);
+    console.log();
+    return;
+  }
+  
+  console.log(`  ${t.success}${sym.success}${c.reset} ${c.bold}Detected stack:${c.reset}`);
+  console.log();
+  
+  // Group by type
+  const groups = {};
+  for (const item of detection.detected) {
+    if (!groups[item.type]) groups[item.type] = [];
+    groups[item.type].push(item);
+  }
+  
+  const typeLabels = {
+    framework: "Frameworks",
+    database: "Databases",
+    auth: "Authentication",
+    payment: "Payments",
+    testing: "Testing",
+  };
+  
+  for (const [type, items] of Object.entries(groups)) {
+    const label = typeLabels[type] || type;
+    const itemStr = items.map(i => `${i.icon} ${i.name}`).join("  ");
+    console.log(`  ${c.dim}${label}:${c.reset} ${itemStr}`);
+  }
+  
+  console.log();
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// INIT WIZARD
+// ═══════════════════════════════════════════════════════════════════════════════
+async function runInitWizard(projectPath = process.cwd()) {
+  printWizardBanner();
+  
+  // Detect existing setup
+  const detection = detectFramework(projectPath);
+  printDetectionResults(detection);
+  
+  // Step 1: Setup Mode
+  const mode = await select({
+    message: "How would you like to set up VibeCheck?",
+    choices: [
+      {
+        value: "local",
+        label: "Local Setup",
+        description: "Full local verification, no cloud needed",
+        icon: "🏠",
+        hint: "FREE",
+      },
+      {
+        value: "connect",
+        label: "Local + GitHub Connect",
+        description: "Add CI/CD, PR comments, dashboard sync",
+        icon: "🔗",
+        hint: "STARTER",
+      },
+      {
+        value: "enterprise",
+        label: "Enterprise Setup",
+        description: "Team configs, compliance, MCP integration",
+        icon: "🏢",
+        hint: "PRO",
+      },
+      {
+        value: "quick",
+        label: "Quick Setup",
+        description: "Auto-detect everything, minimal prompts",
+        icon: "⚡",
+        hint: "FREE",
+      },
+    ],
+    initial: 0,
+  });
+  
+  if (mode === null) {
+    console.log(`\n  ${c.yellow}${sym.warning}${c.reset} Setup cancelled.\n`);
+    process.exit(0);
+  }
+  
+  // Quick mode - skip to end
+  if (mode === "quick") {
+    return {
+      mode: "quick",
+      framework: detection.framework,
+      features: ["scan", "ship"],
+      checks: ["routes", "env", "auth", "security"],
+    };
+  }
+  
+  // Step 2: Verification Features
+  const features = await multiselect({
+    message: "Which verification features do you want to enable?",
+    choices: [
+      {
+        value: "routes",
+        label: "Route Verification",
+        description: "Verify all routes exist and return expected responses",
+        group: "Core Checks",
+      },
+      {
+        value: "env",
+        label: "Environment Validation",
+        description: "Check required env vars are set",
+        group: "Core Checks",
+      },
+      {
+        value: "auth",
+        label: "Auth Flow Testing",
+        description: "Verify authentication flows work correctly",
+        group: "Core Checks",
+      },
+      {
+        value: "security",
+        label: "Security Scanning",
+        description: "Detect vulnerabilities and secrets",
+        group: "Core Checks",
+      },
+      {
+        value: "reality",
+        label: "Reality Mode",
+        description: "Playwright-based runtime verification",
+        hint: "PRO",
+        group: "Advanced",
+      },
+      {
+        value: "contracts",
+        label: "Contract Testing",
+        description: "API contract verification",
+        group: "Advanced",
+      },
+      {
+        value: "billing",
+        label: "Billing Verification",
+        description: "Stripe/payment flow testing",
+        hint: "PRO",
+        group: "Advanced",
+      },
+    ],
+    initial: ["routes", "env", "auth", "security"],
+  });
+  
+  if (features === null) {
+    console.log(`\n  ${c.yellow}${sym.warning}${c.reset} Setup cancelled.\n`);
+    process.exit(0);
+  }
+  
+  // Step 3: CI/CD (if connect or enterprise mode)
+  let ciProvider = null;
+  if (mode === "connect" || mode === "enterprise") {
+    ciProvider = await select({
+      message: "Which CI/CD provider do you use?",
+      choices: [
+        { value: "github", label: "GitHub Actions", icon: "🐙" },
+        { value: "gitlab", label: "GitLab CI", icon: "🦊" },
+        { value: "circleci", label: "CircleCI", icon: "⭕" },
+        { value: "jenkins", label: "Jenkins", icon: "🎩" },
+        { value: "none", label: "None / Manual", icon: "🔧" },
+      ],
+    });
+    
+    if (ciProvider === null) {
+      console.log(`\n  ${c.yellow}${sym.warning}${c.reset} Setup cancelled.\n`);
+      process.exit(0);
+    }
+  }
+  
+  // Step 4: Compliance (enterprise only)
+  let compliance = [];
+  if (mode === "enterprise") {
+    compliance = await multiselect({
+      message: "Do you need compliance templates?",
+      choices: [
+        { value: "soc2", label: "SOC 2 Type II", description: "Security controls baseline", icon: "🔐" },
+        { value: "hipaa", label: "HIPAA", description: "Healthcare data protection", icon: "🏥" },
+        { value: "gdpr", label: "GDPR", description: "EU data privacy", icon: "🇪🇺" },
+        { value: "pci", label: "PCI-DSS", description: "Payment card security", icon: "💳" },
+        { value: "none", label: "None needed", icon: "⏭️" },
+      ],
+    });
+    
+    if (compliance === null) {
+      console.log(`\n  ${c.yellow}${sym.warning}${c.reset} Setup cancelled.\n`);
+      process.exit(0);
+    }
+    
+    // Filter out "none"
+    compliance = compliance.filter(c => c !== "none");
+  }
+  
+  // Step 5: Confirmation
+  console.log();
+  console.log(drawBox([
+    `${c.bold}Setup Summary${c.reset}`,
+    "",
+    `${c.dim}Mode:${c.reset}       ${mode}`,
+    `${c.dim}Framework:${c.reset}  ${detection.framework}`,
+    `${c.dim}Features:${c.reset}   ${features.join(", ")}`,
+    ciProvider ? `${c.dim}CI/CD:${c.reset}      ${ciProvider}` : "",
+    compliance.length ? `${c.dim}Compliance:${c.reset} ${compliance.join(", ")}` : "",
+  ].filter(Boolean), {
+    title: "Configuration",
+    borderColor: t.primary,
+    titleColor: t.title,
+    style: "rounded",
+  }));
+  console.log();
+  
+  const proceed = await confirm({
+    message: "Proceed with this configuration?",
+    default: true,
+  });
+  
+  if (!proceed) {
+    console.log(`\n  ${c.yellow}${sym.warning}${c.reset} Setup cancelled.\n`);
+    process.exit(0);
+  }
+  
+  return {
+    mode,
+    framework: detection.framework,
+    features,
+    ciProvider,
+    compliance,
+    detection,
+  };
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// MAIN MENU
+// ═══════════════════════════════════════════════════════════════════════════════
+async function runMainMenu() {
+  printWizardBanner();
+  
+  const choice = await select({
+    message: "What would you like to do?",
+    choices: [
+      {
+        value: "init",
+        label: "Initialize Project",
+        description: "Set up VibeCheck for your project",
+        icon: "🚀",
+        group: "Setup",
+      },
+      {
+        value: "scan",
+        label: "Run Scan",
+        description: "Analyze your codebase for issues",
+        icon: "🔍",
+        group: "Analysis",
+      },
+      {
+        value: "ship",
+        label: "Ship Check",
+        description: "Pre-flight verification before deploy",
+        icon: "✈️",
+        group: "Analysis",
+      },
+      {
+        value: "prove",
+        label: "Prove Features",
+        description: "Generate runtime proofs",
+        icon: "🛡️",
+        hint: "PRO",
+        group: "Verification",
+      },
+      {
+        value: "reality",
+        label: "Reality Mode",
+        description: "Playwright-based verification",
+        icon: "🎭",
+        hint: "PRO",
+        group: "Verification",
+      },
+      {
+        value: "report",
+        label: "Generate Report",
+        description: "Create verification report",
+        icon: "📊",
+        group: "Output",
+      },
+      {
+        value: "config",
+        label: "Configure",
+        description: "Edit VibeCheck settings",
+        icon: "⚙️",
+        group: "Settings",
+      },
+      {
+        value: "help",
+        label: "Help & Docs",
+        description: "View documentation",
+        icon: "📖",
+        group: "Settings",
+      },
+      {
+        value: "exit",
+        label: "Exit",
+        icon: "👋",
+        group: "Settings",
+      },
+    ],
+    pageSize: 12,
+  });
+  
+  return choice;
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// DEMO - Showcases all menu types
+// ═══════════════════════════════════════════════════════════════════════════════
+async function runDemo() {
+  console.clear();
+  console.log();
+  console.log(`  ${gradient("═══════════════════════════════════════════════════════════════════", [[0, 255, 255], [138, 43, 226]])}`);
+  console.log(`  ${gradient("  INTERACTIVE MENU SYSTEM - DEMO", [[0, 255, 255], [255, 20, 147]])}`);
+  console.log(`  ${gradient("═══════════════════════════════════════════════════════════════════", [[138, 43, 226], [255, 20, 147]])}`);
+  console.log();
+  
+  // Demo 1: Simple Select
+  console.log(`  ${c.bold}Demo 1: Select Prompt${c.reset}`);
+  console.log(`  ${c.dim}Single selection with search and descriptions${c.reset}`);
+  console.log();
+  
+  const color = await select({
+    message: "Pick your favorite color",
+    choices: [
+      { value: "red", label: "Red", description: "The color of passion", icon: "🔴" },
+      { value: "blue", label: "Blue", description: "The color of calm", icon: "🔵" },
+      { value: "green", label: "Green", description: "The color of nature", icon: "🟢" },
+      { value: "yellow", label: "Yellow", description: "The color of sunshine", icon: "🟡" },
+      { value: "purple", label: "Purple", description: "The color of royalty", icon: "🟣" },
+    ],
+  });
+  
+  console.log();
+  console.log(`  ${t.success}${sym.success}${c.reset} You selected: ${c.bold}${color}${c.reset}`);
+  console.log();
+  
+  // Demo 2: Multi-Select
+  console.log(`  ${c.bold}Demo 2: Multi-Select Prompt${c.reset}`);
+  console.log(`  ${c.dim}Multiple selection with groups${c.reset}`);
+  console.log();
+  
+  const toppings = await multiselect({
+    message: "Choose your pizza toppings",
+    choices: [
+      { value: "pepperoni", label: "Pepperoni", group: "Meats" },
+      { value: "sausage", label: "Sausage", group: "Meats" },
+      { value: "bacon", label: "Bacon", group: "Meats" },
+      { value: "mushrooms", label: "Mushrooms", group: "Vegetables" },
+      { value: "onions", label: "Onions", group: "Vegetables" },
+      { value: "peppers", label: "Bell Peppers", group: "Vegetables" },
+      { value: "olives", label: "Olives", group: "Vegetables" },
+      { value: "cheese", label: "Extra Cheese", group: "Other" },
+      { value: "pineapple", label: "Pineapple", group: "Other", hint: "controversial!" },
+    ],
+    initial: ["pepperoni", "cheese"],
+  });
+  
+  console.log();
+  console.log(`  ${t.success}${sym.success}${c.reset} You selected: ${c.bold}${toppings?.join(", ") || "none"}${c.reset}`);
+  console.log();
+  
+  // Demo 3: Confirm
+  console.log(`  ${c.bold}Demo 3: Confirm Prompt${c.reset}`);
+  console.log(`  ${c.dim}Yes/No confirmation${c.reset}`);
+  console.log();
+  
+  const proceed = await confirm({
+    message: "Do you want to continue with the demo?",
+    default: true,
+  });
+  
+  console.log();
+  console.log(`  ${t.success}${sym.success}${c.reset} You answered: ${c.bold}${proceed ? "Yes" : "No"}${c.reset}`);
+  console.log();
+  
+  if (!proceed) {
+    console.log(`  ${c.dim}Demo ended.${c.reset}`);
+    return;
+  }
+  
+  // Demo 4: Input
+  console.log(`  ${c.bold}Demo 4: Input Prompt${c.reset}`);
+  console.log(`  ${c.dim}Text input with validation${c.reset}`);
+  console.log();
+  
+  const name = await input({
+    message: "What's your project name?",
+    placeholder: "my-awesome-project",
+    validate: (value) => {
+      if (!value) return "Project name is required";
+      if (!/^[a-z0-9-]+$/.test(value)) return "Use lowercase letters, numbers, and hyphens only";
+      return true;
+    },
+  });
+  
+  console.log();
+  console.log(`  ${t.success}${sym.success}${c.reset} Project name: ${c.bold}${name}${c.reset}`);
+  console.log();
+  
+  // Demo 5: Password
+  console.log(`  ${c.bold}Demo 5: Password Prompt${c.reset}`);
+  console.log(`  ${c.dim}Masked input${c.reset}`);
+  console.log();
+  
+  const secret = await input({
+    message: "Enter your API key",
+    mask: "*",
+    validate: (value) => value.length >= 8 || "API key must be at least 8 characters",
+  });
+  
+  console.log();
+  console.log(`  ${t.success}${sym.success}${c.reset} API key received (${secret?.length || 0} chars)`);
+  console.log();
+  
+  // Summary
+  console.log(`  ${gradient("═══════════════════════════════════════════════════════════════════", [[255, 20, 147], [0, 255, 255]])}`);
+  console.log(`  ${c.bold}Demo Complete!${c.reset}`);
+  console.log();
+  console.log(drawBox([
+    `Color: ${color}`,
+    `Toppings: ${toppings?.join(", ")}`,
+    `Continue: ${proceed}`,
+    `Project: ${name}`,
+    `API Key: ${"*".repeat(secret?.length || 0)}`,
+  ], {
+    title: "Summary",
+    style: "rounded",
+  }));
+  console.log();
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// CLI ENTRY
+// ═══════════════════════════════════════════════════════════════════════════════
+async function main() {
+  const args = process.argv.slice(2);
+  
+  if (args.includes("--demo")) {
+    await runDemo();
+  } else if (args.includes("--menu")) {
+    const choice = await runMainMenu();
+    console.log(`\n  Selected: ${choice}\n`);
+  } else {
+    // Default: run init wizard
+    const config = await runInitWizard();
+    
+    console.log();
+    console.log(`  ${t.success}${sym.sparkles}${c.reset} ${c.bold}Configuration complete!${c.reset}`);
+    console.log();
+    console.log(`  ${c.dim}Next steps:${c.reset}`);
+    console.log(`    1. ${c.cyan}vibecheck scan${c.reset}        Run your first scan`);
+    console.log(`    2. ${c.cyan}vibecheck ship${c.reset}        Check if ready to ship`);
+    console.log();
+    
+    // Return config for programmatic use
+    return config;
+  }
+}
+
+// Run if called directly
+if (require.main === module) {
+  main().catch((err) => {
+    console.error(`\n  ${c.red}${sym.error}${c.reset} Error: ${err.message}\n`);
+    process.exit(1);
+  });
+}
+
+module.exports = {
+  runInitWizard,
+  runMainMenu,
+  runDemo,
+  detectFramework,
+};