From d388c2037391992fc7a3ee6cd1a437956cded374 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Thu, 8 Aug 2024 15:07:24 +0200
Subject: [PATCH] enh: codeblock i18n

---
 src/lib/components/chat/Messages/CodeBlock.svelte      |  6 +++---
 src/lib/components/chat/Messages/MarkdownTokens.svelte | 10 +++++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/chat/Messages/CodeBlock.svelte b/src/lib/components/chat/Messages/CodeBlock.svelte
index 2d4133298..5fa4299ea 100644
--- a/src/lib/components/chat/Messages/CodeBlock.svelte
+++ b/src/lib/components/chat/Messages/CodeBlock.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import hljs from 'highlight.js';
 	import { loadPyodide } from 'pyodide';
-	import { getContext } from 'svelte';
+	import { getContext, getAllContexts } from 'svelte';
 	import { copyToClipboard } from '$lib/utils';
 
 	import 'highlight.js/styles/github-dark.min.css';
@@ -236,12 +236,12 @@ __builtins__.input = input`);
 						class="copy-code-button bg-none border-none p-1"
 						on:click={() => {
 							executePython(code);
-						}}>Run</button
+						}}>{$i18n.t('Run')}</button
 					>
 				{/if}
 			{/if}
 			<button class="copy-code-button bg-none border-none p-1" on:click={copyCode}
-				>{copied ? 'Copied' : 'Copy Code'}</button
+				>{copied ? $i18n.t('Copied') : $i18n.t('Copy Code')}</button
 			>
 		</div>
 	</div>
diff --git a/src/lib/components/chat/Messages/MarkdownTokens.svelte b/src/lib/components/chat/Messages/MarkdownTokens.svelte
index 33b898485..530548e56 100644
--- a/src/lib/components/chat/Messages/MarkdownTokens.svelte
+++ b/src/lib/components/chat/Messages/MarkdownTokens.svelte
@@ -3,7 +3,10 @@
 	import type { Token } from 'marked';
 	import { revertSanitizedResponseContent, unescapeHtml } from '$lib/utils';
 
-	import { onMount } from 'svelte';
+	import { onMount, getContext, getAllContexts } from 'svelte';
+
+	const context = getAllContexts();
+	const i18n = getContext('i18n');
 
 	import Image from '$lib/components/common/Image.svelte';
 	import CodeBlock from '$lib/components/chat/Messages/CodeBlock.svelte';
@@ -44,7 +47,7 @@
 					return;
 				}
 
-				new CodeBlock({
+				const element = new CodeBlock({
 					target: codeElement,
 					props: {
 						id: `${id}-${codes.length}`,
@@ -52,7 +55,8 @@
 						code: revertSanitizedResponseContent(code)
 					},
 					hydrate: true,
-					$$inline: true
+					$$inline: true,
+					context: context
 				});
 			}
 		}, 10);