@vibecheckai/cli 3.5.0 → 3.5.2

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

@@ -1,631 +0,0 @@
-/**
- * Enhanced CLI Output - Modern, consistent terminal output
- * 
- * Provides beautiful tables, spinners, progress bars, and status displays
- * for Vibecheck CLI commands.
- */
-
-"use strict";
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// CONFIGURATION
-// ═══════════════════════════════════════════════════════════════════════════════
-
-const WIDTH = 76;
-const ESC = '\x1b';
-
-const SUPPORTS_COLOR = process.stdout.isTTY && 
-  !process.env.NO_COLOR &&
-  process.env.TERM !== 'dumb';
-
-const SUPPORTS_UNICODE = (() => {
-  if (process.env.VIBECHECK_NO_UNICODE === '1') return false;
-  if (process.platform === 'win32') {
-    return Boolean(
-      process.env.CI ||
-      process.env.WT_SESSION ||
-      process.env.TERMINAL_EMULATOR === 'JetBrains-JediTerm' ||
-      (process.env.TERM || '').includes('256color') ||
-      (process.env.LANG || '').toLowerCase().includes('utf')
-    );
-  }
-  return process.env.TERM !== 'linux';
-})();
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// ANSI CODES
-// ═══════════════════════════════════════════════════════════════════════════════
-
-const ansi = {
-  reset: SUPPORTS_COLOR ? `${ESC}[0m` : '',
-  bold: SUPPORTS_COLOR ? `${ESC}[1m` : '',
-  dim: SUPPORTS_COLOR ? `${ESC}[2m` : '',
-  italic: SUPPORTS_COLOR ? `${ESC}[3m` : '',
-  underline: SUPPORTS_COLOR ? `${ESC}[4m` : '',
-  
-  // Foreground
-  red: SUPPORTS_COLOR ? `${ESC}[31m` : '',
-  green: SUPPORTS_COLOR ? `${ESC}[32m` : '',
-  yellow: SUPPORTS_COLOR ? `${ESC}[33m` : '',
-  blue: SUPPORTS_COLOR ? `${ESC}[34m` : '',
-  magenta: SUPPORTS_COLOR ? `${ESC}[35m` : '',
-  cyan: SUPPORTS_COLOR ? `${ESC}[36m` : '',
-  white: SUPPORTS_COLOR ? `${ESC}[37m` : '',
-  gray: SUPPORTS_COLOR ? `${ESC}[90m` : '',
-  
-  // Background
-  bgRed: SUPPORTS_COLOR ? `${ESC}[41m` : '',
-  bgGreen: SUPPORTS_COLOR ? `${ESC}[42m` : '',
-  bgYellow: SUPPORTS_COLOR ? `${ESC}[43m` : '',
-  bgBlue: SUPPORTS_COLOR ? `${ESC}[44m` : '',
-  bgMagenta: SUPPORTS_COLOR ? `${ESC}[45m` : '',
-  bgCyan: SUPPORTS_COLOR ? `${ESC}[46m` : '',
-  
-  // Cursor
-  hideCursor: `${ESC}[?25l`,
-  showCursor: `${ESC}[?25h`,
-  clearLine: `${ESC}[2K`,
-  cursorUp: (n = 1) => `${ESC}[${n}A`,
-};
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// ICONS
-// ═══════════════════════════════════════════════════════════════════════════════
-
-const icons = SUPPORTS_UNICODE ? {
-  success: '✓',
-  error: '✗',
-  warning: '⚠',
-  info: 'ℹ',
-  bullet: '•',
-  pointer: '❯',
-  arrowRight: '→',
-  arrowDown: '↓',
-  check: '✓',
-  cross: '✗',
-  star: '★',
-  rocket: '🚀',
-  shield: '🛡️',
-  lock: '🔒',
-  key: '🔑',
-  gear: '⚙',
-  package: '📦',
-  folder: '📁',
-  file: '📄',
-  search: '🔍',
-  clock: '⏱',
-  chart: '📊',
-  target: '🎯',
-  sparkles: '✨',
-  fire: '🔥',
-  // Severity
-  critical: '🛑',
-  high: '🟠',
-  medium: '🟡',
-  low: '🔵',
-  // Progress
-  filled: '█',
-  empty: '░',
-} : {
-  success: '+',
-  error: 'x',
-  warning: '!',
-  info: 'i',
-  bullet: '-',
-  pointer: '>',
-  arrowRight: '->',
-  arrowDown: 'v',
-  check: '+',
-  cross: 'x',
-  star: '*',
-  rocket: '^',
-  shield: '[S]',
-  lock: '[L]',
-  key: '[K]',
-  gear: '[G]',
-  package: '[P]',
-  folder: '[D]',
-  file: '[F]',
-  search: '[?]',
-  clock: '[T]',
-  chart: '[#]',
-  target: '[O]',
-  sparkles: '*',
-  fire: '*',
-  critical: '[!]',
-  high: '[H]',
-  medium: '[M]',
-  low: '[L]',
-  filled: '#',
-  empty: '-',
-};
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// BOX DRAWING
-// ═══════════════════════════════════════════════════════════════════════════════
-
-const box = SUPPORTS_UNICODE ? {
-  topLeft: '┌', topRight: '┐',
-  bottomLeft: '└', bottomRight: '┘',
-  horizontal: '─', vertical: '│',
-  cross: '┼',
-  teeLeft: '├', teeRight: '┤',
-  teeUp: '┴', teeDown: '┬',
-  // Double frame
-  dTopLeft: '╔', dTopRight: '╗',
-  dBottomLeft: '╚', dBottomRight: '╝',
-  dHorizontal: '═', dVertical: '║',
-  dTeeLeft: '╠', dTeeRight: '╣',
-  // Rounded
-  rTopLeft: '╭', rTopRight: '╮',
-  rBottomLeft: '╰', rBottomRight: '╯',
-} : {
-  topLeft: '+', topRight: '+',
-  bottomLeft: '+', bottomRight: '+',
-  horizontal: '-', vertical: '|',
-  cross: '+',
-  teeLeft: '+', teeRight: '+',
-  teeUp: '+', teeDown: '+',
-  dTopLeft: '+', dTopRight: '+',
-  dBottomLeft: '+', dBottomRight: '+',
-  dHorizontal: '=', dVertical: '|',
-  dTeeLeft: '+', dTeeRight: '+',
-  rTopLeft: '+', rTopRight: '+',
-  rBottomLeft: '+', rBottomRight: '+',
-};
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// TEXT UTILITIES
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function visibleLength(str) {
-  return (str || '').replace(/\x1b\[[0-9;]*m/g, '').length;
-}
-
-function padRight(str, width, char = ' ') {
-  const visible = visibleLength(str);
-  if (visible >= width) return str;
-  return str + char.repeat(width - visible);
-}
-
-function padLeft(str, width, char = ' ') {
-  const visible = visibleLength(str);
-  if (visible >= width) return str;
-  return char.repeat(width - visible) + str;
-}
-
-function center(str, width) {
-  const visible = visibleLength(str);
-  if (visible >= width) return str;
-  const left = Math.floor((width - visible) / 2);
-  const right = width - visible - left;
-  return ' '.repeat(left) + str + ' '.repeat(right);
-}
-
-function truncate(str, maxLen) {
-  if (!str) return '';
-  const visible = visibleLength(str);
-  if (visible <= maxLen) return str;
-  return str.substring(0, maxLen - 3) + '...';
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// SEMANTIC STYLES
-// ═══════════════════════════════════════════════════════════════════════════════
-
-const style = {
-  success: (t) => `${ansi.green}${t}${ansi.reset}`,
-  error: (t) => `${ansi.red}${t}${ansi.reset}`,
-  warning: (t) => `${ansi.yellow}${t}${ansi.reset}`,
-  info: (t) => `${ansi.cyan}${t}${ansi.reset}`,
-  bold: (t) => `${ansi.bold}${t}${ansi.reset}`,
-  dim: (t) => `${ansi.dim}${t}${ansi.reset}`,
-  muted: (t) => `${ansi.gray}${t}${ansi.reset}`,
-  highlight: (t) => `${ansi.bold}${ansi.white}${t}${ansi.reset}`,
-  
-  // Severity
-  critical: (t) => `${ansi.bgRed}${ansi.bold}${ansi.white} ${t} ${ansi.reset}`,
-  high: (t) => `${ansi.red}${t}${ansi.reset}`,
-  medium: (t) => `${ansi.yellow}${t}${ansi.reset}`,
-  low: (t) => `${ansi.blue}${t}${ansi.reset}`,
-  
-  // Verdict badges
-  ship: (t = 'SHIP') => `${ansi.bgGreen}${ansi.bold}${ansi.white} ${t} ${ansi.reset}`,
-  block: (t = 'BLOCK') => `${ansi.bgRed}${ansi.bold}${ansi.white} ${t} ${ansi.reset}`,
-  warn: (t = 'WARN') => `${ansi.bgYellow}${ansi.bold} ${t} ${ansi.reset}`,
-};
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// SPINNER
-// ═══════════════════════════════════════════════════════════════════════════════
-
-const SPINNER_FRAMES = SUPPORTS_UNICODE
-  ? ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
-  : ['-', '\\', '|', '/'];
-
-class Spinner {
-  constructor(text = '') {
-    this.text = text;
-    this.timer = null;
-    this.frameIndex = 0;
-    this.stream = process.stderr;
-  }
-
-  start(text) {
-    if (text) this.text = text;
-    if (!process.stdout.isTTY) {
-      console.log(`  ${icons.info} ${this.text}`);
-      return this;
-    }
-    
-    this.stream.write(ansi.hideCursor);
-    this.timer = setInterval(() => {
-      const frame = SPINNER_FRAMES[this.frameIndex];
-      this.frameIndex = (this.frameIndex + 1) % SPINNER_FRAMES.length;
-      this.stream.write(`\r${ansi.clearLine}  ${ansi.cyan}${frame}${ansi.reset} ${this.text}`);
-    }, 80);
-    return this;
-  }
-
-  update(text) {
-    this.text = text;
-    return this;
-  }
-
-  stop(finalText) {
-    if (this.timer) {
-      clearInterval(this.timer);
-      this.timer = null;
-    }
-    this.stream.write(`\r${ansi.clearLine}`);
-    if (finalText !== null && process.stdout.isTTY) {
-      console.log(finalText || '');
-    }
-    this.stream.write(ansi.showCursor);
-    return this;
-  }
-
-  succeed(text) {
-    const msg = text || this.text;
-    return this.stop(`  ${ansi.green}${icons.success}${ansi.reset} ${msg}`);
-  }
-
-  fail(text) {
-    const msg = text || this.text;
-    return this.stop(`  ${ansi.red}${icons.error}${ansi.reset} ${msg}`);
-  }
-
-  warn(text) {
-    const msg = text || this.text;
-    return this.stop(`  ${ansi.yellow}${icons.warning}${ansi.reset} ${msg}`);
-  }
-
-  info(text) {
-    const msg = text || this.text;
-    return this.stop(`  ${ansi.cyan}${icons.info}${ansi.reset} ${msg}`);
-  }
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// PROGRESS BAR
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function progressBar(percent, width = 30, options = {}) {
-  const {
-    filled = icons.filled,
-    empty = icons.empty,
-    showPercent = true,
-    color = ansi.green,
-  } = options;
-
-  const clamped = Math.max(0, Math.min(100, percent));
-  const filledCount = Math.round((clamped / 100) * width);
-  const bar = filled.repeat(filledCount) + `${ansi.gray}${empty.repeat(width - filledCount)}${ansi.reset}`;
-  const percentStr = showPercent ? ` ${String(Math.round(clamped)).padStart(3)}%` : '';
-  
-  return `${color}${bar}${ansi.reset}${ansi.gray}${percentStr}${ansi.reset}`;
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// TABLE RENDERING
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function renderTable(options) {
-  const { columns, data, title, maxRows = 20, showRowNumbers = false } = options;
-  const lines = [];
-
-  // Calculate column widths
-  const colWidths = columns.map((col) => {
-    const headerLen = visibleLength(col.header);
-    const maxDataLen = data.reduce((max, row) => {
-      const formatted = col.format ? col.format(row[col.key], row) : String(row[col.key] || '');
-      return Math.max(max, visibleLength(formatted));
-    }, 0);
-    return col.width || Math.min(Math.max(headerLen, maxDataLen) + 2, 40);
-  });
-
-  if (showRowNumbers) {
-    colWidths.unshift(4);
-  }
-
-  // Title
-  if (title) {
-    lines.push('');
-    lines.push(`  ${ansi.bold}${title}${ansi.reset}`);
-    lines.push(`  ${ansi.gray}${box.horizontal.repeat(Math.min(WIDTH - 4, 72))}${ansi.reset}`);
-  }
-
-  // Header row
-  const headerBorder = `  ${box.topLeft}${colWidths.map(w => box.horizontal.repeat(w)).join(box.teeDown)}${box.topRight}`;
-  lines.push(ansi.gray + headerBorder + ansi.reset);
-
-  let headerRow = `  ${ansi.gray}${box.vertical}${ansi.reset}`;
-  if (showRowNumbers) {
-    headerRow += center('#', colWidths[0]) + `${ansi.gray}${box.vertical}${ansi.reset}`;
-  }
-  columns.forEach((col, i) => {
-    const idx = showRowNumbers ? i + 1 : i;
-    headerRow += `${ansi.bold}${center(col.header, colWidths[idx])}${ansi.reset}${ansi.gray}${box.vertical}${ansi.reset}`;
-  });
-  lines.push(headerRow);
-
-  // Header separator
-  const headerSep = `  ${box.teeLeft}${colWidths.map(w => box.horizontal.repeat(w)).join(box.cross)}${box.teeRight}`;
-  lines.push(ansi.gray + headerSep + ansi.reset);
-
-  // Data rows
-  const displayData = data.slice(0, maxRows);
-  displayData.forEach((row, rowIndex) => {
-    let dataRow = `  ${ansi.gray}${box.vertical}${ansi.reset}`;
-    if (showRowNumbers) {
-      dataRow += `${ansi.gray}${center(String(rowIndex + 1), colWidths[0])}${box.vertical}${ansi.reset}`;
-    }
-    columns.forEach((col, i) => {
-      const idx = showRowNumbers ? i + 1 : i;
-      const value = col.format ? col.format(row[col.key], row) : String(row[col.key] || '');
-      const aligned = col.align === 'right' 
-        ? padLeft(truncate(value, colWidths[idx] - 1), colWidths[idx])
-        : col.align === 'center'
-          ? center(truncate(value, colWidths[idx] - 1), colWidths[idx])
-          : padRight(' ' + truncate(value, colWidths[idx] - 2), colWidths[idx]);
-      dataRow += `${aligned}${ansi.gray}${box.vertical}${ansi.reset}`;
-    });
-    lines.push(dataRow);
-  });
-
-  // Footer border
-  const footerBorder = `  ${box.bottomLeft}${colWidths.map(w => box.horizontal.repeat(w)).join(box.teeUp)}${box.bottomRight}`;
-  lines.push(ansi.gray + footerBorder + ansi.reset);
-
-  // Truncation notice
-  if (data.length > maxRows) {
-    lines.push(`  ${ansi.gray}... and ${data.length - maxRows} more rows${ansi.reset}`);
-  }
-
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// FINDINGS TABLE
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function renderFindings(findings, maxDisplay = 10) {
-  if (!findings || findings.length === 0) {
-    return `\n  ${ansi.green}${icons.success}${ansi.reset} ${style.success('No issues found!')}\n`;
-  }
-
-  const severityOrder = { critical: 0, high: 1, medium: 2, low: 3, info: 4 };
-  const sorted = [...findings].sort((a, b) => 
-    (severityOrder[a.severity] || 4) - (severityOrder[b.severity] || 4)
-  );
-
-  const severityIcons = {
-    critical: icons.critical,
-    high: icons.high,
-    medium: icons.medium,
-    low: icons.low,
-    info: icons.info,
-  };
-
-  return renderTable({
-    title: `${icons.warning} Issues Found (${findings.length})`,
-    columns: [
-      { 
-        header: 'Sev', 
-        key: 'severity', 
-        width: 10,
-        format: (v) => `${severityIcons[v] || icons.info} ${(v || 'INFO').toUpperCase().substring(0, 4)}`,
-      },
-      { 
-        header: 'Category', 
-        key: 'category', 
-        width: 15,
-      },
-      { 
-        header: 'Message', 
-        key: 'message', 
-        width: 42,
-      },
-    ],
-    data: sorted.slice(0, maxDisplay),
-    maxRows: maxDisplay,
-  });
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// VERDICT DISPLAY
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function renderVerdict(verdict, score) {
-  const lines = [];
-  
-  const verdictBadges = {
-    SHIP: style.ship('SHIP'),
-    PASS: style.ship('PASS'),
-    WARN: style.warn('WARN'),
-    BLOCK: style.block('BLOCK'),
-    FAIL: style.block('FAIL'),
-  };
-
-  const verdictMessages = {
-    SHIP: `${icons.rocket} Ready to ship!`,
-    PASS: `${icons.check} All checks passed`,
-    WARN: `${icons.warning} Review recommended before shipping`,
-    BLOCK: `${icons.cross} Blocked - critical issues found`,
-    FAIL: `${icons.cross} Scan failed`,
-  };
-
-  lines.push('');
-  lines.push(`  ${verdictBadges[verdict] || verdictBadges.WARN}  ${verdictMessages[verdict] || ''}`);
-  
-  if (score !== undefined && score !== null) {
-    const scoreColor = score >= 80 ? ansi.green : score >= 60 ? ansi.yellow : ansi.red;
-    lines.push(`  ${ansi.gray}Health Score:${ansi.reset} ${scoreColor}${ansi.bold}${score}${ansi.reset}${ansi.gray}/100${ansi.reset}`);
-    lines.push(`  ${progressBar(score, 40)}`);
-  }
-  
-  return lines.join('\n');
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// SECTION HEADERS
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function renderSectionHeader(title, icon) {
-  const iconStr = icon ? `${icon} ` : '';
-  return `\n  ${ansi.cyan}${iconStr}${ansi.bold}${title}${ansi.reset}\n  ${ansi.gray}${box.horizontal.repeat(WIDTH - 4)}${ansi.reset}\n`;
-}
-
-function renderBanner(options) {
-  const { title, subtitle, version, width: w = WIDTH } = options;
-  const lines = [];
-
-  lines.push(`${ansi.gray}${box.dTopLeft}${box.dHorizontal.repeat(w - 2)}${box.dTopRight}${ansi.reset}`);
-  lines.push(`${ansi.gray}${box.dVertical}${ansi.reset}${' '.repeat(w - 2)}${ansi.gray}${box.dVertical}${ansi.reset}`);
-
-  // Title with color
-  const titleStr = `${ansi.bold}${ansi.cyan}${title}${ansi.reset}`;
-  const titlePadded = center(title, w - 2);
-  lines.push(`${ansi.gray}${box.dVertical}${ansi.reset}${ansi.bold}${ansi.cyan}${titlePadded}${ansi.reset}${ansi.gray}${box.dVertical}${ansi.reset}`);
-
-  if (subtitle) {
-    const subPadded = center(subtitle, w - 2);
-    lines.push(`${ansi.gray}${box.dVertical}${ansi.reset}${ansi.gray}${subPadded}${ansi.reset}${ansi.gray}${box.dVertical}${ansi.reset}`);
-  }
-
-  if (version) {
-    const verPadded = center(`v${version}`, w - 2);
-    lines.push(`${ansi.gray}${box.dVertical}${ansi.reset}${ansi.dim}${verPadded}${ansi.reset}${ansi.gray}${box.dVertical}${ansi.reset}`);
-  }
-
-  lines.push(`${ansi.gray}${box.dVertical}${ansi.reset}${' '.repeat(w - 2)}${ansi.gray}${box.dVertical}${ansi.reset}`);
-  lines.push(`${ansi.gray}${box.dTeeLeft}${box.dHorizontal.repeat(w - 2)}${box.dTeeRight}${ansi.reset}`);
-
-  return lines.join('\n');
-}
-
-function renderFooter(width = WIDTH) {
-  return `${ansi.gray}${box.dBottomLeft}${box.dHorizontal.repeat(width - 2)}${box.dBottomRight}${ansi.reset}`;
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// STATUS MESSAGES
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function success(message) {
-  console.log(`  ${ansi.green}${icons.success}${ansi.reset} ${message}`);
-}
-
-function error(message) {
-  console.log(`  ${ansi.red}${icons.error}${ansi.reset} ${message}`);
-}
-
-function warning(message) {
-  console.log(`  ${ansi.yellow}${icons.warning}${ansi.reset} ${message}`);
-}
-
-function info(message) {
-  console.log(`  ${ansi.cyan}${icons.info}${ansi.reset} ${message}`);
-}
-
-function bullet(message) {
-  console.log(`  ${ansi.gray}${icons.bullet}${ansi.reset} ${message}`);
-}
-
-function newline() {
-  console.log('');
-}
-
-function divider(char, width = WIDTH - 4) {
-  return `  ${ansi.gray}${(char || box.horizontal).repeat(width)}${ansi.reset}`;
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// UTILITIES
-// ═══════════════════════════════════════════════════════════════════════════════
-
-function formatDuration(ms) {
-  if (ms < 1000) return `${ms}ms`;
-  if (ms < 60000) return `${(ms / 1000).toFixed(1)}s`;
-  const mins = Math.floor(ms / 60000);
-  const secs = Math.floor((ms % 60000) / 1000);
-  return `${mins}m ${secs}s`;
-}
-
-function formatBytes(bytes) {
-  if (bytes < 1024) return `${bytes}B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
-  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
-  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)}GB`;
-}
-
-// ═══════════════════════════════════════════════════════════════════════════════
-// EXPORTS
-// ═══════════════════════════════════════════════════════════════════════════════
-
-module.exports = {
-  // Config
-  WIDTH,
-  SUPPORTS_COLOR,
-  SUPPORTS_UNICODE,
-  
-  // ANSI
-  ansi,
-  
-  // Icons & Box drawing
-  icons,
-  box,
-  
-  // Styles
-  style,
-  
-  // Text utilities
-  visibleLength,
-  padRight,
-  padLeft,
-  center,
-  truncate,
-  
-  // Components
-  Spinner,
-  progressBar,
-  renderTable,
-  renderFindings,
-  renderVerdict,
-  renderSectionHeader,
-  renderBanner,
-  renderFooter,
-  
-  // Status messages
-  success,
-  error,
-  warning,
-  info,
-  bullet,
-  newline,
-  divider,
-  
-  // Utilities
-  formatDuration,
-  formatBytes,
-};