50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1828,import { Box, Text } from "ink"; import React from "react"; import { useAnimation } from "@/hooks/use-animation"; import { useTheme } from "@/hooks/use-theme"; import { useUnicode } from "@/hooks/use-unicode"; export interface MarkdownProps { children: string; width?: number; streaming?: boolean; cursor?: string; isActive?: boolean; "aria-label"?: string; } interface InlineSegment { text: string; bold?: boolean; italic?: boolean; code?: boolean; link?: boolean; url?: string; } const parseInline = (line: string): InlineSegment[] => { const segments: InlineSegment[] = []; const re = /(\*\*(.+?)\*\*|\*(.+?)\*|`(.+?)`|\[(.+?)\]$(.+?)$)/g; let last = 0; let match: RegExpExecArray | null; while ((match = re.exec(line)) !== null) { if (match.index > last) { segments.push({ text: line.slice(last, match.index) }); } const [full] = match; if (full.startsWith("**")) { segments.push({ bold: true, text: match[2] }); } else if (full.startsWith("*")) { segments.push({ italic: true, text: match[3] }); } else if (full.startsWith("`")) { segments.push({ code: true, text: match[4] }); } else if (full.startsWith("[")) { segments.push({ link: true, text: match[5], url: match[6] }); } last = match.index + full.length; } if (last < line.length) { segments.push({ text: line.slice(last) }); } return segments; }; const InlineLine = ({ segments }: { segments: InlineSegment[] }) => { const theme = useTheme(); return ( {segments.map((seg, i) => { if (seg.code) { return ( {seg.text} ); } if (seg.link) { return ( {seg.text} {" "} ({seg.url}) ); } return ( {seg.text} ); })} ); }; const sanitizePartialFences = (text: string): string => { const fenceCount = (text.match(/```/g) ?? []).length; if (fenceCount % 2 !== 0) { return `${text}\n\`\`\``; } return text; }; export const Markdown = ({ children, width, streaming = false, cursor, isActive = true, "aria-label": ariaLabel, }: MarkdownProps) => { const theme = useTheme(); const unicode = useUnicode(); const resolvedCursor = cursor ?? (unicode ? "▌" : "|"); const cursorFrame = useAnimation({ intervalMs: 530, isActive: streaming && isActive, }); const cursorVisible = cursorFrame % 2 === 0; const safeChildren = streaming ? sanitizePartialFences(children) : children; const lines = safeChildren.split("\n"); const elements: React.ReactNode[] = []; let i = 0; while (i < lines.length) { const line = lines[i]; const fence = line.match(/^```(?:\s*([^\s`]+))?\s*$/); if (fence) { const fenceStart = i; const codeLines: string[] = []; i += 1; while (i < lines.length && !/^```\s*$/.test(lines[i])) { codeLines.push(lines[i]); i += 1; } if (i < lines.length) { i += 1; } if (codeLines.length === 0) { elements.push(); } else { for (const [codeIndex, codeLine] of codeLines.entries()) { elements.push( {codeLine || " "} ); } } continue; } const h4 = line.match(/^####\s+(.*)/); const h3 = line.match(/^###\s+(.*)/); const h2 = line.match(/^##\s+(.*)/); const h1 = line.match(/^#\s+(.*)/); if (h1) { elements.push( {h1[1]} ); } else if (h2) { elements.push( {h2[1]} ); } else if (h3) { elements.push( {h3[1]} ); } else if (h4) { elements.push( {h4[1]} ); } else if (/^---+$/.test(line)) { elements.push( {(unicode ? "─" : "-").repeat(width ?? 40)} ); } else if (/^>\s/.test(line)) { const content = line.replace(/^>\s/, ""); elements.push( {unicode ? "│" : "|"} ); } else if (/^[-*]\s/.test(line)) { const content = line.replace(/^[-*]\s/, ""); elements.push( {unicode ? "•" : "*"} ); } else if (line === "") { elements.push(); } else { elements.push( ); } i += 1; } if (streaming && cursorVisible && elements.length > 0) { const last = elements.at(-1); elements[elements.length - 1] = ( {last} {resolvedCursor} ); } return ( {elements} ); }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","ink",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/ink","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"ink"}]]}]}]]}],["$","$L50",null,{"namespace":"@termcn","registryDependencies":["https://termcn.dev/r/ink/use-animation.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/ui/markdown.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]