From 11b981a1a58d96460d599726fe90565caa06b706 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 13 Sep 2024 12:18:28 -0700
Subject: remove transitions

---
 src/lib/parse.ts | 7 -------
 1 file changed, 7 deletions(-)

(limited to 'src/lib/parse.ts')

diff --git a/src/lib/parse.ts b/src/lib/parse.ts
index 6995f207..5bf5ffb0 100644
--- a/src/lib/parse.ts
+++ b/src/lib/parse.ts
@@ -45,16 +45,9 @@ export default async (t, host) => {
 
   // bitcoin
   if (validate(t) || isLiquid(t)) {
-    try {
-      ({ id, user } = await get(`/invoice/${t}`));
-    } catch (e) {
       let r = `/send/bitcoin/${t}`;
       if (amount) r += "/" + amount;
       redirect(307, r);
-    }
-
-    if (user) redirect(307, `/pay/${user.username}`);
-    else if (id) redirect(307, `/send/${id}`);
   }
 
   if (t.startsWith("cashu")) {
-- 
cgit v1.2.3


From 081538cc6a6c49c8b2eb34d682c880e40876d99b Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 16 Sep 2024 06:11:45 -0700
Subject: account setup

---
 src/components/Account.svelte                     |  6 +-
 src/components/Items.svelte                       |  2 +-
 src/lib/parse.ts                                  |  6 +-
 src/routes/(app)/+layout.server.ts                |  4 +-
 src/routes/(app)/account/cash/+page.svelte        | 46 +++++++-----
 src/routes/(app)/account/mints/+page.svelte       |  1 +
 src/routes/(app)/account/pass/+page.svelte        | 87 +++++++++++++++++++++++
 src/routes/(app)/account/savings/+page.svelte     | 31 ++++++++
 src/routes/(app)/account/seed/+page.svelte        | 85 ++++++++++++++++++++++
 src/routes/(app)/account/self/+page.svelte        | 59 ---------------
 src/routes/(app)/account/setup/+page.svelte       | 41 ++++++-----
 src/routes/(app)/account/setup/step2/+page.svelte | 68 ------------------
 12 files changed, 262 insertions(+), 174 deletions(-)
 create mode 100644 src/routes/(app)/account/mints/+page.svelte
 create mode 100644 src/routes/(app)/account/pass/+page.svelte
 create mode 100644 src/routes/(app)/account/savings/+page.svelte
 create mode 100644 src/routes/(app)/account/seed/+page.svelte
 delete mode 100644 src/routes/(app)/account/self/+page.svelte
 delete mode 100644 src/routes/(app)/account/setup/step2/+page.svelte

(limited to 'src/lib/parse.ts')

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index ab24f56a..d52c4f52 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -9,10 +9,10 @@
   $: type = seed ? "Savings" : "Cash";
 
   $: refresh(account);
-    let refresh = (a) => ({ seed, balance, id } = a)
+  let refresh = (a) => ({ seed, balance, id } = a);
 
-  let setAccount = () => 
-    document.cookie = `account=${id}; path=/; max-age=86400`;
+  let setAccount = () =>
+    (document.cookie = `account=${id}; path=/; max-age=86400`);
 </script>
 
 <a href={`/payments`} class="block" on:click={setAccount}>
diff --git a/src/components/Items.svelte b/src/components/Items.svelte
index 47966d8e..2916721d 100644
--- a/src/components/Items.svelte
+++ b/src/components/Items.svelte
@@ -15,7 +15,7 @@
   import DeleteItem from "$comp/DeleteItem.svelte";
   import Icon from "$comp/Icon.svelte";
 
-    export let subject, user, items, rate, currency, total;
+  export let subject, user, items, rate, currency, total;
 
   let flipDurationMs = 200;
   let dropTargetStyle = {};
diff --git a/src/lib/parse.ts b/src/lib/parse.ts
index 5bf5ffb0..781c7087 100644
--- a/src/lib/parse.ts
+++ b/src/lib/parse.ts
@@ -45,9 +45,9 @@ export default async (t, host) => {
 
   // bitcoin
   if (validate(t) || isLiquid(t)) {
-      let r = `/send/bitcoin/${t}`;
-      if (amount) r += "/" + amount;
-      redirect(307, r);
+    let r = `/send/bitcoin/${t}`;
+    if (amount) r += "/" + amount;
+    redirect(307, r);
   }
 
   if (t.startsWith("cashu")) {
diff --git a/src/routes/(app)/+layout.server.ts b/src/routes/(app)/+layout.server.ts
index e4105fb8..0901cb5d 100644
--- a/src/routes/(app)/+layout.server.ts
+++ b/src/routes/(app)/+layout.server.ts
@@ -39,12 +39,12 @@ export async function load({ cookies, request, url, params }) {
     redirect(307, `/${user.username}`);
   }
 
-  if ( protectedRoutes.find((p) => pathname.match(p)) && (!user)) {
+  if (protectedRoutes.find((p) => pathname.match(p)) && !user) {
     redirect(307, "/login");
   }
 
   if (user && !user.pubkey && !pathname.includes("generate")) {
-    console.log("user missing pubkey", user)
+    console.log("user missing pubkey", user);
     redirect(303, `/${user.username}/generate`);
   }
 
diff --git a/src/routes/(app)/account/cash/+page.svelte b/src/routes/(app)/account/cash/+page.svelte
index de0092a4..b0e2e757 100644
--- a/src/routes/(app)/account/cash/+page.svelte
+++ b/src/routes/(app)/account/cash/+page.svelte
@@ -1,29 +1,37 @@
 <script>
   import { t } from "$lib/translations";
+  import Icon from "$comp/Icon.svelte";
 </script>
 
 <div class="space-y-5">
   <h1 class="text-center text-3xl font-semibold">Choose your custodian</h1>
 
-  <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
-    <a href="/account/cash">
-    <div class="shadow p-8 rounded-xl flex gap-4">
-      <img src="/icons/logo-symbol.svg" class="w-20" />
-      <div>
-      <div class="text-xl">Coinos</div>
-      <div class="text-secondary">
-        https://mint.coinos.io
-      </div>
-      </div>
-    </div>
-    <div class="shadow p-8 rounded-xl flex gap-4">
-      <img src="/images/minibits.png" class="w-20" />
-      <div>
-      <div class="text-xl">Minibits</div>
-      <div class="text-secondary">
-        https://mint.minibits.cash/bitcoin
-      </div>
-      </div>
+  <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-2">
+    <div class="space-y-5">
+      <a href="/account/cash" class="block">
+        <div class="shadow p-8 rounded-xl flex gap-4 hover:bg-primary">
+          <img src="/icons/logo-symbol.svg" class="w-20" />
+          <div>
+            <div class="text-xl">Coinos</div>
+            <div class="text-secondary">https://mint.coinos.io</div>
+          </div>
+        </div>
+      </a>
+      <a href="/account/cash" class="block">
+        <div class="shadow p-8 rounded-xl flex gap-4 hover:bg-primary">
+          <img src="/images/minibits.png" class="w-20" />
+          <div>
+            <div class="text-xl">Minibits</div>
+            <div class="text-secondary">https://mint.minibits.cash/bitcoin</div>
+          </div>
+        </div>
+      </a>
     </div>
+    <!-- <a href="/account/mints" class="block"> -->
+    <!--   <div class="p-4 border rounded-xl flex justify-center gap-2"> -->
+    <!--     <Icon icon="plus" style="w-8 my-auto" /> -->
+    <!--     <div class="text-xl my-auto">More</div> -->
+    <!--   </div> -->
+    <!-- </a> -->
   </div>
 </div>
diff --git a/src/routes/(app)/account/mints/+page.svelte b/src/routes/(app)/account/mints/+page.svelte
new file mode 100644
index 00000000..1080269e
--- /dev/null
+++ b/src/routes/(app)/account/mints/+page.svelte
@@ -0,0 +1 @@
+mints
diff --git a/src/routes/(app)/account/pass/+page.svelte b/src/routes/(app)/account/pass/+page.svelte
new file mode 100644
index 00000000..b6c7f339
--- /dev/null
+++ b/src/routes/(app)/account/pass/+page.svelte
@@ -0,0 +1,87 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { t } from "$lib/translations";
+  import { mnemonic } from "$lib/store";
+  import Icon from "$comp/Icon.svelte";
+  import { encrypt } from "nostr-tools/nip49";
+  import {
+    mnemonicToSeed,
+    mnemonicToEntropy,
+    entropyToMnemonic,
+  } from "@scure/bip39";
+  import { wordlist } from "@scure/bip39/wordlists/english";
+  import { focus, versions, fail, post } from "$lib/utils";
+  import { goto } from "$app/navigation";
+  import { HDKey } from "@scure/bip32";
+
+  export let data;
+
+  let { user } = data;
+
+  let confirm, password;
+
+  onMount(() => {
+      if (!$mnemonic) goto("/account/savings");
+  });
+
+  let submit = async () => {
+    if (!password || password !== confirm) {
+      fail("Passwords don't match");
+      return;
+    }
+
+    try {
+      let seed = await encrypt(
+        mnemonicToEntropy($mnemonic, wordlist),
+        password
+      );
+      let master = HDKey.fromMasterSeed(
+        await mnemonicToSeed($mnemonic, password),
+        versions
+      );
+      let child = master.derive("m/84'/0'/0'");
+      let pubkey = child.publicExtendedKey;
+      let fingerprint = child.fingerprint.toString(16).padStart(8, "0");
+
+      let receiving = child.deriveChild(0);
+      await post("/api/accounts", { fingerprint, pubkey, seed });
+      goto(`/${user.username}`);
+    } catch (e) {
+      console.log(e);
+      fail(e.message);
+    }
+
+    $mnemonic = "";
+  };
+</script>
+
+<div class="space-y-5">
+  <div>
+    <h1 class="text-center text-3xl font-semibold">Account password</h1>
+  </div>
+
+  <form
+    on:submit|preventDefault={submit}
+    class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5"
+  >
+    <p class="text-secondary mb-1">
+      Please add a password to the account. It should be different than your
+      login password. <b class="text-red-700">We won't be able to reset it.</b> You'll
+      need it to make withdrawals.
+    </p>
+
+    <input use:focus type="text" placeholder="Password" bind:value={password} />
+    <input
+      use:focus
+      type="text"
+      placeholder="Confirm password"
+      bind:value={confirm}
+    />
+
+    <button
+      class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
+    >
+      Submit
+    </button>
+  </form>
+</div>
diff --git a/src/routes/(app)/account/savings/+page.svelte b/src/routes/(app)/account/savings/+page.svelte
new file mode 100644
index 00000000..8d52f997
--- /dev/null
+++ b/src/routes/(app)/account/savings/+page.svelte
@@ -0,0 +1,31 @@
+<script>
+  import { t } from "$lib/translations";
+  import Icon from "$comp/Icon.svelte";
+</script>
+
+<div class="space-y-5">
+  <h1 class="text-center text-3xl font-semibold">Wallet setup</h1>
+
+  <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-2">
+    <div class="space-y-5">
+      <a href="/account/seed" class="block">
+        <div class="shadow p-8 rounded-xl flex gap-4 hover:bg-primary">
+          <img src="/icons/random.svg" class="w-20" />
+          <div>
+            <div class="text-xl">Create</div>
+            <div class="text-secondary">Generate a new seed phrase in your browser</div>
+          </div>
+        </div>
+      </a>
+      <a href="/account/import" class="block">
+        <div class="shadow p-8 rounded-xl flex gap-4 hover:bg-primary">
+          <img src="/images/keys.png" class="w-20" />
+          <div>
+            <div class="text-xl">Import</div>
+            <div class="text-secondary">Enter an existing seed phrase or wallet key</div>
+          </div>
+        </div>
+      </a>
+    </div>
+  </div>
+</div>
diff --git a/src/routes/(app)/account/seed/+page.svelte b/src/routes/(app)/account/seed/+page.svelte
new file mode 100644
index 00000000..9c19e820
--- /dev/null
+++ b/src/routes/(app)/account/seed/+page.svelte
@@ -0,0 +1,85 @@
+<script>
+  import { browser } from "$app/environment";
+  import { tick, onMount } from "svelte";
+  import { copy } from "$lib/utils";
+  import { t } from "$lib/translations";
+  import Icon from "$comp/Icon.svelte";
+  import { mnemonic } from "$lib/store";
+  import { generateMnemonic } from "@scure/bip39";
+  import { wordlist } from "@scure/bip39/wordlists/english";
+
+  export let data;
+  let { user } = data;
+
+  onMount(async () => {
+    if (!browser) return;
+    await generate();
+  });
+
+  let generate = async () => {
+    $mnemonic = "- - - - - - - - - - - -";
+    await tick();
+    await new Promise((r) => setTimeout(r, 250));
+    $mnemonic = await generateMnemonic(wordlist);
+  };
+</script>
+
+<div class="space-y-5">
+  <h1 class="text-center text-3xl font-semibold">Seed phrase</h1>
+
+  <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
+    {#if $mnemonic}
+      <div
+        class="text-2xl border p-4 rounded-2xl text-secondary grid grid-rows-6 grid-flow-col gap-2 justify-center gap-x-40"
+      >
+        {#each $mnemonic.split(" ") as w, i}
+          <div>
+            <span class="select-none text-sm text-black">{i + 1}.</span>
+            <span>{@html w === "-" ? "&mdash;" : w}</span>
+          </div>
+        {/each}
+      </div>
+    {/if}
+
+    <div>
+      <button
+        type="button"
+        class="flex gap-2 text-center break-all rounded-2xl hover:opacity-80 py-5 px-6 w-full mx-auto justify-center border whitespace-nowrap mb-2"
+        on:click={generate}
+      >
+        <Icon icon="random" style="w-8 my-auto" />
+        <div class="my-auto">Regenerate</div>
+      </button>
+
+      <button
+        type="button"
+        class="flex gap-2 text-center break-all rounded-2xl hover:opacity-80 py-5 px-6 w-full mx-auto justify-center border whitespace-nowrap mb-2"
+        on:click={() => copy($mnemonic)}
+      >
+        <Icon icon="copy" style="w-8 my-auto" />
+        <div class="my-auto">
+          {$t("payments.copy")}
+        </div>
+      </button>
+    </div>
+
+    <div class="flex gap-2">
+      <a href={`/account/savings`} class="contents">
+        <button
+          type="button"
+          class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
+        >
+          Back
+        </button>
+      </a>
+      <a href={`/account/pass`} class="contents">
+        <button
+          type="button"
+          class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
+        >
+          Next
+        </button>
+      </a>
+    </div>
+  </div>
+</div>
diff --git a/src/routes/(app)/account/self/+page.svelte b/src/routes/(app)/account/self/+page.svelte
deleted file mode 100644
index 833def87..00000000
--- a/src/routes/(app)/account/self/+page.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-<script>
-  import { copy } from "$lib/utils";
-  import { t } from "$lib/translations";
-  import Icon from "$comp/Icon.svelte";
-  import { mnemonic } from "$lib/store";
-  import { generateMnemonic } from "@scure/bip39";
-  import { wordlist } from "@scure/bip39/wordlists/english";
-
-  export let data;
-  let { user } = data;
-
-  let reveal;
-
-  let toggleSeed = async () => {
-    try {
-      $mnemonic = await generateMnemonic(wordlist);
-      reveal = !reveal;
-    } catch (e) {
-      console.log(e);
-    }
-  };
-</script>
-
-<div class="space-y-5">
-  <h1 class="text-center text-3xl font-semibold">Account setup</h1>
-  <h2 class="text-center text-2xl text-secondary">Step 1</h2>
-
-  <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
-    <p class="text-secondary mb-1">
-      Whoever knows these words in the correct order can withdraw funds from the account. We can't
-      recover them if you lose them.
-    </p>
-
-    {#if reveal}
-      <div class="text-2xl border p-4 text-center rounded-2xl">
-        {$mnemonic}
-      </div>
-
-      <div>
-        <a href={`/account/setup/step2`} class="contents">
-          <button
-            type="button"
-            class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
-            on:click={toggleSeed}
-          >
-            I've written down my seed phrase
-          </button>
-        </a>
-      </div>
-    {:else}
-      <div class="flex justify-center">
-        <button type="button" class="primary" on:click={toggleSeed}>
-          <Icon icon="warning" style="mr-2 w-6 my-auto" />
-          {$t("user.settings.revealSeed")}
-        </button>
-      </div>
-    {/if}
-  </div>
-</div>
diff --git a/src/routes/(app)/account/setup/+page.svelte b/src/routes/(app)/account/setup/+page.svelte
index f19c4c96..8304c5ed 100644
--- a/src/routes/(app)/account/setup/+page.svelte
+++ b/src/routes/(app)/account/setup/+page.svelte
@@ -6,26 +6,29 @@
   <h1 class="text-center text-3xl font-semibold">Choose account type</h1>
 
   <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
-    <a href="/account/cash">
-    <div class="shadow p-8 rounded-xl flex gap-4">
-      <img src="/images/cash.png" class="w-20" />
-      <div>
-      <div class="text-xl">Cash</div>
-      <div class="text-secondary">
-        Your balance is held with a custodian. Payments are faster and
-        cheaper.
+    <a href="/account/cash" class="block">
+      <div class="shadow p-8 rounded-xl flex gap-4 hover:bg-primary">
+        <img src="/images/cash.png" class="w-20" />
+        <div>
+          <div class="text-xl">Cash</div>
+          <div class="text-secondary">
+            Your balance is held with a custodian. Payments are fast and
+            free.
+          </div>
+        </div>
       </div>
+    </a>
+    <a href="/account/savings" class="block">
+      <div class="shadow p-8 rounded-xl flex gap-4 hover:bg-primary">
+        <img src="/images/keys.png" class="w-20" />
+        <div>
+          <div class="text-xl">Savings</div>
+          <div class="text-secondary">
+            You hold the keys to the account and are responsible for
+            safeguarding them.
+          </div>
+        </div>
       </div>
-    </div>
-    <div class="shadow p-8 rounded-xl flex gap-4">
-      <img src="/images/keys.png" class="w-20" />
-      <div>
-      <div class="text-xl">Savings</div>
-      <div class="text-secondary">
-        You hold the keys to the account and are responsible for safeguarding
-        them.
-      </div>
-      </div>
-    </div>
+    </a>
   </div>
 </div>
diff --git a/src/routes/(app)/account/setup/step2/+page.svelte b/src/routes/(app)/account/setup/step2/+page.svelte
deleted file mode 100644
index 221e545e..00000000
--- a/src/routes/(app)/account/setup/step2/+page.svelte
+++ /dev/null
@@ -1,68 +0,0 @@
-<script lang="ts">
-  import { t } from "$lib/translations";
-  import { mnemonic } from "$lib/store";
-  import Icon from "$comp/Icon.svelte";
-  import { encrypt } from "nostr-tools/nip49";
-  import {
-    mnemonicToSeed,
-    mnemonicToEntropy,
-    entropyToMnemonic,
-  } from "@scure/bip39";
-  import { wordlist } from "@scure/bip39/wordlists/english";
-  import { focus, versions, fail, post } from "$lib/utils";
-  import { goto } from "$app/navigation";
-  import { HDKey } from "@scure/bip32";
-
-  export let data;
-
-  let { user } = data;
-
-  let password;
-
-  let submit = async () => {
-    let seed = await encrypt(mnemonicToEntropy($mnemonic, wordlist), password);
-    let master = HDKey.fromMasterSeed(
-      await mnemonicToSeed($mnemonic),
-      versions
-    );
-    let child = master.derive("m/84'/0'/0'");
-    let pubkey = child.publicExtendedKey;
-    let fingerprint = child.fingerprint.toString(16).padStart(8, "0");
-
-    let receiving = child.deriveChild(0);
-    try {
-      await post("/api/accounts", { fingerprint, pubkey, seed });
-      goto(`/${user.username}`);
-    } catch (e) {
-      console.log(e);
-      fail("Something went wrong");
-    }
-
-    $mnemonic = "";
-  };
-</script>
-
-<div class="space-y-5">
-  <div>
-    <h1 class="text-center text-3xl font-semibold">Account setup</h1>
-    <h2 class="text-center text-2xl text-secondary">Step 2</h2>
-  </div>
-
-  <form
-    on:submit|preventDefault={submit}
-    class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5"
-  >
-    <p class="text-secondary mb-1">
-      Add an additional password to your seed phrase. It should be different
-      than your login password. We can't reset it if you lose it.
-    </p>
-
-    <input use:focus type="text" placeholder="Password" bind:value={password} />
-
-    <button
-      class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
-    >
-      Submit
-    </button>
-  </form>
-</div>
-- 
cgit v1.2.3


From 8aeb0d6d818b823afec1ee7e5749971468842c9c Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 24 Sep 2024 13:22:31 -0700
Subject: fix signing

---
 src/components/Account.svelte                      |  3 ++-
 src/components/Mnemonic.svelte                     | 14 +++++++++++
 src/components/WalletPass.svelte                   |  6 ++---
 src/lib/parse.ts                                   |  4 +--
 src/locales/en.json                                |  8 ++++++
 src/routes/(app)/[username]/(profile)/+page.svelte | 12 +++------
 src/routes/(app)/account/[id]/+page.svelte         | 19 +++++++-------
 src/routes/(app)/account/pass/+page.svelte         | 29 +++++++++++++++-------
 src/routes/(app)/account/seed/+page.svelte         | 26 ++++++++-----------
 src/routes/(app)/payment/[id]/+page.svelte         | 17 +++++++++++++
 .../(app)/send/bitcoin/[address]/+layout.server.ts | 12 +++++++++
 .../[address]/[amount]/[...feeRate]/+page.svelte   | 20 +++++++++------
 12 files changed, 113 insertions(+), 57 deletions(-)
 create mode 100644 src/components/Mnemonic.svelte
 create mode 100644 src/routes/(app)/send/bitcoin/[address]/+layout.server.ts

(limited to 'src/lib/parse.ts')

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 4bfdc4ac..8f72119e 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -10,7 +10,8 @@
   $: refresh(account);
   let refresh = (a) => ({ seed, balance, id } = a);
 
-  let setAccount = () => (document.cookie = `aid=${id}; path=/; max-age=86400`);
+  let setAccount = () => 
+    (document.cookie = `aid=${id}; path=/; max-age=86400`);
 </script>
 
 <a href={`/payments`} class="block" on:click={setAccount}>
diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte
new file mode 100644
index 00000000..5e834aed
--- /dev/null
+++ b/src/components/Mnemonic.svelte
@@ -0,0 +1,14 @@
+<script>
+  export let mnemonic;
+</script>
+
+<div
+  class="text-lg border p-4 rounded-2xl text-secondary grid grid-cols-3 gap-2 justify-center"
+>
+  {#each mnemonic.split(" ") as w, i}
+    <div>
+      <span class="select-none text-sm text-black">{i + 1}.</span>
+      <span>{@html w === "-" ? "&mdash;" : w}</span>
+    </div>
+  {/each}
+</div>
diff --git a/src/components/WalletPass.svelte b/src/components/WalletPass.svelte
index 7793ecc5..69b95107 100644
--- a/src/components/WalletPass.svelte
+++ b/src/components/WalletPass.svelte
@@ -46,10 +46,10 @@
           <Icon icon={revealPassword ? "eye" : "eye-off"} />
         </button>
       </div>
-      <div class="w-full flex">
+      <div class="w-full flex justify-center gap-2">
         <button
           type="button"
-          class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
+          class="border-2 bg-primary rounded-2xl font-semibold mx-auto py-5 px-6 hover:opacity-80 mx-auto grow"
           on:click={cancel}
           on:keydown={cancel}
         >
@@ -57,7 +57,7 @@
         </button>
         <button
           type="submit"
-          class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
+          class="rounded-2xl font-semibold mx-auto py-5 px-6 hover:opacity-80 mx-auto grow bg-black text-white"
         >
           <div class="my-auto">Submit</div>
         </button>
diff --git a/src/lib/parse.ts b/src/lib/parse.ts
index 781c7087..0ab3e809 100644
--- a/src/lib/parse.ts
+++ b/src/lib/parse.ts
@@ -10,7 +10,7 @@ export default async (t, host) => {
   if (t.startsWith("http")) redirect(307, t);
   if (t.startsWith(host)) redirect(307, `http://${t}`);
 
-  let amount, id, user;
+  let amount, user;
 
   t = t.trim();
   t.toLowerCase().startsWith("bitcoin:") &&
@@ -37,7 +37,7 @@ export default async (t, host) => {
 
   if (t.toLowerCase().startsWith("ln")) {
     try {
-      ({ id } = await get(`/invoice/${t}`));
+      await get(`/invoice/${t}`);
     } catch (e) {
       redirect(307, `/send/lightning/${t}`);
     }
diff --git a/src/locales/en.json b/src/locales/en.json
index 78ef8de1..f65841d3 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,5 +1,13 @@
 {
   "accounts": {
+    "back": "Back",
+    "next": "Next",
+    "seedPhrase": "Seed phrase",
+    "save": "Save",
+    "copy": "Copy",
+    "revealMnemonic": "Reveal seed phrase",
+    "regenerate": "Regenerate",
+    "deleteAccount": "Delete account",
     "addAccount": "Add account",
     "create": "Create",
     "import": "Import",
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 2c2ff9a8..0d85fc56 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -28,14 +28,6 @@
 
 <div class="space-y-2">
   {#if user?.id === subject.id}
-    {#if !user.balance}
-      <div class="mb-8">
-        <p class="text-secondary text-lg">
-          {$t("user.welcome")}
-        </p>
-      </div>
-    {/if}
-
     {#each accounts as account}
       <Account {user} {rate} {account} />
     {/each}
@@ -47,7 +39,9 @@
         >
           <div class="mx-auto flex gap-2">
             <Icon icon="plus" style="w-8 mx-auto invert" />
-            <div class="my-auto text-xl whitespace-nowrap">{$t("accounts.addAccount")}</div>
+            <div class="my-auto text-xl whitespace-nowrap">
+              {$t("accounts.addAccount")}
+            </div>
           </div>
         </button>
       </a>
diff --git a/src/routes/(app)/account/[id]/+page.svelte b/src/routes/(app)/account/[id]/+page.svelte
index 3dcd99b8..06494dd8 100644
--- a/src/routes/(app)/account/[id]/+page.svelte
+++ b/src/routes/(app)/account/[id]/+page.svelte
@@ -1,4 +1,5 @@
 <script>
+  import Mnemonic from "$comp/Mnemonic.svelte";
   import WalletPass from "$comp/WalletPass.svelte";
   import { goto } from "$app/navigation";
   import { copy, fail, focus, post } from "$lib/utils";
@@ -46,28 +47,28 @@
       <div class="space-y-2">
         <button
           type="submit"
-          class="rounded-2xl border py-3 font-bold mx-auto bg-black text-white px-4 w-full"
-          >Submit</button
+          class="rounded-2xl border py-5 font-bold mx-auto bg-black text-white px-6 w-full"
+          >{$t("accounts.save")}</button
         >
         {#if mnemonic}
-          <div class="p-8">{mnemonic}</div>
+          <Mnemonic {mnemonic} />
 
           <button
             on:click={() => copy(mnemonic)}
             type="button"
-            class="flex gap-2 rounded-2xl border py-3 font-bold mx-auto px-4 w-full justify-center"
+            class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center"
           >
             <Icon icon="copy" style="w-8 my-auto" />
-            <div class="my-auto">Copy</div></button
+            <div class="my-auto">{$t("accounts.copy")}</div></button
           >
         {:else if seed}
           <button
             on:click={toggle}
             type="button"
-            class="flex gap-2 rounded-2xl border py-3 font-bold mx-auto px-4 w-full justify-center bg-primary"
+            class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center"
           >
             <Icon icon="eye" style="w-8 my-auto" />
-            <div class="my-auto">Reveal mnemonic</div></button
+            <div class="my-auto">{$t("accounts.revealMnemonic")}</div></button
           >
         {/if}
 
@@ -75,10 +76,10 @@
         <button
           on:click={del}
           type="button"
-          class="flex gap-2 rounded-2xl border py-3 font-bold mx-auto px-4 w-full justify-center bg-primary"
+          class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center"
         >
           <Icon icon="trash" style="w-8 my-auto" />
-          <div class="my-auto"><span class="text-red-600">Delete</span> account</div></button
+          <div class="my-auto">{$t("accounts.deleteAccount")}</div></button
         >
         {/if}
       </div>
diff --git a/src/routes/(app)/account/pass/+page.svelte b/src/routes/(app)/account/pass/+page.svelte
index 2ce8b168..36992a98 100644
--- a/src/routes/(app)/account/pass/+page.svelte
+++ b/src/routes/(app)/account/pass/+page.svelte
@@ -44,8 +44,6 @@
       let child = master.derive("m/84'/0'/0'");
       let pubkey = child.publicExtendedKey;
       let fingerprint = child.fingerprint.toString(16).padStart(8, "0");
-
-      let receiving = child.deriveChild(0);
       await post("/api/accounts", { fingerprint, pubkey, name, seed, type });
       goto(`/${user.username}`);
     } catch (e) {
@@ -59,7 +57,9 @@
 
 <div class="space-y-5">
   <div>
-    <h1 class="text-center text-3xl font-semibold">{$t("accounts.accountPassword")}</h1>
+    <h1 class="text-center text-3xl font-semibold">
+      {$t("accounts.accountPassword")}
+    </h1>
   </div>
 
   <form
@@ -67,7 +67,7 @@
     class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5"
   >
     <p class="text-secondary mb-1">
-    {$t("accounts.passwordWarning")}
+      {$t("accounts.passwordWarning")}
     </p>
 
     <div class="relative">
@@ -129,10 +129,21 @@
       </button>
     </div>
 
-    <button
-      class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
-    >
-      Submit
-    </button>
+    <div class="flex gap-2">
+      <a href={`/account/seed`} class="contents">
+        <button
+          type="button"
+          class="bg-primary w-full px-5 py-6 text-xl rounded-2xl font-bold"
+        >
+          {$t("accounts.back")}
+        </button>
+      </a>
+      <button
+        type="submit"
+        class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
+      >
+        {$t("accounts.next")}
+      </button>
+    </div>
   </form>
 </div>
diff --git a/src/routes/(app)/account/seed/+page.svelte b/src/routes/(app)/account/seed/+page.svelte
index e922d6be..4e55534b 100644
--- a/src/routes/(app)/account/seed/+page.svelte
+++ b/src/routes/(app)/account/seed/+page.svelte
@@ -1,4 +1,5 @@
 <script>
+  import Mnemonic from "$comp/Mnemonic.svelte";
   import { browser } from "$app/environment";
   import { tick, onMount } from "svelte";
   import { copy } from "$lib/utils";
@@ -13,7 +14,7 @@
 
   onMount(async () => {
     if (!browser) return;
-    await generate();
+    if (!$mnemonic) await generate();
   });
 
   let generate = async () => {
@@ -22,20 +23,13 @@
 </script>
 
 <div class="space-y-5">
-  <h1 class="text-center text-3xl font-semibold">Seed phrase</h1>
+  <h1 class="text-center text-3xl font-semibold">
+    {$t("accounts.seedPhrase")}
+  </h1>
 
   <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
     {#if $mnemonic}
-      <div
-        class="text-lg border p-4 rounded-2xl text-secondary grid grid-cols-3 gap-2 justify-center"
-      >
-        {#each $mnemonic.split(" ") as w, i}
-          <div>
-            <span class="select-none text-sm text-black">{i + 1}.</span>
-            <span>{@html w === "-" ? "&mdash;" : w}</span>
-          </div>
-        {/each}
-      </div>
+      <Mnemonic mnemonic={$mnemonic} />
     {/if}
 
     <div>
@@ -45,7 +39,7 @@
         on:click={generate}
       >
         <Icon icon="random" style="w-8 my-auto" />
-        <div class="my-auto">Regenerate</div>
+        <div class="my-auto">{$t("accounts.regenerate")}</div>
       </button>
 
       <button
@@ -64,9 +58,9 @@
       <a href={`/account/savings`} class="contents">
         <button
           type="button"
-          class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
+          class="bg-primary w-full px-5 py-6 text-xl rounded-2xl font-bold"
         >
-          Back
+          {$t("accounts.back")}
         </button>
       </a>
       <a href={`/account/pass`} class="contents">
@@ -74,7 +68,7 @@
           type="button"
           class="bg-black text-white w-full px-5 py-6 text-xl rounded-2xl font-bold"
         >
-          Next
+          {$t("accounts.next")}
         </button>
       </a>
     </div>
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 9a278049..481d0242 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -34,6 +34,7 @@
       rate,
       type,
       ref,
+      path,
       tip,
       ourfee,
       fee,
@@ -57,6 +58,7 @@
     rate,
     type,
     ref,
+    path,
     tip,
     ourfee,
     fee,
@@ -225,6 +227,21 @@
     </div>
   {/if}
 
+  {#if path}
+    <div>
+      <span class="text-lg text-secondary">Path</span>
+      <div class="flex">
+        <div>{path}</div>
+        <button
+          class="flex font-bold hover:opacity-80 mb-auto my-auto"
+          on:click={() => copy(path)}
+        >
+          <Icon icon="copy" style="ml-2 w-12 my-auto" />
+        </button>
+      </div>
+    </div>
+  {/if}
+
   <div class="flex gap-2">
     {#if user.admin}
       <button
diff --git a/src/routes/(app)/send/bitcoin/[address]/+layout.server.ts b/src/routes/(app)/send/bitcoin/[address]/+layout.server.ts
new file mode 100644
index 00000000..6c22f5f1
--- /dev/null
+++ b/src/routes/(app)/send/bitcoin/[address]/+layout.server.ts
@@ -0,0 +1,12 @@
+import { auth, get } from "$lib/utils";
+import { redirect } from "@sveltejs/kit";
+
+export async function load({ cookies, params }) {
+  let aid = cookies.get("aid");
+  let { address } = params;
+  let { balance } = await get(`/account/${aid}`, auth(cookies));
+  let invoice = await get(`/invoice/${address}`);
+  let recipient = await get(`/user/${invoice.uid}`);
+  if (invoice.aid === invoice.uid) redirect(307, `/send/${recipient.username}`);
+  return { balance };
+}
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 4da2e04c..ba87436f 100644
--- a/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
+++ b/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
@@ -5,6 +5,7 @@
   import Toggle from "$comp/Toggle.svelte";
   import Icon from "$comp/Icon.svelte";
   import Spinner from "$comp/Spinner.svelte";
+  import WalletPass from "$comp/WalletPass.svelte";
   import { page } from "$app/stores";
   import {
     fiat as toFiat,
@@ -21,6 +22,7 @@
   import { applyAction } from "$app/forms";
   import { hex as hexUtil } from "@scure/base";
   import * as btc from "@scure/btc-signer";
+  import { hash160 } from "@scure/btc-signer/utils";
   import { decrypt } from "nostr-tools/nip49";
   import { HDKey } from "@scure/bip32";
   import { entropyToMnemonic, mnemonicToSeed } from "@scure/bip39";
@@ -51,22 +53,24 @@
   let signTx = async () => {
     let entropy = await decrypt(account.seed, password);
     let mnemonic = entropyToMnemonic(entropy, wordlist);
-    let seed = await mnemonicToSeed(mnemonic);
+    let seed = await mnemonicToSeed(mnemonic, password);
     let master = HDKey.fromMasterSeed(seed, network);
     let child = master.derive("m/84'/0'/0'");
 
     let tx = btc.Transaction.fromRaw(decode(hex));
 
     for (let [i, input] of tx.inputs.entries()) {
-      let { nonWitnessUtxo, path } = inputs[i];
-      tx.updateInput(i, { nonWitnessUtxo });
+      let { witnessUtxo, path } = inputs[i];
+      witnessUtxo.amount = BigInt(witnessUtxo.amount);
+      witnessUtxo.script = decode(witnessUtxo.script);
       let key = child.derive(path);
-      let { privateKey, publicKey } = key;
-      let address = btc.getAddress("wpkh", privateKey, network);
-      tx.signIdx(privateKey, i);
+      tx.updateInput(i, { witnessUtxo });
+      tx.signIdx(key.privateKey, i);
     }
+
     tx.finalize();
     hex = tx.hex;
+    console.log("HEX", hex);
     signed = true;
     await tick();
     submit.click();
@@ -182,7 +186,7 @@
       <input name="pin" value={$pin} type="hidden" />
       <input name="hex" value={hex} type="hidden" />
       <input name="rate" value={$rate} type="hidden" />
-      <input name="account" value={account.id} type="hidden" />
+      <input name="aid" value={account.id} type="hidden" />
       <input name="signed" value={signed} type="hidden" />
 
       <div class="flex justify-center gap-2">
@@ -205,7 +209,7 @@
 </div>
 
 {#if passwordPrompt}
-  <WalletPass bind:password bind:cancel />
+  <WalletPass bind:password bind:cancel submit={signTx} />
 {/if}
 
 <style>
-- 
cgit v1.2.3