Local metadata link commit at 2025-06-06 15:40:57 — file:///home/mrhavens/git-local-repos/git-sigil.git

src/components/CodeCopy.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+    import { fade, blur } from "svelte/transition";
+    import { onMount } from "svelte";
+    const COPIED_TIMEOUT = 2 * 1000
+
+    export let stayCopied = COPIED_TIMEOUT
+
+    let copied = false
+    let selfElm: HTMLButtonElement;
+    let isCodeBlock = true;
+
+    const copy = async () => {
+        if(selfElm) {
+            const preElm = selfElm.parentElement?.parentElement
+            const codeElm = preElm?.querySelector('code')
+            if(preElm?.tagName === 'PRE' && codeElm) {
+                await navigator.clipboard.writeText(codeElm.innerText);
+                copied = true
+        
+                setTimeout(() => {
+                    copied = false
+                }, stayCopied);
+            }
+        }
+        
+    };
+
+    onMount(() => {
+        const preElm = selfElm.parentElement?.parentElement
+        if(preElm && preElm.tagName === 'PRE') {
+            isCodeBlock = true
+        } else {
+            isCodeBlock = false
+        }
+    })
+</script>
+<button 
+    bind:this={selfElm} 
+    on:click={copy} 
+    class="absolute px-2 text-theme-primary dark:text-theme-dark-primary border-1 rounded-lg" 
+    style="top: 6px; right: 8px;"
+    style:display={isCodeBlock ? 'inline-block' : 'none'}
+    disabled={copied}
+>
+    {#if copied}
+        <span transition:blur={{ amount: 50, opacity: 50 }}>&check;Copied</span>
+    {:else}
+        <span transition:fade>Copy</span>
+    {/if}
+</button>