@vibecheckai/cli 3.5.4 → 3.6.0

package/bin/runners/lib/reality-output.js

@@ -0,0 +1,231 @@
+/**
+ * Enterprise Reality Output - V5 "Mission Control" Format
+ * Features:
+ * - Dynamic "REALITY" ASCII Art
+ * - Runtime Verification Status
+ * - Browser Test Results
+ * - Pixel-perfect 80-char alignment
+ */
+
+const path = require('path');
+
+// ANSI Color Helpers
+const ESC = '\x1b';
+const chalk = {
+  reset: `${ESC}[0m`,
+  bold: `${ESC}[1m`,
+  dim: `${ESC}[2m`,
+  red: `${ESC}[31m`,
+  green: `${ESC}[32m`,
+  yellow: `${ESC}[33m`,
+  cyan: `${ESC}[36m`,
+  magenta: `${ESC}[35m`,
+  white: `${ESC}[37m`,
+  gray: `${ESC}[90m`,
+};
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// CONFIGURATION
+// ═══════════════════════════════════════════════════════════════════════════════
+
+const WIDTH = 80;
+
+const BOX = {
+  topLeft: '╔', topRight: '╗', bottomLeft: '╚', bottomRight: '╝',
+  horizontal: '═', vertical: '║',
+  teeRight: '╠', teeLeft: '╣', teeTop: '╤', teeBottom: '╧',
+  cross: '╪',
+  lightH: '─', lightV: '│',
+  lightTeeLeft: '├', lightTeeRight: '┤', lightCross: '┼'
+};
+
+// EXTERNAL HEADER
+const LOGO_VIBECHECK = `
+  ██╗   ██╗██╗██████╗ ███████╗ ██████╗██╗  ██╗███████╗ ██████╗██╗  ██╗
+  ██║   ██║██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔════╝██╔════╝██║ ██╔╝
+  ██║   ██║██║██████╔╝█████╗  ██║     ███████║█████╗  ██║     █████╔╝
+  ╚██╗ ██╔╝██║██╔══██╗██╔══╝  ██║     ██╔══██║██╔══╝  ██║     ██╔═██╗
+   ╚████╔╝ ██║██████╔╝███████╗╚██████╗██║  ██║███████╗╚██████╗██║  ██╗
+    ╚═══╝  ╚═╝╚═════╝ ╚══════╝ ╚═════╝╚═╝  ╚═╝╚══════╝ ╚═════╝╚═╝  ╚═╝
+`;
+
+// HERO: REALITY (Green/Blue)
+const LOGO_REALITY = `
+    ██████╗ ███████╗ █████╗ ██╗     ██╗████████╗██╗   ██╗
+    ██╔══██╗██╔════╝██╔══██╗██║     ██║╚══██╔══╝╚██╗ ██╔╝
+    ██████╔╝█████╗  ███████║██║     ██║   ██║    ╚████╔╝ 
+    ██╔══██╗██╔══╝  ██╔══██║██║     ██║   ██║     ╚██╔╝  
+    ██║  ██║███████╗██║  ██║███████╗██║   ██║      ██║   
+    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝╚═╝   ╚═╝      ╚═╝   
+`;
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// UTILITIES
+// ═══════════════════════════════════════════════════════════════════════════════
+
+function stripAnsi(str) {
+  return str.replace(/\x1b\[[0-9;]*m/g, '');
+}
+
+function padCenter(str, width) {
+  const visibleLen = stripAnsi(str).length;
+  const padding = Math.max(0, width - visibleLen);
+  const left = Math.floor(padding / 2);
+  const right = padding - left;
+  return ' '.repeat(left) + str + ' '.repeat(right);
+}
+
+function padRight(str, len) {
+  const visibleLen = stripAnsi(str).length;
+  const truncated = visibleLen > len ? str.substring(0, len - 3) + '...' : str;
+  return truncated + ' '.repeat(Math.max(0, len - visibleLen));
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// MAIN FORMATTER
+// ═══════════════════════════════════════════════════════════════════════════════
+
+function formatRealityOutput(result, options = {}) {
+  const {
+    verdict = null,
+    tests = [],
+    passed = 0,
+    failed = 0,
+    warnings = 0,
+    coverage = 0,
+    duration = 0,
+    url = null,
+    success = false,
+    error = null,
+  } = result;
+
+  const isSuccess = success || (verdict === 'SHIP' && failed === 0);
+  const themeColor = isSuccess ? chalk.green : error ? chalk.red : chalk.yellow;
+  const statusText = isSuccess ? 'VERIFICATION PASSED' : error ? 'VERIFICATION FAILED' : 'VERIFICATION IN PROGRESS';
+  
+  const lines = [];
+
+  // 1. Render External Header
+  lines.push(chalk.cyan + LOGO_VIBECHECK.trim() + chalk.reset);
+  lines.push('');
+
+  // 2. Render Box Top
+  lines.push(`${chalk.gray}${BOX.topLeft}${BOX.horizontal.repeat(WIDTH - 2)}${BOX.topRight}${chalk.reset}`);
+  lines.push(`${chalk.gray}${BOX.vertical}${' '.repeat(WIDTH - 2)}${BOX.vertical}${chalk.reset}`);
+
+  // 3. Render Hero Logo (REALITY)
+  LOGO_REALITY.trim().split('\n').filter(l => l.trim().length > 0).forEach(l => {
+    lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset}${themeColor}${padCenter(l.trim(), WIDTH - 2)}${chalk.reset}${chalk.gray}${BOX.vertical}${chalk.reset}`);
+  });
+  lines.push(`${chalk.gray}${BOX.vertical}${' '.repeat(WIDTH - 2)}${BOX.vertical}${chalk.reset}`);
+
+  // 4. Info Row
+  const version = options.version || 'v3.5.5';
+  const infoText = `${chalk.bold}${version} REALITY${chalk.reset}  ::  STATUS: ${themeColor}${statusText}${chalk.reset}`;
+  const metaText = `Tests: ${tests.length} | Passed: ${passed}`;
+  const infoLine = `  ${infoText}${' '.repeat(Math.max(1, WIDTH - 6 - stripAnsi(infoText).length - stripAnsi(metaText).length))}${chalk.dim}${metaText}${chalk.reset}`;
+  lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset}${infoLine}  ${chalk.gray}${BOX.vertical}${chalk.reset}`);
+  
+  const urlLine = url ? `  URL: ${padRight(url, 50)}` : `  Project: ${padRight(path.basename(options.projectPath || process.cwd()), 50)}`;
+  lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset}${urlLine}${' '.repeat(WIDTH - 2 - stripAnsi(urlLine).length)}${chalk.gray}${BOX.vertical}${chalk.reset}`);
+
+  // 5. Split Pane
+  lines.push(`${chalk.gray}${BOX.teeRight}${BOX.horizontal.repeat(44)}${BOX.teeTop}${BOX.horizontal.repeat(WIDTH - 47)}${BOX.teeLeft}${chalk.reset}`);
+  
+  function printSplitRow(left, right) {
+    const leftContent = padRight(left || '', 42); 
+    const rightContent = padRight(right || '', WIDTH - 48); 
+    lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} ${leftContent} ${chalk.gray}${BOX.lightV}${chalk.reset} ${rightContent} ${chalk.gray}${BOX.vertical}${chalk.reset}`);
+  }
+
+  // Row 1: Headers
+  printSplitRow(`${chalk.bold}RUNTIME TESTS${chalk.reset}`, `${chalk.bold}VERIFICATION RESULTS${chalk.reset}`);
+  
+  // Row 2: Divider
+  lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} ${BOX.lightH.repeat(42)} ${chalk.gray}${BOX.lightCross}${chalk.reset} ${BOX.lightH.repeat(WIDTH - 48)} ${chalk.gray}${BOX.vertical}${chalk.reset}`);
+
+  // Prepare Left Column
+  const totalTests = tests.length || (passed + failed);
+  const passRate = totalTests > 0 ? Math.round((passed / totalTests) * 100) : 0;
+  const leftCol = [
+    '',
+    ` VERDICT         [${verdict === 'SHIP' ? chalk.green + 'SHIP' : verdict === 'BLOCK' ? chalk.red + 'BLOCK' : chalk.yellow + 'WARN'}${chalk.reset}]`,
+    ` Status:         ${verdict || 'N/A'}`,
+    '',
+    `${chalk.gray}${BOX.lightH.repeat(42)}${chalk.reset}`,
+    `${chalk.bold} TEST RESULTS${chalk.reset}`,
+    '',
+    ` Total:          ${chalk.cyan}${totalTests}${chalk.reset}`,
+    ` Passed:         ${chalk.green}${passed}${chalk.reset}`,
+    ` Failed:         ${chalk.red}${failed}${chalk.reset}`,
+    ` Warnings:        ${chalk.yellow}${warnings}${chalk.reset}`,
+    ` Pass Rate:      ${chalk.cyan}${passRate}%${chalk.reset}`,
+  ];
+
+  // Prepare Right Column
+  const rightCol = [];
+  rightCol.push('');
+  
+  rightCol.push(` COVERAGE       [${coverage}%]`);
+  rightCol.push(` Routes:         ${chalk.cyan}${coverage}%${chalk.reset}`);
+  rightCol.push('');
+  
+  if (isSuccess) {
+    rightCol.push(`${chalk.green} [✓] VERIFIED${chalk.reset}`);
+    rightCol.push(` All runtime tests`);
+    rightCol.push(` passed.`);
+  } else if (error) {
+    rightCol.push(`${chalk.red} [!] FAILED${chalk.reset}`);
+    rightCol.push(` Verification error.`);
+    rightCol.push('');
+    let msg = error.message || 'Unknown error';
+    if (msg.length > 25) msg = msg.substring(0, 25) + '...';
+    rightCol.push(` ${chalk.red}${msg}${chalk.reset}`);
+  } else {
+    rightCol.push(`${chalk.yellow} [○] IN PROGRESS${chalk.reset}`);
+    rightCol.push(` Running browser`);
+    rightCol.push(` tests...`);
+  }
+  
+  if (tests.length > 0) {
+    rightCol.push('');
+    rightCol.push(`${chalk.bold} TEST SUMMARY${chalk.reset}`);
+    tests.slice(0, 3).forEach((test, i) => {
+      const status = test.passed ? chalk.green + '✓' : chalk.red + '✖';
+      const name = (test.name || test.route || 'Test').substring(0, 20);
+      rightCol.push(` ${status}${chalk.reset} ${name}`);
+    });
+    if (tests.length > 3) {
+      rightCol.push(` ${chalk.dim}... ${tests.length - 3} more${chalk.reset}`);
+    }
+  }
+
+  // Merge Columns
+  const maxRows = Math.max(leftCol.length, rightCol.length);
+  for (let i = 0; i < maxRows; i++) {
+    printSplitRow(leftCol[i] || '', rightCol[i] || '');
+  }
+
+  // 6. Action Footer
+  lines.push(`${chalk.gray}${BOX.teeRight}${BOX.horizontal.repeat(WIDTH - 2)}${BOX.teeLeft}${chalk.reset}`);
+  lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} ${chalk.bold}RUNTIME CONTROL${chalk.reset}${' '.repeat(WIDTH - 17)}${chalk.gray}${BOX.vertical}${chalk.reset}`);
+  lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} ${BOX.lightH.repeat(WIDTH - 4)} ${chalk.gray}${BOX.vertical}${chalk.reset}`);
+
+  if (isSuccess) {
+    lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} ${chalk.green}[✓] RUNTIME VERIFIED. READY FOR PRODUCTION.${chalk.reset}${' '.repeat(WIDTH - 45)}${chalk.gray}${BOX.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX.vertical}${' '.repeat(WIDTH - 2)}${BOX.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} > ${chalk.cyan}vibecheck ship${chalk.reset}             [DEPLOY]    Proceed with deployment           ${chalk.gray}${BOX.vertical}${chalk.reset}`);
+  } else {
+    lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} ${chalk.red}[!] VERIFICATION FAILED. REVIEW REQUIRED.${chalk.reset}${' '.repeat(WIDTH - 42)}${chalk.gray}${BOX.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX.vertical}${' '.repeat(WIDTH - 2)}${BOX.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} > ${chalk.cyan}vibecheck reality --retry${chalk.reset}   [RETRY]     Re-run verification              ${chalk.gray}${BOX.vertical}${chalk.reset}`);
+    lines.push(`${chalk.gray}${BOX.vertical}${chalk.reset} > ${chalk.cyan}vibecheck fix --apply${chalk.reset}      [FIX]       Apply fixes before retry           ${chalk.gray}${BOX.vertical}${chalk.reset}`);
+  }
+
+  // 7. Box Bottom
+  lines.push(`${chalk.gray}${BOX.bottomLeft}${BOX.horizontal.repeat(WIDTH - 2)}${BOX.bottomRight}${chalk.reset}`);
+
+  return lines.join('\n');
+}
+
+module.exports = { formatRealityOutput };