@amrhas82/agentic-kit 1.2.0 → 1.2.1

package/tests/installer/demo-summary-display.js

@@ -1,140 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Visual Demo: Enhanced Summary Display
- * Shows the improved showSummary() method with actual file counts and sizes
- */
-
-const InteractiveInstaller = require('../../installer/cli');
-
-// ANSI color codes
-const colors = {
-  reset: '\x1b[0m',
-  bright: '\x1b[1m',
-  green: '\x1b[32m',
-  cyan: '\x1b[36m',
-  yellow: '\x1b[33m'
-};
-
-async function demonstrateEnhancedSummary() {
-  console.log(`\n${colors.bright}${colors.cyan}═══════════════════════════════════════════════════════════${colors.reset}`);
-  console.log(`${colors.bright}${colors.cyan}  Enhanced Summary Display - Visual Demonstration${colors.reset}`);
-  console.log(`${colors.bright}${colors.cyan}═══════════════════════════════════════════════════════════${colors.reset}\n`);
-
-  console.log('This demo shows how the enhanced showSummary() method displays');
-  console.log('actual file counts and sizes for selected tools.\n');
-
-  // Demo 1: Single Tool - Lite Variant
-  console.log(`${colors.bright}Demo 1: Single Tool (Claude) - Lite Variant${colors.reset}`);
-  console.log('─────────────────────────────────────────────────────────\n');
-
-  const installer1 = new InteractiveInstaller();
-  installer1.selections.variant = 'lite';
-  installer1.selections.tools = ['claude'];
-  installer1.selections.paths = { claude: '~/.claude' };
-
-  // Get the package manager to show actual data
-  const pm1 = installer1.getPackageManager();
-  const contents1 = await pm1.getPackageContents('claude', 'lite');
-  const size1 = await pm1.getPackageSize('claude', 'lite');
-
-  console.log(`Selected: Lite variant with Claude Code`);
-  console.log(`Expected display:`);
-  console.log(`  - File count: ${contents1.totalFiles} files`);
-  console.log(`  - Size: ${size1.formattedSize}`);
-  console.log(`  - Path: ~/.claude (default)`);
-
-  // Demo 2: Single Tool - Standard Variant
-  console.log(`\n${colors.bright}Demo 2: Single Tool (Claude) - Standard Variant${colors.reset}`);
-  console.log('─────────────────────────────────────────────────────────\n');
-
-  const installer2 = new InteractiveInstaller();
-  installer2.selections.variant = 'standard';
-  installer2.selections.tools = ['claude'];
-  installer2.selections.paths = { claude: '~/.claude' };
-
-  const pm2 = installer2.getPackageManager();
-  const contents2 = await pm2.getPackageContents('claude', 'standard');
-  const size2 = await pm2.getPackageSize('claude', 'standard');
-
-  console.log(`Selected: Standard variant with Claude Code`);
-  console.log(`Expected display:`);
-  console.log(`  - File count: ${contents2.totalFiles} files`);
-  console.log(`  - Size: ${size2.formattedSize}`);
-  console.log(`  - Path: ~/.claude (default)`);
-  console.log(`\n${colors.green}Note: Standard has significantly more files due to 8 core skills!${colors.reset}`);
-
-  // Demo 3: Single Tool - Pro Variant
-  console.log(`\n${colors.bright}Demo 3: Single Tool (Claude) - Pro Variant${colors.reset}`);
-  console.log('─────────────────────────────────────────────────────────\n');
-
-  const installer3 = new InteractiveInstaller();
-  installer3.selections.variant = 'pro';
-  installer3.selections.tools = ['claude'];
-  installer3.selections.paths = { claude: '~/.claude' };
-
-  const pm3 = installer3.getPackageManager();
-  const contents3 = await pm3.getPackageContents('claude', 'pro');
-  const size3 = await pm3.getPackageSize('claude', 'pro');
-
-  console.log(`Selected: Pro variant with Claude Code`);
-  console.log(`Expected display:`);
-  console.log(`  - File count: ${contents3.totalFiles} files`);
-  console.log(`  - Size: ${size3.formattedSize}`);
-  console.log(`  - Path: ~/.claude (default)`);
-  console.log(`\n${colors.green}Note: Pro includes all 22 skills for maximum functionality!${colors.reset}`);
-
-  // Demo 4: Custom Path
-  console.log(`\n${colors.bright}Demo 4: Custom Path Display${colors.reset}`);
-  console.log('─────────────────────────────────────────────────────────\n');
-
-  const installer4 = new InteractiveInstaller();
-  installer4.selections.variant = 'standard';
-  installer4.selections.tools = ['claude'];
-  installer4.selections.paths = { claude: '/custom/path/claude' };
-
-  console.log(`Selected: Standard variant with custom path`);
-  console.log(`Expected display:`);
-  console.log(`  - File count: ${contents2.totalFiles} files`);
-  console.log(`  - Size: ${size2.formattedSize}`);
-  console.log(`  - Path: /custom/path/claude ${colors.yellow}*${colors.reset}`);
-  console.log(`  - Footnote: "* Custom path specified"`);
-
-  // Demo 5: Variant Comparison Table
-  console.log(`\n${colors.bright}Demo 5: Variant Comparison${colors.reset}`);
-  console.log('─────────────────────────────────────────────────────────\n');
-
-  console.log('┌─────────────┬────────────┬─────────────┐');
-  console.log('│ Variant     │ Files      │ Size        │');
-  console.log('├─────────────┼────────────┼─────────────┤');
-  console.log(`│ Lite        │ ${String(contents1.totalFiles).padEnd(10)} │ ${size1.formattedSize.padEnd(11)} │`);
-  console.log(`│ Standard    │ ${String(contents2.totalFiles).padEnd(10)} │ ${size2.formattedSize.padEnd(11)} │`);
-  console.log(`│ Pro         │ ${String(contents3.totalFiles).padEnd(10)} │ ${size3.formattedSize.padEnd(11)} │`);
-  console.log('└─────────────┴────────────┴─────────────┘');
-
-  console.log(`\n${colors.cyan}Key observations:${colors.reset}`);
-  console.log(`  • Lite is minimal (${contents1.totalFiles} files, ${size1.formattedSize}) - great for CI/CD`);
-  console.log(`  • Standard jumps to ${contents2.totalFiles} files due to 8 skill packages`);
-  console.log(`  • Pro has all ${contents3.totalFiles} files with complete functionality`);
-  console.log(`  • Size progression: ${size1.formattedSize} → ${size2.formattedSize} → ${size3.formattedSize}`);
-
-  // Summary of improvements
-  console.log(`\n${colors.bright}${colors.green}Key Improvements in showSummary()${colors.reset}\n`);
-  console.log(`${colors.green}✓${colors.reset} ${colors.bright}Actual File Counts:${colors.reset} No more "TBD" - shows real file counts`);
-  console.log(`${colors.green}✓${colors.reset} ${colors.bright}Formatted Sizes:${colors.reset} Human-readable sizes (KB, MB, GB)`);
-  console.log(`${colors.green}✓${colors.reset} ${colors.bright}Multi-Tool Totals:${colors.reset} Shows aggregate totals across all tools`);
-  console.log(`${colors.green}✓${colors.reset} ${colors.bright}Custom Path Marking:${colors.reset} Asterisk (*) indicates custom paths`);
-  console.log(`${colors.green}✓${colors.reset} ${colors.bright}Error Handling:${colors.reset} Gracefully shows "N/A" if data unavailable`);
-  console.log(`${colors.green}✓${colors.reset} ${colors.bright}Performance:${colors.reset} Efficient async data retrieval from PackageManager`);
-  console.log(`${colors.green}✓${colors.reset} ${colors.bright}Variant-Aware:${colors.reset} Correctly calculates sizes for each variant`);
-
-  console.log(`\n${colors.bright}${colors.cyan}═══════════════════════════════════════════════════════════${colors.reset}`);
-  console.log(`${colors.bright}${colors.cyan}  Demo Complete - Enhanced Summary Display${colors.reset}`);
-  console.log(`${colors.bright}${colors.cyan}═══════════════════════════════════════════════════════════${colors.reset}\n`);
-}
-
-// Run demonstration
-demonstrateEnhancedSummary().catch(error => {
-  console.error(`Demo error: ${error.message}`);
-  process.exit(1);
-});

package/tests/installer/demo-tool-selection.js

@@ -1,129 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Visual Demo of Enhanced Tool Selection UI
- *
- * Shows how the tool selection step appears to users
- */
-
-// ANSI color codes
-const colors = {
-  reset: '\x1b[0m',
-  bright: '\x1b[1m',
-  green: '\x1b[32m',
-  blue: '\x1b[34m',
-  yellow: '\x1b[33m',
-  cyan: '\x1b[36m',
-  magenta: '\x1b[35m',
-  red: '\x1b[31m'
-};
-
-console.log('\n' + '='.repeat(70));
-console.log('VISUAL DEMO: Enhanced Tool Selection UI (Step 2/4)');
-console.log('='.repeat(70));
-
-// Simulate the enhanced UI
-const tools = [
-  {
-    id: 'claude',
-    name: 'Claude Code',
-    path: '~/.claude',
-    description: 'AI-powered development assistant',
-    useCase: 'General software development with conversational AI',
-    targetUsers: 'All developers'
-  },
-  {
-    id: 'opencode',
-    name: 'Opencode',
-    path: '~/.config/opencode',
-    description: 'CLI-optimized AI codegen tool',
-    useCase: 'Terminal-based development and automation',
-    targetUsers: 'CLI power users, DevOps teams'
-  },
-  {
-    id: 'ampcode',
-    name: 'Ampcode',
-    path: '~/.amp',
-    description: 'Amplified AI development accelerator',
-    useCase: 'Velocity-focused workflows and rapid prototyping',
-    targetUsers: 'Teams seeking development acceleration'
-  },
-  {
-    id: 'droid',
-    name: 'Droid',
-    path: '~/.factory',
-    description: 'Android-focused AI development companion',
-    useCase: 'Mobile app development with Android Studio',
-    targetUsers: 'Android developers, mobile teams'
-  }
-];
-
-// Display the UI
-console.log(`\n${colors.bright}Step 2/4 — Choose Tools (Minimum 1 required)${colors.reset}\n`);
-
-console.log(`${colors.cyan}Available Tools:${colors.reset}\n`);
-
-// Display each tool with detailed information
-tools.forEach((tool, index) => {
-  const num = index + 1;
-  console.log(`${colors.bright}${num}. ${tool.name}${colors.reset}`);
-  console.log(`   ${colors.cyan}Description:${colors.reset} ${tool.description}`);
-  console.log(`   ${colors.cyan}Best for:${colors.reset} ${tool.useCase}`);
-  console.log(`   ${colors.cyan}Target Users:${colors.reset} ${tool.targetUsers}`);
-  console.log(`   ${colors.cyan}Default Path:${colors.reset} ${tool.path}`);
-  console.log('');
-});
-
-console.log(`${colors.yellow}Select tools by entering IDs separated by spaces${colors.reset}`);
-console.log(`${colors.yellow}Examples:${colors.reset}`);
-console.log(`  "claude"                 - Install Claude Code only`);
-console.log(`  "claude opencode"        - Install Claude Code and Opencode`);
-console.log(`  "claude opencode ampcode droid" - Install all tools`);
-
-console.log(`\n${colors.bright}Select tools:${colors.reset} ${colors.cyan}claude opencode${colors.reset} ${colors.yellow}(example)${colors.reset}`);
-
-// Simulate selection confirmation
-console.log(`\n${colors.green}Selected 2/4 tools:${colors.reset}`);
-console.log(`  ${colors.green}✓${colors.reset} Claude Code`);
-console.log(`  ${colors.green}✓${colors.reset} Opencode`);
-
-console.log('\n' + '='.repeat(70));
-console.log('KEY IMPROVEMENTS IN THIS UI:');
-console.log('='.repeat(70));
-
-console.log(`
-1. ${colors.bright}Comprehensive Tool Information${colors.reset}
-   • Each tool has a detailed description
-   • Clear use case explanation
-   • Target user information helps users choose correctly
-
-2. ${colors.bright}Better Visual Hierarchy${colors.reset}
-   • Numbered list (1-4) makes it easy to see all options
-   • Color-coded labels (cyan for labels, bright for tool names)
-   • Proper spacing for readability
-
-3. ${colors.bright}Clear Instructions${colors.reset}
-   • Yellow highlighted instructions stand out
-   • Multiple examples provided
-   • Shows valid tool IDs clearly
-
-4. ${colors.bright}Tool Differentiation${colors.reset}
-   • Claude: General AI development (all developers)
-   • Opencode: CLI/terminal workflows (DevOps, CLI users)
-   • Ampcode: Rapid development/prototyping (teams needing speed)
-   • Droid: Android mobile development (mobile developers)
-
-5. ${colors.bright}Selection Feedback${colors.reset}
-   • Shows count "Selected 2/4 tools"
-   • Green checkmarks confirm selected tools
-   • Clear visual confirmation before proceeding
-
-6. ${colors.bright}Error Handling${colors.reset} (not shown in demo, but implemented)
-   • Filters out invalid tool IDs with warning
-   • Requires at least 1 tool
-   • Shows valid IDs if user makes mistake
-`);
-
-console.log('='.repeat(70));
-console.log(`${colors.green}✓ Enhanced Tool Selection UI Implementation Complete${colors.reset}`);
-console.log('='.repeat(70) + '\n');