From ac3a6407a95879ce68e28a1633697de6d7a95770 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 16 Jan 2025 14:56:32 -0800
Subject: event viewer and zaps

---
 .../send/zap/[pubkey]/[...id]/+page.server.ts      | 41 +++++++++
 .../(app)/send/zap/[pubkey]/[...id]/+page.svelte   | 99 ++++++++++++++++++++++
 2 files changed, 140 insertions(+)
 create mode 100644 src/routes/(app)/send/zap/[pubkey]/[...id]/+page.server.ts
 create mode 100644 src/routes/(app)/send/zap/[pubkey]/[...id]/+page.svelte

(limited to 'src/routes/(app)/send')

diff --git a/src/routes/(app)/send/zap/[pubkey]/[...id]/+page.server.ts b/src/routes/(app)/send/zap/[pubkey]/[...id]/+page.server.ts
new file mode 100644
index 00000000..1dd80d20
--- /dev/null
+++ b/src/routes/(app)/send/zap/[pubkey]/[...id]/+page.server.ts
@@ -0,0 +1,41 @@
+import getRates from "$lib/rates";
+import { auth, fd, post } from "$lib/utils";
+import { fail, redirect } from "@sveltejs/kit";
+
+export async function load({ params, parent }) {
+	const { user } = await parent();
+	const data = { ...params };
+	const rates = await getRates();
+
+	data.rate = rates[user.currency];
+	return data;
+}
+
+export const actions = {
+	setAmount: async ({ cookies, params, request }) => {
+		const data = await fd(request);
+		const { id, pubkey } = params;
+		const { amount } = data;
+
+		data.request = await post(
+			"/zapRequest",
+			{ id, amount, pubkey },
+			auth(cookies),
+		);
+
+		return data;
+	},
+
+	send: async ({ cookies, request }) => {
+		let p;
+		try {
+			const body = await fd(request);
+
+			p = await post("/payments", body, auth(cookies));
+		} catch (_) {
+			return fail(400, { message: "payments.failedToRoute" });
+		}
+
+		redirect(307, `/sent/${p.id}`);
+	},
+};
diff --git a/src/routes/(app)/send/zap/[pubkey]/[...id]/+page.svelte b/src/routes/(app)/send/zap/[pubkey]/[...id]/+page.svelte
new file mode 100644
index 00000000..4a4928ea
--- /dev/null
+++ b/src/routes/(app)/send/zap/[pubkey]/[...id]/+page.svelte
@@ -0,0 +1,99 @@
+<script>
+  import { goto } from "$app/navigation";
+  import { untrack } from "svelte";
+  import { t } from "$lib/translations";
+  import { enhance } from "$app/forms";
+  import Amount from "$comp/Amount.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
+  import { page } from "$app/stores";
+  import { loc, back, post, toFiat, f, s, focus } from "$lib/utils";
+  import { sign, send } from "$lib/nostr";
+  import { rate, pin } from "$lib/store";
+
+  let { data, form } = $props();
+
+  let { id, request, user } = $derived({ ...data, ...form });
+  let a = $state();
+  let { currency } = $derived(user);
+  let locale = loc(user);
+  let event = $state();
+
+  $effect(() => ($rate ||= data.rate));
+  $effect(async () => {
+    if (form) {
+      loading = false;
+      event = await sign(request);
+      let { pr } = await post("/post/zap", { event });
+      goto(`/send/lightning/${pr}`);
+    }
+  });
+
+  let showMax = $state();
+
+  let loading = $state();
+  let submit = () => (loading = true);
+
+  let next = $state();
+  let toggle = () => (show = !show);
+  let amount = $derived(form?.amount || data.amount);
+  let maxfee = $state(Math.max(5, Math.round(untrack(() => amount) * 0.005)));
+</script>
+
+<div class="container px-4 max-w-xl mx-auto text-center space-y-2">
+  {#if form?.message}
+    <div class="text-red-600 text-center">
+      {$t(form.message)}
+    </div>
+  {/if}
+  {#if amount}
+    <div>
+      <h1 class="text-lg text-secondary">
+        {$t("payments.send")}
+      </h1>
+
+      <Amount {amount} rate={$rate} {currency} {locale} />
+    </div>
+
+    <form
+      method="POST"
+      use:enhance
+      onsubmit={submit}
+      action="?/send"
+      class="space-y-2"
+    >
+      <input name="event" value={event} type="hidden" />
+      <input name="amount" value={amount} type="hidden" />
+      <input name="pin" value={$pin} type="hidden" />
+
+      <button
+        type="submit"
+        class="btn btn-primary"
+        disabled={loading}
+        use:focus
+      >
+        {#if loading}
+          <Spinner />
+        {:else}
+          {$t("payments.send")}
+        {/if}
+      </button>
+    </form>
+  {:else}
+    <form method="POST" action="?/setAmount" class="space-y-2" use:enhance>
+      <input type="hidden" value={a} name="amount" />
+      <input name="rate" value={$rate} type="hidden" />
+
+      <Numpad
+        bind:amount={a}
+        {currency}
+        {locale}
+        bind:rate={$rate}
+        submit={next}
+      />
+      <button type="submit" class="btn" bind:this={next}
+        >{$t("payments.next")}</button
+      >
+    </form>
+  {/if}
+</div>
-- 
cgit v1.2.3