@nibgat/aide 0.0.0-stage → 0.2.0

package/src/ui.mjs

@@ -0,0 +1,260 @@
+/**
+ * Terminal arayüzü: renkler, adım göstergesi (spinner), terminalde Markdown ve tablo/çıktı biçimleme. Bağımlılıksız.
+ */
+const isTTY = Boolean(process.stdout.isTTY) && !process.env.NO_COLOR;
+const paint = (open, close = 0) => (text) => isTTY ? `\x1b[${open}m${text}\x1b[${close}m` : String(text);
+
+const c = {
+    italic: paint(3, 23),
+    violet: paint(35, 39),
+    green: paint(32, 39),
+    cyan: paint(36, 39),
+    gray: paint(90, 39),
+    bold: paint(1, 22),
+    red: paint(31, 39),
+    yellow: paint(33, 39),
+    dim: paint(2, 22),
+    accent: (text) => isTTY ? `\x1b[38;5;177m${text}\x1b[39m` : String(text)
+};
+
+const ANSI = /\x1b\[[0-9;]*m/g;
+const visibleLength = (text) => String(text).replace(ANSI, '').length;
+const columns = () => process.stdout.columns || 100;
+
+// ─────────────────────────────── adım göstergesi ───────────────────────────────
+
+const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+
+/** stderr'de tek satırlık canlı gösterge: "⠋ Filo → data_query (12 sn · Ctrl+C iptal)". */
+const createSpinner = (label = 'Düşünüyor') => {
+    const started = Date.now();
+    let text = label;
+    let frame = 0;
+    let timer = null;
+    const render = () => {
+        if(!process.stderr.isTTY) {
+            return;
+        }
+
+        const seconds = Math.round((Date.now() - started) / 1000);
+        const line = `${c.accent(FRAMES[frame % FRAMES.length])} ${text} ${c.dim(`(${seconds} sn · Ctrl+C iptal)`)}`;
+
+        process.stderr.write(`\r\x1b[2K${line.length > columns() + 40 ? line.slice(0, columns() + 30) : line}`);
+        frame += 1;
+    };
+
+    return {
+        start() {
+            if(!timer) {
+                render();
+                timer = setInterval(render, 90);
+            }
+        },
+        update(next) {
+            text = next;
+            render();
+        },
+        /** Göstergeyi siler; `done` verilirse yerine kalıcı soluk bir adım satırı bırakır. */
+        stop(done) {
+            clearInterval(timer);
+            timer = null;
+
+            if(process.stderr.isTTY) {
+                process.stderr.write('\r\x1b[2K');
+            }
+
+            if(done) {
+                process.stderr.write(`${c.dim(`  ${done}`)}\n`);
+            }
+        },
+        elapsed: () => Date.now() - started
+    };
+};
+
+// ─────────────────────────────── Markdown ───────────────────────────────
+
+const inline = (text) => String(text)
+    .replace(/`([^`]+)`/g, (match, code) => c.cyan(code))
+    .replace(/\*\*([^*]+)\*\*/g, (match, bold) => c.bold(bold))
+    .replace(/(^|[\s(])\*([^*\s][^*]*)\*(?=[\s).,!?:;]|$)/g, (match, lead, italic) => `${lead}${c.italic(italic)}`)
+    .replace(/(^|[\s(])_([^_\s][^_]*)_(?=[\s).,!?:;]|$)/g, (match, lead, italic) => `${lead}${c.italic(italic)}`)
+    .replace(/\[([^\]]+)\]\((https?:[^)]+)\)/g, (match, label, url) => `${label} ${c.dim(`(${url})`)}`);
+
+const renderTable = (lines) => {
+    const rows = lines.filter((line) => !/^\s*\|?\s*:?-{2,}/.test(line)).map((line) => line.trim().replace(/^\||\|$/g, '').split('|').map((cell) => inline(cell.trim())));
+    const count = Math.max(...rows.map((row) => row.length));
+    const widths = Array.from({ length: count }, (value, index) => Math.min(40, Math.max(...rows.map((row) => visibleLength(row[index] || '')))));
+    const pad = (cell = '', width) => {
+        const plain = visibleLength(cell);
+
+        return plain > width ? `${cell.replace(ANSI, '').slice(0, width - 1)}…` : `${cell}${' '.repeat(width - plain)}`;
+    };
+    const rule = (left, middle, right) => c.gray(`${left}${widths.map((width) => '─'.repeat(width + 2)).join(middle)}${right}`);
+    const out = [rule('┌', '┬', '┐')];
+
+    rows.forEach((row, index) => {
+        out.push(`${c.gray('│')} ${widths.map((width, column) => index === 0 ? c.bold(pad(row[column], width)) : pad(row[column], width)).join(` ${c.gray('│')} `)} ${c.gray('│')}`);
+
+        if(index === 0 && rows.length > 1) {
+            out.push(rule('├', '┼', '┤'));
+        }
+    });
+    out.push(rule('└', '┴', '┘'));
+
+    return out;
+};
+
+/** Sohbet yanıtlarındaki Markdown'ı terminale çevirir: başlık, liste, alıntı, kod bloğu, tablo, kalın/eğik/kod/bağlantı. */
+const renderMarkdown = (markdown) => {
+    const lines = String(markdown || '').replace(/\r/g, '').split('\n');
+    const out = [];
+    let inCode = false;
+    let table = [];
+    const flushTable = () => {
+        if(table.length > 0) {
+            out.push(...renderTable(table));
+            table = [];
+        }
+    };
+
+    for(const line of lines) {
+        if(/^\s*```/.test(line)) {
+            flushTable();
+            inCode = !inCode;
+            continue;
+        }
+
+        if(inCode) {
+            out.push(`${c.gray('│')} ${c.cyan(line)}`);
+            continue;
+        }
+
+        if(/^\s*\|.*\|\s*$/.test(line)) {
+            table.push(line);
+            continue;
+        }
+
+        flushTable();
+
+        const heading = /^(#{1,6})\s+(.*)$/.exec(line);
+
+        if(heading) {
+            out.push(c.bold(c.accent(inline(heading[2]))));
+        } else if(/^\s*(-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
+            out.push(c.gray('─'.repeat(Math.min(60, columns()))));
+        } else if(/^\s*>\s?/.test(line)) {
+            out.push(`${c.gray('▌')} ${c.dim(inline(line.replace(/^\s*>\s?/, '')))}`);
+        } else if(/^(\s*)[-*+]\s+/.test(line)) {
+            out.push(line.replace(/^(\s*)[-*+]\s+(.*)$/, (match, indent, rest) => `${indent}${c.accent('•')} ${inline(rest)}`));
+        } else if(/^(\s*)\d+[.)]\s+/.test(line)) {
+            out.push(line.replace(/^(\s*)(\d+[.)])\s+(.*)$/, (match, indent, number, rest) => `${indent}${c.accent(number)} ${inline(rest)}`));
+        } else {
+            out.push(inline(line));
+        }
+    }
+
+    flushTable();
+
+    return out.join('\n').replace(/\n{3,}/g, '\n\n').trim();
+};
+
+// ─────────────────────────────── tablo ve çıktı ───────────────────────────────
+
+const short = (value, width = 48) => {
+    const text = value === null || value === undefined ? '—' : typeof value === 'object' ? JSON.stringify(value) : String(value);
+    const flat = text.replace(/\s+/g, ' ');
+
+    return flat.length > width ? `${flat.slice(0, width - 1)}…` : flat;
+};
+
+const PREFERRED = ['id', 'name', 'title', 'role', 'department', 'status', 'email', 'driver', 'enabled', 'kind', 'messageCount', 'updatedAt', 'createdAt'];
+
+const table = (rows, keys) => {
+    const fields = keys || (() => {
+        const all = [...new Set(rows.flatMap((row) => Object.keys(row || {})))].filter((key) => rows.some((row) => row?.[key] === null || typeof row?.[key] !== 'object'));
+
+        return [...PREFERRED.filter((key) => all.includes(key)), ...all.filter((key) => !PREFERRED.includes(key))].slice(0, 5);
+    })();
+    const cells = rows.map((row) => fields.map((key) => short(row?.[key], key === 'id' ? 40 : 36)));
+    const widths = fields.map((key, index) => Math.max(key.length, ...cells.map((cell) => cell[index].length)));
+
+    console.log(c.bold(fields.map((key, index) => key.padEnd(widths[index])).join('  ')));
+    cells.forEach((cell) => console.log(cell.map((value, index) => value.padEnd(widths[index])).join('  ')));
+    console.log(c.dim(`${rows.length} kayıt`));
+};
+
+/** Yanıtın asıl verisi: { data } / { items } / { sessions } … tek dizi ya da nesne. */
+const unwrap = (json) => {
+    if(Array.isArray(json)) {
+        return json;
+    }
+
+    for(const key of ['data', 'items', 'employees', 'sessions', 'notes', 'rules', 'schedules', 'members', 'sources', 'skillSets', 'notifications', 'messages', 'entries', 'reminders', 'projects', 'questions', 'project', 'question', 'reminder', 'prefs', 'result']) {
+        if(json && json[key] !== undefined) {
+            return json[key];
+        }
+    }
+
+    const { success, ...rest } = json || {};
+
+    return rest;
+};
+
+const print = (json, flags = {}, spec = {}) => {
+    if(flags.json) {
+        console.log(JSON.stringify(json, null, 2));
+        return;
+    }
+
+    const value = unwrap(json);
+
+    if(Array.isArray(value)) {
+        if(value.length === 0) {
+            console.log(c.dim('(boş)'));
+        } else if(value.every((item) => item && typeof item === 'object')) {
+            table(value, flags.columns ? String(flags.columns).split(',') : spec.columns);
+        } else {
+            value.forEach((item) => console.log(`${c.accent('•')} ${item}`));
+        }
+        return;
+    }
+
+    if(value && typeof value === 'object') {
+        const entries = Object.entries(value);
+
+        if(entries.length === 0) {
+            console.log(c.green('✓ Tamam.'));
+            return;
+        }
+
+        const width = Math.min(24, Math.max(...entries.map(([key]) => key.length)));
+
+        entries.forEach(([key, item]) => console.log(`${c.bold(key.padEnd(width))}  ${item !== null && typeof item === 'object' ? c.dim(short(item, 100)) : short(item, 100)}`));
+        return;
+    }
+
+    console.log(value ?? c.green('✓ Tamam.'));
+};
+
+/** Çerçeveli kutu (karşılama ekranı). */
+const box = (lines) => {
+    const width = Math.min(columns() - 2, Math.max(...lines.map(visibleLength)) + 4);
+    const top = c.accent(`╭${'─'.repeat(width - 2)}╮`);
+    const bottom = c.accent(`╰${'─'.repeat(width - 2)}╯`);
+    const body = lines.map((line) => `${c.accent('│')} ${line}${' '.repeat(Math.max(0, width - 4 - visibleLength(line)))} ${c.accent('│')}`);
+
+    return [top, ...body, bottom].join('\n');
+};
+
+export {
+    renderMarkdown,
+    createSpinner,
+    visibleLength,
+    columns,
+    unwrap,
+    short,
+    print,
+    table,
+    box,
+    c
+};