feat(snippets): add copy link to context menu

src/main/services/i18n/locales/en/common.json

@@ -59,5 +59,6 @@
   "show": "Show",
   "collapse-all": "Collapse All",
   "expand-all": "Expand All",
-  "restore": "Restore"
+  "restore": "Restore",
+  "copy-snippet-link": "Copy Snippet Link"
 }

src/main/services/i18n/locales/ru/common.json

@@ -58,5 +58,6 @@
   "show": "Show",
   "collapse-all": "Закрыть все",
   "expand-all": "Открыть все",
-  "restore": "Восстановить"
+  "restore": "Восстановить",
+  "copy-snippet-link": "Скопировать ссылку"
 }

src/main/services/ipc/context-menu.ts

@@ -75,6 +75,17 @@ export const subscribeToContextMenu = () => {
             }
           },
           { type: 'separator' },
+          {
+            label: i18n.t('copy-snippet-link'),
+            click: () => {
+              resolve({
+                action: 'copy-snippet-link',
+                type,
+                data: true
+              })
+            }
+          },
+          { type: 'separator' },
           {
             label: i18n.t('duplicate'),
             click: () => {

src/renderer/App.vue

@@ -37,7 +37,8 @@ import {
   onCopySnippet,
   emitter,
   onCreateSnippet,
-  onAddDescription
+  onAddDescription,
+  goToSnippet
 } from '@/composable'
 import { useRoute } from 'vue-router'
 import type { Snippet } from '@shared/types/main/db'
@@ -164,6 +165,13 @@ ipc.on('main:focus', () => {
   showSupportToast()
 })
 
+ipc.on('main:app-protocol', (event, payload: string) => {
+  if (/^masscode:\/\/snippets/.test(payload)) {
+    const snippetId = payload.split('/').pop()
+    if (snippetId) goToSnippet(snippetId)
+  }
+})
+
 ipc.on('main-menu:preferences', () => {
   router.push('/preferences')
 })

src/renderer/components/snippets/SnippetListItem.vue

@@ -39,7 +39,7 @@ import type {
   ContextMenuRequest,
   ContextMenuResponse
 } from '@shared/types/main'
-import { onClickOutside } from '@vueuse/core'
+import { onClickOutside, useClipboard } from '@vueuse/core'
 import { computed, ref } from 'vue'
 import type { SystemFolderAlias } from '@shared/types/renderer/sidebar'
 import { useTagStore } from '@/store/tags'
@@ -225,6 +225,12 @@ const onClickContextMenu = async () => {
     track('snippets/restore-from-trash')
   }
 
+  if (action === 'copy-snippet-link') {
+    const { copy } = useClipboard({ source: `masscode://snippets/${props.id}` })
+    copy()
+    track('snippets/copy-link')
+  }
+
   isHighlighted.value = false
   isFocused.value = false
   snippetStore.isContextState = false

src/renderer/composable/index.ts

@@ -86,6 +86,26 @@ export const onCopySnippet = () => {
   track('snippets/copy')
 }
 
+export const goToSnippet = async (snippetId: string) => {
+  if (!snippetId) return
+
+  const folderStore = useFolderStore()
+  const snippetStore = useSnippetStore()
+
+  const snippet = snippetStore.findSnippetById(snippetId)
+
+  if (!snippet) return
+
+  folderStore.selectId(snippet.folderId)
+
+  snippetStore.fragment = 0
+
+  await snippetStore.getSnippetsById(snippetId)
+  await snippetStore.setSnippetsByFolderIds()
+
+  emitter.emit('folder:click', snippet.folderId)
+}
+
 export const setScrollPosition = (el: HTMLElement, offset: number) => {
   const ps = el.querySelector('.ps')
   if (ps) ps.scrollTop = offset

src/renderer/store/snippets.ts

@@ -46,7 +46,7 @@ export const useSnippetStore = defineStore('snippets', {
       const tagStore = useTagStore()
       const tags: Tag[] = []
 
-      if (this.selected?.tagsIds.length) {
+      if (this.selected?.tagsIds?.length) {
         this.selected.tagsIds.forEach(i => {
           const tag = tagStore.tags.find(t => t.id === i)
           if (tag) tags.push(tag)
@@ -270,9 +270,12 @@ export const useSnippetStore = defineStore('snippets', {
       this.selected = snippets[0]
     },
     setSnippetById (id: string) {
-      const snippet = this.all.find(i => i.id === id)
+      const snippet = this.findSnippetById(id)
       if (snippet) this.selected = snippet
     },
+    findSnippetById (id: string) {
+      return this.all.find(i => i.id === id)
+    },
     async emptyTrash () {
       const ids = this.all.filter(i => i.isDeleted).map(i => i.id)
       await this.deleteSnippetsByIds(ids)

src/shared/types/main/analytics.d.ts

@@ -8,6 +8,7 @@ type SnippetEvents =
   | 'add-to-favorites'
   | 'code-preview'
   | 'copy'
+  | 'copy-link'
   | 'create-screenshot'
   | 'delete-fragment'
   | 'delete-from-favorites'

src/shared/types/main/index.d.ts

@@ -22,6 +22,7 @@ type ContextMenuAction =
   | 'collapse-all'
   | 'expand-all'
   | 'restore-from-trash'
+  | 'copy-snippet-link'
   | 'none'
 
 export type ContextMenuType =