feat(menu): add copy snippet action to editor menu

Author: antonreshetov

src/main/menu/main.ts

@@ -158,6 +158,11 @@ const editMenuItems: MenuConfig[] = [
 ]
 
 const editorMenuItems: MenuConfig[] = [
+  {
+    label: i18n.t('menu:editor.copy'),
+    click: () => send('main-menu:copy-snippet'),
+    accelerator: 'CommandOrControl+Shift+C',
+  },
   {
     label: i18n.t('menu:editor.format'),
     accelerator: 'Shift+CommandOrControl+F',

src/main/types/ipc.ts

@@ -4,16 +4,17 @@ export type CombineWith<T extends string, U extends string> = `${U}:${T}`
 
 type MainMenuAction =
   | 'add-description'
+  | 'copy-snippet'
   | 'find'
+  | 'font-size-decrease'
+  | 'font-size-increase'
+  | 'font-size-reset'
   | 'format'
   | 'goto-preferences'
   | 'new-folder'
   | 'new-fragment'
   | 'new-snippet'
   | 'open-dialog'
-  | 'font-size-increase'
-  | 'font-size-decrease'
-  | 'font-size-reset'
 
 type DBAction = 'relaod' | 'move' | 'migrate' | 'clear'
 type SystemAction = 'reload'

src/renderer/components/editor/Editor.vue

@@ -2,7 +2,7 @@
 import type { Language } from '@/components/editor/types'
 import { useEditor, useSnippets, useSnippetUpdate } from '@/composables'
 import { i18n, ipc } from '@/electron'
-import { useDark, useDebounceFn } from '@vueuse/core'
+import { useClipboard, useDark, useDebounceFn } from '@vueuse/core'
 import CodeMirror from 'codemirror'
 import { EDITOR_DEFAULTS } from '~/main/store/constants'
 import 'codemirror/addon/edit/closebrackets'
@@ -99,6 +99,11 @@ async function init() {
     settings.fontSize = EDITOR_DEFAULTS.fontSize
   })
 
+  ipc.on('main-menu:copy-snippet', () => {
+    const { copy } = useClipboard({ source: editor?.getValue() || '' })
+    copy()
+  })
+
   watch(selectedSnippetContent, (v) => {
     nextTick(() => {
       setValue(v?.value || '')