cli-surf 0.11.0

package/cliPrompt.js

@@ -0,0 +1,527 @@
+/**
+ * Живая строка ввода для чата — как в Claude Code: печатаешь «/mo»,
+ * снизу выпадают подсказки, Tab/Enter — принять, ↑↓ — выбор/история.
+ * Без внешних зависимостей: raw-mode stdin + ANSI, прямой разбор байтов
+ * (поэтому не конфликтует с keypress-хуком пикера модели).
+ * Только для TTY; для pipe остаётся обычный readline.
+ */
+import fs from 'node:fs';
+import os from 'node:os';
+import path from 'node:path';
+import { paint, tr } from './cliUi.js';
+import { listSkillNames } from './cliSkills.js';
+const HIST_PATH = path.join(os.homedir(), '.surf-cli', 'history');
+const HIST_LIMIT = 200;
+const MAX_ROWS = 6;
+export function loadHistory() {
+    try {
+        return fs.readFileSync(HIST_PATH, 'utf8').split('\n').map(l => l.replace(/\r$/, '')).filter(l => l.length > 0).slice(-HIST_LIMIT);
+    }
+    catch {
+        return [];
+    }
+}
+export function appendHistory(line) {
+    const trimmed = line.trim();
+    if (!trimmed)
+        return;
+    try {
+        fs.mkdirSync(path.dirname(HIST_PATH), { recursive: true });
+        const prev = loadHistory();
+        if (prev[prev.length - 1] === trimmed)
+            return;
+        fs.appendFileSync(HIST_PATH, `${trimmed}\n`);
+        if (prev.length >= HIST_LIMIT) {
+            fs.writeFileSync(HIST_PATH, [...prev.slice(-HIST_LIMIT + 1), trimmed].join('\n') + '\n');
+        }
+    }
+    catch { /* история — необязательна */ }
+}
+function stripAnsi(text) {
+    const ESC = String.fromCharCode(0x1b);
+    let out = '';
+    let i = 0;
+    for (;;) {
+        const j = text.indexOf(ESC, i);
+        if (j < 0) {
+            out += text.slice(i);
+            break;
+        }
+        out += text.slice(i, j);
+        const m = /^\[[0-9;]*m/.exec(text.slice(j + 1));
+        i = m ? j + 1 + m[0].length : j + 1;
+    }
+    return out;
+}
+/**
+ * Одна строка ввода с живыми подсказками.
+ * Возвращает текст и вложения из дропа (токены [image N]/[file N] в тексте).
+ * null в line = отмена (Ctrl+C / Ctrl+D на пустой).
+ */
+export async function promptMenuLine(opts) {
+    const { prompt, history, complete, noArgCommands } = opts;
+    const stdin = process.stdin;
+    const stdout = process.stdout;
+    if (!stdin.isTTY || !stdout.isTTY)
+        throw new Error('promptMenuLine needs a TTY');
+    const pw = stripAnsi(prompt).length;
+    let buffer = '';
+    let cursor = 0;
+    let matches = [];
+    let sel = 0;
+    let menuOffset = 0;
+    let menuOpen = false;
+    let histIdx = history.length;
+    let drawn = 0;
+    // Вложения из дропа: токены [image N]/[file N] живут прямо в строке.
+    let attachments = [];
+    let imageSeq = 0;
+    let fileSeq = 0;
+    const IMAGE_EXT = new Set(['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'svg']);
+    const tokenSet = () => new Set(attachments.map(a => a.token));
+    /** Подсветка токенов вложений в строке ввода (paint сам гаснет без цвета). */
+    const paintTokens = (text) => {
+        const known = tokenSet();
+        return text.split(/(\[(?:image|file) \d+\])/g).map(part => known.has(part) ? paint(part, 'bold', 'accent') : part).join('');
+    };
+    const refreshMenu = () => {
+        matches = complete(buffer);
+        sel = 0;
+        menuOffset = 0;
+        menuOpen = matches.length > 0;
+    };
+    const keepSelectionVisible = () => {
+        if (sel < menuOffset)
+            menuOffset = sel;
+        if (sel >= menuOffset + MAX_ROWS)
+            menuOffset = sel - MAX_ROWS + 1;
+    };
+    const insertTokenForFile = (absPath) => {
+        const ext = absPath.split('.').pop()?.toLowerCase() ?? '';
+        const kind = IMAGE_EXT.has(ext) ? 'image' : 'file';
+        const n = kind === 'image' ? (imageSeq += 1) : (fileSeq += 1);
+        const token = `[${kind} ${n}]`;
+        attachments.push({ token, path: absPath, kind });
+        buffer = buffer.slice(0, cursor) + token + buffer.slice(cursor);
+        cursor += token.length;
+        histIdx = history.length;
+    };
+    const removeAttachment = (token) => {
+        attachments = attachments.filter(a => a.token !== token);
+    };
+    /** Известный токен ровно перед курсором (для удаления целиком). */
+    const tokenEndingAt = () => {
+        const m = buffer.slice(0, cursor).match(/\[(image|file) \d+\]$/);
+        if (m && tokenSet().has(m[0]))
+            return { token: m[0], start: cursor - m[0].length };
+        return null;
+    };
+    /** Известный токен ровно под курсором (для Delete вперёд). */
+    const tokenStartingAt = () => {
+        const m = buffer.slice(cursor).match(/^\[(image|file) \d+\]/);
+        if (m && tokenSet().has(m[0]))
+            return { token: m[0], end: cursor + m[0].length };
+        return null;
+    };
+    let finish = null;
+    const done = (value) => {
+        stdin.removeListener('data', onData);
+        try {
+            stdin.setRawMode(false);
+        }
+        catch { /* уже не raw */ }
+        stdin.pause();
+        stdout.write('\x1b[?25h');
+        if (value === null) {
+            eraseDrawn();
+            stdout.write('\r\x1b[2K');
+        }
+        else {
+            eraseDrawn();
+            stdout.write(`\r\x1b[${pw + buffer.length}C\n`);
+            stdout.write('\x1b[J');
+        }
+        finish?.({ line: value, attachments });
+    };
+    const eraseDrawn = () => {
+        if (drawn === 0)
+            return;
+        let s = '';
+        for (let i = 0; i < drawn; i += 1)
+            s += '\x1b[1B\x1b[2K';
+        s += `\x1b[${drawn}A\r`;
+        stdout.write(s);
+        drawn = 0;
+    };
+    const render = () => {
+        eraseDrawn();
+        const rows = [`${prompt}${paintTokens(buffer)}`];
+        if (menuOpen) {
+            matches.slice(menuOffset, menuOffset + MAX_ROWS).forEach((m, row) => {
+                const i = menuOffset + row;
+                const active = i === sel;
+                const mark = active ? paint('❯', 'accent') : ' ';
+                const value = active ? paint(m.value, 'bold', 'white') : paint(m.value, 'gray');
+                const desc = m.desc ? paint(`  ${m.desc}`, 'gray') : '';
+                rows.push(`${mark} ${value}${desc}`);
+            });
+        }
+        stdout.write(`\r${rows.map(l => `\x1b[K${l}`).join('\n')}`);
+        drawn = menuOpen ? Math.min(matches.length, MAX_ROWS) : 0;
+        const up = rows.length - 1;
+        if (up > 0)
+            stdout.write(`\x1b[${up}A`);
+        stdout.write(`\r\x1b[${pw + cursor}C`);
+    };
+    const insert = (text) => {
+        buffer = buffer.slice(0, cursor) + text + buffer.slice(cursor);
+        cursor += text.length;
+        histIdx = history.length;
+        refreshMenu();
+        render();
+    };
+    const submit = () => {
+        if (menuOpen && matches[sel] && buffer !== matches[sel].value) {
+            // Как в Claude: Enter дополняет недопечатанное, а не отправляет.
+            buffer = matches[sel].value;
+            if (noArgCommands.includes(buffer)) {
+                done(buffer);
+                return;
+            }
+            if (!buffer.endsWith(' '))
+                buffer += ' ';
+            cursor = buffer.length;
+            histIdx = history.length;
+            refreshMenu();
+            render();
+            return;
+        }
+        done(buffer);
+    };
+    const tabAccept = () => {
+        const item = menuOpen ? matches[sel] : undefined;
+        if (!item)
+            return;
+        buffer = item.value;
+        if (!noArgCommands.includes(buffer) && !buffer.endsWith(' '))
+            buffer += ' ';
+        cursor = buffer.length;
+        histIdx = history.length;
+        refreshMenu();
+        render();
+    };
+    const moveHist = (dir) => {
+        const next = histIdx + dir;
+        if (next < 0 || next > history.length)
+            return;
+        histIdx = next;
+        buffer = histIdx === history.length ? '' : (history[histIdx] ?? '');
+        cursor = buffer.length;
+        refreshMenu();
+        render();
+    };
+    const killWord = () => {
+        const left = buffer.slice(0, cursor).replace(/\s+$/, '');
+        const cut = left.match(/[\s_/-]+[^\s_/-]*$/) ?? left.match(/^[^\s_/-]+$/);
+        const drop = cut ? cut[0].length : 0;
+        buffer = buffer.slice(0, cursor - drop) + buffer.slice(cursor);
+        cursor -= drop;
+        histIdx = history.length;
+        refreshMenu();
+        render();
+    };
+    const resetLine = (text) => {
+        buffer = text;
+        cursor = text.length;
+        attachments = [];
+        histIdx = history.length;
+        refreshMenu();
+        render();
+    };
+    function onData(buf) {
+        const s = buf.toString('utf8');
+        switch (s) {
+            case '\r':
+            case '\n':
+                submit();
+                return;
+            case '\t':
+                tabAccept();
+                return;
+            case '\x7f':
+            case '\b':
+                if (cursor > 0) {
+                    const tok = tokenEndingAt();
+                    if (tok) {
+                        buffer = buffer.slice(0, tok.start) + buffer.slice(cursor);
+                        cursor = tok.start;
+                        removeAttachment(tok.token);
+                    }
+                    else {
+                        buffer = buffer.slice(0, cursor - 1) + buffer.slice(cursor);
+                        cursor -= 1;
+                    }
+                    histIdx = history.length;
+                    refreshMenu();
+                    render();
+                }
+                return;
+            case '\x1b':
+                if (menuOpen) {
+                    menuOpen = false;
+                    render();
+                }
+                else {
+                    resetLine('');
+                }
+                return;
+            case '\x1b[A':
+            case '\x1bOA':
+                if (menuOpen && matches.length > 1) {
+                    sel = (sel - 1 + matches.length) % matches.length;
+                    keepSelectionVisible();
+                    render();
+                }
+                else {
+                    moveHist(-1);
+                }
+                return;
+            case '\x1b[B':
+            case '\x1bOB':
+                if (menuOpen && matches.length > 1) {
+                    sel = (sel + 1) % matches.length;
+                    keepSelectionVisible();
+                    render();
+                }
+                else {
+                    moveHist(1);
+                }
+                return;
+            case '\x1b[C':
+            case '\x1bOC':
+                if (cursor < buffer.length) {
+                    cursor += 1;
+                    render();
+                }
+                return;
+            case '\x1b[D':
+            case '\x1bOD':
+                if (cursor > 0) {
+                    cursor -= 1;
+                    render();
+                }
+                return;
+            case '\x1b[H':
+            case '\x1b[1~':
+            case '\x1b[7~':
+            case '\x1bOH':
+            case '\x01':
+                cursor = 0;
+                render();
+                return;
+            case '\x1b[F':
+            case '\x1b[4~':
+            case '\x1b[8~':
+            case '\x1bOF':
+            case '\x05':
+                cursor = buffer.length;
+                render();
+                return;
+            case '\x1b[5~':
+                moveHist(-1);
+                return;
+            case '\x1b[6~':
+                moveHist(1);
+                return;
+            case '\x1b[3~':
+                if (cursor < buffer.length) {
+                    const tok = tokenStartingAt();
+                    if (tok) {
+                        buffer = buffer.slice(0, cursor) + buffer.slice(tok.end);
+                        removeAttachment(tok.token);
+                    }
+                    else {
+                        buffer = buffer.slice(0, cursor) + buffer.slice(cursor + 1);
+                    }
+                    histIdx = history.length;
+                    refreshMenu();
+                    render();
+                }
+                return;
+            case '\x15':
+                resetLine('');
+                return;
+            case '\x17':
+                killWord();
+                return;
+            case '\x03':
+                done(null);
+                return;
+            case '\x04':
+                if (buffer.length === 0)
+                    done(null);
+                return;
+            default:
+                break;
+        }
+        // Неизвестные escape-последовательности (F1-F12 и т.п.) — игнор целиком,
+        // иначе их хвост впечатается в строку (как было с PgUp → «[5~»).
+        if (s.charCodeAt(0) === 0x1b)
+            return;
+        // Одиночные управляющие — игнор; остальное (включая вставки) — в буфер.
+        if (s.length === 1 && (s.charCodeAt(0) < 0x20 || s.charCodeAt(0) === 0x7f))
+            return;
+        const clean = [...s].filter(c => {
+            const n = c.codePointAt(0) ?? 0;
+            return (n >= 0x20 && n < 0x7f) || n >= 0xa0;
+        }).join('');
+        if (!clean)
+            return;
+        // Кусок целиком (вставка/drop), а не посимвольный ввод: пути существующих
+        // файлов превращаем в токены [image N]/[file N] прямо в строке.
+        if (clean.length > 1) {
+            const { files, rest } = extractDroppedFiles(clean);
+            if (files.length > 0) {
+                for (const f of files)
+                    insertTokenForFile(f);
+                if (rest)
+                    insert(rest);
+                else {
+                    histIdx = history.length;
+                    refreshMenu();
+                    render();
+                }
+                return;
+            }
+        }
+        insert(clean);
+    }
+    return new Promise(resolve => {
+        finish = resolve;
+        refreshMenu();
+        render();
+        stdin.on('data', onData);
+        stdin.setRawMode(true);
+        stdin.resume();
+        stdout.write('\x1b[?25l');
+    });
+}
+export const CHAT_COMMANDS = [
+    { value: '/usage', desc: { ru: 'общий лимит', en: 'shared limit' }, takesArg: false },
+    { value: '/model', desc: { ru: 'выбор модели', en: 'choose a model' }, takesArg: true },
+    { value: '/permissions', desc: { ru: 'разрешения агента', en: 'agent permissions' }, takesArg: false },
+    { value: '/clear', desc: { ru: 'очистить историю', en: 'clear history' }, takesArg: false },
+    { value: '/help', desc: { ru: 'команды', en: 'commands' }, takesArg: false },
+    { value: '/skills', desc: { ru: 'навыки агента', en: 'agent skills' }, takesArg: false },
+    { value: '/logout', desc: { ru: 'выйти из аккаунта', en: 'sign out' }, takesArg: false },
+    { value: '/exit', desc: { ru: 'выйти', en: 'exit' }, takesArg: false },
+];
+export const CHAT_NO_ARG_COMMANDS = CHAT_COMMANDS.filter(c => !c.takesArg).map(c => c.value);
+/** Живые подсказки строки ввода: команды, модели, скиллы. */
+export function completeChatLine(buffer) {
+    // /model открывает отдельный пикер после Enter. Не показываем здесь модели:
+    // иначе Enter в автодополнении подставляет первый вариант вместо команды.
+    if (buffer === '/model' || buffer.startsWith('/model '))
+        return [];
+    if (/^\/[^\s]*$/.test(buffer)) {
+        const frag = buffer.slice(1).toLowerCase();
+        const commands = CHAT_COMMANDS.filter(c => c.value.startsWith(buffer))
+            .map(c => ({ value: c.value, desc: tr(c.desc.ru, c.desc.en) }));
+        // Скиллы как slash-команды: /имя (дешёвый листинг имён, без парсинга).
+        let skills = [];
+        try {
+            skills = listSkillNames(process.cwd())
+                .filter(n => n.startsWith(frag) && !commands.some(c => c.value === `/${n}`))
+                .slice(0, 6)
+                .map(n => ({ value: `/${n} `, desc: tr('навык', 'skill') }));
+        }
+        catch { /* подсказки необязательны */ }
+        return [...commands, ...skills];
+    }
+    return [];
+}
+const CODE_PATH_RE = /(^|\s)(\.{0,2}\/[\w.-]+)+\/?/;
+const CODE_EXT_RE = /\.(ts|tsx|js|jsx|mjs|cjs|py|json|md|markdown|txt|csv|ya?ml|toml|cfg|ini|css|scss|html|sql|sh|ps1|bat|cmd|java|go|rs|c|cpp|h|cs|php|rb|swift|kt)\b/;
+const CODE_WORD_RE = /(прочитай|покажи|посмотри|открой|найди|создай|напиши|поправь|исправь|почини|запусти|выполни|проверь|переименуй|удали|добавь|файл|файлы|файлов|папк|каталог|код|скрипт|функци|класс|баг|ошибк|тест|тесты|репозиторий|проект|директори|программ|read|glob|grep|write|edit|file|files|folder|directory|code|script|function|class|bug|error|test|repo|project)/;
+/**
+ * Похоже ли сообщение на задачу с файлами/кодом (→ агентный цикл),
+ * или это обычный чат. Эвристика + явный префикс «!».
+ */
+export function looksLikeCodeTask(text) {
+    const t = text.trim().toLowerCase();
+    if (!t)
+        return false;
+    if (t.startsWith('!'))
+        return true;
+    if (t.startsWith('/'))
+        return false;
+    if (CODE_PATH_RE.test(t))
+        return true;
+    if (CODE_EXT_RE.test(t))
+        return true;
+    return CODE_WORD_RE.test(t);
+}
+/** Разбить вставку на токены с учётом кавычек ("a b.png" c.png). */
+function splitQuoted(text) {
+    const parts = [];
+    let cur = '';
+    let quote = null;
+    for (const ch of text) {
+        if (quote) {
+            cur += ch;
+            if (ch === quote)
+                quote = null;
+        }
+        else if (ch === '"' || ch === "'") {
+            quote = ch;
+            cur += ch;
+        }
+        else if (ch === ' ' || ch === '\t') {
+            if (cur) {
+                parts.push(cur);
+                cur = '';
+            }
+        }
+        else {
+            cur += ch;
+        }
+    }
+    if (cur)
+        parts.push(cur);
+    return parts;
+}
+function unquote(token) {
+    const t = token.trim();
+    if (t.length >= 2 && ((t.startsWith('"') && t.endsWith('"')) || (t.startsWith("'") && t.endsWith("'")))) {
+        return t.slice(1, -1);
+    }
+    return t;
+}
+function looksLikePath(token) {
+    return token.includes('/') || token.includes('\\') || /\.[A-Za-z0-9]{1,6}$/.test(token);
+}
+/**
+ * Вытащить из вставленного куска пути существующих файлов (drag-and-drop
+ * из проводника терминал вставляет как текст). Возвращает файлы и остаток.
+ * Одиночные символы (обычный ввод) не трогаем — только вставки целиком.
+ */
+export function extractDroppedFiles(chunk) {
+    const files = [];
+    const rest = [];
+    for (const part of splitQuoted(chunk)) {
+        const candidate = unquote(part);
+        if (candidate && looksLikePath(candidate)) {
+            try {
+                const abs = path.resolve(candidate);
+                if (fs.statSync(abs).isFile()) {
+                    files.push(abs);
+                    continue;
+                }
+            }
+            catch { /* не файл — остаётся текстом */ }
+        }
+        rest.push(part);
+    }
+    return { files, rest: rest.join(' ') };
+}
+//# sourceMappingURL=cliPrompt.js.map