feat: setup tipc

package.json

@@ -25,6 +25,7 @@
     "prepare": "husky"
   },
   "dependencies": {
+    "@egoist/tipc": "0.3.1",
     "@electron-toolkit/preload": "^3.0.0",
     "@electron-toolkit/utils": "^3.0.0",
     "@fontsource/sn-pro": "5.0.1",

src/main/index.ts

@@ -3,6 +3,10 @@ import { app, BrowserWindow, ipcMain, ShareMenu } from "electron"
 import path from "path"
 import { electronApp, optimizer } from "@electron-toolkit/utils"
 import { createWindow } from "./window"
+import { registerIpcMain } from "@egoist/tipc/main"
+import { router } from "./tipc"
+
+registerIpcMain(router)
 
 if (process.defaultApp) {
   if (process.argv.length >= 2) {

src/main/tipc.ts

@@ -0,0 +1,46 @@
+import { tipc } from "@egoist/tipc/main"
+import { Menu } from "electron"
+
+const t = tipc.create()
+
+export const router = {
+  sum: t.procedure
+    .input<{ a: number; b: number }>()
+    .action(async ({ input }) => {
+      return input.a + input.b
+    }),
+  inspectElement: t.procedure
+    .input<{ x: number; y: number }>()
+    .action(async ({ input, context }) => {
+      context.sender.inspectElement(input.x, input.y)
+    }),
+  showContextMenu: t.procedure
+    .input<{
+      items: Array<{ type: "text"; label: string } | { type: "separator" }>
+    }>()
+    .action(async ({ input, context }) => {
+      const menu = Menu.buildFromTemplate(
+        input.items.map((item, index) => {
+          if (item.type === "separator") {
+            return {
+              type: "separator" as const,
+            }
+          }
+          return {
+            label: item.label,
+            click() {
+              context.sender.send("menu-click", index)
+            },
+          }
+        }),
+      )
+
+      menu.popup({
+        callback: () => {
+          context.sender.send("menu-closed")
+        },
+      })
+    }),
+}
+
+export type Router = typeof router

src/renderer/src/lib/client.ts

@@ -0,0 +1,6 @@
+import { createClient } from "@egoist/tipc/renderer"
+import type { Router } from "@main/tipc"
+
+export const client = createClient<Router>({
+  ipcInvoke: window.electron.ipcRenderer.invoke,
+})

tsconfig.web.json

@@ -4,7 +4,8 @@
     "src/renderer/src/env.d.ts",
     "src/renderer/src/**/*",
     "src/renderer/src/**/*.tsx",
-    "src/preload/*.d.ts"
+    "src/preload/*.d.ts",
+    "src/main/*.ts",
   ],
   "compilerOptions": {
     "composite": true,
@@ -13,7 +14,10 @@
     "paths": {
       "@renderer/*": [
         "src/renderer/src/*"
-      ]
+      ],
+      "@main/*": [
+        "src/main/*"
+      ],
     }
   }
 }