refactor: Apply shared store patches in batches

Makes sure that the renderer always sees a consistent state.

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 16 insertions, 2 deletions

diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts
index 0978cd9..bcdc3d7 100644
--- a/packages/main/src/index.ts
+++ b/packages/main/src/index.ts
@@ -36,7 +36,7 @@ import {
 import { app, BrowserView, BrowserWindow, ipcMain } from 'electron';
 import { ensureDirSync, readFile, readFileSync } from 'fs-extra';
 import { autorun } from 'mobx';
-import { getSnapshot, onPatch } from 'mobx-state-tree';
+import { getSnapshot, onAction, onPatch } from 'mobx-state-tree';
 import osName from 'os-name';
 
 import {
@@ -292,9 +292,23 @@ async function createWindow(): Promise<unknown> {
     }
   });
 
+  const batchedPatches: unknown[] = [];
   onPatch(store.shared, (patch) => {
-    webContents.send(MainToRendererIpcMessage.SharedStorePatch, patch);
+    batchedPatches.push(patch);
   });
+  onAction(
+    store,
+    () => {
+      if (batchedPatches.length > 0) {
+        webContents.send(
+          MainToRendererIpcMessage.SharedStorePatch,
+          batchedPatches,
+        );
+        batchedPatches.splice(0);
+      }
+    },
+    true,
+  );
 
   ipcMain.handle(ServiceToMainIpcMessage.ApiExposedInMainWorld, (event) => {
     if (event.sender.id !== browserView.webContents.id) {