centralize email copy rigging

Author: emmnull

src/lib/components/footer.svelte

@@ -1,12 +1,10 @@
 <script lang="ts">
-  import { PUBLIC_EMAIL } from '$env/static/public';
   import { nav } from '$lib/data/nav';
   import { links } from '$lib/data/profile';
+  import { email } from '$lib/rigs/email.svelte';
   import { getLinkAttributes } from '$lib/rigs/link.svelte';
   import { ArrowUp, CopyCheck, Mail } from 'lucide-svelte';
   import Ripple from './ripple.svelte';
-
-  let copied = $state<ReturnType<typeof setTimeout>>();
 </script>
 
 <footer
@@ -51,14 +49,8 @@
       {/each}
       <button
         class="button-ghost aspect-square cursor-copy"
-        aria-pressed={copied != null || undefined}
-        onpointerdown={() => {
-          navigator.clipboard.writeText(PUBLIC_EMAIL);
-          clearTimeout(copied);
-          copied = setTimeout(() => {
-            copied = undefined;
-          }, 1500);
-        }}
+        aria-pressed={email.copied != null || undefined}
+        onpointerdown={email.copy}
       >
         <Ripple />
         <Mail

src/lib/rigs/email.svelte.ts

@@ -0,0 +1,16 @@
+import { PUBLIC_EMAIL } from '$env/static/public';
+
+let copied = $state<ReturnType<typeof setTimeout>>();
+
+export const email = {
+  get copied() {
+    return copied;
+  },
+  copy() {
+    navigator.clipboard.writeText(PUBLIC_EMAIL);
+    clearTimeout(copied);
+    copied = setTimeout(() => {
+      copied = undefined;
+    }, 1500);
+  },
+};

src/routes/(site)/skills.svelte

@@ -1,14 +1,12 @@
 <script lang="ts">
-  import { PUBLIC_EMAIL } from '$env/static/public';
   import { tags_details } from '$lib/data/meta';
   import { skills } from '$lib/data/profile';
+  import { email } from '$lib/rigs/email.svelte';
   import * as m from '$messages';
   import { AtSign, CopyCheck, Send } from 'lucide-svelte';
   import { on } from 'svelte/events';
 
   const phrases = m.skills_phrases().split(/(?<=,)/);
-
-  let copied = $state<ReturnType<typeof setTimeout>>();
 </script>
 
 <section
@@ -113,15 +111,9 @@
     </li>
   </ul>
   <button
-    aria-pressed={copied != null || undefined}
+    aria-pressed={email.copied != null || undefined}
     class="group flex cursor-copy items-center gap-[1em] self-end"
-    onpointerdown={() => {
-      navigator.clipboard.writeText(PUBLIC_EMAIL);
-      clearTimeout(copied);
-      copied = setTimeout(() => {
-        copied = undefined;
-      }, 1500);
-    }}
+    onpointerdown={email.copy}
   >
     <div class="button-cta">
       <span