51: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"] 52: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"] 53:T296e,/* @jsxImportSource @opentui/react */ import type { ReactNode } from "react"; import { useTheme } from "@/hooks/use-theme"; export type DiffMode = "unified" | "split" | "inline"; export interface DiffViewProps { oldText: string; newText: string; filename?: string; language?: string; mode?: DiffMode; context?: number; showLineNumbers?: boolean; } interface DiffOp { type: "equal" | "insert" | "delete"; line: string; } const computeDiff = (oldLines: string[], newLines: string[]): DiffOp[] => { const m = oldLines.length; const n = newLines.length; const dp: number[][] = Array.from({ length: m + 1 }, () => Array.from({ length: n + 1 }, () => 0) ); for (let i = 1; i <= m; i += 1) { for (let j = 1; j <= n; j += 1) { dp[i][j] = oldLines[i - 1] === newLines[j - 1] ? (dp[i - 1]?.[j - 1] ?? 0) + 1 : Math.max(dp[i - 1]?.[j] ?? 0, dp[i]?.[j - 1] ?? 0); } } const ops: DiffOp[] = []; let i = m; let j = n; while (i > 0 || j > 0) { if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) { ops.unshift({ line: oldLines[i - 1] ?? "", type: "equal" }); i -= 1; j -= 1; } else if ( j > 0 && (i === 0 || (dp[i]?.[j - 1] ?? 0) >= (dp[i - 1]?.[j] ?? 0)) ) { ops.unshift({ line: newLines[j - 1] ?? "", type: "insert" }); j -= 1; } else { ops.unshift({ line: oldLines[i - 1] ?? "", type: "delete" }); i -= 1; } } return ops; }; interface Hunk { oldStart: number; newStart: number; ops: DiffOp[]; } const buildHunks = (ops: DiffOp[], context: number): Hunk[] => { let oldLine = 1; let newLine = 1; const numbered = ops.map((op) => { const o = op.type === "insert" ? null : oldLine; const n = op.type === "delete" ? null : newLine; if (op.type !== "insert") { oldLine += 1; } if (op.type !== "delete") { newLine += 1; } return { ...op, newLine: n, oldLine: o }; }); const changed = new Set(); for (const [idx, op] of numbered.entries()) { if (op.type !== "equal") { changed.add(idx); } } if (changed.size === 0) { return []; } const included = new Set(); for (const idx of changed) { for (let d = -context; d <= context; d += 1) { const t = idx + d; if (t >= 0 && t < numbered.length) { included.add(t); } } } const indices = [...included].toSorted((a, b) => a - b); const hunks: Hunk[] = []; let start = 0; while (start < indices.length) { let end = start; while (end + 1 < indices.length) { const nextIdx = indices[end + 1] ?? 0; const curIdx = indices[end] ?? 0; if (nextIdx !== curIdx + 1) { break; } end += 1; } const slice = indices.slice(start, end + 1).map((i) => numbered[i]); const firstOld = slice.find((op) => op.oldLine !== null)?.oldLine ?? 1; const firstNew = slice.find((op) => op.newLine !== null)?.newLine ?? 1; hunks.push({ newStart: firstNew, oldStart: firstOld, ops: slice }); start = end + 1; } return hunks; }; interface ViewProps { hunks: Hunk[]; showLineNumbers: boolean; theme: ReturnType; } const UnifiedView = ({ hunks, showLineNumbers, theme }: ViewProps) => { const rows: ReactNode[] = []; for (const hunk of hunks) { const oldCount = hunk.ops.filter((op) => op.type !== "insert").length; const newCount = hunk.ops.filter((op) => op.type !== "delete").length; rows.push( {`@@ -${hunk.oldStart},${oldCount} +${hunk.newStart},${newCount} @@`} ); let ol = hunk.oldStart; let nl = hunk.newStart; for (const op of hunk.ops) { const currentOl = op.type === "insert" ? null : ol; const currentNl = op.type === "delete" ? null : nl; if (op.type !== "insert") { ol += 1; } if (op.type !== "delete") { nl += 1; } const key = `${op.type}-${currentOl ?? "x"}-${currentNl ?? "x"}`; if (op.type === "delete") { rows.push( {showLineNumbers && ( {`${String(currentOl ?? "").padStart(4)} ${" "}`} )} {`-${op.line}`} ); } else if (op.type === "insert") { rows.push( {showLineNumbers && ( {`${" "} ${String(currentNl ?? "").padStart(4)}`} )} {`+${op.line}`} ); } else { rows.push( {showLineNumbers && ( {`${String(currentOl ?? "").padStart(4)} ${String(currentNl ?? "").padStart(4)}`} )} {` ${op.line}`} ); } } } return {rows}; }; const SplitView = ({ hunks, showLineNumbers, theme }: ViewProps) => { const rows: ReactNode[] = []; for (const hunk of hunks) { const oldCount = hunk.ops.filter((op) => op.type !== "insert").length; const newCount = hunk.ops.filter((op) => op.type !== "delete").length; rows.push( {`@@ -${hunk.oldStart},${oldCount} +${hunk.newStart},${newCount} @@`} ); let ol = hunk.oldStart; let nl = hunk.newStart; for (const op of hunk.ops) { const currentOl = op.type === "insert" ? null : ol; const currentNl = op.type === "delete" ? null : nl; if (op.type !== "insert") { ol += 1; } if (op.type !== "delete") { nl += 1; } const key = `${op.type}-${currentOl ?? "x"}-${currentNl ?? "x"}`; if (op.type === "equal") { rows.push( {showLineNumbers && ( {String(currentOl ?? "").padStart(4)} )} {op.line} {" │ "} {showLineNumbers && ( {String(currentNl ?? "").padStart(4)} )} {op.line} ); } else if (op.type === "delete") { rows.push( {showLineNumbers && ( {String(currentOl ?? "").padStart(4)} )} {`-${op.line}`} {" │ "} ); } else { rows.push( {" │ "} {showLineNumbers && ( {String(currentNl ?? "").padStart(4)} )} {`+${op.line}`} ); } } } return {rows}; }; interface InlineViewProps { ops: DiffOp[]; showLineNumbers: boolean; theme: ReturnType; } const InlineView = ({ ops, showLineNumbers, theme }: InlineViewProps) => { const rows: ReactNode[] = []; let oldLine = 1; let newLine = 1; for (const op of ops) { const currentOl = op.type === "insert" ? null : oldLine; const currentNl = op.type === "delete" ? null : newLine; if (op.type !== "insert") { oldLine += 1; } if (op.type !== "delete") { newLine += 1; } const key = `${op.type}-${currentOl ?? "x"}-${currentNl ?? "x"}`; if (op.type === "delete") { rows.push( {showLineNumbers && ( {`${String(currentOl ?? "").padStart(4)} ${" "}`} )} {`-${op.line}`} ); } else if (op.type === "insert") { rows.push( {showLineNumbers && ( {`${" "} ${String(currentNl ?? "").padStart(4)}`} )} {`+${op.line}`} ); } else { rows.push( {showLineNumbers && ( {`${String(currentOl ?? "").padStart(4)} ${String(currentNl ?? "").padStart(4)}`} )} {` ${op.line}`} ); } } return {rows}; }; export const DiffView = ({ oldText, newText, filename, mode = "unified", context = 3, showLineNumbers = false, }: DiffViewProps) => { const theme = useTheme(); const oldLines = oldText.split("\n"); const newLines = newText.split("\n"); const ops = computeDiff(oldLines, newLines); const hunks = buildHunks(ops, context); const hasChanges = ops.some((op) => op.type !== "equal"); if (!hasChanges) { return ( {filename && ( {filename} )} No differences ); } let content: ReactNode; if (mode === "split") { content = ( ); } else if (mode === "inline") { content = ( ); } else { content = ( ); } return ( {filename && ( {`--- ${filename}`} )} {content} ); }; 50:["$","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","@opentui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40opentui%2Freact","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":"@opentui/react"}]]}]}]]}],["$","$L51",null,{"namespace":"@termcn","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/opentui/ui/diff-view.tsx","content":"$53","type":"registry:ui","target":"components/ui/diff-view.tsx"}],"className":"h-[70svh] min-h-80"}]]}]