diff --git a/src/lib/components/CodeViewer/CodeViewer.svelte b/src/lib/components/CodeViewer/CodeViewer.svelte index c18e218de..d5566fde1 100644 --- a/src/lib/components/CodeViewer/CodeViewer.svelte +++ b/src/lib/components/CodeViewer/CodeViewer.svelte @@ -90,9 +90,9 @@ return { html: content, highlighted }; }; - $: rows = diffRows.rows.map((row) => ({ ...row, render: renderRowContent(row) })); + $: renderedRows = diffRows.rows.map((row) => ({ ...row, render: renderRowContent(row) })); - type RenderedRow = (typeof rows)[0]; + type RenderedRow = (typeof renderedRows)[0]; const padHighlighted = (rows: RenderedRow[]): RenderedRow[] => { const chunks: (RenderedRow[] | RenderedRow)[] = []; @@ -168,35 +168,55 @@ } return chunks.flatMap((chunk) => chunk); }; + + $: rows = highlight.length > 0 ? padHighlighted(renderedRows) : renderedRows; + $: originalLineNumberDigits = String(rows.at(-1)?.originalLineNumber || '0').length; + $: currentLineNumberDigits = String(rows.at(-1)?.currentLineNumber || '0').length; -
+ | + | + | + {#each row.render.html as content} + {@html content} + {/each} + | +