remove nip05 login, use nostrconnect instead

src/app/components/LogInBunker.svelte

@@ -1,22 +1,40 @@
 <script lang="ts">
   import {Nip46Broker} from "@welshman/signer"
+  import {nip46Perms, addSession} from "@welshman/app"
+  import {slideAndFade} from '@lib/transition'
   import Spinner from "@lib/components/Spinner.svelte"
   import Button from "@lib/components/Button.svelte"
   import Field from "@lib/components/Field.svelte"
   import Icon from "@lib/components/Icon.svelte"
   import ModalHeader from "@lib/components/ModalHeader.svelte"
   import ModalFooter from "@lib/components/ModalFooter.svelte"
+  import QRCode from "@app/components/QRCode.svelte"
   import InfoBunker from "@app/components/InfoBunker.svelte"
   import {loginWithNip46, loadUserData} from "@app/commands"
   import {pushModal, clearModals} from "@app/modal"
   import {pushToast} from "@app/toast"
-  import {PLATFORM_NAME} from "@app/state"
+  import {PLATFORM_URL, PLATFORM_NAME, PLATFORM_LOGO, SIGNER_RELAYS} from "@app/state"
 
   const back = () => history.back()
 
+  const abortController = new AbortController()
+
+  const init = Nip46Broker.initiate({
+    perms: nip46Perms,
+    url: PLATFORM_URL,
+    name: PLATFORM_NAME,
+    relays: SIGNER_RELAYS,
+    image: PLATFORM_LOGO,
+    abortController,
+  })
+
   const onSubmit = async () => {
     const {pubkey, token, relays} = Nip46Broker.parseBunkerLink(bunker)
 
+    if (loading) {
+      return
+     }
+
     if (!pubkey || relays.length === 0) {
       return pushToast({
         theme: "error",
@@ -34,6 +52,8 @@
         })
       }
 
+      abortController.abort()
+
       await loadUserData(pubkey)
     } finally {
       loading = false
@@ -44,18 +64,42 @@
 
   let bunker = ""
   let loading = false
+
+  init.result.then(async pubkey => {
+    if (pubkey) {
+      loading = true
+
+      addSession({
+        pubkey,
+        method: "nip46",
+        secret: init.clientSecret,
+        handler: {pubkey, relays: SIGNER_RELAYS},
+      })
+
+      await loadUserData(pubkey)
+
+      clearModals()
+    }
+  })
 </script>
 
 <form class="column gap-4" on:submit|preventDefault={onSubmit}>
   <ModalHeader>
     <div slot="title">Log In</div>
-    <div slot="info">Connect your signer app with {PLATFORM_NAME} using a bunker link.</div>
+    <div slot="info">
+      Connect your signer by scanning the QR code below or pasting a bunker link.
+    </div>
   </ModalHeader>
+  {#if !loading}
+    <div class="m-auto w-xs" out:slideAndFade>
+      <QRCode code={init.nostrconnect} />
+    </div>
+  {/if}
   <Field>
     <p slot="label">Bunker Link*</p>
     <label class="input input-bordered flex w-full items-center gap-2" slot="input">
       <Icon icon="cpu" />
-      <input bind:value={bunker} class="grow" placeholder="bunker://" />
+      <input disabled={loading} bind:value={bunker} class="grow" placeholder="bunker://" />
     </label>
     <p slot="info">
       A login link provided by a nostr signing app.
@@ -63,7 +107,7 @@
     </p>
   </Field>
   <ModalFooter>
-    <Button class="btn btn-link" on:click={back}>
+    <Button class="btn btn-link" on:click={back} disabled={loading}>
       <Icon icon="alt-arrow-left" />
       Go back
     </Button>