Create desktop applications based on oxygen-ui

src/preload/index.d.ts

@@ -0,0 +1,8 @@
+import { ElectronAPI } from '@electron-toolkit/preload'
+
+declare global {
+  interface Window {
+    electron: ElectronAPI
+    api: unknown
+  }
+}

src/preload/index.ts

@@ -0,0 +1,25 @@
+import { contextBridge, Notification } from 'electron'
+import { electronAPI } from '@electron-toolkit/preload'
+
+// Custom APIs for renderer
+const api = {}
+
+// Use `contextBridge` APIs to expose Electron APIs to
+// renderer only if context isolation is enabled, otherwise
+// just add to the DOM global.
+if (process.contextIsolated) {
+    try {
+        contextBridge.exposeInMainWorld('electron', electronAPI)
+        contextBridge.exposeInMainWorld('api', api)
+        contextBridge.exposeInMainWorld('notification', Notification)
+    } catch (error) {
+        console.error(error)
+    }
+} else {
+    // @ts-expect-error (define in dts)
+    window.electron = electronAPI
+    // @ts-expect-error (define in dts)
+    window.api = api
+    // @ts-expect-error (define in dts)
+    window.Notification = Notification
+}