@gird/ccli 1.0.1 → 2.0.0

package/dist/ui/markdown.js

@@ -1,137 +0,0 @@
-/**
- * 轻量级 Markdown → 终端渲染器。
- * 支持标题、粗体/斜体/行内代码、代码块（带语法高亮着色）、列表、引用、分隔线、链接。
- */
-import { c, brand, visibleWidth } from './theme.js';
-// 极简语法着色：对常见关键字 / 字符串 / 注释 / 数字着色
-function highlightCode(line, lang) {
-    let s = line;
-    // 注释
-    s = s.replace(/(^|\s)(\/\/.*|#.*)$/g, (_m, p1, p2) => p1 + c.gray(p2));
-    // 字符串
-    s = s.replace(/(["'`])(?:\\.|(?!\1).)*\1/g, (m) => c.green(m));
-    // 数字
-    s = s.replace(/\b(\d+(?:\.\d+)?)\b/g, (m) => c.brightYellow(m));
-    // 关键字
-    const kw = /\b(const|let|var|function|return|if|else|for|while|class|import|export|from|async|await|new|try|catch|finally|throw|def|print|public|private|static|void|int|string|bool|true|false|null|undefined|None|True|False)\b/g;
-    s = s.replace(kw, (m) => brand.accent(m));
-    return s;
-}
-function renderInline(text) {
-    let s = text;
-    // 行内代码
-    s = s.replace(/`([^`]+)`/g, (_m, code) => c.bgGray(c.white(` ${code} `)));
-    // 粗体
-    s = s.replace(/\*\*([^*]+)\*\*/g, (_m, t) => c.bold(t));
-    s = s.replace(/__([^_]+)__/g, (_m, t) => c.bold(t));
-    // 斜体
-    s = s.replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, (_m, t) => c.italic(t));
-    // 链接 [text](url)
-    s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_m, t, url) => `${c.underline(brand.accent(t))} ${c.dim(`(${url})`)}`);
-    return s;
-}
-export function newMdState() {
-    return { inCode: false, codeLang: '' };
-}
-/** 渲染单行 markdown,并就地更新跨行状态。供整体渲染与流式渲染共用。 */
-export function renderMarkdownLine(line, state) {
-    // 代码块围栏
-    const fence = line.match(/^```(\w*)\s*$/);
-    if (fence) {
-        if (!state.inCode) {
-            state.inCode = true;
-            state.codeLang = fence[1] || '';
-            return c.dim('  ┌' + '─'.repeat(48) + (state.codeLang ? ` ${state.codeLang} ` : ''));
-        }
-        state.inCode = false;
-        state.codeLang = '';
-        return c.dim('  └' + '─'.repeat(48));
-    }
-    if (state.inCode) {
-        return c.dim('  │ ') + highlightCode(line, state.codeLang);
-    }
-    // 标题
-    const h = line.match(/^(#{1,6})\s+(.*)$/);
-    if (h) {
-        const level = h[1].length;
-        const txt = h[2];
-        if (level === 1)
-            return brand.primary(c.bold('# ' + txt));
-        if (level === 2)
-            return brand.accent(c.bold('## ' + txt));
-        return c.bold('#'.repeat(level) + ' ' + txt);
-    }
-    // 分隔线
-    if (/^(\s*[-*_]){3,}\s*$/.test(line)) {
-        return c.dim('─'.repeat(50));
-    }
-    // 引用
-    const q = line.match(/^>\s?(.*)$/);
-    if (q) {
-        return c.dim('  ▏ ') + c.italic(c.gray(renderInline(q[1])));
-    }
-    // 无序列表
-    const ul = line.match(/^(\s*)[-*+]\s+(.*)$/);
-    if (ul) {
-        return ul[1] + brand.primary('•') + ' ' + renderInline(ul[2]);
-    }
-    // 有序列表
-    const ol = line.match(/^(\s*)(\d+)\.\s+(.*)$/);
-    if (ol) {
-        return ol[1] + brand.primary(ol[2] + '.') + ' ' + renderInline(ol[3]);
-    }
-    return renderInline(line);
-}
-/** 将 markdown 文本渲染为带 ANSI 样式的字符串。 */
-export function renderMarkdown(md) {
-    const state = newMdState();
-    return md
-        .split('\n')
-        .map((line) => renderMarkdownLine(line, state))
-        .join('\n');
-}
-/**
- * 流式 Markdown 渲染器 —— 对流式 token 按「完整行」实时套用 markdown。
- * 每收到一个换行就立刻渲染输出该行;末尾未完成的行缓存,待 flush 时渲染。
- * 行级粒度可避免终端换行导致的重绘错位,稳健可靠。
- */
-export class MarkdownStream {
-    state = newMdState();
-    partial = '';
-    write;
-    constructor(write) {
-        this.write = write;
-    }
-    feed(delta) {
-        this.partial += delta;
-        let nl;
-        while ((nl = this.partial.indexOf('\n')) !== -1) {
-            const line = this.partial.slice(0, nl);
-            this.partial = this.partial.slice(nl + 1);
-            this.write(renderMarkdownLine(line, this.state) + '\n');
-        }
-    }
-    /** 流结束:渲染收尾未完成的行。 */
-    flush() {
-        if (this.partial) {
-            this.write(renderMarkdownLine(this.partial, this.state) + '\n');
-            this.partial = '';
-        }
-    }
-    /** 是否还有缓存的未渲染内容。 */
-    get hasPending() {
-        return this.partial.length > 0;
-    }
-}
-/** 画一个简单的方框包裹标题（用于欢迎横幅等）。 */
-export function box(lines, opts) {
-    const color = opts?.color ?? brand.primary;
-    const width = Math.max(...lines.map((l) => visibleWidth(l)));
-    const top = color('╭' + '─'.repeat(width + 2) + '╮');
-    const bottom = color('╰' + '─'.repeat(width + 2) + '╯');
-    const body = lines.map((l) => {
-        const pad = ' '.repeat(width - visibleWidth(l));
-        return color('│ ') + l + pad + color(' │');
-    });
-    return [top, ...body, bottom].join('\n');
-}

package/dist/ui/spinner.js

@@ -1,64 +0,0 @@
-/**
- * 思考动画（Spinner）——在 Agent 推理 / 等待 API 时显示。
- */
-import { c, brand, cursor } from './theme.js';
-const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-const WORDS = [
-    '思考中',
-    '推理中',
-    '规划中',
-    '分析中',
-    '处理中',
-    '组织语言',
-];
-export class Spinner {
-    timer = null;
-    frame = 0;
-    label;
-    startedAt = 0;
-    active = false;
-    constructor(label) {
-        this.label = label ?? WORDS[Math.floor(Math.random() * WORDS.length)];
-    }
-    start(label) {
-        if (this.active)
-            return;
-        if (label)
-            this.label = label;
-        this.active = true;
-        this.startedAt = Date.now();
-        if (!process.stdout.isTTY) {
-            // 非交互环境：只打印一次提示
-            process.stdout.write(c.dim(`${this.label}...\n`));
-            return;
-        }
-        cursor.hide();
-        this.timer = setInterval(() => this.render(), 80);
-        this.render();
-    }
-    setLabel(label) {
-        this.label = label;
-    }
-    render() {
-        if (!process.stdout.isTTY)
-            return;
-        const sym = brand.primary(FRAMES[this.frame % FRAMES.length]);
-        this.frame++;
-        const secs = ((Date.now() - this.startedAt) / 1000).toFixed(0);
-        const line = `${sym} ${c.dim(this.label)} ${c.dim(`(${secs}s · esc 中断)`)}`;
-        process.stdout.write(`\r${cursor.clearLine}${line}`);
-    }
-    stop() {
-        if (!this.active)
-            return;
-        this.active = false;
-        if (this.timer) {
-            clearInterval(this.timer);
-            this.timer = null;
-        }
-        if (process.stdout.isTTY) {
-            process.stdout.write(`\r${cursor.clearLine}`);
-            cursor.show();
-        }
-    }
-}

package/dist/ui/theme.js

@@ -1,106 +0,0 @@
-/**
- * 终端配色与 ANSI 样式工具。
- * 复刻 Claude Code 的「自定义终端 UI」——不依赖 Ink，直接用 ANSI 转义序列渲染。
- */
-const ESC = '\x1b[';
-function code(...n) {
-    return `${ESC}${n.join(';')}m`;
-}
-const RESET = code(0);
-// 是否启用颜色（尊重 NO_COLOR 与非 TTY 环境）
-let colorEnabled = process.env.NO_COLOR === undefined &&
-    process.env.TERM !== 'dumb' &&
-    (process.stdout.isTTY ?? false);
-export function setColorEnabled(v) {
-    colorEnabled = v;
-}
-export function isColorEnabled() {
-    return colorEnabled;
-}
-function wrap(open, close) {
-    return (s) => {
-        const str = String(s);
-        if (!colorEnabled)
-            return str;
-        return open + str + close;
-    };
-}
-// 前景色
-export const c = {
-    reset: RESET,
-    bold: wrap(code(1), code(22)),
-    dim: wrap(code(2), code(22)),
-    italic: wrap(code(3), code(23)),
-    underline: wrap(code(4), code(24)),
-    inverse: wrap(code(7), code(27)),
-    strike: wrap(code(9), code(29)),
-    black: wrap(code(30), code(39)),
-    red: wrap(code(31), code(39)),
-    green: wrap(code(32), code(39)),
-    yellow: wrap(code(33), code(39)),
-    blue: wrap(code(34), code(39)),
-    magenta: wrap(code(35), code(39)),
-    cyan: wrap(code(36), code(39)),
-    white: wrap(code(37), code(39)),
-    gray: wrap(code(90), code(39)),
-    brightRed: wrap(code(91), code(39)),
-    brightGreen: wrap(code(92), code(39)),
-    brightYellow: wrap(code(93), code(39)),
-    brightBlue: wrap(code(94), code(39)),
-    brightMagenta: wrap(code(95), code(39)),
-    brightCyan: wrap(code(96), code(39)),
-    // 背景色
-    bgRed: wrap(code(41), code(49)),
-    bgGreen: wrap(code(42), code(49)),
-    bgYellow: wrap(code(43), code(49)),
-    bgBlue: wrap(code(44), code(49)),
-    bgGray: wrap(code(100), code(49)),
-    // 256 色 / RGB
-    rgb: (r, g, b) => wrap(`${ESC}38;2;${r};${g};${b}m`, code(39)),
-};
-// 品牌主色调（Claude 橙）
-export const brand = {
-    primary: c.rgb(217, 119, 87), // Claude 橙
-    accent: c.cyan,
-    ok: c.green,
-    warn: c.yellow,
-    err: c.brightRed,
-    info: c.blue,
-};
-// 控制序列
-export const cursor = {
-    hide: () => process.stdout.write(`${ESC}?25l`),
-    show: () => process.stdout.write(`${ESC}?25h`),
-    up: (n = 1) => `${ESC}${n}A`,
-    down: (n = 1) => `${ESC}${n}B`,
-    toColumn: (n = 0) => `${ESC}${n}G`,
-    clearLine: `${ESC}2K`,
-    clearToEnd: `${ESC}0J`,
-};
-/** 去除字符串中的 ANSI 序列，用于计算可见宽度。 */
-export function stripAnsi(s) {
-    // eslint-disable-next-line no-control-regex
-    return s.replace(/\x1b\[[0-9;]*m/g, '');
-}
-/** 估算字符串的可见宽度（中文/全角算 2）。 */
-export function visibleWidth(s) {
-    const plain = stripAnsi(s);
-    let w = 0;
-    for (const ch of plain) {
-        const cp = ch.codePointAt(0);
-        if ((cp >= 0x1100 && cp <= 0x115f) ||
-            (cp >= 0x2e80 && cp <= 0xa4cf) ||
-            (cp >= 0xac00 && cp <= 0xd7a3) ||
-            (cp >= 0xf900 && cp <= 0xfaff) ||
-            (cp >= 0xfe30 && cp <= 0xfe4f) ||
-            (cp >= 0xff00 && cp <= 0xff60) ||
-            (cp >= 0xffe0 && cp <= 0xffe6) ||
-            (cp >= 0x1f300 && cp <= 0x1faff)) {
-            w += 2;
-        }
-        else {
-            w += 1;
-        }
-    }
-    return w;
-}