fix: REPL link on code blocks

preactjs · Jul 3, 2024 · e993558 · e993558
1 parent 7aa5750
commit e993558
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/code-block/index.jsx b/src/components/code-block/index.jsx
@@ -1,6 +1,7 @@
 import { useMemo } from 'preact/hooks';
 import { Suspense } from 'preact/compat';
 import { wrap } from 'comlink';
+import { textToBase64 } from '../controllers/repl/query-encode.js';
 import { useResource } from '../../lib/use-resource';
 
 let prismWorker;
@@ -81,7 +82,7 @@ function HighlightedCodeBlock({ code, lang }) {
 				</Suspense>
 			</pre>
 			{repl && (
-				<a class="repl-link" href={`/repl?code=${encodeURIComponent(source)}`}>
+				<a class="repl-link" href={`/repl?code=${encodeURIComponent(textToBase64(source))}`}>
 					Run in REPL
 				</a>
 			)}