feat(main): add context menu ipc, typing

src/main/index.ts

@@ -5,11 +5,13 @@ import { store } from './store'
 import { createApiServer } from './services/api/server'
 import { createDb } from './services/db'
 import { debounce } from 'lodash'
+import { subscribeToChannels } from './services/ipc'
 
 const isDev = process.env.NODE_ENV === 'development'
 
 createDb()
 createApiServer()
+subscribeToChannels()
 
 function createWindow () {
   const bounds = store.app.get('bounds')

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

@@ -0,0 +1,40 @@
+import { createPopupMenu } from '../../components/menu'
+import { dialog, ipcMain } from 'electron'
+
+export const subscribeToContextMenu = () => {
+  ipcMain.handle('context-menu:snippet-fragment', async (event, payload) => {
+    const { name } = payload
+
+    return new Promise(resolve => {
+      createPopupMenu([
+        {
+          label: `Rename "${name}"`,
+          click: () =>
+            resolve({
+              action: 'rename',
+              payload: payload
+            })
+        },
+        { type: 'separator' },
+        {
+          label: `Delete "${name}"`,
+          click: () => {
+            const buttonId = dialog.showMessageBoxSync({
+              message: `Are you sure you want to permanently delete "${name}"?`,
+              detail: 'You cannot undo this action.',
+              buttons: ['Delete', 'Cancel'],
+              defaultId: 0,
+              cancelId: 1
+            })
+            if (buttonId === 0) {
+              resolve({
+                action: 'delete',
+                payload: payload
+              })
+            }
+          }
+        }
+      ])
+    })
+  })
+}

src/main/services/ipc/index.ts

@@ -0,0 +1,5 @@
+import { subscribeToContextMenu } from './context-menu'
+
+export const subscribeToChannels = () => {
+  subscribeToContextMenu()
+}

src/main/types/index.d.ts

@@ -1,8 +1,24 @@
 import type { AppStore, PreferencesStore } from '../store/module/types'
 import type { DB, Folder, Tag, Snippet } from './db'
 
-interface EventCallback {
-  (event?: IpcRendererEvent, ...args: any[]): void
+type ChannelSubject = 'snippet' | 'snippet-fragment' | 'folder'
+type ContextMenuAction = 'rename' | 'delete' | 'duplicate'
+type CombineWithChannelSubject<
+  T extends ChannelSubject,
+  U extends string
+> = `${U}:${T}`
+export type ContextMenuChannel = CombineWithChannelSubject<
+ChannelSubject,
+'context-menu'
+>
+export type Channel = ContextMenuChannel
+export interface ContextMenuPayload {
+  name?: string
+}
+
+export interface ContextMenuResponse {
+  action: ContextMenuAction
+  data: ContextMenuPayload
 }
 
 interface StoreGet<T> {