add url copy on did button

src/lib/lang/en.json

@@ -348,6 +348,7 @@
             "update": "Profile Updated!",
             "copy_id": "Copy ID",
             "copy_did": "Copy DID",
+            "copy_did_link": "URL",
             "integration": {
                 "title": "Accounts",
                 "description": "Share more ways for others to connect and contribute to you. Link your accounts below and they will display on your profile card.",

src/routes/friends/+page.svelte

@@ -22,6 +22,12 @@
     import CreateGroup from "$lib/components/group/CreateGroup.svelte"
     import AddFriendPopup from "$lib/components/friends/AddFriendPopup.svelte"
 
+    enum DIDCopy {
+        DEFAULT,
+        SHORT,
+        LINK,
+    }
+
     let loading: boolean = false
     $: sidebarOpen = UIStore.state.sidebarOpen
     $: friends = Store.getUsers(Store.state.friends)
@@ -140,13 +146,22 @@
     let activeChat: Chat = get(Store.state.activeChat)
     Store.state.activeChat.subscribe(c => (activeChat = c))
 
-    async function copy_did(short: boolean) {
+    async function copy_did(conf: DIDCopy) {
         let user = get(Store.state.user)
-        if (short) {
-            await navigator.clipboard.writeText(`${user.name}#${user.id.short}`)
-        } else {
-            const updatedKey = user.key.replace("did:key:", "")
-            await navigator.clipboard.writeText(updatedKey)
+        switch (conf) {
+            case DIDCopy.DEFAULT: {
+                const updatedKey = user.key.replace("did:key:", "")
+                await navigator.clipboard.writeText(updatedKey)
+                break
+            }
+            case DIDCopy.SHORT: {
+                await navigator.clipboard.writeText(`${user.name}#${user.id.short}`)
+                break
+            }
+            case DIDCopy.LINK: {
+                const updatedKey = user.key.replace("did:key:", "")
+                await navigator.clipboard.writeText(`${window.location.origin}/friends/add/${updatedKey}`)
+            }
         }
     }
 
@@ -268,17 +283,24 @@
                                 icon: Shape.Users,
                                 text: $_("settings.profile.copy_id"),
                                 appearance: Appearance.Default,
-                                onClick: async () => await copy_did(true),
+                                onClick: async () => await copy_did(DIDCopy.SHORT),
                             },
                             {
                                 id: "copy-did",
                                 icon: Shape.Clipboard,
                                 text: $_("settings.profile.copy_did"),
                                 appearance: Appearance.Default,
-                                onClick: async () => await copy_did(false),
+                                onClick: async () => await copy_did(DIDCopy.DEFAULT),
+                            },
+                            {
+                                id: "copy-link",
+                                icon: Shape.Clipboard,
+                                text: $_("settings.profile.copy_did_link"),
+                                appearance: Appearance.Default,
+                                onClick: async () => await copy_did(DIDCopy.LINK),
                             },
                         ]}>
-                        <Button hook="button-copy-id" slot="content" appearance={Appearance.Alt} icon tooltip={$_("friends.copy_did")} let:open on:contextmenu={open} on:click={async _ => await copy_did(false)}>
+                        <Button hook="button-copy-id" slot="content" appearance={Appearance.Alt} icon tooltip={$_("friends.copy_did")} let:open on:contextmenu={open} on:click={async _ => await copy_did(DIDCopy.DEFAULT)}>
                             <Icon icon={Shape.Clipboard} />
                         </Button>
                     </ContextMenu>

src/routes/settings/profile/+page.svelte

@@ -30,6 +30,12 @@
         Missing,
     }
 
+    enum DIDCopy {
+        DEFAULT,
+        SHORT,
+        LINK,
+    }
+
     let loading = true
     let isValidUsernameToUpdate = false
     let isValidStatusMessageToUpdate = true
@@ -232,12 +238,22 @@
     let unsavedChanges: boolean
     let profile_update_txt = $_("settings.profile.update")
 
-    async function copy_did(short: boolean) {
-        if (short) {
-            await navigator.clipboard.writeText(`${userReference.name}#${userReference.id.short}`)
-        } else {
-            const updatedKey = userReference.key.replace("did:key:", "")
-            await navigator.clipboard.writeText(updatedKey)
+    async function copy_did(conf: DIDCopy) {
+        let user = get(Store.state.user)
+        switch (conf) {
+            case DIDCopy.DEFAULT: {
+                const updatedKey = userReference.key.replace("did:key:", "")
+                await navigator.clipboard.writeText(updatedKey)
+                break
+            }
+            case DIDCopy.SHORT: {
+                await navigator.clipboard.writeText(`${userReference.name}#${userReference.id.short}`)
+                break
+            }
+            case DIDCopy.LINK: {
+                const updatedKey = user.key.replace("did:key:", "")
+                await navigator.clipboard.writeText(`${window.location.origin}/friends/add/${updatedKey}`)
+            }
         }
     }
 
@@ -436,17 +452,24 @@
                                 icon: Shape.Users,
                                 text: $_("settings.profile.copy_id"),
                                 appearance: Appearance.Default,
-                                onClick: async () => await copy_did(true),
+                                onClick: async () => await copy_did(DIDCopy.SHORT),
                             },
                             {
                                 id: "copy-did",
                                 icon: Shape.Clipboard,
                                 text: $_("settings.profile.copy_did"),
                                 appearance: Appearance.Default,
-                                onClick: async () => await copy_did(false),
+                                onClick: async () => await copy_did(DIDCopy.DEFAULT),
+                            },
+                            {
+                                id: "copy-link",
+                                icon: Shape.Clipboard,
+                                text: $_("settings.profile.copy_did_link"),
+                                appearance: Appearance.Default,
+                                onClick: async () => await copy_did(DIDCopy.LINK),
                             },
                         ]}>
-                        <div slot="content" class="short-id" role="presentation" let:open on:contextmenu={open} on:click={async _ => await copy_did(false)}>
+                        <div slot="content" class="short-id" role="presentation" let:open on:contextmenu={open} on:click={async _ => await copy_did(DIDCopy.DEFAULT)}>
                             <Input hook="input-settings-profile-short-id" alt value={$user.id.short} disabled copyOnInteract>
                                 <Icon icon={Shape.Hashtag} alt muted />
                             </Input>