@semalt-ai/code 1.6.0 → 1.8.0

package/lib/ui.js

@@ -1,603 +1,47 @@
 'use strict';
 
-const readline = require('readline');
-
-function getCols() {
-  return process.stdout.columns || 80;
-}
-
-const RST = '\x1b[0m';
-const BOLD = '\x1b[1m';
-const DIM = '\x1b[2m';
-
-const FG_GRAY = '\x1b[38;5;245m';
-const FG_DARK = '\x1b[38;5;240m';
-const FG_BLUE = '\x1b[38;5;75m';
-const FG_CYAN = '\x1b[38;5;116m';
-const FG_GREEN = '\x1b[38;5;114m';
-const FG_YELLOW = '\x1b[38;5;222m';
-const FG_RED = '\x1b[38;5;203m';
-const FG_TEAL = '\x1b[38;5;73m';
-
-const BOX_H = '─';
-const BOX_V = '│';
-const BOX_TL = '╭';
-const BOX_TR = '╮';
-const BOX_BL = '╰';
-const BOX_BR = '╯';
-
-const FG_CODE_BG = '\x1b[48;5;236m';
-const FG_CODE_BORDER = '\x1b[38;5;240m';
-const FG_CODE_LANG = '\x1b[38;5;75m';
-const FG_INLINE_CODE = '\x1b[38;5;215m';
-const FG_HEADING = '\x1b[38;5;75m';
-const FG_BULLET = '\x1b[38;5;114m';
-const FG_BOLD_TEXT = '\x1b[38;5;255m';
-const FG_DIFF_ADD = '\x1b[38;5;114m';
-const FG_DIFF_DEL = '\x1b[38;5;203m';
-const FG_DIFF_HDR = '\x1b[38;5;75m';
-const FG_FILEPATH = '\x1b[38;5;222m';
-const FG_TAG = '\x1b[38;5;176m';
-
-const KEYWORDS = new Set([
-  'def', 'class', 'import', 'from', 'return', 'if', 'else', 'elif',
-  'for', 'while', 'try', 'except', 'finally', 'with', 'as', 'in',
-  'not', 'and', 'or', 'is', 'None', 'True', 'False', 'async', 'await',
-  'function', 'const', 'let', 'var', 'export', 'require', 'func',
-  'type', 'struct', 'interface', 'package', 'fn', 'pub', 'use',
-  'mod', 'impl', 'match', 'enum', 'self', 'print', 'len', 'range',
-  'yield', 'lambda', 'raise', 'pass', 'break', 'continue', 'del',
-  'global', 'nonlocal', 'assert',
-]);
-
-function hr(char = '─', color = FG_DARK) {
-  process.stdout.write(`${color}${char.repeat(getCols())}${RST}\n`);
-}
-
-function stripAnsi(str) {
-  return str.replace(/\x1b\[[^m]*m/g, '');
-}
-
-function boxLine(text, width) {
-  const w = width || (getCols() - 4);
-  const visible = stripAnsi(text).length;
-  const pad = Math.max(0, w - visible);
-  return `  ${FG_DARK}${BOX_V}${RST} ${text}${' '.repeat(pad)}${FG_DARK}${BOX_V}${RST}`;
-}
-
-function insertCharAt(text, index, value) {
-  const chars = Array.from(text || '');
-  chars.splice(index, 0, value);
-  return chars.join('');
-}
-
-function removeCharAt(text, index) {
-  const chars = Array.from(text || '');
-  chars.splice(index, 1);
-  return chars.join('');
-}
-
-function isPrintableKey(str, key = {}) {
-  if (!str || key.ctrl || key.meta) return false;
-  if (key.name === 'return' || key.name === 'enter' || key.name === 'tab') return false;
-  if (key.name && ['up', 'down', 'left', 'right', 'home', 'end', 'pageup', 'pagedown', 'escape', 'delete', 'backspace'].includes(key.name)) {
-    return false;
-  }
-  return !/[\x00-\x1f\x7f]/.test(str);
-}
-
-function readInteractiveInput(promptText, options = {}) {
-  const {
-    allowed = null,
-    immediate = false,
-    trim = false,
-    allowCursorNavigation = false,
-    history = null,
-  } = options;
-
-  return new Promise((resolve) => {
-    if (!process.stdin.isTTY) {
-      const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
-      rl.question(promptText, (answer) => {
-        rl.close();
-        resolve({ type: 'submit', value: trim ? (answer || '').trim() : (answer || '') });
-      });
-      return;
-    }
-
-    const wasRaw = typeof process.stdin.isRaw === 'boolean' ? process.stdin.isRaw : false;
-    let buffer = '';
-    let cursor = 0;
-    let done = false;
-    let historyIndex = Array.isArray(history) ? history.length : -1;
-    let historyActive = false;
-    let pasting = false;
-    let lastLineCount = 1;
-    let lastCursorRow = 0;
-    let lastWasCR = false;
-
-    process.stdin.setRawMode(true);
-    process.stdin.resume();
-    process.stdout.write('\x1b[?2004h'); // enable bracketed paste mode
-
-    const promptWidth = stripAnsi(promptText).length;
-
-    const render = () => {
-      const lines = buffer.split('\n');
-      const newLineCount = lines.length;
-
-      if (lastLineCount > 1) {
-        readline.moveCursor(process.stdout, 0, -(lastLineCount - 1));
-      }
-
-      readline.cursorTo(process.stdout, 0);
-      readline.clearLine(process.stdout, 0);
-      process.stdout.write(`${promptText}${lines[0]}`);
-
-      for (let i = 1; i < newLineCount; i++) {
-        process.stdout.write('\n');
-        readline.cursorTo(process.stdout, 0);
-        readline.clearLine(process.stdout, 0);
-        process.stdout.write(lines[i]);
-      }
-
-      // Clear any extra lines from a previous longer render
-      for (let i = newLineCount; i < lastLineCount; i++) {
-        process.stdout.write('\n');
-        readline.cursorTo(process.stdout, 0);
-        readline.clearLine(process.stdout, 0);
-      }
-
-      lastLineCount = newLineCount;
-
-      const beforeCursor = Array.from(buffer).slice(0, cursor).join('');
-      const cursorLines = beforeCursor.split('\n');
-      lastCursorRow = cursorLines.length - 1;
-      const cursorCol = (lastCursorRow === 0 ? promptWidth : 0) + cursorLines[lastCursorRow].length;
-
-      const rowsFromBottom = newLineCount - 1 - lastCursorRow;
-      if (rowsFromBottom > 0) {
-        readline.moveCursor(process.stdout, 0, -rowsFromBottom);
-      }
-      readline.cursorTo(process.stdout, cursorCol);
-    };
-
-    const finish = (result, addNewline = true) => {
-      if (done) return;
-      done = true;
-      process.stdout.write('\x1b[?2004l'); // disable bracketed paste mode
-      process.stdin.setRawMode(wasRaw);
-      process.stdin.removeListener('data', onData);
-      if (addNewline) {
-        const rowsToBottom = lastLineCount - 1 - lastCursorRow;
-        if (rowsToBottom > 0) {
-          readline.moveCursor(process.stdout, 0, rowsToBottom);
-        }
-        process.stdout.write('\n');
-      }
-      resolve(result);
-    };
-
-    // Parse raw stdin data directly so we can intercept bracketed paste markers
-    // (\x1b[200~ ... \x1b[201~) before any higher-level key parser sees them.
-    const onData = (chunk) => {
-      if (done) return;
-      const data = chunk.toString('utf8');
-      let i = 0;
-
-      while (i < data.length) {
-        // --- Bracketed paste markers ---
-        if (data.startsWith('\x1b[200~', i)) {
-          pasting = true;
-          lastWasCR = false;
-          i += 6;
-          continue;
-        }
-        if (data.startsWith('\x1b[201~', i)) {
-          pasting = false;
-          lastWasCR = false;
-          i += 6;
-          continue;
-        }
-
-        const ch = data[i];
-
-        // --- Escape sequences ---
-        if (ch === '\x1b') {
-          lastWasCR = false;
-          const next = data[i + 1];
-
-          // CSI sequences: \x1b[...
-          if (next === '[') {
-            const seq3 = data.slice(i, i + 3);
-            const seq4 = data.slice(i, i + 4);
-
-            if (seq3 === '\x1b[A') { // up
-              if (Array.isArray(history) && history.length) {
-                if (historyActive || buffer.length === 0) {
-                  historyActive = true;
-                  historyIndex = Math.max(0, historyIndex - 1);
-                  buffer = historyIndex >= history.length ? '' : history[historyIndex];
-                  cursor = Array.from(buffer).length;
-                  render();
-                }
-              }
-              i += 3; continue;
-            }
-            if (seq3 === '\x1b[B') { // down
-              if (Array.isArray(history) && history.length) {
-                if (historyActive || buffer.length === 0) {
-                  historyActive = true;
-                  historyIndex = Math.min(history.length, historyIndex + 1);
-                  buffer = historyIndex >= history.length ? '' : history[historyIndex];
-                  cursor = Array.from(buffer).length;
-                  render();
-                }
-              }
-              i += 3; continue;
-            }
-            if (seq3 === '\x1b[C') { // right
-              if (allowCursorNavigation && cursor < Array.from(buffer).length) { cursor++; render(); }
-              i += 3; continue;
-            }
-            if (seq3 === '\x1b[D') { // left
-              if (allowCursorNavigation && cursor > 0) { cursor--; render(); }
-              i += 3; continue;
-            }
-            if (seq3 === '\x1b[H' || seq4 === '\x1b[1~') { // home
-              if (allowCursorNavigation) { cursor = 0; render(); }
-              i += (seq3 === '\x1b[H' ? 3 : 4); continue;
-            }
-            if (seq3 === '\x1b[F' || seq4 === '\x1b[4~') { // end
-              if (allowCursorNavigation) { cursor = Array.from(buffer).length; render(); }
-              i += (seq3 === '\x1b[F' ? 3 : 4); continue;
-            }
-            if (seq4 === '\x1b[3~') { // delete
-              if (cursor < Array.from(buffer).length) {
-                buffer = removeCharAt(buffer, cursor);
-                historyActive = false;
-                render();
-              }
-              i += 4; continue;
-            }
-            // Skip unknown CSI sequence (read until terminating byte)
-            let j = i + 2;
-            while (j < data.length && (data.charCodeAt(j) < 0x40 || data.charCodeAt(j) > 0x7e)) j++;
-            i = j + 1;
-            continue;
-          }
-
-          // SS3 sequences: \x1bO... (application cursor keys)
-          if (next === 'O') {
-            const c = data[i + 2];
-            if (c === 'A') { // up
-              if (Array.isArray(history) && history.length && (historyActive || buffer.length === 0)) {
-                historyActive = true;
-                historyIndex = Math.max(0, historyIndex - 1);
-                buffer = historyIndex >= history.length ? '' : history[historyIndex];
-                cursor = Array.from(buffer).length;
-                render();
-              }
-              i += 3; continue;
-            }
-            if (c === 'B') { // down
-              if (Array.isArray(history) && history.length && (historyActive || buffer.length === 0)) {
-                historyActive = true;
-                historyIndex = Math.min(history.length, historyIndex + 1);
-                buffer = historyIndex >= history.length ? '' : history[historyIndex];
-                cursor = Array.from(buffer).length;
-                render();
-              }
-              i += 3; continue;
-            }
-            if (c === 'C' && allowCursorNavigation) { if (cursor < Array.from(buffer).length) { cursor++; render(); } i += 3; continue; }
-            if (c === 'D' && allowCursorNavigation) { if (cursor > 0) { cursor--; render(); } i += 3; continue; }
-            if (c === 'H' && allowCursorNavigation) { cursor = 0; render(); i += 3; continue; }
-            if (c === 'F' && allowCursorNavigation) { cursor = Array.from(buffer).length; render(); i += 3; continue; }
-            i += 3; continue;
-          }
-
-          // Unknown escape - skip
-          i += 2;
-          continue;
-        }
-
-        // --- Ctrl+C ---
-        if (ch === '\x03') {
-          lastWasCR = false;
-          if (buffer) { buffer = ''; cursor = 0; pasting = false; render(); }
-          else { finish({ type: 'sigint' }, false); return; }
-          i++; continue;
-        }
-
-        // --- Ctrl+D ---
-        if (ch === '\x04') {
-          lastWasCR = false;
-          if (!buffer) { finish({ type: 'eof' }, false); return; }
-          i++; continue;
-        }
-
-        // --- Enter / newline ---
-        if (ch === '\r' || ch === '\n') {
-          // Collapse CRLF into a single newline
-          if (ch === '\n' && lastWasCR) { lastWasCR = false; i++; continue; }
-          lastWasCR = (ch === '\r');
-
-          if (pasting) {
-            buffer = insertCharAt(buffer, cursor, '\n');
-            cursor++;
-            historyActive = false;
-            render();
-          } else {
-            finish({ type: 'submit', value: trim ? buffer.trim() : buffer });
-            return;
-          }
-          i++; continue;
-        }
-        lastWasCR = false;
-
-        // --- Backspace ---
-        if (ch === '\x7f' || ch === '\x08') {
-          if (cursor > 0) {
-            buffer = removeCharAt(buffer, cursor - 1);
-            cursor--;
-            historyActive = false;
-            render();
-          }
-          i++; continue;
-        }
-
-        // --- Tab ---
-        if (ch === '\t') {
-          if (pasting) {
-            buffer = insertCharAt(buffer, cursor, '\t');
-            cursor++;
-            render();
-          }
-          i++; continue;
-        }
-
-        // --- Other control characters: skip ---
-        if (ch.charCodeAt(0) < 0x20) { i++; continue; }
-
-        // --- Printable character (handles multi-byte Unicode via code points) ---
-        const cp = data.codePointAt(i);
-        const char = String.fromCodePoint(cp);
-
-        if (allowed && !allowed.includes(char)) { i += char.length; continue; }
-
-        if (immediate) {
-          buffer = char;
-          cursor = 1;
-          historyActive = false;
-          render();
-          finish({ type: 'submit', value: char });
-          return;
-        }
-
-        buffer = insertCharAt(buffer, cursor, char);
-        cursor++;
-        historyActive = false;
-        render();
-        i += char.length;
-      }
-    };
-
-    process.stdin.on('data', onData);
-    render();
-  });
-}
-
-class StreamRenderer {
-  constructor() {
-    this.buffer = '';
-    this.inCodeBlock = false;
-    this.codeLang = '';
-  }
-
-  feed(chunk) {
-    this.buffer += chunk;
-    while (this.buffer.includes('\n')) {
-      const idx = this.buffer.indexOf('\n');
-      const line = this.buffer.slice(0, idx);
-      this.buffer = this.buffer.slice(idx + 1);
-      this._renderLine(line);
-    }
-  }
-
-  flush() {
-    if (this.buffer) {
-      this._renderLine(this.buffer);
-      this.buffer = '';
-    }
-    if (this.inCodeBlock) {
-      process.stdout.write(`  ${FG_CODE_BORDER}╰${'─'.repeat(50)}${RST}\n`);
-      this.inCodeBlock = false;
-    }
-  }
-
-  _renderLine(line) {
-    if (line.startsWith('```') && !this.inCodeBlock) {
-      this.inCodeBlock = true;
-      this.codeLang = line.slice(3).trim();
-      const label = this.codeLang ? ` ${this.codeLang} ` : '';
-      process.stdout.write(
-        `  ${FG_CODE_BORDER}╭${'─'.repeat(20)}${RST}${FG_CODE_LANG}${label}${RST}` +
-        `${FG_CODE_BORDER}${'─'.repeat(Math.max(1, 30 - label.length))}${RST}\n`
-      );
-      return;
-    }
-
-    if (line.trim() === '```' && this.inCodeBlock) {
-      process.stdout.write(`  ${FG_CODE_BORDER}╰${'─'.repeat(50)}${RST}\n`);
-      this.inCodeBlock = false;
-      return;
-    }
-
-    if (this.inCodeBlock) {
-      process.stdout.write(`  ${FG_CODE_BORDER}│${RST} ${FG_CODE_BG}${this._colorizeCode(line)}${RST}\n`);
-      return;
-    }
-
-    if (/^\+(?!\+\+)/.test(line)) {
-      process.stdout.write(`  ${FG_DIFF_ADD}${line}${RST}\n`);
-      return;
-    }
-    if (/^-(?!--)/.test(line)) {
-      process.stdout.write(`  ${FG_DIFF_DEL}${line}${RST}\n`);
-      return;
-    }
-    if (line.startsWith('@@')) {
-      process.stdout.write(`  ${FG_DIFF_HDR}${line}${RST}\n`);
-      return;
-    }
-    if (/^<(exec|shell|read_file|write_file)/.test(line)) {
-      process.stdout.write(`  ${FG_TAG}${line}${RST}\n`);
-      return;
-    }
-    if (/^<\/(exec|shell|read_file|write_file)/.test(line)) {
-      process.stdout.write(`  ${FG_TAG}${line}${RST}\n`);
-      return;
-    }
-
-    const hm = line.match(/^(#{1,4})\s+(.*)/);
-    if (hm) {
-      const text = hm[2];
-      if (hm[1].length <= 2) {
-        process.stdout.write(`  ${FG_HEADING}${BOLD}${hm[1]} ${text}${RST}\n`);
-      } else {
-        process.stdout.write(`  ${FG_HEADING}${hm[1]} ${text}${RST}\n`);
-      }
-      return;
-    }
-
-    const bm = line.match(/^(\s*)([-*•])\s+(.*)/);
-    if (bm) {
-      process.stdout.write(`  ${bm[1]}${FG_BULLET}•${RST} ${this._inlineFormat(bm[3])}\n`);
-      return;
-    }
-
-    const nm = line.match(/^(\s*)(\d+\.)\s+(.*)/);
-    if (nm) {
-      process.stdout.write(`  ${nm[1]}${FG_CYAN}${nm[2]}${RST} ${this._inlineFormat(nm[3])}\n`);
-      return;
-    }
-
-    process.stdout.write(`  ${this._inlineFormat(line)}\n`);
-  }
-
-  _inlineFormat(text) {
-    text = text.replace(/\*\*(.+?)\*\*/g, `${FG_BOLD_TEXT}${BOLD}$1${RST}`);
-    text = text.replace(/`([^`]+)`/g, `${FG_INLINE_CODE}$1${RST}`);
-    text = text.replace(/(?<!\w)((?:\/[\w\-.]+)+(?:\.\w+)?)/g, `${FG_FILEPATH}$1${RST}`);
-    return text;
-  }
-
-  _colorizeCode(line) {
-    const C_KW = '\x1b[38;5;176m';
-    const C_STR = '\x1b[38;5;114m';
-    const C_CMT = '\x1b[38;5;242m';
-    const C_NUM = '\x1b[38;5;215m';
-    const C_RST = `${RST}${FG_CODE_BG}`;
-
-    let result = '';
-    let i = 0;
-
-    while (i < line.length) {
-      if (line[i] === '#' || (line[i] === '/' && line[i + 1] === '/')) {
-        result += `${C_CMT}${line.slice(i)}${C_RST}`;
-        break;
-      }
-
-      if (line[i] === '"' || line[i] === "'") {
-        const quote = line[i];
-        let j = i + 1;
-        while (j < line.length && line[j] !== quote) {
-          if (line[j] === '\\') j++;
-          j++;
-        }
-        j = Math.min(j + 1, line.length);
-        result += `${C_STR}${line.slice(i, j)}${C_RST}`;
-        i = j;
-        continue;
-      }
-
-      if (/[a-zA-Z_]/.test(line[i])) {
-        let j = i;
-        while (j < line.length && /\w/.test(line[j])) j++;
-        const word = line.slice(i, j);
-        result += KEYWORDS.has(word) ? `${C_KW}${word}${C_RST}` : word;
-        i = j;
-        continue;
-      }
-
-      if (/\d/.test(line[i])) {
-        let j = i;
-        while (j < line.length && /[\d.]/.test(line[j])) j++;
-        result += `${C_NUM}${line.slice(i, j)}${C_RST}`;
-        i = j;
-        continue;
-      }
-
-      result += line[i++];
-    }
-
-    return result;
-  }
-}
-
-function printBanner() {
-  const w = Math.min(getCols() - 4, 60);
-  console.log();
-  console.log(`  ${FG_DARK}${BOX_TL}${BOX_H.repeat(w + 2)}${BOX_TR}${RST}`);
-  console.log(boxLine('', w));
-  console.log(boxLine(`${FG_TEAL}${BOLD}◆ Semalt.AI${RST}`, w));
-  console.log(boxLine(`${FG_GRAY}Self-hosted AI coding assistant${RST}`, w));
-  console.log(boxLine('', w));
-  console.log(`  ${FG_DARK}${BOX_BL}${BOX_H.repeat(w + 2)}${BOX_BR}${RST}`);
-  console.log();
-}
-
-function printStatusBar(model, cwd) {
-  const left = `${FG_TEAL}${BOLD}◆${RST} ${FG_GRAY}${model}${RST}`;
-  const right = `${FG_DARK}${cwd}${RST}`;
-  console.log(`  ${left}  ${FG_DARK}│${RST}  ${right}`);
-  hr();
-}
-
-function printHelpHints() {
-  const hints = [
-    [`${FG_BLUE}/help${RST}`, 'commands'],
-    [`${FG_BLUE}/model${RST}`, 'switch'],
-    [`${FG_BLUE}/file${RST}`, 'context'],
-    [`${FG_BLUE}/clear${RST}`, 'reset'],
-  ];
-  process.stdout.write(`  ${FG_DARK}Tips:${RST}`);
-  for (const [cmd, desc] of hints) {
-    process.stdout.write(`  ${cmd} ${FG_DARK}${desc}${RST}`);
-  }
-  console.log();
-  console.log();
-}
+const ansi     = require('./ui/ansi');
+const utils    = require('./ui/utils');
+const diff     = require('./ui/diff');
+const stream   = require('./ui/stream');
+const legacy   = require('./ui/legacy');
+const layout   = require('./ui/layout');
+const history  = require('./ui/chat-history');
+const statusB  = require('./ui/status-bar');
+const input    = require('./ui/input-field');
+const createUi = require('./ui/create-ui');
 
 module.exports = {
-  BOLD,
-  DIM,
-  FG_BLUE,
-  FG_CYAN,
-  FG_DARK,
-  FG_GRAY,
-  FG_GREEN,
-  FG_RED,
-  FG_TEAL,
-  FG_YELLOW,
-  RST,
-  StreamRenderer,
-  getCols,
-  hr,
-  printBanner,
-  printHelpHints,
-  printStatusBar,
-  readInteractiveInput,
-  stripAnsi,
+  // ANSI constants
+  BOLD: ansi.BOLD, DIM: ansi.DIM, RST: ansi.RST, THEME: ansi.THEME,
+  FG_BLUE: ansi.FG_BLUE, FG_CYAN: ansi.FG_CYAN, FG_DARK: ansi.FG_DARK,
+  FG_GRAY: ansi.FG_GRAY, FG_GREEN: ansi.FG_GREEN, FG_RED: ansi.FG_RED,
+  FG_TEAL: ansi.FG_TEAL, FG_YELLOW: ansi.FG_YELLOW,
+  BG_SELECTED: ansi.BG_SELECTED,
+
+  // Utilities
+  getCols: utils.getCols, getRows: utils.getRows, stripAnsi: utils.stripAnsi,
+  hr: utils.hr, boxLine: utils.boxLine,
+  insertCharAt: utils.insertCharAt, removeCharAt: utils.removeCharAt,
+  isPrintableKey: utils.isPrintableKey,
+
+  // Diff + Markdown
+  renderDiff: diff.renderDiff, renderMarkdown: diff.renderMarkdown,
+
+  // Stream renderer
+  StreamRenderer: stream.StreamRenderer,
+
+  // Legacy (still-active) components
+  StatusBar: legacy.StatusBar, interactiveSelect: legacy.interactiveSelect,
+  SelectMenu: legacy.SelectMenu,
+
+  // TUI components
+  LayoutManager: layout.LayoutManager,
+  ChatHistory: history.ChatHistory,
+  FullStatusBar: statusB.FullStatusBar,
+  InputField: input.InputField,
+  parseKeySequence: input.parseKeySequence,
+
+  // Factory
+  createUI: createUi.createUI,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semalt-ai/code",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "description": "Self-hosted AI Coding Assistant CLI",
   "main": "index.js",
   "bin": {

package/path

@@ -0,0 +1 @@
+contenttext