vibecodingmachine-cli 1.0.3 → 1.0.5

package/src/utils/auto-mode-ansi-ui.js

@@ -1,238 +1,238 @@
-const chalk = require('chalk');
-const ansiEscapes = require('ansi-escapes');
-const stripAnsi = require('strip-ansi');
-
-/**
- * ANSI-based UI for Auto Mode
- * Simple, reliable, no module system issues
- */
-class AutoModeANSIUI {
-  constructor(options = {}) {
-    this.menuContent = options.menuContent || '';
-    this.onExit = options.onExit;
-    this.requirement = 'Loading...';
-    this.step = 'PREPARE';
-    this.chatCount = 0;
-    this.maxChats = null;
-    this.progress = 0;
-    this.outputLines = [];
-    this.maxOutputLines = 15;
-
-    // Hide cursor for cleaner output
-    process.stdout.write(ansiEscapes.cursorHide);
-
-    // Handle exit - just use SIGINT, don't try to capture keys
-    // (stdin might be used by child process like Aider)
-    this.handleExit = () => {
-      this.destroy();
-      if (this.onExit) {
-        this.onExit();
-      }
-      process.exit(0);
-    };
-
-    process.on('SIGINT', this.handleExit);
-    process.on('SIGTERM', this.handleExit);
-
-    // Initial render
-    this.render();
-  }
-
-  updateStatus(status) {
-    if (status.requirement !== undefined) this.requirement = status.requirement;
-    if (status.step !== undefined) this.step = status.step;
-    if (status.chatCount !== undefined) this.chatCount = status.chatCount;
-    if (status.maxChats !== undefined) this.maxChats = status.maxChats;
-    if (status.progress !== undefined) this.progress = status.progress;
-    this.render();
-  }
-
-  appendOutput(line) {
-    // Safety: truncate very long lines to prevent memory issues
-    const maxLineLength = 500;
-    const safeLine = line.length > maxLineLength ? line.substring(0, maxLineLength) + '...' : line;
-
-    this.outputLines.push(safeLine);
-    // Keep only last N lines
-    if (this.outputLines.length > this.maxOutputLines) {
-      this.outputLines = this.outputLines.slice(-this.maxOutputLines);
-    }
-    this.render();
-  }
-
-  clearOutput() {
-    this.outputLines = [];
-    this.render();
-  }
-
-  render() {
-    // Clear screen and move cursor to top
-    process.stdout.write(ansiEscapes.clearScreen);
-    process.stdout.write(ansiEscapes.cursorTo(0, 0));
-
-    let output = '';
-
-    // Header box
-    output += this.drawBox(this.menuContent, { color: 'cyan', style: 'round' });
-    output += '\n';
-
-    // Status card
-    const statusContent = this.buildStatusContent();
-    output += this.drawBox(statusContent, { color: 'magenta', style: 'round', title: ' Auto Mode Status ' });
-    output += '\n';
-
-    // Output log
-    const outputContent = this.buildOutputContent();
-    output += this.drawBox(outputContent, { color: 'green', style: 'single', title: ' Aider Output ' });
-
-    process.stdout.write(output);
-  }
-
-  buildStatusContent() {
-    const stepColors = {
-      'PREPARE': chalk.cyan,
-      'ACT': chalk.yellow,
-      'CLEAN UP': chalk.magenta,
-      'VERIFY': chalk.blue,
-      'DONE': chalk.green,
-      'UNKNOWN': chalk.gray
-    };
-
-    const stepColor = stepColors[this.step] || chalk.gray;
-
-    // Progress bar
-    const barWidth = 40;
-    const filledWidth = Math.round((this.progress / 100) * barWidth);
-    const emptyWidth = barWidth - filledWidth;
-    const progressBar = chalk.green('█'.repeat(filledWidth)) + chalk.gray('░'.repeat(emptyWidth));
-
-    // Chat counter
-    const chatDisplay = this.maxChats
-      ? `Chat ${this.chatCount}/${this.maxChats}`
-      : `Chat ${this.chatCount} (unlimited)`;
-
-    // Truncate requirement if too long
-    const displayReq = this.requirement.length > 70
-      ? this.requirement.substring(0, 67) + '...'
-      : this.requirement;
-
-    return `
-${chalk.bold('📋 Current Requirement')}
-
-${displayReq}
-
-${chalk.bold('🚦 Status:')} ${stepColor.bold(this.step)}
-
-${progressBar} ${this.progress}%
-
-${chalk.gray(chatDisplay)}
-`.trim();
-  }
-
-  buildOutputContent() {
-    if (this.outputLines.length === 0) {
-      return chalk.gray('No output yet...');
-    }
-    return this.outputLines.join('\n');
-  }
-
-  drawBox(content, options = {}) {
-    const { color = 'white', style = 'single', title = '' } = options;
-    const colorFn = chalk[color] || chalk.white;
-
-    // Box drawing characters
-    const chars = {
-      single: {
-        topLeft: '┌',
-        topRight: '┐',
-        bottomLeft: '└',
-        bottomRight: '┘',
-        horizontal: '─',
-        vertical: '│'
-      },
-      round: {
-        topLeft: '╭',
-        topRight: '╮',
-        bottomLeft: '╰',
-        bottomRight: '╯',
-        horizontal: '─',
-        vertical: '│'
-      },
-      double: {
-        topLeft: '╔',
-        topRight: '╗',
-        bottomLeft: '╚',
-        bottomRight: '╝',
-        horizontal: '═',
-        vertical: '║'
-      }
-    };
-
-    const boxChars = chars[style] || chars.single;
-    const lines = content.split('\n');
-
-    // Use fixed width to avoid any width calculation issues
-    const terminalWidth = process.stdout.columns || 80;
-    const width = Math.min(terminalWidth - 4, 60);
-
-    // Top border
-    let box = colorFn(boxChars.topLeft);
-    if (title) {
-      const titleLen = title.length;
-      const leftPad = Math.floor((width - titleLen - 2) / 2);
-      box += colorFn(boxChars.horizontal.repeat(leftPad));
-      box += colorFn(title);
-      box += colorFn(boxChars.horizontal.repeat(width - leftPad - titleLen));
-    } else {
-      box += colorFn(boxChars.horizontal.repeat(width));
-    }
-    box += colorFn(boxChars.topRight) + '\n';
-
-    // Content lines - use fixed padding to avoid width calculations
-    lines.forEach(line => {
-      // Truncate long lines
-      const maxLen = width - 4;
-      const displayLine = line.length > maxLen ? line.substring(0, maxLen - 3) + '...' : line;
-      const padding = Math.max(0, width - displayLine.length - 2);
-      box += colorFn(boxChars.vertical) + ' ' + displayLine + ' '.repeat(padding) + ' ' + colorFn(boxChars.vertical) + '\n';
-    });
-
-    // Bottom border
-    box += colorFn(boxChars.bottomLeft) + colorFn(boxChars.horizontal.repeat(width)) + colorFn(boxChars.bottomRight);
-
-    return box;
-  }
-
-  getStringWidth(str) {
-    // Simple character count - don't try to strip ANSI
-    // This avoids any regex issues entirely
-    return str.length;
-  }
-
-  destroy() {
-    // Clean up listeners
-    if (this.handleExit) {
-      process.removeListener('SIGINT', this.handleExit);
-      process.removeListener('SIGTERM', this.handleExit);
-    }
-
-    // Show cursor again
-    process.stdout.write(ansiEscapes.cursorShow);
-  }
-}
-
-/**
- * Create and display an ANSI-based UI for Auto Mode
- * @param {object} options - UI configuration
- * @param {string} options.menuContent - Menu content to display in header
- * @param {function} options.onExit - Callback when user presses Ctrl+C
- * @returns {AutoModeANSIUI} UI instance
- */
-function createAutoModeUI(options = {}) {
-  return new AutoModeANSIUI(options);
-}
-
-module.exports = {
-  createAutoModeUI,
-  AutoModeANSIUI
-};
+const chalk = require('chalk');
+const ansiEscapes = require('ansi-escapes');
+const stripAnsi = require('strip-ansi');
+
+/**
+ * ANSI-based UI for Auto Mode
+ * Simple, reliable, no module system issues
+ */
+class AutoModeANSIUI {
+  constructor(options = {}) {
+    this.menuContent = options.menuContent || '';
+    this.onExit = options.onExit;
+    this.requirement = 'Loading...';
+    this.step = 'PREPARE';
+    this.chatCount = 0;
+    this.maxChats = null;
+    this.progress = 0;
+    this.outputLines = [];
+    this.maxOutputLines = 15;
+
+    // Hide cursor for cleaner output
+    process.stdout.write(ansiEscapes.cursorHide);
+
+    // Handle exit - just use SIGINT, don't try to capture keys
+    // (stdin might be used by child process like Aider)
+    this.handleExit = () => {
+      this.destroy();
+      if (this.onExit) {
+        this.onExit();
+      }
+      process.exit(0);
+    };
+
+    process.on('SIGINT', this.handleExit);
+    process.on('SIGTERM', this.handleExit);
+
+    // Initial render
+    this.render();
+  }
+
+  updateStatus(status) {
+    if (status.requirement !== undefined) this.requirement = status.requirement;
+    if (status.step !== undefined) this.step = status.step;
+    if (status.chatCount !== undefined) this.chatCount = status.chatCount;
+    if (status.maxChats !== undefined) this.maxChats = status.maxChats;
+    if (status.progress !== undefined) this.progress = status.progress;
+    this.render();
+  }
+
+  appendOutput(line) {
+    // Safety: truncate very long lines to prevent memory issues
+    const maxLineLength = 500;
+    const safeLine = line.length > maxLineLength ? line.substring(0, maxLineLength) + '...' : line;
+
+    this.outputLines.push(safeLine);
+    // Keep only last N lines
+    if (this.outputLines.length > this.maxOutputLines) {
+      this.outputLines = this.outputLines.slice(-this.maxOutputLines);
+    }
+    this.render();
+  }
+
+  clearOutput() {
+    this.outputLines = [];
+    this.render();
+  }
+
+  render() {
+    // Clear screen and move cursor to top
+    process.stdout.write(ansiEscapes.clearScreen);
+    process.stdout.write(ansiEscapes.cursorTo(0, 0));
+
+    let output = '';
+
+    // Header box
+    output += this.drawBox(this.menuContent, { color: 'cyan', style: 'round' });
+    output += '\n';
+
+    // Status card
+    const statusContent = this.buildStatusContent();
+    output += this.drawBox(statusContent, { color: 'magenta', style: 'round', title: ' Auto Mode Status ' });
+    output += '\n';
+
+    // Output log
+    const outputContent = this.buildOutputContent();
+    output += this.drawBox(outputContent, { color: 'green', style: 'single', title: ' Aider Output ' });
+
+    process.stdout.write(output);
+  }
+
+  buildStatusContent() {
+    const stepColors = {
+      'PREPARE': chalk.cyan,
+      'ACT': chalk.yellow,
+      'CLEAN UP': chalk.magenta,
+      'VERIFY': chalk.blue,
+      'DONE': chalk.green,
+      'UNKNOWN': chalk.gray
+    };
+
+    const stepColor = stepColors[this.step] || chalk.gray;
+
+    // Progress bar
+    const barWidth = 40;
+    const filledWidth = Math.round((this.progress / 100) * barWidth);
+    const emptyWidth = barWidth - filledWidth;
+    const progressBar = chalk.green('█'.repeat(filledWidth)) + chalk.gray('░'.repeat(emptyWidth));
+
+    // Chat counter
+    const chatDisplay = this.maxChats
+      ? `Chat ${this.chatCount}/${this.maxChats}`
+      : `Chat ${this.chatCount} (unlimited)`;
+
+    // Truncate requirement if too long
+    const displayReq = this.requirement.length > 70
+      ? this.requirement.substring(0, 67) + '...'
+      : this.requirement;
+
+    return `
+${chalk.bold('📋 Current Requirement')}
+
+${displayReq}
+
+${chalk.bold('🚦 Status:')} ${stepColor.bold(this.step)}
+
+${progressBar} ${this.progress}%
+
+${chalk.gray(chatDisplay)}
+`.trim();
+  }
+
+  buildOutputContent() {
+    if (this.outputLines.length === 0) {
+      return chalk.gray('No output yet...');
+    }
+    return this.outputLines.join('\n');
+  }
+
+  drawBox(content, options = {}) {
+    const { color = 'white', style = 'single', title = '' } = options;
+    const colorFn = chalk[color] || chalk.white;
+
+    // Box drawing characters
+    const chars = {
+      single: {
+        topLeft: '┌',
+        topRight: '┐',
+        bottomLeft: '└',
+        bottomRight: '┘',
+        horizontal: '─',
+        vertical: '│'
+      },
+      round: {
+        topLeft: '╭',
+        topRight: '╮',
+        bottomLeft: '╰',
+        bottomRight: '╯',
+        horizontal: '─',
+        vertical: '│'
+      },
+      double: {
+        topLeft: '╔',
+        topRight: '╗',
+        bottomLeft: '╚',
+        bottomRight: '╝',
+        horizontal: '═',
+        vertical: '║'
+      }
+    };
+
+    const boxChars = chars[style] || chars.single;
+    const lines = content.split('\n');
+
+    // Use fixed width to avoid any width calculation issues
+    const terminalWidth = process.stdout.columns || 80;
+    const width = Math.min(terminalWidth - 4, 60);
+
+    // Top border
+    let box = colorFn(boxChars.topLeft);
+    if (title) {
+      const titleLen = title.length;
+      const leftPad = Math.floor((width - titleLen - 2) / 2);
+      box += colorFn(boxChars.horizontal.repeat(leftPad));
+      box += colorFn(title);
+      box += colorFn(boxChars.horizontal.repeat(width - leftPad - titleLen));
+    } else {
+      box += colorFn(boxChars.horizontal.repeat(width));
+    }
+    box += colorFn(boxChars.topRight) + '\n';
+
+    // Content lines - use fixed padding to avoid width calculations
+    lines.forEach(line => {
+      // Truncate long lines
+      const maxLen = width - 4;
+      const displayLine = line.length > maxLen ? line.substring(0, maxLen - 3) + '...' : line;
+      const padding = Math.max(0, width - displayLine.length - 2);
+      box += colorFn(boxChars.vertical) + ' ' + displayLine + ' '.repeat(padding) + ' ' + colorFn(boxChars.vertical) + '\n';
+    });
+
+    // Bottom border
+    box += colorFn(boxChars.bottomLeft) + colorFn(boxChars.horizontal.repeat(width)) + colorFn(boxChars.bottomRight);
+
+    return box;
+  }
+
+  getStringWidth(str) {
+    // Simple character count - don't try to strip ANSI
+    // This avoids any regex issues entirely
+    return str.length;
+  }
+
+  destroy() {
+    // Clean up listeners
+    if (this.handleExit) {
+      process.removeListener('SIGINT', this.handleExit);
+      process.removeListener('SIGTERM', this.handleExit);
+    }
+
+    // Show cursor again
+    process.stdout.write(ansiEscapes.cursorShow);
+  }
+}
+
+/**
+ * Create and display an ANSI-based UI for Auto Mode
+ * @param {object} options - UI configuration
+ * @param {string} options.menuContent - Menu content to display in header
+ * @param {function} options.onExit - Callback when user presses Ctrl+C
+ * @returns {AutoModeANSIUI} UI instance
+ */
+function createAutoModeUI(options = {}) {
+  return new AutoModeANSIUI(options);
+}
+
+module.exports = {
+  createAutoModeUI,
+  AutoModeANSIUI
+};