IPC to talk to PowerSync

Author: simolus3

demos/example-electron-node/README.md

@@ -0,0 +1,4 @@
+TODO:
+
+- `electron-rebuild` needs to run.
+- Explain custom worker.

demos/example-electron-node/forge.config.ts

@@ -88,7 +88,9 @@ const config: ForgeConfig = {
   packagerConfig: {
     asar: true
   },
-  rebuildConfig: {},
+  rebuildConfig: {
+    force: true,
+  },
   makers: [
     new MakerSquirrel(),
     new MakerZIP({}, ['darwin']),
@@ -105,7 +107,10 @@ const config: ForgeConfig = {
           {
             name: 'main_window',
             html: './src/render/index.html',
-            js: './src/render/main.ts'
+            js: './src/render/main.ts',
+            preload: {
+              js: './src/render/preload.ts',
+            }
           }
         ]
       }

demos/example-electron-node/package.json

@@ -23,6 +23,7 @@
     "@vercel/webpack-asset-relocator-loader": "1.7.3",
     "css-loader": "^6.11.0",
     "electron": "30.0.2",
+    "electron-rebuild": "^3.2.9",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
     "node-loader": "^2.1.0",
     "style-loader": "^3.3.4",

demos/example-electron-node/src/main/index.ts

@@ -1,7 +1,7 @@
 import { Worker } from 'node:worker_threads';
 
 import { PowerSyncDatabase } from '@powersync/node';
-import { app, BrowserWindow } from 'electron';
+import { app, BrowserWindow, ipcMain } from 'electron';
 import { AppSchema } from './powersync';
 import { default as Logger } from 'js-logger';
 
@@ -12,7 +12,7 @@ const database = new PowerSyncDatabase({
   schema: AppSchema,
   database: {
     dbFilename: 'test.db',
-    openWorker(filename, options) {
+    openWorker(_, options) {
       return new Worker(new URL('./worker.ts', import.meta.url), options);
     },
   },
@@ -50,7 +50,12 @@ const createWindow = (): void => {
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
-app.on('ready', createWindow);
+app.whenReady().then(() => {
+  ipcMain.handle('get', async (_, sql: string, args: any[]) => {
+    return await database.get(sql, args);
+  });
+  createWindow();
+});
 
 // Quit when all windows are closed, except on macOS. There, it's common
 // for applications and their menu bar to stay active until the user quits

demos/example-electron-node/src/render/preload.ts

@@ -0,0 +1,5 @@
+import { contextBridge, ipcRenderer } from 'electron';
+
+contextBridge.exposeInMainWorld('powersync', {
+  get: (sql: string, variables: any[]) => ipcRenderer.invoke('get', sql, variables),    
+});