From 80cc77c5f5ccaa3e154347519750501636703f08 Mon Sep 17 00:00:00 2001
From: Carter Snook <cartersnook04@gmail.com>
Date: Sat, 2 Nov 2024 11:24:50 -0500
Subject: [PATCH] fix: support UTF-8 in the playground

---
 playground/index.html | 8 ++++----
 playground/worker.js  | 8 +++-----
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/playground/index.html b/playground/index.html
index 31e2efa..f1709a1 100644
--- a/playground/index.html
+++ b/playground/index.html
@@ -9,6 +9,7 @@
       href="https://fonts.bunny.net/css?family=archivo:400,500,800|roboto-mono:400"
       rel="stylesheet"
     />
+    <script src="https://cdn.jsdelivr.net/npm/js-base64@3.7.7/base64.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.min.js"></script>
     <link
       href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.min.css "
@@ -272,8 +273,7 @@ <h2>Examples</h2>
         <div id="examples-list"></div>
       </div>
     </dialog>
-
-    <script type="module">
+    <script>
       require.config({
         paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor/min/vs" },
       });
@@ -458,7 +458,7 @@ <h2>Examples</h2>
           try {
             flavor.value = flavorCode[hash[0]];
             executionMode.value = executionModeCode[hash[2]];
-            editor.setValue(atob(hash.slice(3)));
+            editor.setValue(Base64.decode(hash.slice(3)));
           } catch (e) {
             console.error("failed to load program", e);
           }
@@ -552,7 +552,7 @@ <h2>Examples</h2>
           }
           waiting_execution = true;
           const mode = executionMode.value;
-          const newHash = `${flavor.value[0]}L${mode[0]}${btoa(
+          const newHash = `${flavor.value[0]}L${mode[0]}${Base64.encode(
             editor.getValue()
           )}`;
           if (location.hash !== "#" + newHash) {
diff --git a/playground/worker.js b/playground/worker.js
index b0f92b4..69055c9 100644
--- a/playground/worker.js
+++ b/playground/worker.js
@@ -9,11 +9,9 @@ addEventListener("message", async (e) => {
   const exports = await promise;
   const data = e.data;
   if (data.type === "codegen") {
-    const ptr = exports.allocSource(data.source.length);
-    enc.encodeInto(
-      data.source,
-      new Uint8Array(exports.memory.buffer, ptr, data.source.length)
-    );
+    const sourceBuf = enc.encode(data.source);
+    const ptr = exports.allocSource(sourceBuf.length);
+    new Uint8Array(exports.memory.buffer, ptr, sourceBuf.length).set(sourceBuf);
     const error_ptr = exports.codeGen(data.flavor, data.mode);
     if (error_ptr) {
       const error_info = new Uint32Array(exports.memory.buffer, error_ptr, 4);