22 files changed, 520 insertions, 125 deletions

diff --git a/package.json b/package.json
index cf271bd..64508db 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "@typescript-eslint/parser": "^5.8.0",
     "cross-env": "7.0.3",
     "electron": "16.0.5",
-    "electron-builder": "22.14.11",
+    "electron-builder": "22.14.5",
     "eslint": "8.5.0",
     "rollup": "^2.61.1",
     "typescript": "4.5.4",
diff --git a/packages/main/package.json b/packages/main/package.json
index 63da432..22afafa 100644
--- a/packages/main/package.json
+++ b/packages/main/package.json
@@ -9,11 +9,13 @@
   },
   "dependencies": {
     "@sophie/shared": "workspace:*",
-    "electron": "^16.0.5"
+    "electron": "^16.0.5",
+    "mobx": "^6.3.10",
+    "mobx-state-tree": "^5.1.0"
   },
   "devDependencies": {
     "@types/electron-devtools-installer": "^2.2.0",
-    "@types/node": "^16.11.15",
+    "@types/node": "^16.11.17",
     "electron-devtools-installer": "^3.2.0",
     "typescript": "^4.5.4",
     "vite": "^2.7.6"
diff --git a/packages/main/src/devTools.ts b/packages/main/src/devTools.ts
new file mode 100644
index 0000000..d02bfbf
--- /dev/null
+++ b/packages/main/src/devTools.ts
@@ -0,0 +1,49 @@
+import type { App, BrowserWindow } from 'electron';
+
+/**
+ * Installs the react and redux developer tools extensions.
+ *
+ * We use the redux devtools and connect the mobx store to it with `mst-middlewares`,
+ * because the mobx-state-tree devtools are currently unmaintained.
+ *
+ * @param app The electron application instance.
+ */
+export function installDevToolsExtensions(app: App): void {
+  app.whenReady().then(async () => {
+    const {
+      default: installExtension,
+      REACT_DEVELOPER_TOOLS,
+      REDUX_DEVTOOLS,
+    } = await import('electron-devtools-installer');
+    installExtension(
+      [
+        REACT_DEVELOPER_TOOLS,
+        REDUX_DEVTOOLS,
+      ],
+      {
+        forceDownload: false,
+        loadExtensionOptions: {
+          allowFileAccess: true,
+        },
+      },
+    );
+  }).catch((err) => {
+    console.error('Failed to install devtools extension', err);
+  });
+}
+
+/**
+ * Opens the developer tools while applying a workaround to enable the redux devtools.
+ *
+ * @param browserWindow The browser window to open the devtools in.
+ * @see https://github.com/MarshallOfSound/electron-devtools-installer/issues/195#issuecomment-998872878
+ */
+export function openDevToolsWhenReady(browserWindow: BrowserWindow): void {
+  const { webContents } = browserWindow;
+  webContents.once('dom-ready', () => {
+    webContents.once('devtools-opened', () => {
+      browserWindow?.focus();
+    });
+    webContents.openDevTools();
+  });
+}
diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts
index cd04276..dbe6890 100644
--- a/packages/main/src/index.ts
+++ b/packages/main/src/index.ts
@@ -1,8 +1,18 @@
 import { app, BrowserWindow } from 'electron';
+import { getSnapshot, onPatch } from 'mobx-state-tree';
 import { join } from 'path';
-import { RendererIpcMessage } from '@sophie/shared';
+import {
+  MainToRendererIpcMessage,
+  RendererToMainIpcMessage,
+} from '@sophie/shared';
 import { URL } from 'url';
 
+import {
+  installDevToolsExtensions,
+  openDevToolsWhenReady,
+} from './devTools';
+import { rootStore } from './stores/RootStore';
+
 const isSingleInstance = app.requestSingleInstanceLock();
 const isDevelopment = import.meta.env.MODE === 'development';
 
@@ -14,62 +24,46 @@ if (!isSingleInstance) {
 app.enableSandbox();
 
 if (isDevelopment) {
-  app.whenReady().then(async () => {
-    const {
-      default: installExtension,
-      MOBX_DEVTOOLS,
-      REACT_DEVELOPER_TOOLS,
-    } = await import('electron-devtools-installer');
-    installExtension(
-      [
-        MOBX_DEVTOOLS,
-        REACT_DEVELOPER_TOOLS,
-      ],
-      {
-        forceDownload: false,
-        loadExtensionOptions: {
-          allowFileAccess: true,
-        },
-      },
-    );
-  }).catch((err) => {
-    console.error('Failed to install devtools extension', err);
-  });
+  installDevToolsExtensions(app);
 }
 
 let mainWindow: BrowserWindow | null = null;
 
+const store = rootStore.create({
+  shared: {
+    clickCount: 1,
+  },
+});
+
 function createWindow(): Promise<void> {
   mainWindow = new BrowserWindow({
     show: false,
+    autoHideMenuBar: true,
     webPreferences: {
       nativeWindowOpen: true,
       webviewTag: false,
       sandbox: true,
       preload: join(__dirname, '../../preload/dist/index.cjs'),
-    }
+    },
   });
 
-  const { webContents } = mainWindow;
-
-  // See https://github.com/MarshallOfSound/electron-devtools-installer/issues/195#issuecomment-998872878
   if (isDevelopment) {
-    webContents.once('dom-ready', () => {
-      webContents.once('devtools-opened', () => {
-        mainWindow?.focus();
-      });
-      webContents.openDevTools();
-    });
+    openDevToolsWhenReady(mainWindow);
   }
 
   mainWindow.on('ready-to-show', () => {
     mainWindow?.show();
   });
 
+  const { webContents } = mainWindow;
+
   webContents.on('ipc-message', (_event, channel, ...args) => {
     switch (channel) {
-      case RendererIpcMessage.ButtonClicked:
-        console.log('Button clicked');
+      case RendererToMainIpcMessage.SharedStoreSnapshotRequest:
+        webContents.send(MainToRendererIpcMessage.SharedStoreSnapshot, getSnapshot(store.shared));
+        break;
+      case RendererToMainIpcMessage.ButtonClick:
+        store.buttonClick();
         break;
       default:
         console.warn('Unknown IPC message:', channel, args);
@@ -77,6 +71,10 @@ function createWindow(): Promise<void> {
     }
   });
 
+  onPatch(store.shared, (patch) => {
+    webContents.send(MainToRendererIpcMessage.SharedStorePatch, patch);
+  });
+
   const pageUrl = (isDevelopment && import.meta.env.VITE_DEV_SERVER_URL !== undefined)
     ? import.meta.env.VITE_DEV_SERVER_URL
     : new URL('../renderer/dist/index.html', `file://${__dirname}`).toString();
diff --git a/packages/main/src/stores/RootStore.ts b/packages/main/src/stores/RootStore.ts
new file mode 100644
index 0000000..a9c1290
--- /dev/null
+++ b/packages/main/src/stores/RootStore.ts
@@ -0,0 +1,12 @@
+import { Instance, types } from 'mobx-state-tree';
+import { sharedStore } from '@sophie/shared';
+
+export const rootStore = types.model('RootStore', {
+  shared: sharedStore,
+}).actions((self) => ({
+  buttonClick() {
+    self.shared.clickCount += 1;
+  },
+}));
+
+export interface RootStore extends Instance<typeof rootStore> {}
diff --git a/packages/preload/package.json b/packages/preload/package.json
index 5556c10..2ad215c 100644
--- a/packages/preload/package.json
+++ b/packages/preload/package.json
@@ -10,7 +10,9 @@
   },
   "dependencies": {
     "@sophie/shared": "workspace:*",
-    "electron": "^16.0.5"
+    "electron": "^16.0.5",
+    "mobx": "^6.3.10",
+    "mobx-state-tree": "^5.1.0"
   },
   "devDependencies": {
     "typescript": "^4.5.4",
diff --git a/packages/preload/src/SophieRendererImpl.ts b/packages/preload/src/SophieRendererImpl.ts
new file mode 100644
index 0000000..e03c89e
--- /dev/null
+++ b/packages/preload/src/SophieRendererImpl.ts
@@ -0,0 +1,74 @@
+import { ipcRenderer } from 'electron';
+import type { IJsonPatch } from 'mobx-state-tree';
+import {
+  MainToRendererIpcMessage,
+  RendererToMainIpcMessage,
+  sharedStore,
+  SharedStoreListener,
+  SharedStoreSnapshotIn,
+  SophieRenderer
+} from '@sophie/shared';
+
+export type MessageSender = (channel: RendererToMainIpcMessage, ...args: unknown[]) => void;
+
+export class SophieRendererImpl implements SophieRenderer {
+  readonly #send: MessageSender;
+
+  #listener: SharedStoreListener | null = null;
+
+  #snapshot: SharedStoreSnapshotIn | null = null;
+
+  constructor(send: MessageSender) {
+    this.#send = send;
+  }
+
+  sharedStoreSnapshotReceived(snapshot: unknown): void {
+    if (sharedStore.is(snapshot)) {
+      if (this.#listener === null) {
+        this.#snapshot = snapshot;
+      } else {
+        this.#listener.onSnapshot(snapshot);
+      }
+    } else {
+      console.error('Received invalid snapshot', snapshot);
+      this.#snapshot = null;
+    }
+  }
+
+  sharedStorePatchReceived(patch: unknown): void {
+    if (this.#listener !== null) {
+      // `mobx-state-tree` will validate the patch, so we can safely cast here.
+      this.#listener.onPatch(patch as IJsonPatch);
+    }
+  }
+
+  setSharedStoreListener(listener: SharedStoreListener): void {
+    this.#listener = listener;
+    if (this.#snapshot !== null) {
+      listener.onSnapshot(this.#snapshot);
+      this.#snapshot = null;
+    }
+    this.#send(RendererToMainIpcMessage.SharedStoreSnapshotRequest);
+  }
+
+  buttonClick(): void {
+    this.#send(RendererToMainIpcMessage.ButtonClick);
+  }
+}
+
+export function createSophieRenderer(): SophieRenderer {
+  const impl = new SophieRendererImpl(ipcRenderer.send);
+
+  ipcRenderer.on(MainToRendererIpcMessage.SharedStoreSnapshot, (_event, snapshot) => {
+    impl.sharedStoreSnapshotReceived(snapshot);
+  });
+
+  ipcRenderer.on(MainToRendererIpcMessage.SharedStorePatch, (_event, patch) => {
+    impl.sharedStorePatchReceived(patch);
+  });
+
+  return {
+    setSharedStoreListener: impl.setSharedStoreListener.bind(impl),
+    buttonClick: impl.buttonClick.bind(impl),
+  };
+}
diff --git a/packages/preload/src/index.ts b/packages/preload/src/index.ts
index 830901a..19d1285 100644
--- a/packages/preload/src/index.ts
+++ b/packages/preload/src/index.ts
@@ -1,10 +1,7 @@
-import { contextBridge, ipcRenderer } from 'electron';
-import { RendererIpcMessage, SophieRenderer } from '@sophie/shared';
+import { contextBridge } from 'electron';
 
-const sophieRenderer: SophieRenderer = {
-  buttonClicked() {
-    ipcRenderer.send(RendererIpcMessage.ButtonClicked);
-  }
-};
+import { createSophieRenderer } from './SophieRendererImpl';
+
+const sophieRenderer = createSophieRenderer();
 
 contextBridge.exposeInMainWorld('sophieRenderer', sophieRenderer);
diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index 559e668..ee627b4 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -14,13 +14,17 @@
     "@mui/icons-material": "^5.2.5",
     "@mui/material": "^5.2.5",
     "@sophie/shared": "workspace:*",
+    "mobx": "^6.3.10",
+    "mobx-state-tree": "^5.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@types/react": "^17.0.37",
+    "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "@vitejs/plugin-react": "^1.1.3",
+    "mst-middlewares": "^5.1.0",
+    "remotedev": "^0.2.9",
     "typescript": "^4.5.4",
     "vite": "^2.7.6"
   }
diff --git a/packages/renderer/src/devTools.ts b/packages/renderer/src/devTools.ts
new file mode 100644
index 0000000..5930c48
--- /dev/null
+++ b/packages/renderer/src/devTools.ts
@@ -0,0 +1,37 @@
+import type { IAnyStateTreeNode } from 'mobx-state-tree';
+
+/**
+ * Connects the `model` to the redux devtools extension after loading the required
+ * dependencies asynchronously.
+ *
+ * We have to apply a workaround to load `remotedev` by shimming the `global` object,
+ * because `remotedev` uses an old version of `socketcluster-client` that refers to
+ * `global` instead of `globalThis`.
+ *
+ * Due to the old dependencies, this function is not safe to call in production.
+ * However, we don't bundle `remotedev` in production, so the call would fail anyways.
+ *
+ * @param model The store to connect to the redux devtools.
+ * @see https://github.com/SocketCluster/socketcluster-client/issues/118#issuecomment-469064682
+ */
+async function exposeToReduxDevtoolsAsync(model: IAnyStateTreeNode): Promise<void> {
+  (window as { global?: unknown }).global = window;
+
+  const [remotedev, { connectReduxDevtools }] = await Promise.all([
+    // @ts-ignore
+    import('remotedev'),
+    import('mst-middlewares'),
+  ]);
+  connectReduxDevtools(remotedev, model);
+}
+
+/**
+ * Connects the `model` to the redux devtools extension.
+ *
+ * @param model The store to connect to the redux devtools.
+ */
+export function exposeToReduxDevtools(model: IAnyStateTreeNode): void {
+  exposeToReduxDevtoolsAsync(model).catch((err) => {
+    console.error('Could not connect to Redux devtools', err);
+  });
+}
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 452448c..37daaa6 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -2,6 +2,7 @@ import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
+import { applyPatch, applySnapshot } from 'mobx-state-tree';
 import Button from "@mui/material/Button";
 import CssBaseline from "@mui/material/CssBaseline";
 import {
@@ -10,6 +11,26 @@ import {
 } from '@mui/material/styles';
 import React from 'react';
 import { render } from 'react-dom';
+import { sharedStore } from '@sophie/shared';
+
+import { exposeToReduxDevtools } from './devTools';
+
+const isDevelopment = import.meta.env.MODE === 'development';
+
+const store = sharedStore.create();
+
+if (isDevelopment) {
+  exposeToReduxDevtools(store);
+}
+
+window.sophieRenderer.setSharedStoreListener({
+  onSnapshot(snapshot) {
+    applySnapshot(store, snapshot);
+  },
+  onPatch(patch) {
+    applyPatch(store, patch);
+  },
+});
 
 const theme = createTheme({
   palette: {
@@ -24,7 +45,7 @@ function App() {
         <CssBaseline enableColorScheme />
         <Button
           variant="contained"
-          onClick={window.sophieRenderer.buttonClicked}
+          onClick={window.sophieRenderer.buttonClick}
         >
           Hello Sophie!
         </Button>
diff --git a/packages/renderer/tsconfig.json b/packages/renderer/tsconfig.json
index 668356c..8746462 100644
--- a/packages/renderer/tsconfig.json
+++ b/packages/renderer/tsconfig.json
@@ -7,6 +7,9 @@
       "dom",
       "dom.iterable",
       "esnext"
+    ],
+    "types": [
+      "vite/client"
     ]
   },
   "references": [
diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js
index ff34b6d..87c2d0c 100644
--- a/packages/renderer/vite.config.js
+++ b/packages/renderer/vite.config.js
@@ -3,7 +3,6 @@
 /* eslint-env node */
 
 import { builtinModules } from 'module';
-import { join } from 'path';
 import react from '@vitejs/plugin-react';
 
 // `resolveJsonModule` is disabled for this package, but vite will load the json nevertheless.
@@ -36,6 +35,8 @@ const config = {
     assetsDir: '.',
     rollupOptions: {
       external: [
+        'mst-middlewares',
+        'remotedev',
         ...builtinModules,
       ],
     },
diff --git a/packages/shared/package.json b/packages/shared/package.json
index ccde705..f49be47 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "main": "dist/index.cjs",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "build": "vite build",
@@ -11,5 +12,9 @@
   "devDependencies": {
     "typescript": "^4.5.4",
     "vite": "^2.7.6"
+  },
+  "dependencies": {
+    "mobx": "^6.3.10",
+    "mobx-state-tree": "^5.1.0"
   }
 }
diff --git a/packages/shared/src/contextBridge/SophieRenderer.ts b/packages/shared/src/contextBridge/SophieRenderer.ts
index 91a0a3c..c878595 100644
--- a/packages/shared/src/contextBridge/SophieRenderer.ts
+++ b/packages/shared/src/contextBridge/SophieRenderer.ts
@@ -1,3 +1,7 @@
+import { SharedStoreListener } from '../stores/SharedStore';
+
 export interface SophieRenderer {
-  buttonClicked(): void;
+  setSharedStoreListener(listener: SharedStoreListener): void;
+
+  buttonClick(): void;
 }
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index f95675d..7f192bd 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -1,3 +1,12 @@
 export type { SophieRenderer } from './contextBridge/SophieRenderer';
 
-export { RendererIpcMessage } from './ipc/RendererIpcMessage';
+export { MainToRendererIpcMessage } from './ipc/MainToRendererIpcMessage';
+export { RendererToMainIpcMessage } from './ipc/RendererToMainIpcMessage';
+
+export type {
+  SharedStore,
+  SharedStoreListener,
+  SharedStoreSnapshotIn,
+  SharedStoreSnapshotOut,
+} from './stores/SharedStore';
+export { sharedStore } from './stores/SharedStore';
diff --git a/packages/shared/src/ipc/MainToRendererIpcMessage.ts b/packages/shared/src/ipc/MainToRendererIpcMessage.ts
new file mode 100644
index 0000000..2ddca80
--- /dev/null
+++ b/packages/shared/src/ipc/MainToRendererIpcMessage.ts
@@ -0,0 +1,4 @@
+export enum MainToRendererIpcMessage {
+  SharedStoreSnapshot = "sophie-shared-store-snapshot",
+  SharedStorePatch = "sophie-shared-store-patch",
+}
diff --git a/packages/shared/src/ipc/RendererIpcMessage.ts b/packages/shared/src/ipc/RendererIpcMessage.ts
deleted file mode 100644
index cfb87ae..0000000
--- a/packages/shared/src/ipc/RendererIpcMessage.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export enum RendererIpcMessage {
-  ButtonClicked = "button-clicked"
-}
diff --git a/packages/shared/src/ipc/RendererToMainIpcMessage.ts b/packages/shared/src/ipc/RendererToMainIpcMessage.ts
new file mode 100644
index 0000000..c4c682d
--- /dev/null
+++ b/packages/shared/src/ipc/RendererToMainIpcMessage.ts
@@ -0,0 +1,4 @@
+export enum RendererToMainIpcMessage {
+  SharedStoreSnapshotRequest = "sophie-shared-store-snapshot-request",
+  ButtonClick = "sophie-button-click"
+}
diff --git a/packages/shared/src/stores/SharedStore.ts b/packages/shared/src/stores/SharedStore.ts
new file mode 100644
index 0000000..8933bca
--- /dev/null
+++ b/packages/shared/src/stores/SharedStore.ts
@@ -0,0 +1,23 @@
+import {
+  IJsonPatch,
+  Instance,
+  types,
+  SnapshotIn,
+  SnapshotOut,
+} from 'mobx-state-tree';
+
+export const sharedStore = types.model("SharedStore", {
+  clickCount: 0
+});
+
+export interface SharedStore extends Instance<typeof sharedStore> {}
+
+export interface SharedStoreSnapshotIn extends SnapshotIn<typeof sharedStore> {}
+
+export interface SharedStoreSnapshotOut extends SnapshotOut<typeof sharedStore> {}
+
+export interface SharedStoreListener {
+  onSnapshot(snapshot: SharedStoreSnapshotIn): void;
+
+  onPatch(patch: IJsonPatch): void;
+}
diff --git a/packages/shared/vite.config.js b/packages/shared/vite.config.js
index cbebb8a..05ec118 100644
--- a/packages/shared/vite.config.js
+++ b/packages/shared/vite.config.js
@@ -26,15 +26,15 @@ const config = {
     outDir: 'dist',
     lib: {
       entry: 'src/index.ts',
-      formats: ['cjs'],
+      formats: ['cjs', 'es'],
+      fileName: (format) => format === 'cjs' ? 'index.cjs' : `index.${format}.js`,
     },
     rollupOptions: {
       external: [
+        'mobx',
+        'mobx-state-tree',
         ...builtinModules,
       ],
-      output: {
-        entryFileNames: '[name].cjs',
-      },
     },
     emptyOutDir: false, // Do not remove `.d.ts` files.
     brotliSize: false,
diff --git a/yarn.lock b/yarn.lock
index 5a61262..d05bdbc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -824,9 +824,11 @@ __metadata:
   dependencies:
     "@sophie/shared": "workspace:*"
     "@types/electron-devtools-installer": ^2.2.0
-    "@types/node": ^16.11.15
+    "@types/node": ^16.11.17
     electron: ^16.0.5
     electron-devtools-installer: ^3.2.0
+    mobx: ^6.3.10
+    mobx-state-tree: ^5.1.0
     typescript: ^4.5.4
     vite: ^2.7.6
   languageName: unknown
@@ -838,6 +840,8 @@ __metadata:
   dependencies:
     "@sophie/shared": "workspace:*"
     electron: ^16.0.5
+    mobx: ^6.3.10
+    mobx-state-tree: ^5.1.0
     typescript: ^4.5.4
     vite: ^2.7.6
   languageName: unknown
@@ -853,11 +857,15 @@ __metadata:
     "@mui/icons-material": ^5.2.5
     "@mui/material": ^5.2.5
     "@sophie/shared": "workspace:*"
-    "@types/react": ^17.0.37
+    "@types/react": ^17.0.38
     "@types/react-dom": ^17.0.11
     "@vitejs/plugin-react": ^1.1.3
+    mobx: ^6.3.10
+    mobx-state-tree: ^5.1.0
+    mst-middlewares: ^5.1.0
     react: ^17.0.2
     react-dom: ^17.0.2
+    remotedev: ^0.2.9
     typescript: ^4.5.4
     vite: ^2.7.6
   languageName: unknown
@@ -867,6 +875,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@sophie/shared@workspace:packages/shared"
   dependencies:
+    mobx: ^6.3.10
+    mobx-state-tree: ^5.1.0
     typescript: ^4.5.4
     vite: ^2.7.6
   languageName: unknown
@@ -888,13 +898,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tootallnate/once@npm:2":
-  version: 2.0.0
-  resolution: "@tootallnate/once@npm:2.0.0"
-  checksum: ad87447820dd3f24825d2d947ebc03072b20a42bfc96cbafec16bff8bbda6c1a81fcb0be56d5b21968560c5359a0af4038a68ba150c3e1694fe4c109a063bed8
-  languageName: node
-  linkType: hard
-
 "@types/debug@npm:^4.1.6":
   version: 4.1.7
   resolution: "@types/debug@npm:4.1.7"
@@ -974,10 +977,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^16.11.15":
-  version: 16.11.15
-  resolution: "@types/node@npm:16.11.15"
-  checksum: 30969f1c43d85ee645f1ff28640d25b8b7748bbd3cb31aeebc2799fa9f7aa580782430309496c82983a92009afe52e46b50b9b996cea697f62e93f27eb8f5eb5
+"@types/node@npm:^16.11.17":
+  version: 16.11.17
+  resolution: "@types/node@npm:16.11.17"
+  checksum: 86ed84f79450f6aba1a6ef09f8407c10076966c3cc7cc4eb3d35b8ae4f47817e525641396ef0a667fa0a88fcdf484f6182812c074601403083bdf3b5e1ac0313
   languageName: node
   linkType: hard
 
@@ -1032,14 +1035,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:^17.0.37":
-  version: 17.0.37
-  resolution: "@types/react@npm:17.0.37"
+"@types/react@npm:*, @types/react@npm:^17.0.38":
+  version: 17.0.38
+  resolution: "@types/react@npm:17.0.38"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: e68b0d59aa69577fc6a6d654b25d5d8408625498f4c483f160b557fac21e840f6e8807cbde93e9f039949b6d624a019b1990d18499c1d65aecf3605c25e30242
+  checksum: 4079f4f959cd4a4bfaeda8b89fe8a1b1f8bdc9d87acfdc5f74a0b39cec9ec6a470724357c62778c0f063180b360c250e920c5a142f1dbcda67d9cc25a6d43a85
   languageName: node
   linkType: hard
 
@@ -1322,9 +1325,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"app-builder-lib@npm:22.14.11":
-  version: 22.14.11
-  resolution: "app-builder-lib@npm:22.14.11"
+"app-builder-lib@npm:22.14.5":
+  version: 22.14.5
+  resolution: "app-builder-lib@npm:22.14.5"
   dependencies:
     7zip-bin: ~5.1.1
     "@develar/schema-utils": ~2.6.5
@@ -1332,13 +1335,13 @@ __metadata:
     "@malept/flatpak-bundler": ^0.4.0
     async-exit-hook: ^2.0.1
     bluebird-lst: ^1.0.9
-    builder-util: 22.14.7
-    builder-util-runtime: 8.9.2
+    builder-util: 22.14.5
+    builder-util-runtime: 8.9.1
     chromium-pickle-js: ^0.2.0
     debug: ^4.3.2
     ejs: ^3.1.6
     electron-osx-sign: ^0.5.0
-    electron-publish: 22.14.7
+    electron-publish: 22.14.5
     form-data: ^4.0.0
     fs-extra: ^10.0.0
     hosted-git-info: ^4.0.2
@@ -1351,7 +1354,7 @@ __metadata:
     sanitize-filename: ^1.6.3
     semver: ^7.3.5
     temp-file: ^3.4.0
-  checksum: 4afcf8107368e2e4268076ba2944f12018dc50c61fd7c8da71ccee5bb000db8fa8195bd8e44ed420f3aebefa177ebd0bc91edd6d3a4c296d0d3c2ba6b8162962
+  checksum: 50aaea3979970d59137e50d1a6da650801e5d4d6119a57a94355697fd90c4fc956b37758dbd6ba284aa2a829cf4c6c19a46514e4b0046cf9b644847866875714
   languageName: node
   linkType: hard
 
@@ -1425,6 +1428,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"async-limiter@npm:~1.0.0":
+  version: 1.0.1
+  resolution: "async-limiter@npm:1.0.1"
+  checksum: 2b849695b465d93ad44c116220dee29a5aeb63adac16c1088983c339b0de57d76e82533e8e364a93a9f997f28bbfc6a92948cefc120652bd07f3b59f8d75cf2b
+  languageName: node
+  linkType: hard
+
 "async@npm:0.9.x":
   version: 0.9.2
   resolution: "async@npm:0.9.2"
@@ -1464,6 +1474,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"base-64@npm:0.1.0":
+  version: 0.1.0
+  resolution: "base-64@npm:0.1.0"
+  checksum: 5a42938f82372ab5392cbacc85a5a78115cbbd9dbef9f7540fa47d78763a3a8bd7d598475f0d92341f66285afd377509851a9bb5c67bbecb89686e9255d5b3eb
+  languageName: node
+  linkType: hard
+
 "base64-js@npm:^1.3.1, base64-js@npm:^1.5.1":
   version: 1.5.1
   resolution: "base64-js@npm:1.5.1"
@@ -1599,38 +1616,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"builder-util-runtime@npm:8.9.2":
-  version: 8.9.2
-  resolution: "builder-util-runtime@npm:8.9.2"
+"builder-util-runtime@npm:8.9.1":
+  version: 8.9.1
+  resolution: "builder-util-runtime@npm:8.9.1"
   dependencies:
     debug: ^4.3.2
     sax: ^1.2.4
-  checksum: 35adcd6162e2ed16635ff7b7ecc353e400dcbbb3e7cd01823bfefc7256cefca8c820f62d15a0f7dbee1c7495a5f1fba4e0e238857a79b48d5f6bd35064f27208
+  checksum: c319a9bce54b08ac93ad34d5d6ac4c4d0400435f9bddee247a67f54e637a4fc1b262b9709c58fed861c7b05243f0c232b6a8c7c3b92863530d544e6e3c15e5ec
   languageName: node
   linkType: hard
 
-"builder-util@npm:22.14.7":
-  version: 22.14.7
-  resolution: "builder-util@npm:22.14.7"
+"builder-util@npm:22.14.5":
+  version: 22.14.5
+  resolution: "builder-util@npm:22.14.5"
   dependencies:
     7zip-bin: ~5.1.1
     "@types/debug": ^4.1.6
     "@types/fs-extra": ^9.0.11
     app-builder-bin: 3.7.1
     bluebird-lst: ^1.0.9
-    builder-util-runtime: 8.9.2
+    builder-util-runtime: 8.9.1
     chalk: ^4.1.1
     cross-spawn: ^7.0.3
     debug: ^4.3.2
     fs-extra: ^10.0.0
-    http-proxy-agent: ^5.0.0
-    https-proxy-agent: ^5.0.0
     is-ci: ^3.0.0
     js-yaml: ^4.1.0
     source-map-support: ^0.5.19
     stat-mode: ^1.0.0
     temp-file: ^3.4.0
-  checksum: 4f850a8d1bbf12823b6ca712aeaf99474a4799107b92f3aad64910935fe5b01ca1c6cc29e0c2344a03249ba88f654be3bd6775c2ef634977de44510dd36bb37d
+  checksum: ead70484827ad8ccb67fc5be728759a8dee7bf14c120f4d4a8aa126b3850fa2de9301e00ec8310de2e918b8574650f2c261d7fc32a1b098378a99b08dfcbb738
   languageName: node
   linkType: hard
 
@@ -1789,6 +1804,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clone@npm:2.1.1":
+  version: 2.1.1
+  resolution: "clone@npm:2.1.1"
+  checksum: 70686162e82096fb515f1506c21d6f07b5a033829360a0849984134fe1f28576e8864c14c1cabe941bc122838ca026af6e966edbcea70976ddaae054841a378d
+  languageName: node
+  linkType: hard
+
 "clsx@npm:^1.1.1":
   version: 1.1.1
   resolution: "clsx@npm:1.1.1"
@@ -1876,6 +1898,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"component-emitter@npm:1.2.1":
+  version: 1.2.1
+  resolution: "component-emitter@npm:1.2.1"
+  checksum: 00599b827635cab65bb20e5e3e2db4cea120b76b6626ce3ac6c85d7f5f39bbadd9fec530da444380035dd1c8ff08f9badca54d40b68feaf74bc64f75d537ef61
+  languageName: node
+  linkType: hard
+
 "concat-map@npm:0.0.1":
   version: 0.0.1
   resolution: "concat-map@npm:0.0.1"
@@ -2119,13 +2148,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dmg-builder@npm:22.14.11":
-  version: 22.14.11
-  resolution: "dmg-builder@npm:22.14.11"
+"dmg-builder@npm:22.14.5":
+  version: 22.14.5
+  resolution: "dmg-builder@npm:22.14.5"
   dependencies:
-    app-builder-lib: 22.14.11
-    builder-util: 22.14.7
-    builder-util-runtime: 8.9.2
+    app-builder-lib: 22.14.5
+    builder-util: 22.14.5
+    builder-util-runtime: 8.9.1
     dmg-license: ^1.0.9
     fs-extra: ^10.0.0
     iconv-lite: ^0.6.2
@@ -2133,7 +2162,7 @@ __metadata:
   dependenciesMeta:
     dmg-license:
       optional: true
-  checksum: f00391010971d965b415d41a7e25865a573c2bf9f967ee5dd5c0053fe27f8c627ae6755751c6d8d0eeff1f1c9de0735976ba91a4b5ddc67f60663f7da21cb3eb
+  checksum: 8b707da83a59c800b45391c5e8097dc702c162a30e1a5a46b59a4f19b8080ec2901f99a789d76fd448fa859e746731de1136e8b297355673112a93fa2a367380
   languageName: node
   linkType: hard
 
@@ -2215,16 +2244,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-builder@npm:22.14.11":
-  version: 22.14.11
-  resolution: "electron-builder@npm:22.14.11"
+"electron-builder@npm:22.14.5":
+  version: 22.14.5
+  resolution: "electron-builder@npm:22.14.5"
   dependencies:
     "@types/yargs": ^17.0.1
-    app-builder-lib: 22.14.11
-    builder-util: 22.14.7
-    builder-util-runtime: 8.9.2
+    app-builder-lib: 22.14.5
+    builder-util: 22.14.5
+    builder-util-runtime: 8.9.1
     chalk: ^4.1.1
-    dmg-builder: 22.14.11
+    dmg-builder: 22.14.5
     fs-extra: ^10.0.0
     is-ci: ^3.0.0
     lazy-val: ^1.0.5
@@ -2234,7 +2263,7 @@ __metadata:
   bin:
     electron-builder: cli.js
     install-app-deps: install-app-deps.js
-  checksum: 8a5e3cf2a286186ca1703f7458c7253b3716d1e5f82edf404ba5b0479b2d1dc3845b48ab6d7733add879cb4a692ef48b9d8a0f67e0702711d3be7952f3281288
+  checksum: b33929c9676c34192012cd056cfb06950ee785adeb2c2f8f749e241bae9534c1c7461a4e8b594c764dbdc7cc381568d9812d936a2475684745e8cbb1300c4713
   languageName: node
   linkType: hard
 
@@ -2267,18 +2296,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-publish@npm:22.14.7":
-  version: 22.14.7
-  resolution: "electron-publish@npm:22.14.7"
+"electron-publish@npm:22.14.5":
+  version: 22.14.5
+  resolution: "electron-publish@npm:22.14.5"
   dependencies:
     "@types/fs-extra": ^9.0.11
-    builder-util: 22.14.7
-    builder-util-runtime: 8.9.2
+    builder-util: 22.14.5
+    builder-util-runtime: 8.9.1
     chalk: ^4.1.1
     fs-extra: ^10.0.0
     lazy-val: ^1.0.5
     mime: ^2.5.2
-  checksum: a1584c23dc34e4c19f0a7418706715b0e39caf6516195cd6426bdbf432164a4af5993851b7c0a4eda72883ba0b24ab711483772fa85fc97b88de93d817c90f0c
+  checksum: 8b7b47879d0f870eff4eb78085d24a9813e0b52783717299149d31d2d5cef77ff376604e536b0bea8c37acdf0ccc929fed3d78ad2837f4746d89e0d5484f5f33
   languageName: node
   linkType: hard
 
@@ -3211,17 +3240,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-proxy-agent@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "http-proxy-agent@npm:5.0.0"
-  dependencies:
-    "@tootallnate/once": 2
-    agent-base: 6
-    debug: 4
-  checksum: e2ee1ff1656a131953839b2a19cd1f3a52d97c25ba87bd2559af6ae87114abf60971e498021f9b73f9fd78aea8876d1fb0d4656aac8a03c6caa9fc175f22b786
-  languageName: node
-  linkType: hard
-
 "https-proxy-agent@npm:^5.0.0":
   version: 5.0.0
   resolution: "https-proxy-agent@npm:5.0.0"
@@ -3546,6 +3564,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsan@npm:^3.1.3":
+  version: 3.1.14
+  resolution: "jsan@npm:3.1.14"
+  checksum: e0ee10807d74d9f1425eb9f395386ff8b1ea3393b4354d32908eb1d4550150e3e10310778d5cc1b73b3e7e7d551fa5d91ef8b49238e8b607478ae5e7506ec103
+  languageName: node
+  linkType: hard
+
 "jsesc@npm:^2.5.1":
   version: 2.5.2
   resolution: "jsesc@npm:2.5.2"
@@ -3689,6 +3714,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"linked-list@npm:0.1.0":
+  version: 0.1.0
+  resolution: "linked-list@npm:0.1.0"
+  checksum: 4fb4b174796c8f4e8aec6ef55982bb48010284809bc44ade922c88360af8278121cc9426f9e506b1d93504179d0cf94c1fd49f867009522f8862e15977d4aca8
+  languageName: node
+  linkType: hard
+
 "lodash.merge@npm:^4.6.2":
   version: 4.6.2
   resolution: "lodash.merge@npm:4.6.2"
@@ -3934,6 +3966,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mobx-state-tree@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "mobx-state-tree@npm:5.1.0"
+  peerDependencies:
+    mobx: ^6.3.0
+  checksum: 6f4d17e40108ace6d6660c64fd272e6fed96468b41f992e8cffcac7e772be49f7adc9457aeef011ebf594cd544860e3fb71b4729c59b78bed72d16c277d56abd
+  languageName: node
+  linkType: hard
+
+"mobx@npm:^6.3.10":
+  version: 6.3.10
+  resolution: "mobx@npm:6.3.10"
+  checksum: d632c656f740ce67eef00c4c73be15acfc8fc057ab08492cba58ef904d617a1df465e059edaf4b2c02659c8d286be88a57eef4544b879ed6092faabf08b7e4ac
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.0.0":
   version: 2.0.0
   resolution: "ms@npm:2.0.0"
@@ -3955,6 +4003,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mst-middlewares@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "mst-middlewares@npm:5.1.0"
+  peerDependencies:
+    mobx-state-tree: ^5.0.0
+  checksum: f82664ba09782fdd65c5db5109099295db1769ac61abb25cd891b21a4029fee5e4de8a013568b8ee480e977db2a10617dcc67cabdb5a4efea132f11ed57b12c0
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.1.30":
   version: 3.1.30
   resolution: "nanoid@npm:3.1.30"
@@ -4313,6 +4370,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"querystring@npm:0.2.0":
+  version: 0.2.0
+  resolution: "querystring@npm:0.2.0"
+  checksum: 8258d6734f19be27e93f601758858c299bdebe71147909e367101ba459b95446fbe5b975bf9beb76390156a592b6f4ac3a68b6087cea165c259705b8b4e56a69
+  languageName: node
+  linkType: hard
+
+"querystring@npm:^0.2.0":
+  version: 0.2.1
+  resolution: "querystring@npm:0.2.1"
+  checksum: 7b83b45d641e75fd39cd6625ddfd44e7618e741c61e95281b57bbae8fde0afcc12cf851924559e5cc1ef9baa3b1e06e22b164ea1397d65dd94b801f678d9c8ce
+  languageName: node
+  linkType: hard
+
 "queue-microtask@npm:^1.2.2":
   version: 1.2.3
   resolution: "queue-microtask@npm:1.2.3"
@@ -4464,6 +4535,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remotedev@npm:^0.2.9":
+  version: 0.2.9
+  resolution: "remotedev@npm:0.2.9"
+  dependencies:
+    jsan: ^3.1.3
+    querystring: ^0.2.0
+    rn-host-detect: ^1.0.1
+    socketcluster-client: ^13.0.0
+  checksum: 2a3c45499dc89759d157f79efda11fdc5259d058512771a8d9204d0de23a56734ce9ff6d58e26f91eebcf83dae6bbde4c7536535f41fdad389b603d11053ada8
+  languageName: node
+  linkType: hard
+
 "require-directory@npm:^2.1.1":
   version: 2.1.1
   resolution: "require-directory@npm:2.1.1"
@@ -4532,6 +4615,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rn-host-detect@npm:^1.0.1":
+  version: 1.2.0
+  resolution: "rn-host-detect@npm:1.2.0"
+  checksum: 447b06d6726b665d9d7933b5da96232aad6ee01d1c8287e7b67e9ed1d07cde437127aaa4cf2f51ee2dfb4bb0f0cb398d2676220a392d990e99f6f2aefcc5f5b0
+  languageName: node
+  linkType: hard
+
 "roarr@npm:^2.15.3":
   version: 2.15.4
   resolution: "roarr@npm:2.15.4"
@@ -4606,6 +4696,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sc-channel@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "sc-channel@npm:1.2.0"
+  dependencies:
+    component-emitter: 1.2.1
+  checksum: e0dadea85ac3406a6b34a69a3da0806506d02a5c7c2111b785119a336f5d8ca1b3130f5c2c1e2812f31153d847fbe03aee4d82e8a326f78e17701ddb6ef58484
+  languageName: node
+  linkType: hard
+
+"sc-errors@npm:^1.4.0":
+  version: 1.4.1
+  resolution: "sc-errors@npm:1.4.1"
+  checksum: 3c4833f8ec73eecb52967934436a0504d809c03c1956165d750bc948be8ee6fc32c0161089792ef27ee0b0ecb045e5933a76766ec71e5d19c01919d79bc6eeeb
+  languageName: node
+  linkType: hard
+
+"sc-formatter@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "sc-formatter@npm:3.0.2"
+  checksum: d589706dbf0df42fa64a37d94c2bf415385dd5bcc279480a4aa663cc4b983fc3ce1e9ef4d0771f802de22dfc1d0212710aa858fd39c0b1deb568819463dfab19
+  languageName: node
+  linkType: hard
+
 "scheduler@npm:^0.20.2":
   version: 0.20.2
   resolution: "scheduler@npm:0.20.2"
@@ -4723,6 +4836,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"socketcluster-client@npm:^13.0.0":
+  version: 13.0.1
+  resolution: "socketcluster-client@npm:13.0.1"
+  dependencies:
+    base-64: 0.1.0
+    clone: 2.1.1
+    component-emitter: 1.2.1
+    linked-list: 0.1.0
+    querystring: 0.2.0
+    sc-channel: ^1.2.0
+    sc-errors: ^1.4.0
+    sc-formatter: ^3.0.1
+    uuid: 3.2.1
+    ws: 5.1.1
+  checksum: 08cb55fc304da788b060c303f378f4fc22b015e81f8ba33fb5ac16499d2476fda1df602d40a11e6cab186a4611b2ad12f83411e7c434461a2931e90faed2bb7d
+  languageName: node
+  linkType: hard
+
 "socks-proxy-agent@npm:^6.0.0":
   version: 6.1.1
   resolution: "socks-proxy-agent@npm:6.1.1"
@@ -4752,7 +4883,7 @@ __metadata:
     "@typescript-eslint/parser": ^5.8.0
     cross-env: 7.0.3
     electron: 16.0.5
-    electron-builder: 22.14.11
+    electron-builder: 22.14.5
     eslint: 8.5.0
     rollup: ^2.61.1
     typescript: 4.5.4
@@ -5178,6 +5309,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"uuid@npm:3.2.1":
+  version: 3.2.1
+  resolution: "uuid@npm:3.2.1"
+  bin:
+    uuid: ./bin/uuid
+  checksum: f42e6890be9e79af243867e9942c8b4e211cd178e229085189531d4d1c4a3fae321c5fce391d76afec7dcaaad5442c6ac5ac1efb4801057702e455a530f2839a
+  languageName: node
+  linkType: hard
+
 "v8-compile-cache@npm:^2.0.3":
   version: 2.3.0
   resolution: "v8-compile-cache@npm:2.3.0"
@@ -5291,6 +5431,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ws@npm:5.1.1":
+  version: 5.1.1
+  resolution: "ws@npm:5.1.1"
+  dependencies:
+    async-limiter: ~1.0.0
+  checksum: f00493f1e848125b8b6fcbe09f157d58c2e4e008c3ea70965f26eb8dbc83af4f1e2dac7a27f346baa97469b1116e7ea23cb02c792a4681570214249ebb541454
+  languageName: node
+  linkType: hard
+
 "xdg-basedir@npm:^4.0.0":
   version: 4.0.0
   resolution: "xdg-basedir@npm:4.0.0"