From 3d06e7e0b9cd40a1c73763a4cd2edcc23d804d4b Mon Sep 17 00:00:00 2001
From: Jonathan Staab <shtaab@gmail.com>
Date: Sat, 11 Feb 2023 08:49:08 -0600
Subject: [PATCH] Add profile share qr code

---
 package-lock.json            | Bin 344967 -> 361106 bytes
 package.json                 |   3 ++-
 src/App.svelte               |   7 +++++--
 src/routes/Person.svelte     |   7 +++++++
 src/views/PersonShare.svelte |  31 +++++++++++++++++++++++++++++++
 5 files changed, 45 insertions(+), 3 deletions(-)
 create mode 100644 src/views/PersonShare.svelte

diff --git a/package-lock.json b/package-lock.json
index 03e75a669c2deaabf861d3d8f36d3facc7c143df..ee7fc3546b2cc9489ee6e8853b906485d7b501b2 100644
GIT binary patch
delta 8327
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
F{|3tZ8>s*Q

delta 485
zcmYMwUr3Wt7{_tWdCuAPZhOs5>wOJz{V|%2E&FqmP=QEBF$mHPB6Ld8b}^KN5d@ln
zEDB0G$rGqSBn+Ct;9NXJQW15ROr)EJ%$F{U$nK0}wQlPEck%uF9!%}X=eL)N95W|G
zE8cs}T{uYGi!&h>R59>q6K-6_$5Eb8(^sTgNpIq=VHVL&X8aI&?gD4%*etBy%n$qY
z{4>tfN^e9t85cG#3O7oGMqHa?hPwGAq_>I|Q)8(nEbRjmJC89_N1q3q^~BrcHod;e
zyn3^m9HU}CJJmzyXW7vy(z|)LMf<yWhmHOO_tHQgKVXx4gfCgNn&)#n>G%SVyV3c;
zBKSQgB^8Ri<s6l_coitkA<QW+;R2_RL8!#lMB2dGB3Sq`1;4Q2Cxme07Wim+2)e_6
zMWaUH^9(S&pA#MbAXJC=|F=`yBd7()E<&qGoiCu`A<sK_dQsi^;z#OdKQQ)5SorET
z?7{45(So%EYr}F@*4KN*+F?4F6y+>^eJ>`P@T4PLG*}Ts0qXfC&ID<R$+H16n&pCp
zPE7i6v>*(MN9DRy<MsEZf7kOja#B$55joq1*O#FIOP7RA-Vs^ll)5S_jM}eBljFll
GS^ERYPPNeh

diff --git a/package.json b/package.json
index dbb2d3f0..64c363d1 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build",
     "preview": "vite preview",
     "check:es": "eslint src/*/** --quiet",
@@ -39,6 +39,7 @@
     "localforage-memoryStorageDriver": "^0.9.2",
     "nostr-tools": "^1.2.1",
     "npm-run-all": "^4.1.5",
+    "qrcode": "^1.5.1",
     "ramda": "^0.28.0",
     "svelte-check": "^3.0.3",
     "svelte-link-preview": "^0.3.3",
diff --git a/src/App.svelte b/src/App.svelte
index 1044764a..21dfcddf 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -31,6 +31,7 @@
   import PubKeyLogin from "src/views/PubKeyLogin.svelte"
   import NoteDetail from "src/views/NoteDetail.svelte"
   import PersonSettings from "src/views/PersonSettings.svelte"
+  import PersonShare from "src/views/PersonShare.svelte"
   import NoteCreate from "src/views/NoteCreate.svelte"
   import ChatEdit from "src/views/ChatEdit.svelte"
   import NotFound from "src/routes/NotFound.svelte"
@@ -109,12 +110,12 @@
       console.log(
         'Connection stats',
         pool.getConnections()
-          .map(({url, stats: s}) => ({url, avgRequest: s.timer / s.count}))
+          .map(({nostr: {url}, stats: s}) => ({url, avgRequest: s.timer / s.count}))
       )
 
       // Alert the user to any heinously slow connections
       slowConnections = pool.getConnections()
-        .filter(({url, stats: s}) => relayUrls.includes(url) && s.timer / s.count > 3000)
+        .filter(({nostr: {url}, stats: s}) => relayUrls.includes(url) && s.timer / s.count > 3000)
     }
 
     const retrieveRelayMeta = async () => {
@@ -360,6 +361,8 @@
         <PubKeyLogin />
       {:else if $modal.type === 'person/settings'}
         <PersonSettings />
+      {:else if $modal.type === 'person/share'}
+        <PersonShare />
       {:else if $modal.type === 'person/list'}
         <PersonList pubkeys={$modal.pubkeys} />
       {:else if $modal.type === 'message'}
diff --git a/src/routes/Person.svelte b/src/routes/Person.svelte
index e3d7b7c2..787e7d5c 100644
--- a/src/routes/Person.svelte
+++ b/src/routes/Person.svelte
@@ -93,6 +93,10 @@
   const openAdvanced = () => {
     modal.set({type: 'person/settings', person})
   }
+
+  const share = () => {
+    modal.set({type: 'person/share', person})
+  }
 </script>
 
 <div
@@ -141,6 +145,9 @@
             </Anchor>
             {/if}
           {/if}
+          <Anchor type="button-circle" on:click={share}>
+            <i class="fa fa-qrcode" />
+          </Anchor>
         </div>
       </div>
       <p>{@html renderContent(person.about || '')}</p>
diff --git a/src/views/PersonShare.svelte b/src/views/PersonShare.svelte
new file mode 100644
index 00000000..a4efd0f6
--- /dev/null
+++ b/src/views/PersonShare.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+  import QRCode from 'qrcode'
+  import {prop} from 'ramda'
+  import {nip19} from 'nostr-tools'
+  import {copyToClipboard} from "src/util/html"
+  import {onMount} from 'svelte'
+  import Content from 'src/partials/Content.svelte'
+  import Input from 'src/partials/Input.svelte'
+  import {getBestRelay} from 'src/agent/helpers'
+  import {modal, toast} from 'src/app'
+
+  const {pubkey} = $modal.person
+  const relays = [prop('url', getBestRelay(pubkey))]
+  const nprofile = nip19.nprofileEncode({pubkey, relays})
+
+  let canvas
+
+  const copyKey = () => {
+    copyToClipboard(nprofile)
+    toast.show("info", "Profile has been copied to the clipboard!")
+  }
+
+  onMount(() => QRCode.toCanvas(canvas, nprofile))
+</script>
+
+<Content size="lg">
+  <canvas class="m-auto" bind:this={canvas} />
+  <Input value={nprofile}>
+    <button slot="after" class="fa fa-copy" on:click={copyKey} />
+  </Input>
+</Content>