From 7a7af58f5c07fa3792c3071a742e23d3d1a886c6 Mon Sep 17 00:00:00 2001
From: Saksham Jain <reach2saksham2004@gmail.com>
Date: Tue, 14 Apr 2026 19:27:23 +0530
Subject: [PATCH] feat: add native share support for space invites

---
 package.json                          |   1 +
 pnpm-lock.yaml                        | Bin 367947 -> 368357 bytes
 src/app/components/SpaceInvite.svelte |  48 +++++++++++++++++++++-----
 3 files changed, 41 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 1097658e..2a7249f4 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "@capacitor/keyboard": "^8.0.0",
     "@capacitor/preferences": "^8.0.0",
     "@capacitor/push-notifications": "^8.0.0",
+    "@capacitor/share": "^8.0.1",
     "@capawesome/capacitor-android-dark-mode-support": "^8.0.0",
     "@capawesome/capacitor-badge": "^8.0.0",
     "@getalby/lightning-tools": "^6.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9a6e25e0899b090f3bc6ff4eb5323007114d3378..1473dd50d52424013be01739f31ba2f0344daf10 100644
GIT binary patch
delta 187
zcmX@TOYG@hu?;q?lOHg$F&AefPS)p@oV<Y1Ve(#9!RdOhnI$);v0C-9XCxM-I#}pU
z-q@-cW}F=C<n83_6_%f8YEtCw667CXR8;6*nd+WhY*OHqVHuK?=$dUAY;11oos^ob
zALWs1ZsccbQ019u5SC}@nwYE~T$)jyo|@sWpPTDw;#?f+pIJWn;S{&Y4<@oT&!5~r
ne=;KwGi{$gnK?O}1!VX1i7%KFCeNSD-!AZ)dAq=C7VAv_WuHYS

delta 55
zcmaF5SM2mIu?;q?ljYe2H?L<6?wda64Kv^L=_-sW&FoX#*{3oBG1GSTsmuo9?LevR
KbKbCcZUO*bQ5BK^

diff --git a/src/app/components/SpaceInvite.svelte b/src/app/components/SpaceInvite.svelte
index 94edb2c2..d748798e 100644
--- a/src/app/components/SpaceInvite.svelte
+++ b/src/app/components/SpaceInvite.svelte
@@ -3,7 +3,9 @@
   import {sleep} from "@welshman/lib"
   import {request} from "@welshman/net"
   import {displayRelayUrl, getTagValue, RELAY_INVITE} from "@welshman/util"
+  import {Share} from "@capacitor/share"
   import LinkRound from "@assets/icons/link-round.svg?dataurl"
+  import Upload from "@assets/icons/upload.svg?dataurl"
   import Copy from "@assets/icons/copy.svg?dataurl"
   import Spinner from "@lib/components/Spinner.svelte"
   import Field from "@lib/components/Field.svelte"
@@ -27,6 +29,17 @@
   const back = () => history.back()
   const copyInvite = () => clip(invite)
 
+  const shareInvite = async () => {
+    if (!canShare) return
+
+    try {
+      await Share.share({url: invite})
+    } catch (e) {
+      console.error(e)
+    }
+  }
+
+  let canShare = $state(false)
   let claim = $state("")
   let loading = $state(true)
   let invite = $state("")
@@ -38,6 +51,13 @@
   })
 
   onMount(async () => {
+    try {
+      const {value} = await Share.canShare()
+      canShare = value
+    } catch {
+      canShare = false
+    }
+
     try {
       const [[event]] = await Promise.all([
         request({
@@ -76,16 +96,28 @@
         <p class="center">Oops! It looks like you're not a member of this relay.</p>
       {:else}
         <div class="flex flex-col items-center gap-6">
-          <QRCode code={invite} />
+          <div class="w-48">
+            <QRCode code={invite} />
+          </div>
           <Field>
             {#snippet input()}
-              <label class="input input-bordered flex w-full items-center gap-2">
-                <Icon icon={LinkRound} />
-                <input bind:value={invite} class="grow" type="text" />
-                <Button onclick={copyInvite}>
-                  <Icon icon={Copy} />
-                </Button>
-              </label>
+              <div class="flex w-full gap-2">
+                {#if canShare}
+                  <Button
+                    class="input input-bordered flex shrink-0 w-12 items-center justify-center p-0"
+                    onclick={shareInvite}>
+                    <Icon icon={Upload} />
+                  </Button>
+                {/if}
+
+                <label class="input input-bordered flex min-w-0 flex-1 items-center gap-2">
+                  <Icon icon={LinkRound} class="shrink-0" />
+                  <input bind:value={invite} class="min-w-0 flex-1 truncate" type="text" readonly />
+                  <Button class="shrink-0" onclick={copyInvite}>
+                    <Icon icon={Copy} />
+                  </Button>
+                </label>
+              </div>
             {/snippet}
             {#snippet info()}
               <p>