feat: better ipcRenderer api expose

electron/preload/index.ts

@@ -1,14 +1,26 @@
 import { ipcRenderer, contextBridge } from 'electron'
 
 // --------- Expose some API to the Renderer process ---------
-contextBridge.exposeInMainWorld('app', {
-  onEvent(cb) {
-    const channel = 'main-process-message'
-    const channel2 = 'other-ipc-channel'
-
-    ipcRenderer.on(channel, (_e, ...args) => cb(channel, ...args))
-    ipcRenderer.on(channel2, (_e, ...args) => cb(channel2, ...args))
+contextBridge.exposeInMainWorld('ipcRenderer', {
+  on(...args: Parameters<typeof ipcRenderer.on>) {
+    const [channel, listener] = args
+    ipcRenderer.on(channel, (event, ...args) => listener(event, ...args))
   },
+  off(...args: Parameters<typeof ipcRenderer.off>) {
+    const [channel, ...omit] = args
+    ipcRenderer.off(channel, ...omit)
+  },
+  send(...args: Parameters<typeof ipcRenderer.send>) {
+    const [channel, ...omit] = args
+    ipcRenderer.send(channel, ...omit)
+  },
+  invoke(...args: Parameters<typeof ipcRenderer.invoke>) {
+    const [channel, ...omit] = args
+    ipcRenderer.invoke(channel, ...omit)
+  },
+
+  // You can expose other APTs you need here.
+  // ...
 })
 
 // --------- Preload scripts loading ---------