Mirrors/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-16 20:07:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: mermaid rendering issue

Browse Source
This commit is contained in:
Timothy J. Baek
2024-08-19 17:28:38 +02:00
parent 1329eea5e5
commit b31de299e4
2 changed files with 12 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/lib/components/chat/Messages/CodeBlock.svelte
View File

@@ -213,14 +213,20 @@ __builtins__.input = input`);
let debounceTimeout;
const drawMermaidDiagram = async () => {
try {
const { svg } = await mermaid.render(`mermaid-${id}`, code);
mermaidHtml = svg;
} catch (error) {
console.error('Error:', error);
}
};
$: if (code) {
if (lang === 'mermaid' && (token?.raw ?? '').endsWith('```')) {
(async () => {
try {
const { svg } = await mermaid.render(`mermaid-${id}`, code);
mermaidHtml = svg;
} catch (error) {
console.error('Error:', error);
if (!mermaidHtml) {
await drawMermaidDiagram();
}
})();
} else {
@@ -235,19 +241,6 @@ __builtins__.input = input`);
debounceTimeout = setTimeout(highlightCode, 10);
}
}
onMount(async () => {
await mermaid.initialize({ startOnLoad: true });
if (lang === 'mermaid' && (token?.raw ?? '').endsWith('```')) {
try {
const { svg } = await mermaid.render(`mermaid-${id}`, code);
mermaidHtml = svg;
} catch (error) {
console.error('Error:', error);
}
}
});
</script>
<div class="my-2" dir="ltr">
@@ -255,7 +248,7 @@ __builtins__.input = input`);
{#if mermaidHtml}
{@html mermaidHtml}
{:else}
<pre class=" mermaid-{id}">{code}</pre>
<pre class="mermaid">{code}</pre>
{/if}
{:else}
<div