dexto 1.6.0 → 1.6.2

package/dist/cli/ink-cli/components/shared/MarkdownText.js

@@ -1,389 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * MarkdownText Component
- *
- * Renders markdown text with terminal-appropriate styling.
- * Handles both inline markdown (bold, code, italic) and block elements (headers, code blocks, lists).
- *
- * Uses wrap-ansi for proper word wrapping to avoid mid-word splits.
- * Streaming-safe: incomplete markdown tokens won't match regex patterns,
- * so they render as plain text until complete.
- */
-import { memo, useMemo } from 'react';
-import { Text, Box, useStdout } from 'ink';
-import chalk from 'chalk';
-import wrapAnsi from 'wrap-ansi';
-import stringWidth from 'string-width';
-import { highlight, supportsLanguage } from 'cli-highlight';
-/**
- * Parse inline markdown and return segments.
- * Uses a single regex to find all inline patterns, processes in order.
- */
-function parseInlineMarkdown(text) {
-    // Early return for plain text without markdown indicators
-    if (!/[*_~`\[<]|https?:\/\//.test(text)) {
-        return [{ type: 'text', content: text }];
-    }
-    const segments = [];
-    let lastIndex = 0;
-    // Combined regex for all inline patterns
-    // Order matters: longer/more specific patterns first
-    const inlineRegex = /(\*\*[^*]+\*\*|__[^_]+__|`[^`]+`|\*[^*]+\*|_[^_]+_|~~[^~]+~~|\[[^\]]+\]\([^)]+\)|https?:\/\/[^\s<]+)/g;
-    let match;
-    while ((match = inlineRegex.exec(text)) !== null) {
-        // Add text before the match
-        if (match.index > lastIndex) {
-            segments.push({ type: 'text', content: text.slice(lastIndex, match.index) });
-        }
-        const fullMatch = match[0];
-        // Determine the type and extract content
-        if (fullMatch.startsWith('**') && fullMatch.endsWith('**') && fullMatch.length > 4) {
-            // Bold: **text**
-            segments.push({ type: 'bold', content: fullMatch.slice(2, -2) });
-        }
-        else if (fullMatch.startsWith('__') && fullMatch.endsWith('__') && fullMatch.length > 4) {
-            // Bold: __text__
-            segments.push({ type: 'bold', content: fullMatch.slice(2, -2) });
-        }
-        else if (fullMatch.startsWith('`') && fullMatch.endsWith('`') && fullMatch.length > 2) {
-            // Inline code: `code`
-            segments.push({ type: 'code', content: fullMatch.slice(1, -1) });
-        }
-        else if (fullMatch.startsWith('~~') && fullMatch.endsWith('~~') && fullMatch.length > 4) {
-            // Strikethrough: ~~text~~
-            segments.push({ type: 'strikethrough', content: fullMatch.slice(2, -2) });
-        }
-        else if (fullMatch.startsWith('*') && fullMatch.endsWith('*') && fullMatch.length > 2) {
-            // Italic: *text*
-            segments.push({ type: 'italic', content: fullMatch.slice(1, -1) });
-        }
-        else if (fullMatch.startsWith('_') && fullMatch.endsWith('_') && fullMatch.length > 2) {
-            // Italic: _text_
-            segments.push({ type: 'italic', content: fullMatch.slice(1, -1) });
-        }
-        else if (fullMatch.startsWith('[') &&
-            fullMatch.includes('](') &&
-            fullMatch.endsWith(')')) {
-            // Link: [text](url)
-            const linkMatch = fullMatch.match(/\[([^\]]+)\]\(([^)]+)\)/);
-            if (linkMatch && linkMatch[1] && linkMatch[2]) {
-                segments.push({ type: 'link', content: linkMatch[1], url: linkMatch[2] });
-            }
-            else {
-                segments.push({ type: 'text', content: fullMatch });
-            }
-        }
-        else if (/^https?:\/\//.test(fullMatch)) {
-            // Raw URL
-            segments.push({ type: 'url', content: fullMatch });
-        }
-        else {
-            // Fallback: render as plain text
-            segments.push({ type: 'text', content: fullMatch });
-        }
-        lastIndex = inlineRegex.lastIndex;
-    }
-    // Add remaining text after last match
-    if (lastIndex < text.length) {
-        segments.push({ type: 'text', content: text.slice(lastIndex) });
-    }
-    return segments;
-}
-// ============================================================================
-// ANSI String Conversion (for wrap-ansi compatibility)
-// ============================================================================
-/**
- * Convert parsed markdown segments to an ANSI-escaped string.
- * This allows wrap-ansi to properly handle styled text while word-wrapping.
- */
-function segmentsToAnsi(segments, defaultColor) {
-    const colorFn = getChalkColor(defaultColor);
-    return segments
-        .map((segment) => {
-        switch (segment.type) {
-            case 'bold':
-                return colorFn.bold(segment.content);
-            case 'code':
-                return chalk.cyan(segment.content);
-            case 'italic':
-                return chalk.gray(segment.content);
-            case 'strikethrough':
-                return colorFn.strikethrough(segment.content);
-            case 'link':
-                return colorFn(segment.content) + chalk.blue(` (${segment.url})`);
-            case 'url':
-                return chalk.blue(segment.content);
-            default:
-                return colorFn(segment.content);
-        }
-    })
-        .join('');
-}
-/**
- * Get chalk color function from color name
- */
-function getChalkColor(color) {
-    switch (color) {
-        case 'white':
-            return chalk.white;
-        case 'gray':
-            return chalk.gray;
-        case 'blue':
-            return chalk.blue;
-        case 'cyan':
-            return chalk.cyan;
-        case 'green':
-            return chalk.green;
-        case 'yellow':
-            return chalk.rgb(255, 165, 0);
-        case 'orange':
-            return chalk.rgb(255, 165, 0);
-        case 'red':
-            return chalk.red;
-        case 'magenta':
-            return chalk.green;
-        default:
-            return chalk.white;
-    }
-}
-/**
- * Renders a paragraph with proper word wrapping using wrap-ansi.
- * Handles bullet prefix with continuation line indentation.
- */
-const WrappedParagraphInternal = ({ text, defaultColor, bulletPrefix, isFirstParagraph = false, }) => {
-    const { stdout } = useStdout();
-    const terminalWidth = stdout?.columns ?? 80;
-    const wrappedLines = useMemo(() => {
-        // Parse markdown and convert to ANSI string
-        const segments = parseInlineMarkdown(text);
-        const ansiString = segmentsToAnsi(segments, defaultColor);
-        // Calculate available width - always account for bullet indent since all lines get it
-        const prefixWidth = bulletPrefix ? stringWidth(bulletPrefix) : 0;
-        const availableWidth = Math.max(20, terminalWidth - prefixWidth);
-        // Word-wrap the ANSI string
-        const wrapped = wrapAnsi(ansiString, availableWidth, {
-            hard: false, // Don't break in the middle of words
-            wordWrap: true, // Enable word wrapping
-            trim: false, // Don't trim whitespace
-        });
-        return wrapped.split('\n');
-    }, [text, defaultColor, bulletPrefix, isFirstParagraph, terminalWidth]);
-    // Calculate indent for continuation lines (spaces to align with first line content)
-    // All lines get indentation when bulletPrefix is provided, for consistent left margin
-    const indentSpaces = bulletPrefix ? ' '.repeat(stringWidth(bulletPrefix)) : '';
-    return (_jsx(_Fragment, { children: wrappedLines.map((line, i) => {
-            const isFirstLine = i === 0;
-            // First line of first paragraph gets bullet, all other lines get space indent
-            const prefix = isFirstLine && isFirstParagraph && bulletPrefix ? bulletPrefix : indentSpaces;
-            return (_jsx(Box, { children: _jsxs(Text, { children: [prefix, line] }) }, i));
-        }) }));
-};
-const WrappedParagraph = memo(WrappedParagraphInternal);
-/**
- * Renders inline markdown segments with appropriate styling.
- * Used for headers and other content that doesn't need word wrapping.
- */
-const RenderInlineInternal = ({ text, defaultColor = 'white', bold: baseBold = false, }) => {
-    const segments = parseInlineMarkdown(text);
-    return (_jsx(_Fragment, { children: segments.map((segment, i) => {
-            switch (segment.type) {
-                case 'bold':
-                    return (_jsx(Text, { bold: true, color: defaultColor, children: segment.content }, i));
-                case 'code':
-                    return (_jsx(Text, { bold: baseBold, color: "cyan", children: segment.content }, i));
-                case 'italic':
-                    return (_jsx(Text, { bold: baseBold, color: "gray", children: segment.content }, i));
-                case 'strikethrough':
-                    return (_jsx(Text, { bold: baseBold, strikethrough: true, color: defaultColor, children: segment.content }, i));
-                case 'link':
-                    return (_jsxs(Text, { bold: baseBold, color: defaultColor, children: [segment.content, _jsxs(Text, { color: "blue", children: [" (", segment.url, ")"] })] }, i));
-                case 'url':
-                    return (_jsx(Text, { bold: baseBold, color: "blue", children: segment.content }, i));
-                default:
-                    return (_jsx(Text, { bold: baseBold, color: defaultColor, children: segment.content }, i));
-            }
-        }) }));
-};
-const RenderInline = memo(RenderInlineInternal);
-/**
- * Main MarkdownText component.
- * Handles block-level elements (headers, code blocks, lists) and delegates
- * paragraph rendering to WrappedParagraph for proper word wrapping.
- */
-const MarkdownTextInternal = ({ children, color = 'white', bulletPrefix, }) => {
-    if (!children)
-        return null;
-    const defaultColor = color;
-    const lines = children.split('\n');
-    let isFirstContentLine = true; // Track first actual content for bullet prefix
-    // Regex patterns for block elements
-    const headerRegex = /^(#{1,6})\s+(.*)$/;
-    const codeFenceRegex = /^(`{3,}|~{3,})(\w*)$/;
-    const ulItemRegex = /^(\s*)([-*+])\s+(.*)$/;
-    const olItemRegex = /^(\s*)(\d+)\.\s+(.*)$/;
-    // CommonMark allows spaces between HR characters (e.g., "- - -" or "* * *")
-    const hrRegex = /^(\s*[-*_]\s*){3,}$/;
-    const blocks = [];
-    let inCodeBlock = false;
-    let codeBlockLines = [];
-    let codeBlockLang = '';
-    let codeBlockFence = '';
-    lines.forEach((line, index) => {
-        const key = `line-${index}`;
-        const trimmedLine = line.trim();
-        // Handle code block state
-        if (inCodeBlock) {
-            const fenceMatch = trimmedLine.match(codeFenceRegex);
-            // Per CommonMark spec, closing fence must use same character and be at least as long
-            if (fenceMatch &&
-                fenceMatch[1] &&
-                codeBlockFence[0] &&
-                fenceMatch[1][0] === codeBlockFence[0] &&
-                fenceMatch[1].length >= codeBlockFence.length) {
-                // End of code block
-                blocks.push(_jsx(RenderCodeBlock, { lines: codeBlockLines, language: codeBlockLang }, key));
-                inCodeBlock = false;
-                codeBlockLines = [];
-                codeBlockLang = '';
-                codeBlockFence = '';
-            }
-            else {
-                codeBlockLines.push(line);
-            }
-            return;
-        }
-        // Check for code fence start
-        const codeFenceMatch = trimmedLine.match(codeFenceRegex);
-        if (codeFenceMatch && codeFenceMatch[1]) {
-            inCodeBlock = true;
-            codeBlockFence = codeFenceMatch[1];
-            codeBlockLang = codeFenceMatch[2] || '';
-            return;
-        }
-        // Headers
-        const headerMatch = line.match(headerRegex);
-        if (headerMatch && headerMatch[1] && headerMatch[2] !== undefined) {
-            const level = headerMatch[1].length;
-            const headerText = headerMatch[2];
-            blocks.push(_jsx(RenderHeader, { level: level, text: headerText }, key));
-            return;
-        }
-        // Horizontal rule
-        if (hrRegex.test(trimmedLine)) {
-            blocks.push(_jsx(Box, { children: _jsx(Text, { color: "gray", children: '─'.repeat(40) }) }, key));
-            return;
-        }
-        // Unordered list
-        const ulMatch = line.match(ulItemRegex);
-        if (ulMatch && ulMatch[1] !== undefined && ulMatch[3] !== undefined) {
-            const indent = ulMatch[1].length;
-            const itemText = ulMatch[3];
-            blocks.push(_jsx(RenderListItem, { indent: indent, marker: "-", text: itemText, defaultColor: defaultColor }, key));
-            return;
-        }
-        // Ordered list
-        const olMatch = line.match(olItemRegex);
-        if (olMatch && olMatch[1] !== undefined && olMatch[2] && olMatch[3] !== undefined) {
-            const indent = olMatch[1].length;
-            const number = olMatch[2];
-            const itemText = olMatch[3];
-            blocks.push(_jsx(RenderListItem, { indent: indent, marker: `${number}.`, text: itemText, defaultColor: defaultColor }, key));
-            return;
-        }
-        // Empty line - add spacing
-        if (trimmedLine.length === 0) {
-            blocks.push(_jsx(Box, { height: 1 }, key));
-            return;
-        }
-        // Regular paragraph line - use WrappedParagraph for proper word wrapping
-        const usePrefix = isFirstContentLine && bulletPrefix;
-        blocks.push(_jsx(WrappedParagraph, { text: line, defaultColor: defaultColor, ...(bulletPrefix && { bulletPrefix }), isFirstParagraph: usePrefix ? true : false }, key));
-        if (usePrefix) {
-            isFirstContentLine = false;
-        }
-    });
-    // Handle unclosed code block (streaming case)
-    if (inCodeBlock && codeBlockLines.length > 0) {
-        blocks.push(_jsx(RenderCodeBlock, { lines: codeBlockLines, language: codeBlockLang, isPending: true }, "code-pending"));
-    }
-    // Wrap in column layout
-    return _jsx(Box, { flexDirection: "column", children: blocks });
-};
-const RenderHeaderInternal = ({ level, text }) => {
-    // Color based on header level
-    const headerColors = {
-        1: 'blue',
-        2: 'cyan',
-        3: 'white',
-        4: 'gray',
-        5: 'gray',
-        6: 'gray',
-    };
-    const headerColor = headerColors[level] || 'white';
-    return (_jsx(Box, { marginTop: level <= 2 ? 1 : 0, children: _jsx(RenderInline, { text: text, defaultColor: headerColor, bold: true }) }));
-};
-const RenderHeader = memo(RenderHeaderInternal);
-/**
- * List item with proper word wrapping using wrap-ansi.
- * Continuation lines are indented to align with the first line content.
- */
-const RenderListItemInternal = ({ indent, marker, text, defaultColor, }) => {
-    const { stdout } = useStdout();
-    const terminalWidth = stdout?.columns ?? 80;
-    const paddingLeft = Math.floor(indent / 2);
-    const markerWithSpace = `${marker} `;
-    const markerWidth = stringWidth(markerWithSpace);
-    const wrappedLines = useMemo(() => {
-        // Parse markdown and convert to ANSI string
-        const segments = parseInlineMarkdown(text);
-        const ansiString = segmentsToAnsi(segments, defaultColor);
-        // Available width = terminal - padding - marker
-        const availableWidth = Math.max(20, terminalWidth - paddingLeft - markerWidth);
-        // Word-wrap the ANSI string
-        const wrapped = wrapAnsi(ansiString, availableWidth, {
-            hard: false,
-            wordWrap: true,
-            trim: false,
-        });
-        return wrapped.split('\n');
-    }, [text, defaultColor, terminalWidth, paddingLeft, markerWidth]);
-    const continuationIndent = ' '.repeat(markerWidth);
-    return (_jsx(Box, { paddingLeft: paddingLeft, flexDirection: "column", children: wrappedLines.map((line, i) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: defaultColor, children: i === 0 ? markerWithSpace : continuationIndent }), _jsx(Text, { children: line })] }, i))) }));
-};
-const RenderListItem = memo(RenderListItemInternal);
-const RenderCodeBlockInternal = ({ lines, language, isPending, }) => {
-    // Memoize the highlighted code to avoid re-highlighting on every render
-    const highlightedCode = useMemo(() => {
-        const code = lines.join('\n');
-        // If we have a language and it's supported, use syntax highlighting
-        if (language && supportsLanguage(language)) {
-            try {
-                return highlight(code, { language, ignoreIllegals: true });
-            }
-            catch {
-                // Fall back to plain cyan if highlighting fails
-                return chalk.cyan(code);
-            }
-        }
-        // If no language specified, try auto-detection
-        if (!language && code.trim()) {
-            try {
-                return highlight(code, { ignoreIllegals: true });
-            }
-            catch {
-                // Fall back to plain cyan if auto-detection fails
-                return chalk.cyan(code);
-            }
-        }
-        // Fallback: plain cyan text
-        return chalk.cyan(code);
-    }, [lines, language]);
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [language && _jsx(Text, { color: "gray", children: language }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, children: [_jsx(Text, { children: highlightedCode }), isPending && _jsx(Text, { color: "gray", children: "..." })] })] }));
-};
-const RenderCodeBlock = memo(RenderCodeBlockInternal);
-// ============================================================================
-// Exports
-// ============================================================================
-export const MarkdownText = memo(MarkdownTextInternal);
-// Also export inline renderer for use in other components
-export { RenderInline, parseInlineMarkdown };

package/dist/cli/ink-cli/components/shared/VirtualizedList.d.ts

@@ -1,44 +0,0 @@
-/**
- * VirtualizedList Component
- * Only renders items visible in the viewport for performance.
- */
-import type React from 'react';
-export declare const SCROLL_TO_ITEM_END: number;
-type VirtualizedListProps<T> = {
-    data: T[];
-    renderItem: (info: {
-        item: T;
-        index: number;
-    }) => React.ReactElement;
-    estimatedItemHeight: (index: number) => number;
-    keyExtractor: (item: T, index: number) => string;
-    initialScrollIndex?: number;
-    initialScrollOffsetInIndex?: number;
-    scrollbarThumbColor?: string;
-};
-export type VirtualizedListRef<T> = {
-    scrollBy: (delta: number) => void;
-    scrollTo: (offset: number) => void;
-    scrollToEnd: () => void;
-    scrollToIndex: (params: {
-        index: number;
-        viewOffset?: number;
-        viewPosition?: number;
-    }) => void;
-    scrollToItem: (params: {
-        item: T;
-        viewOffset?: number;
-        viewPosition?: number;
-    }) => void;
-    getScrollIndex: () => number;
-    getScrollState: () => {
-        scrollTop: number;
-        scrollHeight: number;
-        innerHeight: number;
-    };
-};
-export declare const VirtualizedList: <T>(props: VirtualizedListProps<T> & {
-    ref?: React.Ref<VirtualizedListRef<T>>;
-}) => React.ReactElement;
-export {};
-//# sourceMappingURL=VirtualizedList.d.ts.map

package/dist/cli/ink-cli/components/shared/VirtualizedList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedList.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/shared/VirtualizedList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAYH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,kBAAkB,QAA0B,CAAC;AAE1D,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC3B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACrE,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/F,YAAY,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxF,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,cAAc,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAkZF,eAAO,MAAM,eAAe,EAAuC,CAAC,CAAC,EACjE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KAC1E,KAAK,CAAC,YAAY,CAAC"}