From b93ee37f9a58bce9e2b86642e66fd74017c1a259 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 9 Jul 2025 03:43:41 +0400
Subject: [PATCH] refac

---
 .../components/common/RichTextInput.svelte    | 52 +++++++++----------
 .../components/notes/NoteEditor/Chat.svelte   | 27 ++++++++++
 2 files changed, 52 insertions(+), 27 deletions(-)

diff --git a/src/lib/components/common/RichTextInput.svelte b/src/lib/components/common/RichTextInput.svelte
index c8e6e886a2..2769525f54 100644
--- a/src/lib/components/common/RichTextInput.svelte
+++ b/src/lib/components/common/RichTextInput.svelte
@@ -1,5 +1,30 @@
 <script lang="ts">
 	import { marked } from 'marked';
+	marked.use({
+		breaks: true,
+		gfm: true,
+		renderer: {
+			list(body, ordered, start) {
+				const isTaskList = body.includes('data-checked=');
+
+				if (isTaskList) {
+					return `<ul data-type="taskList">${body}</ul>`;
+				}
+
+				const type = ordered ? 'ol' : 'ul';
+				const startatt = ordered && start !== 1 ? ` start="${start}"` : '';
+				return `<${type}${startatt}>${body}</${type}>`;
+			},
+
+			listitem(text, task, checked) {
+				if (task) {
+					const checkedAttr = checked ? 'true' : 'false';
+					return `<li data-type="taskItem" data-checked="${checkedAttr}">${text}</li>`;
+				}
+				return `<li>${text}</li>`;
+			}
+		}
+	});
 
 	import TurndownService from 'turndown';
 	import { gfm } from 'turndown-plugin-gfm';
@@ -271,33 +296,6 @@
 		const { state, view } = editor;
 		const { schema, tr } = state;
 
-		// Configure marked with extensions
-		marked.use({
-			breaks: true,
-			gfm: true,
-			renderer: {
-				list(body, ordered, start) {
-					const isTaskList = body.includes('data-checked=');
-
-					if (isTaskList) {
-						return `<ul data-type="taskList">${body}</ul>`;
-					}
-
-					const type = ordered ? 'ol' : 'ul';
-					const startatt = ordered && start !== 1 ? ` start="${start}"` : '';
-					return `<${type}${startatt}>${body}</${type}>`;
-				},
-
-				listitem(text, task, checked) {
-					if (task) {
-						const checkedAttr = checked ? 'true' : 'false';
-						return `<li data-type="taskItem" data-checked="${checkedAttr}">${text}</li>`;
-					}
-					return `<li>${text}</li>`;
-				}
-			}
-		});
-
 		// If content is a string, convert it to a ProseMirror node
 		const htmlContent = marked.parse(content);
 
diff --git a/src/lib/components/notes/NoteEditor/Chat.svelte b/src/lib/components/notes/NoteEditor/Chat.svelte
index 7785a3990d..97872758dd 100644
--- a/src/lib/components/notes/NoteEditor/Chat.svelte
+++ b/src/lib/components/notes/NoteEditor/Chat.svelte
@@ -3,6 +3,33 @@
 	export let selectedModelId = '';
 
 	import { marked } from 'marked';
+	// Configure marked with extensions
+	marked.use({
+		breaks: true,
+		gfm: true,
+		renderer: {
+			list(body, ordered, start) {
+				const isTaskList = body.includes('data-checked=');
+
+				if (isTaskList) {
+					return `<ul data-type="taskList">${body}</ul>`;
+				}
+
+				const type = ordered ? 'ol' : 'ul';
+				const startatt = ordered && start !== 1 ? ` start="${start}"` : '';
+				return `<${type}${startatt}>${body}</${type}>`;
+			},
+
+			listitem(text, task, checked) {
+				if (task) {
+					const checkedAttr = checked ? 'true' : 'false';
+					return `<li data-type="taskItem" data-checked="${checkedAttr}">${text}</li>`;
+				}
+				return `<li>${text}</li>`;
+			}
+		}
+	});
+
 	import { toast } from 'svelte-sonner';
 
 	import { goto } from '$app/navigation';