ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-13 12:55:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-07-18 16:57:49 +04:00
parent 18adb28da0
commit 5e4e1cf662
4 changed files with 48 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens.svelte
View file

@ -15,6 +15,7 @@
import Source from './Source.svelte';
import HtmlToken from './HTMLToken.svelte';
import TextToken from './MarkdownInlineTokens/TextToken.svelte';
import CodespanToken from './MarkdownInlineTokens/CodespanToken.svelte';
export let id: string;
export let done = true;
@ -30,7 +31,7 @@
{:else if token.type === 'link'}
{#if token.tokens}
<a href={token.href} target="_blank" rel="nofollow" title={token.title}>
<svelte:self id={`${id}-a`} tokens={token.tokens} {onSourceClick} />
<svelte:self id={`${id}-a`} tokens={token.tokens} {onSourceClick} {done} />
</a>
{:else}
<a href={token.href} target="_blank" rel="nofollow" title={token.title}>{token.text}</a>
@ -42,15 +43,7 @@
{:else if token.type === 'em'}
<em><svelte:self id={`${id}-em`} tokens={token.tokens} {onSourceClick} /></em>
{:else if token.type === 'codespan'}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<code
class="codespan cursor-pointer"
on:click={() => {
copyToClipboard(unescapeHtml(token.text));
toast.success($i18n.t('Copied to clipboard'));
}}>{unescapeHtml(token.text)}</code
>
<CodespanToken {token} {done} />
{:else if token.type === 'br'}
<br />
{:else if token.type === 'del'}

33
src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/CodespanToken.svelte Normal file
View file

@ -0,0 +1,33 @@
<script lang="ts">
import { copyToClipboard, unescapeHtml } from '$lib/utils';
import { toast } from 'svelte-sonner';
import { fade } from 'svelte/transition';
import { getContext } from 'svelte';
const i18n = getContext('i18n');
export let token;
export let done = true;
</script>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
{#if done}
<code
class="codespan cursor-pointer"
on:click={() => {
copyToClipboard(unescapeHtml(token.text));
toast.success($i18n.t('Copied to clipboard'));
}}>{unescapeHtml(token.text)}</code
>
{:else}
<code
transition:fade={{ duration: 100 }}
class="codespan cursor-pointer"
on:click={() => {
copyToClipboard(unescapeHtml(token.text));
toast.success($i18n.t('Copied to clipboard'));
}}>{unescapeHtml(token.text)}</code
>
{/if}

2
src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/TextToken.svelte
View file

@ -12,7 +12,7 @@
{token?.raw}
{:else}
{#each texts as text}
<span class="" transition:fade>
<span class="" transition:fade={{ duration: 100 }}>
{text}
</span>
{/each}

12
src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
View file

@ -192,7 +192,13 @@
<AlertRenderer {token} {alert} />
{:else}
<blockquote dir="auto">
<svelte:self id={`${id}-${tokenIdx}`} tokens={token.tokens} {onTaskClick} {onSourceClick} />
<svelte:self
id={`${id}-${tokenIdx}`}
tokens={token.tokens}
{done}
{onTaskClick}
{onSourceClick}
/>
</blockquote>
{/if}
{:else if token.type === 'list'}
@ -222,6 +228,7 @@
id={`${id}-${tokenIdx}-${itemIdx}`}
tokens={item.tokens}
top={token.loose}
{done}
{onTaskClick}
{onSourceClick}
/>
@ -254,6 +261,7 @@
id={`${id}-${tokenIdx}-${itemIdx}`}
tokens={item.tokens}
top={token.loose}
{done}
{onTaskClick}
{onSourceClick}
/>
@ -263,6 +271,7 @@
id={`${id}-${tokenIdx}-${itemIdx}`}
tokens={item.tokens}
top={token.loose}
{done}
{onTaskClick}
{onSourceClick}
/>
@ -284,6 +293,7 @@
id={`${id}-${tokenIdx}-d`}
tokens={marked.lexer(token.text)}
attributes={token?.attributes}
{done}
{onTaskClick}
{onSourceClick}
/>