Mirrors/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-07-11 21:09:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

perf(chat): cache KaTeX rendered HTML in reactive statement to avoid redundant renders (#25847)

Browse Source
This commit is contained in:
G30
2026-06-16 21:06:56 -04:00
committed by GitHub
parent 4584adf900
commit 9fe3a00dba
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
View File

@@ -30,9 +30,20 @@
onMount(async () => {
renderToString = await getKatexRenderer();
});
// Cache rendered HTML — only re-compute when content, displayMode, or renderToString changes,
// not on every parent re-render during streaming
let renderedHTML: string = '';
$: if (renderToString) {
try {
renderedHTML = renderToString(content, { displayMode, throwOnError: false });
} catch {
renderedHTML = content;
}
}
</script>
{#if renderToString}
{#if renderToString && renderedHTML}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<svelte:element
@@ -43,6 +54,6 @@
toast.success($i18n.t('Copied to clipboard'));
}}
>
{@html renderToString(content, { displayMode, throwOnError: false })}
{@html renderedHTML}
</svelte:element>
{/if}