erosolar-cli 1.5.2 → 1.5.4

package/dist/bin/ui/richText.js

@@ -0,0 +1,338 @@
+import { icons, theme } from './theme.js';
+import { getContentWidth, measure, normalizePanelWidth, renderPanel, wrapParagraph, wrapPreformatted, } from './layout.js';
+import { highlightAndWrapCode } from './codeHighlighter.js';
+import { isPlainOutputMode } from './outputMode.js';
+export function formatRichContent(content, width) {
+    const blocks = parseBlocks(content);
+    const lines = [];
+    for (const block of blocks) {
+        let blockLines = [];
+        switch (block.type) {
+            case 'paragraph': {
+                const formatted = formatInlineText(block.text);
+                blockLines = wrapParagraph(formatted, width);
+                break;
+            }
+            case 'list':
+                blockLines = formatList(block.items, width);
+                break;
+            case 'code':
+                blockLines = formatCodeBlock(block.content, width, block.language);
+                break;
+            case 'diff':
+                blockLines = formatDiffBlock(block.content, width);
+                break;
+            case 'heading':
+                blockLines = formatHeadingBlock(block, width);
+                break;
+            case 'quote':
+                blockLines = formatQuoteBlock(block.lines, width);
+                break;
+            case 'divider':
+                blockLines = [formatDivider(width)];
+                break;
+            default:
+                blockLines = [];
+        }
+        if (!blockLines.length) {
+            continue;
+        }
+        if (lines.length) {
+            const lastLine = lines[lines.length - 1];
+            if (lastLine?.trim()) {
+                lines.push('');
+            }
+        }
+        lines.push(...blockLines);
+    }
+    while (lines.length) {
+        const lastLine = lines[lines.length - 1];
+        if (lastLine?.trim()) {
+            break;
+        }
+        lines.pop();
+    }
+    return lines;
+}
+export function renderMessagePanel(content, options) {
+    const width = normalizePanelWidth(options.width ?? getContentWidth());
+    const lines = formatRichContent(content, width);
+    return renderPanel(lines, { ...options, width });
+}
+export function renderMessageBody(content, width) {
+    const normalizedWidth = normalizePanelWidth(width ?? getContentWidth());
+    const lines = formatRichContent(content, normalizedWidth);
+    return lines.join('\n');
+}
+export function formatDiffBlock(diff, width) {
+    const lines = diff.replace(/\t/g, '  ').split('\n');
+    const result = [];
+    for (const line of lines) {
+        if (!line.trim()) {
+            result.push('');
+            continue;
+        }
+        const color = pickDiffColor(line);
+        const chunks = wrapPreformatted(line, width);
+        chunks.forEach((chunk) => result.push(color(chunk)));
+    }
+    return result;
+}
+function parseBlocks(content) {
+    const blocks = [];
+    const lines = content.split('\n');
+    let fence = null;
+    let paragraph = [];
+    let blockquote = null;
+    const flushParagraph = () => {
+        if (!paragraph.length) {
+            return;
+        }
+        const merged = paragraph.join('\n');
+        const trimmedLines = merged
+            .split('\n')
+            .map((line) => line.trim())
+            .filter(Boolean);
+        if (!trimmedLines.length) {
+            paragraph = [];
+            return;
+        }
+        const isList = trimmedLines.every((line) => /^(\*|-|•|\d+\.)\s+/.test(line));
+        if (isList) {
+            blocks.push({
+                type: 'list',
+                items: trimmedLines.map((line) => line.replace(/^(\*|-|•|\d+\.)\s+/, '')),
+            });
+        }
+        else {
+            blocks.push({ type: 'paragraph', text: trimmedLines.join(' ') });
+        }
+        paragraph = [];
+    };
+    const flushBlockquote = () => {
+        if (!blockquote?.length) {
+            blockquote = null;
+            return;
+        }
+        blocks.push({ type: 'quote', lines: blockquote });
+        blockquote = null;
+    };
+    for (const line of lines) {
+        if (line.trimStart().startsWith('```')) {
+            const raw = line.trim();
+            if (fence) {
+                blocks.push(fence.language.includes('diff')
+                    ? { type: 'diff', content: fence.buffer.join('\n') }
+                    : { type: 'code', content: fence.buffer.join('\n'), language: fence.language });
+                fence = null;
+                continue;
+            }
+            flushParagraph();
+            flushBlockquote();
+            const language = raw.slice(3).trim().toLowerCase();
+            fence = { language, buffer: [] };
+            continue;
+        }
+        if (fence) {
+            fence.buffer.push(line);
+            continue;
+        }
+        const trimmed = line.trim();
+        if (!trimmed) {
+            flushParagraph();
+            flushBlockquote();
+            continue;
+        }
+        const quoteMatch = line.match(/^\s*>\s?(.*)$/);
+        if (quoteMatch) {
+            flushParagraph();
+            blockquote = blockquote ?? [];
+            blockquote.push(quoteMatch[1] ?? '');
+            continue;
+        }
+        flushBlockquote();
+        const headingMatch = trimmed.match(/^(#{1,6})\s+(.*)$/);
+        if (headingMatch) {
+            flushParagraph();
+            const hashes = headingMatch[1] ?? '';
+            const text = headingMatch[2] ?? '';
+            blocks.push({ type: 'heading', level: hashes.length, text: text.trim() });
+            continue;
+        }
+        if (/^(-{3,}|_{3,}|\*{3,})$/.test(trimmed)) {
+            flushParagraph();
+            blocks.push({ type: 'divider' });
+            continue;
+        }
+        paragraph.push(line);
+    }
+    flushParagraph();
+    flushBlockquote();
+    return blocks;
+}
+function formatList(items, width) {
+    const lines = [];
+    const bullet = theme.secondary(`${icons.bullet} `);
+    const bulletWidth = measure(`${icons.bullet} `);
+    const contentWidth = Math.max(10, width - bulletWidth);
+    for (const item of items) {
+        const formatted = formatInlineText(item);
+        const wrapped = wrapParagraph(formatted, contentWidth);
+        wrapped.forEach((segment, index) => {
+            if (index === 0) {
+                lines.push(`${bullet}${segment}`);
+            }
+            else {
+                lines.push(`${' '.repeat(bulletWidth)}${segment}`);
+            }
+        });
+    }
+    return lines;
+}
+function formatCodeBlock(code, width, language) {
+    const gutterRaw = isPlainOutputMode() ? '' : '│ ';
+    const gutter = theme.ui.muted(gutterRaw);
+    const available = Math.max(16, width - measure(gutterRaw));
+    const { lines, languageLabel } = highlightAndWrapCode(code, language, available);
+    const headerLabel = (languageLabel ?? 'CODE').toUpperCase();
+    const result = [];
+    if (isPlainOutputMode()) {
+        result.push(theme.ui.muted(`[${headerLabel}]`));
+        for (const line of lines) {
+            result.push(line);
+        }
+    }
+    else {
+        result.push(`${gutter}${theme.ui.muted(buildCodeDivider(headerLabel, available))}`);
+        for (const line of lines) {
+            result.push(`${gutter}${line}`);
+        }
+    }
+    return result;
+}
+function formatHeadingBlock(block, width) {
+    const wrapped = wrapParagraph(formatInlineText(block.text), width);
+    if (!wrapped.length) {
+        return [];
+    }
+    const accent = pickHeadingAccent(block.level);
+    const content = wrapped.map((line) => accent(theme.bold(line)));
+    if (block.level <= 2 && !isPlainOutputMode()) {
+        content.push(accent('─'.repeat(width)));
+    }
+    return content;
+}
+function formatQuoteBlock(lines, width) {
+    if (!lines.length) {
+        return [];
+    }
+    const gutterText = isPlainOutputMode() ? '> ' : '│ ';
+    const gutter = theme.ui.muted(gutterText);
+    const available = Math.max(12, width - measure(gutterText));
+    const result = [];
+    for (const line of lines) {
+        if (!line.trim()) {
+            result.push(gutter);
+            continue;
+        }
+        const wrapped = wrapParagraph(formatInlineText(line), available);
+        wrapped.forEach((segment) => {
+            result.push(`${gutter}${segment}`);
+        });
+    }
+    return result;
+}
+function formatDivider(width) {
+    if (isPlainOutputMode()) {
+        return theme.ui.muted('---');
+    }
+    return theme.ui.muted('─'.repeat(width));
+}
+function buildCodeDivider(label, width) {
+    const normalized = label.trim() || 'CODE';
+    const targetWidth = Math.max(8, width);
+    const title = ` ${normalized} `;
+    if (title.length >= targetWidth) {
+        return title.slice(0, targetWidth);
+    }
+    const remaining = targetWidth - title.length;
+    const left = '─'.repeat(Math.floor(remaining / 2));
+    const right = '─'.repeat(remaining - left.length);
+    return `${left}${title}${right}`;
+}
+function pickDiffColor(line) {
+    if (line.startsWith('+++') || line.startsWith('---')) {
+        return theme.diff.header;
+    }
+    if (line.startsWith('@@')) {
+        return theme.diff.hunk;
+    }
+    if (line.startsWith('+')) {
+        return theme.diff.added;
+    }
+    if (line.startsWith('-')) {
+        return theme.diff.removed;
+    }
+    if (line.startsWith('diff')) {
+        return theme.diff.meta;
+    }
+    return theme.ui.text;
+}
+function formatInlineText(text) {
+    if (!text) {
+        return '';
+    }
+    const codeSpans = [];
+    const linkSpans = [];
+    const LINK_PLACEHOLDER = '\u0001';
+    let result = text.replace(/`([^`]+)`/g, (_, inner) => {
+        codeSpans.push(inner);
+        return `\u0000${codeSpans.length - 1}\u0000`;
+    });
+    const formatBold = (_match, value) => theme.bold(value);
+    result = result.replace(/\*\*(.+?)\*\*/g, formatBold);
+    result = result.replace(/__(.+?)__/g, formatBold);
+    const formatItalics = (_match, value) => theme.italic(value);
+    result = result.replace(/(?<!\*)\*(?!\*)([^*]+?)(?<!\*)\*(?!\*)/g, formatItalics);
+    result = result.replace(/(?<!_)_(?!_)([^_]+?)(?<!_)_(?!_)/g, formatItalics);
+    result = result.replace(/~~(.+?)~~/g, (_match, value) => theme.dim(value));
+    result = result.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_match, label, url) => {
+        linkSpans.push(formatMarkdownLink(label, url));
+        return `${LINK_PLACEHOLDER}${linkSpans.length - 1}${LINK_PLACEHOLDER}`;
+    });
+    result = result.replace(/(\bhttps?:\/\/[^\s)]+)([)\]}>,.;:!?"]*)/g, (_match, url, trailing = '') => {
+        linkSpans.push(`${formatBareLink(url)}${trailing}`);
+        return `${LINK_PLACEHOLDER}${linkSpans.length - 1}${LINK_PLACEHOLDER}`;
+    });
+    result = result.replace(new RegExp(`${LINK_PLACEHOLDER}(\\d+)${LINK_PLACEHOLDER}`, 'g'), (_match, index) => linkSpans[Number.parseInt(index, 10)] ?? '');
+    result = result.replace(/\u0000(\d+)\u0000/g, (_match, index) => formatInlineCode(codeSpans[Number.parseInt(index, 10)] ?? ''));
+    return result;
+}
+function formatInlineCode(value) {
+    const normalized = value.length ? value.trim() : value;
+    const display = normalized.length ? normalized : value;
+    const snippet = display.replace(/\s+/g, ' ');
+    return theme.ui.background(theme.ui.text(` ${snippet} `));
+}
+function formatMarkdownLink(label, url) {
+    const cleanUrl = url.trim();
+    const cleanLabel = label.trim() || cleanUrl;
+    const labelColor = theme.link?.label ?? theme.secondary;
+    const urlColor = theme.link?.url ?? theme.info;
+    const styledLabel = labelColor(cleanLabel);
+    const styledUrl = urlColor(`(${cleanUrl})`);
+    return `${styledLabel} ${styledUrl}`;
+}
+function formatBareLink(url) {
+    const colorize = theme.link?.url ?? theme.info;
+    return colorize(url.trim());
+}
+function pickHeadingAccent(level) {
+    if (level <= 1) {
+        return theme.primary;
+    }
+    if (level === 2) {
+        return theme.secondary;
+    }
+    return theme.assistant;
+}

package/dist/bin/ui/shortcutsHelp.js

@@ -0,0 +1,87 @@
+/**
+ * Keyboard Shortcuts Help Display (Claude Code style)
+ */
+import { theme } from './theme.js';
+import { getTerminalColumns } from './layout.js';
+const EROSOLAR_SHORTCUTS = [
+    {
+        title: 'Navigation',
+        shortcuts: [
+            { keys: 'ctrl+c', description: 'Cancel current operation' },
+            { keys: 'ctrl+d', description: 'Exit (when input is empty)' },
+            { keys: 'up/down', description: 'Navigate command history' },
+        ],
+    },
+    {
+        title: 'Editing',
+        shortcuts: [
+            { keys: 'ctrl+a', description: 'Move to start of line' },
+            { keys: 'ctrl+e', description: 'Move to end of line' },
+            { keys: 'ctrl+k', description: 'Delete to end of line' },
+            { keys: 'ctrl+u', description: 'Delete to start of line' },
+            { keys: 'ctrl+w', description: 'Delete previous word' },
+        ],
+    },
+    {
+        title: 'Composable Messages',
+        shortcuts: [
+            { keys: 'ctrl+g', description: 'Edit pasted content blocks' },
+            { keys: 'shift+tab', description: 'Cycle paste preview options' },
+            { keys: 'enter', description: 'Send message with blocks' },
+        ],
+    },
+    {
+        title: 'Special',
+        shortcuts: [
+            { keys: '/', description: 'Trigger slash commands' },
+            { keys: '?', description: 'Show this help' },
+            { keys: 'ctrl+o', description: 'Expand collapsed output' },
+        ],
+    },
+];
+/**
+ * Format keyboard shortcuts help in Claude Code style
+ */
+export function formatShortcutsHelp() {
+    const width = Math.min(getTerminalColumns(), 80);
+    const lines = [];
+    // Title
+    lines.push('');
+    lines.push(theme.gradient.primary('Keyboard Shortcuts'));
+    lines.push(theme.ui.muted('─'.repeat(width - 1)));
+    lines.push('');
+    // Groups
+    for (const group of EROSOLAR_SHORTCUTS) {
+        lines.push(theme.bold(`  ${group.title}`));
+        lines.push('');
+        for (const shortcut of group.shortcuts) {
+            const keys = theme.info(shortcut.keys.padEnd(20));
+            const desc = theme.ui.muted(shortcut.description);
+            lines.push(`    ${keys} ${desc}`);
+        }
+        lines.push('');
+    }
+    // Footer
+    lines.push(theme.ui.muted('─'.repeat(width - 1)));
+    lines.push(theme.ui.muted('  Press any key to continue...'));
+    lines.push('');
+    return lines.join('\n');
+}
+/**
+ * Format inline shortcut hint (Claude Code style)
+ */
+export function formatShortcutHint(keys, description) {
+    return `${theme.info(keys)} ${theme.ui.muted(description)}`;
+}
+/**
+ * Quick shortcuts reference (one-line)
+ */
+export function formatQuickShortcuts() {
+    const hints = [
+        '? for help',
+        '/ for commands',
+        'ctrl+c to cancel',
+        'ctrl+d to exit',
+    ];
+    return hints.map(h => theme.ui.muted(h)).join(' · ');
+}