fix svelte-check issues

21 files changed, 56 insertions, 47 deletions

diff --git a/src/components/Lnurlp.svelte b/src/components/Lnurlp.svelte
index 757a2540..e613b957 100644
--- a/src/components/Lnurlp.svelte
+++ b/src/components/Lnurlp.svelte
@@ -18,7 +18,7 @@
   let metadata = $derived(data.metadata);
   let rate = $derived(data.rate);
 
-  let amount = $state(Math.round(minSendable / 1000)),
+  let amount = $state((() => Math.round(data.minSendable / 1000))()),
     loading = $state();
   let submit = () => (loading = true);
 </script>
diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte
index b952b082..c3c17925 100644
--- a/src/components/Lnurlw.svelte
+++ b/src/components/Lnurlw.svelte
@@ -20,7 +20,7 @@
   let callback = $derived(data.callback);
   let rate = $derived(data.rate);
 
-  let amount = $state(Math.round(minWithdrawable / 1000));
+  let amount = $state((() => Math.round(data.minWithdrawable / 1000))());
   let amountFiat = $derived(parseFloat(((amount * rate) / sats).toFixed(2)));
 
   let submit: HTMLButtonElement | undefined = $state();
diff --git a/src/routes/(app)/account/[id]/+page.svelte b/src/routes/(app)/account/[id]/+page.svelte
index 439d18be..0f712c7f 100644
--- a/src/routes/(app)/account/[id]/+page.svelte
+++ b/src/routes/(app)/account/[id]/+page.svelte
@@ -29,8 +29,8 @@
         ? $t("accounts.bitcoin")
         : $t("accounts.custodial"),
   );
-  let name = $state(data.account.name || displayType);
-  let currency = $state(data.account.currency || data.user.currency);
+  let name = $state((() => data.account.name || displayType)());
+  let currency = $state((() => data.account.currency || data.user.currency)());
   let userCurrency = $derived(data.user.currency);
   let locale = $derived(loc(data.user));
   let currencyChanged = $derived(currency !== userCurrency);
@@ -40,10 +40,10 @@
     updateUserCurrency = currencyChanged;
   });
 
-  let autowithdraw = $state(data.account.autowithdraw || false);
-  let threshold = $state(data.account.threshold || data.user.threshold || 1000000);
-  let reserve = $state(data.account.reserve ?? 0);
-  let destination = $state(data.account.destination || data.user.destination || "");
+  let autowithdraw = $state((() => data.account.autowithdraw || false)());
+  let threshold = $state((() => data.account.threshold || data.user.threshold || 1000000)());
+  let reserve = $state((() => data.account.reserve ?? 0)());
+  let destination = $state((() => data.account.destination || data.user.destination || "")());
 
   let rate = $derived(rates[currency]);
   let fiats = $derived(Object.keys(rates).sort((a, b) => a.localeCompare(b)));
@@ -296,8 +296,14 @@
 {/if}
 
 {#if showDeleteConfirm}
-  <div class="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4" onclick={() => (showDeleteConfirm = false)}>
-    <div class="bg-base-100 rounded-2xl p-6 max-w-sm w-full space-y-4 text-center" onclick={(e) => e.stopPropagation()}>
+  <div
+    class="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4"
+    role="button"
+    tabindex="0"
+    onclick={() => (showDeleteConfirm = false)}
+    onkeydown={(e) => e.key === "Escape" && (showDeleteConfirm = false)}
+  >
+    <div class="bg-base-100 rounded-2xl p-6 max-w-sm w-full space-y-4 text-center" role="none" onclick={(e) => e.stopPropagation()}>
       <iconify-icon noobserver icon="ph:warning-bold" width="48" class="text-error"></iconify-icon>
       <h2 class="text-xl font-semibold">{$t("accounts.deleteAccount")}</h2>
       <p class="text-secondary">{$t("accounts.deleteConfirm")}</p>
diff --git a/src/routes/(app)/dm/+page.svelte b/src/routes/(app)/dm/+page.svelte
index 67c647b0..1f1df536 100644
--- a/src/routes/(app)/dm/+page.svelte
+++ b/src/routes/(app)/dm/+page.svelte
@@ -17,9 +17,11 @@
   let { data } = $props();
   const user = $derived(data.user);
 
-  if (!user) {
-    window.location.replace("/login");
-  }
+  (() => {
+    if (!data.user) {
+      window.location.replace("/login");
+    }
+  })();
 
   /// chat selection
   const usernameFromPubkey = async (pubkey: string): Promise<string | null> => {
@@ -121,7 +123,7 @@
   let messageSenders: any[] = $state([]);
   let messageRecipients: any[] = $state([]);
   let chats: any[] = $state([]);
-  getMessageRumours(user).then(updateSendersRecipients);
+  (() => getMessageRumours(data.user).then(updateSendersRecipients))();
 
   let selectedChat: any = $state(null);
   let creatingNewChat = $state(false);
@@ -288,16 +290,16 @@
     updateEvents();
   };
 
-  libnip17.getPreferredRelays(user.pubkey).then((relays) => {
+  (() => libnip17.getPreferredRelays(data.user.pubkey).then((relays) => {
     if (!relays || relays.length == 0) {
       relayWarningShown = true;
       return;
     }
     relayWarningShown = false;
-  });
+  }))();
 
   let muted = $state(new Set<string>());
-  mutedAccounts(user).then((m) => (muted = m));
+  (() => mutedAccounts(data.user).then((m) => (muted = m)))();
 
   const toggleMute = async (pubkey: string) => {
     if (muted && muted.has(pubkey)) {
diff --git a/src/routes/(app)/fund/[id]/access/+page.svelte b/src/routes/(app)/fund/[id]/access/+page.svelte
index 24963593..49567675 100644
--- a/src/routes/(app)/fund/[id]/access/+page.svelte
+++ b/src/routes/(app)/fund/[id]/access/+page.svelte
@@ -6,7 +6,7 @@
 
   let { data } = $props();
   let { id, managers } = $derived(data);
-  let m = $state(data.managers);
+  let m = $state((() => data.managers)());
   $effect(() => (m = data.managers));
   let username = $state();
   let del = async (e, user) => {
diff --git a/src/routes/(app)/fund/[id]/withdraw/+page.svelte b/src/routes/(app)/fund/[id]/withdraw/+page.svelte
index 4ef2ad62..8dd52e6e 100644
--- a/src/routes/(app)/fund/[id]/withdraw/+page.svelte
+++ b/src/routes/(app)/fund/[id]/withdraw/+page.svelte
@@ -17,7 +17,7 @@
   let id = $derived(data.id);
   let balance = $derived(data.balance);
   let rate = $derived(data.rate);
-  let amount = $state(data.amount);
+  let amount = $state((() => data.amount)());
   let locale = $derived(loc(user));
 
   let submit = $state();
diff --git a/src/routes/(app)/invoice/[id]/paid/+page.svelte b/src/routes/(app)/invoice/[id]/paid/+page.svelte
index 39803c46..7903f510 100644
--- a/src/routes/(app)/invoice/[id]/paid/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/paid/+page.svelte
@@ -31,6 +31,7 @@
   {/if}
 </div>
 
+<!-- svelte-ignore a11y_autofocus -->
 <a bind:this={link} href={`/${user.username}`} aria-label="Continue" autofocus>
   <div class="opacity-0 w-screen h-screen fixed top-24 left-0 z-50"></div>
 </a>
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte
index 475aac02..eb38a159 100644
--- a/src/routes/(app)/invoice/[id]/tip/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/tip/+page.svelte
@@ -70,12 +70,12 @@
   let received = $derived(invoice.received);
   let prompt = $derived(invoice.prompt);
   let text = $derived(invoice.text);
-  let tip = $state(data.invoice.tip);
+  let tip = $state((() => data.invoice.tip)());
   let username = $derived(invoice.user?.username);
   let locale = $derived(loc(user));
 
   let qr;
-  let tipPercent = $state(data.invoice.amount > 0 && data.invoice.tip > 0 ? (data.invoice.tip / data.invoice.amount) * 100 : 0);
+  let tipPercent = $state((() => data.invoice.amount > 0 && data.invoice.tip > 0 ? (data.invoice.tip / data.invoice.amount) * 100 : 0)());
 
   let fullscreen;
 
diff --git a/src/routes/(app)/messages/+page.svelte b/src/routes/(app)/messages/+page.svelte
index 354b8456..a858df99 100644
--- a/src/routes/(app)/messages/+page.svelte
+++ b/src/routes/(app)/messages/+page.svelte
@@ -9,13 +9,13 @@
 
   let { data }: any = $props();
 
-  let messages: any = $state(data.messages);
-  let notes: any = $state(data.notes);
-  let invoices: any = $state(data.invoices);
-  let sent: any = $state(data.sent);
-  let received: any = $state(data.received);
-  let subject: any = $state(data.subject);
-  let user: any = $state(data.user);
+  let messages: any = $state((() => data.messages)());
+  let notes: any = $state((() => data.notes)());
+  let invoices: any = $state((() => data.invoices)());
+  let sent: any = $state((() => data.sent)());
+  let received: any = $state((() => data.received)());
+  let subject: any = $state((() => data.subject)());
+  let user: any = $state((() => data.user)());
   let refresh = (d: any) => ({ messages, notes, invoices, sent, received, subject, user } = d);
 
   let keys = new Set();
diff --git a/src/routes/(app)/messages/[recipient]/+page.svelte b/src/routes/(app)/messages/[recipient]/+page.svelte
index 15b92ea8..29c4478a 100644
--- a/src/routes/(app)/messages/[recipient]/+page.svelte
+++ b/src/routes/(app)/messages/[recipient]/+page.svelte
@@ -33,9 +33,9 @@
     };
   }
 
-  let messages: any = $state(data.messages);
-  let recipient: any = $state(data.recipient);
-  let user: any = $state(data.user);
+  let messages: any = $state((() => data.messages)());
+  let recipient: any = $state((() => data.recipient)());
+  let user: any = $state((() => data.user)());
   let input: any,
     pane: any = $state();
 
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 225baa69..1af2bb8e 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -91,7 +91,7 @@
   </div>
 {/snippet}
 
-{#snippet copyable(label, value, href)}
+{#snippet copyable(label, value, href = "")}
   {@const toggle = () => { if (expanded.has(label)) expanded.delete(label); else expanded.add(label); expanded = new Set(expanded); }}
   <div
     class="py-4 border-b border-base-300 min-h-20 cursor-pointer"
diff --git a/src/routes/(app)/pos/+page.svelte b/src/routes/(app)/pos/+page.svelte
index 6bcdd4d8..a4662395 100644
--- a/src/routes/(app)/pos/+page.svelte
+++ b/src/routes/(app)/pos/+page.svelte
@@ -14,7 +14,7 @@
   }
 
   let { data, form }: any = $props();
-  let token = $state(data.token);
+  let token = $state((() => data.token)());
 
   // --- Defaults ---
   const LITTLEFS_ADDRESS_DEFAULT = 0x3d0000; // your existing LittleFS offset
diff --git a/src/routes/(app)/send/ark/[address]/[amount]/[...feeRate]/+page.svelte b/src/routes/(app)/send/ark/[address]/[amount]/[...feeRate]/+page.svelte
index 744886ae..7098628b 100644
--- a/src/routes/(app)/send/ark/[address]/[amount]/[...feeRate]/+page.svelte
+++ b/src/routes/(app)/send/ark/[address]/[amount]/[...feeRate]/+page.svelte
@@ -68,7 +68,7 @@
 
   let { account, amount, address, message } = $derived(data as any);
 
-  let feeRate = $state((data as any).feeRate);
+  let feeRate = $state((() => (data as any).feeRate)());
 
   $effect(() => {
     if (!$rate) $rate = data.rate;
diff --git a/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
index 3d4dc139..246cc824 100644
--- a/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
+++ b/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
@@ -132,7 +132,7 @@
   let { account, amount, address, message, fee, fees, subtract, ourfee, hex, inputs, forward } =
     $derived(data);
 
-  let feeRate: any = $state(data.feeRate);
+  let feeRate: any = $state((() => data.feeRate)());
 
   $effect(() => {
     if (fees) {
diff --git a/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte b/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte
index 5b4e64f2..baeb8795 100644
--- a/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte
@@ -11,7 +11,7 @@
   import { invalidateAll } from "$app/navigation";
 
   let { data, form } = $props();
-  let amount = $state(data.amount);
+  let amount = $state((() => data.amount)());
   let user = $derived(data.user);
   let balance = $derived(user.balance);
   let currency = $derived(user.currency);
diff --git a/src/routes/(app)/send/invoice/[id]/+page.svelte b/src/routes/(app)/send/invoice/[id]/+page.svelte
index 01b4facd..61c46b76 100644
--- a/src/routes/(app)/send/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/send/invoice/[id]/+page.svelte
@@ -25,7 +25,7 @@
   let tip = $derived(data.invoice.tip);
   let currency = $derived(user.currency);
   let locale = $derived(loc(user));
-  let amount = $state(form?.amount ?? data.invoice.amount);
+  let amount = $state((() => form?.amount ?? data.invoice.amount)());
 
   let rate = $derived(invoice.rate * (data.rate / data.invoiceRate));
 
@@ -40,7 +40,7 @@
     amountFiat = af;
     if (trusted) {
       await tick();
-      formEl?.querySelector('button[type="submit"]')?.click();
+      (formEl?.querySelector('button[type="submit"]') as HTMLElement)?.click();
     }
   };
 
diff --git a/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte b/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte
index 2e478695..62329d7a 100644
--- a/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte
@@ -15,7 +15,7 @@
   let { data, form }: any = $props();
 
   let { id, request, user } = $derived({ ...data, ...form });
-  let a = $state(data.amount);
+  let a = $state((() => data.amount)());
   let { currency } = $derived(user);
   let locale = $derived(loc(user));
   let event = $state();
diff --git a/src/routes/(app)/settings/account/+page.svelte b/src/routes/(app)/settings/account/+page.svelte
index e3c6ab92..8622553e 100644
--- a/src/routes/(app)/settings/account/+page.svelte
+++ b/src/routes/(app)/settings/account/+page.svelte
@@ -12,13 +12,13 @@
   import { PUBLIC_VAPID_PUBKEY } from "$env/static/public";
 
   let { data } = $props();
-  let user = $state(data.user);
+  let user = $state((() => data.user)());
   let connect = $derived(data.connect);
   let rates = $derived(data.rates);
   let subscriptions = $derived(data.subscriptions);
-  let { currency, email, tip, verified } = $state(user);
+  let { currency, email, tip, verified } = $state((() => user)());
 
-  let fiats = Object.keys(rates).sort((a, b) => a.localeCompare(b));
+  let fiats = $derived(Object.keys(rates).sort((a, b) => a.localeCompare(b)));
 
   let push = $state(),
     pm: any,
diff --git a/src/routes/(app)/settings/nostr/+page.svelte b/src/routes/(app)/settings/nostr/+page.svelte
index 90c7bf1e..f003ae18 100644
--- a/src/routes/(app)/settings/nostr/+page.svelte
+++ b/src/routes/(app)/settings/nostr/+page.svelte
@@ -45,10 +45,10 @@
   import { PUBLIC_DM_RELAYS } from "$env/static/public";
   const DM_RELAYS_LIST = PUBLIC_DM_RELAYS.split(",");
   const pool = new SimplePool();
-  getPreferredRelays(user.pubkey).then((relays) => {
+  (() => getPreferredRelays(data.user.pubkey).then((relays) => {
     const relayEntry = document.getElementById("dmRelays") as HTMLTextAreaElement | null;
     if (relayEntry) relayEntry.value = relays.join("\n");
-  });
+  }))();
 </script>
 
 <input type="hidden" name="challenge" value={challenge} />
diff --git a/src/routes/(static)/register/+page.svelte b/src/routes/(static)/register/+page.svelte
index 0d32cf21..3441b95c 100644
--- a/src/routes/(static)/register/+page.svelte
+++ b/src/routes/(static)/register/+page.svelte
@@ -10,7 +10,7 @@
   let { data }: any = $props();
 
   let username: string | undefined = $state();
-  let index = $state(data.index);
+  let index = $state((() => data.index)());
 
   let cleared: boolean;
   let clear = () => {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c68934b2..9047c382 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -41,8 +41,8 @@
     if (!browser) return;
 
     // Pick up install prompt captured early in app.html
-    if (window.__installPrompt) {
-      $installPrompt = window.__installPrompt;
+    if ((window as any).__installPrompt) {
+      $installPrompt = (window as any).__installPrompt;
     }
     window.addEventListener("beforeinstallprompt", (event) => {
       event.preventDefault();