copy lnurl

1 files changed, 30 insertions, 2 deletions

diff --git a/src/routes/(app)/[username]/accepted/[text]/+page.svelte b/src/routes/(app)/[username]/accepted/[text]/+page.svelte
index 394cf3f7..8add5f48 100644
--- a/src/routes/(app)/[username]/accepted/[text]/+page.svelte
+++ b/src/routes/(app)/[username]/accepted/[text]/+page.svelte
@@ -2,10 +2,25 @@
   import Icon from "$comp/Icon.svelte";
   import Qr from "$comp/Qr.svelte";
   import { back, copy } from "$lib/utils";
+  import { bech32 } from "@scure/base";
+  import { page } from "$app/stores";
+  import { PUBLIC_DOMAIN } from "$env/static/public";
+
+  let { encode, toWords } = bech32;
   let { data } = $props();
   let { nfc, text } = $derived(data);
   let { username } = $derived(data.subject);
   let url = `https://coinos.io/p/${username.toLowerCase()}`;
+
+  let lnurl = $derived(
+    `https://${PUBLIC_DOMAIN}/ln/${encode(
+      "lnurl",
+      toWords(
+        new TextEncoder().encode(`https://${PUBLIC_DOMAIN}/p/${username}`),
+      ),
+      20000,
+    )}`,
+  );
 </script>
 
 <div class="px-2">
@@ -20,12 +35,25 @@
       <!-- </h3> -->
     </div>
     {#if nfc}
-      <img src="/images/tap.png" class="w-24 absolute top-44 left-4 rotate-[-10deg]" />
-      <img src="/images/arrow.png" class="w-24 scale-x-[-1] rotate-[120deg] absolute top-44 left-40 w-20 h-52" />
+      <img
+        src="/images/tap.png"
+        class="w-24 absolute top-44 left-4 rotate-[-10deg]"
+      />
+      <img
+        src="/images/arrow.png"
+        class="w-24 scale-x-[-1] rotate-[120deg] absolute top-44 left-40 w-20 h-52"
+      />
     {/if}
     <Qr {text} />
     <div class="text-center text-4xl font-bold break-all">
       coinos.io/{username.toLowerCase()}
     </div>
   </div>
+
+  {#if nfc}
+    <button onclick={() => copy(lnurl)} class="flex gap-1 m-auto my-8">
+      <iconify-icon icon="ph:copy-bold" width={32}></iconify-icon>
+      LNURL</button
+    >
+  {/if}
 </div>