fix: code block copy button

src/lib/components/CodeBlock.svelte

@@ -4,10 +4,10 @@
 
 	interface Props {
 		code?: string;
-		lang?: string;
+		rawCode?: string;
 	}
 
-	let { code = "" }: Props = $props();
+	let { code = "", rawCode = "" }: Props = $props();
 </script>
 
 <div class="group relative my-4 rounded-lg">
@@ -17,6 +17,6 @@
 		></pre>
 	<CopyToClipBoardBtn
 		classNames="btn rounded-lg border border-gray-200 px-2 py-2 text-sm shadow-sm transition-all hover:border-gray-300 active:shadow-inner dark:border-gray-700 dark:hover:border-gray-500 absolute top-2 right-2 invisible opacity-0 group-hover:visible group-hover:opacity-100 dark:text-gray-700 text-gray-200"
-		value={code}
+		value={rawCode}
 	/>
 </div>

src/lib/components/chat/MarkdownRenderer.svelte

@@ -62,6 +62,6 @@
 			{@html DOMPurify.sanitize(html)}
 		{/await}
 	{:else if token.type === "code"}
-		<CodeBlock code={token.code} />
+		<CodeBlock code={token.code} rawCode={token.rawCode} />
 	{/if}
 {/each}

src/lib/utils/marked.ts

@@ -172,6 +172,7 @@ type CodeToken = {
 	type: "code";
 	lang: string;
 	code: string;
+	rawCode: string;
 };
 
 type TextToken = {
@@ -190,6 +191,7 @@ export async function processTokens(content: string, sources: WebSearchSource[])
 					type: "code" as const,
 					lang: token.lang,
 					code: hljs.highlightAuto(token.text, hljs.getLanguage(token.lang)?.aliases).value,
+					rawCode: token.text,
 				};
 			} else {
 				return {
@@ -212,6 +214,7 @@ export function processTokensSync(content: string, sources: WebSearchSource[]):
 				type: "code" as const,
 				lang: token.lang,
 				code: hljs.highlightAuto(token.text, hljs.getLanguage(token.lang)?.aliases).value,
+				rawCode: token.text,
 			};
 		}
 		return { type: "text" as const, html: marked.parse(token.raw) };