From 5ce0bb3996411df0b2d24f10e971eb79fe403800 Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Tue, 1 Apr 2025 11:51:10 -0400
Subject: [PATCH] back to enums

---
 .../components/MultiCodeContextless.svelte    |  8 +-
 src/markdoc/nodes/Fence.svelte                |  8 +-
 src/markdoc/tags/MultiCode.svelte             |  9 +--
 .../changelog/entry/[entry]/+page.svelte      |  8 +-
 .../(components)/MultiFrameworkCode.svelte    |  8 +-
 .../(components)/MultiFrameworkCode.svelte    |  8 +-
 src/routes/threads/[id]/CodeRenderer.svelte   | 74 +++++++++----------
 svelte.config.js                              |  2 +-
 8 files changed, 59 insertions(+), 66 deletions(-)

diff --git a/src/lib/components/MultiCodeContextless.svelte b/src/lib/components/MultiCodeContextless.svelte
index e00cb017a..4b8b58dbb 100644
--- a/src/lib/components/MultiCodeContextless.svelte
+++ b/src/lib/components/MultiCodeContextless.svelte
@@ -22,10 +22,10 @@
         }
     });
 
-    const CopyStatus = {
-        Copy: 'Copy',
-        Copied: 'Copied!'
-    };
+  const enum CopyStatus {
+        Copy = 'Copy',
+        Copied = 'Copied!'
+    }
 
     let copyText = CopyStatus.Copy;
     async function handleCopy() {
diff --git a/src/markdoc/nodes/Fence.svelte b/src/markdoc/nodes/Fence.svelte
index 771b17a6c..7d03619da 100644
--- a/src/markdoc/nodes/Fence.svelte
+++ b/src/markdoc/nodes/Fence.svelte
@@ -31,10 +31,10 @@
     const insideMultiCode = hasContext('multi-code');
     const selected = insideMultiCode ? getContext<CodeContext>('multi-code').selected : null;
 
-    const CopyStatus = {
-        Copy: 'Copy',
-        Copied: 'Copied!'
-    };
+    const enum CopyStatus {
+        Copy = 'Copy',
+        Copied = 'Copied!'
+    }
 
     let copyText = $state(CopyStatus.Copy);
     async function handleCopy() {
diff --git a/src/markdoc/tags/MultiCode.svelte b/src/markdoc/tags/MultiCode.svelte
index ec659c366..7ef07272a 100644
--- a/src/markdoc/tags/MultiCode.svelte
+++ b/src/markdoc/tags/MultiCode.svelte
@@ -48,11 +48,10 @@
         }
     });
 
-    const CopyStatus = {
-        Copy: 'Copy',
-        Copied: 'Copied!'
-    };
-
+    const enum CopyStatus {
+        Copy = 'Copy',
+        Copied = 'Copied!'
+    }
     let copyText = $state(CopyStatus.Copy);
 
     async function handleCopy() {
diff --git a/src/routes/changelog/entry/[entry]/+page.svelte b/src/routes/changelog/entry/[entry]/+page.svelte
index eaf8f84fd..3f1d1c20e 100644
--- a/src/routes/changelog/entry/[entry]/+page.svelte
+++ b/src/routes/changelog/entry/[entry]/+page.svelte
@@ -21,10 +21,10 @@
 
     const sharingOptions = socialSharingOptions.filter((option) => option.label !== 'YCombinator');
 
-    const CopyStatus = {
-        Copy: 'Copy',
-        Copied: 'Copied!'
-    };
+    const enum CopyStatus {
+        Copy = 'Copy',
+        Copied = 'Copied!'
+    }
 
     let copyText = CopyStatus.Copy;
     async function handleCopy() {
diff --git a/src/routes/products/auth/(components)/MultiFrameworkCode.svelte b/src/routes/products/auth/(components)/MultiFrameworkCode.svelte
index f696bd05b..e80d349ae 100644
--- a/src/routes/products/auth/(components)/MultiFrameworkCode.svelte
+++ b/src/routes/products/auth/(components)/MultiFrameworkCode.svelte
@@ -22,10 +22,10 @@
         }
     });
 
-    const CopyStatus = {
-        Copy: 'Copy',
-        Copied: 'Copied!'
-    };
+    const enum CopyStatus {
+        Copy = 'Copy',
+        Copied = 'Copied!'
+    }
 
     let copyText = CopyStatus.Copy;
     async function handleCopy() {
diff --git a/src/routes/products/functions/(components)/MultiFrameworkCode.svelte b/src/routes/products/functions/(components)/MultiFrameworkCode.svelte
index f696bd05b..e80d349ae 100644
--- a/src/routes/products/functions/(components)/MultiFrameworkCode.svelte
+++ b/src/routes/products/functions/(components)/MultiFrameworkCode.svelte
@@ -22,10 +22,10 @@
         }
     });
 
-    const CopyStatus = {
-        Copy: 'Copy',
-        Copied: 'Copied!'
-    };
+    const enum CopyStatus {
+        Copy = 'Copy',
+        Copied = 'Copied!'
+    }
 
     let copyText = CopyStatus.Copy;
     async function handleCopy() {
diff --git a/src/routes/threads/[id]/CodeRenderer.svelte b/src/routes/threads/[id]/CodeRenderer.svelte
index 96a1c25f9..71a7700cc 100644
--- a/src/routes/threads/[id]/CodeRenderer.svelte
+++ b/src/routes/threads/[id]/CodeRenderer.svelte
@@ -1,32 +1,28 @@
 <script lang="ts">
-    import { Tooltip } from '$lib/components';
-    import { getCodeHtml, type Language } from '$lib/utils/code';
-    import { copy } from '$lib/utils/copy';
-    import { platformMap } from '$lib/utils/references';
     import '$scss/hljs.css';
+    import { getCodeHtml, type Language } from '$lib/utils/code';
     import { getContext, hasContext } from 'svelte';
+    import { platformMap } from '$lib/utils/references';
+    import { Tooltip } from '$lib/components';
+    import { copy } from '$lib/utils/copy';
 
-    import type { CodeContext } from '$markdoc/tags/MultiCode.svelte';
     import { melt } from '@melt-ui/svelte';
+    import type { CodeContext } from '$markdoc/tags/MultiCode.svelte';
 
-    interface Props {
-        text: string;
-        language?: Language;
-        process?: boolean;
-        withLineNumbers?: boolean;
-    }
-
-    let { text, language = 'typescript', process = true, withLineNumbers = true }: Props = $props();
+    export let text: string;
+    export let language: Language = 'typescript';
+    export let process = true;
+    export let withLineNumbers = true;
 
     const insideMultiCode = hasContext('multi-code');
     const selected = insideMultiCode ? getContext<CodeContext>('multi-code').selected : null;
 
-    const CopyStatus = {
-        Copy: 'Copy',
-        Copied: 'Copied!'
-    };
-
-    let copyText = $state(CopyStatus.Copy);
+    const enum CopyStatus {
+        Copy = 'Copy',
+        Copied = 'Copied!'
+    }
+    
+    let copyText = CopyStatus.Copy;
     async function handleCopy() {
         await copy(text);
 
@@ -52,15 +48,13 @@
         });
     }
 
-    let result = $derived(
-        process
-            ? getCodeHtml({
-                  content: text,
-                  language: language ?? 'sh',
-                  withLineNumbers
-              })
-            : text
-    );
+    $: result = process
+        ? getCodeHtml({
+              content: text,
+              language: language ?? 'sh',
+              withLineNumbers
+          })
+        : text;
 </script>
 
 {#if insideMultiCode}
@@ -84,19 +78,19 @@
                 <ul class="buttons-list flex gap-2">
                     <li class="buttons-list-item ps-5">
                         <Tooltip>
-                            {#snippet asChild({ trigger })}
-                                <button
-                                    use:melt={trigger}
-                                    onclick={handleCopy}
-                                    class="web-icon-button"
-                                    aria-label="copy code from code-snippet"
-                                >
-                                    <span class="web-icon-copy" aria-hidden="true"></span>
-                                </button>
-                            {/snippet}
-                            {#snippet tooltip()}
+                            <button
+                                slot="asChild"
+                                let:trigger
+                                use:melt={trigger}
+                                on:click={handleCopy}
+                                class="web-icon-button"
+                                aria-label="copy code from code-snippet"
+                            >
+                                <span class="web-icon-copy" aria-hidden="true"></span>
+                            </button>
+                            <svelte:fragment slot="tooltip">
                                 {copyText}
-                            {/snippet}
+                            </svelte:fragment>
                         </Tooltip>
                     </li>
                 </ul>
diff --git a/svelte.config.js b/svelte.config.js
index b00e592ff..b3e2bfaef 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -10,7 +10,7 @@ const config = {
     // Consult https://kit.svelte.dev/docs/integrations#preprocessors
     // for more information about preprocessors
     preprocess: sequence([
-        vitePreprocess({ script: true}),
+        vitePreprocess(),
         markdoc({
             generateSchema: true,
             nodes: absolute('./src/markdoc/nodes/_Module.svelte'),