feat: Add BrowserView and synchronize its position

1 files changed, 18 insertions, 4 deletions

diff --git a/packages/main/src/stores/RootStore.ts b/packages/main/src/stores/RootStore.ts
index edc740c..9d138ce 100644
--- a/packages/main/src/stores/RootStore.ts
+++ b/packages/main/src/stores/RootStore.ts
@@ -18,15 +18,29 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Instance, types } from 'mobx-state-tree';
-import { sharedStore } from '@sophie/shared';
+import { applySnapshot, Instance, types } from 'mobx-state-tree';
+import {
+  BrowserViewBounds,
+  emptySharedStore,
+  PaletteMode,
+  sharedStore,
+} from '@sophie/shared';
 
 export const rootStore = types.model('RootStore', {
   shared: sharedStore,
 }).actions((self) => ({
-  buttonClick() {
-    self.shared.clickCount += 1;
+  setBrowserViewBounds(bounds: BrowserViewBounds) {
+    applySnapshot(self.shared.browserViewBounds, bounds);
+  },
+  setPaletteMode(mode: PaletteMode) {
+    self.shared.shouldUseDarkColors = mode === 'dark';
   },
 }));
 
 export interface RootStore extends Instance<typeof rootStore> {}
+
+export function createRootStore(): RootStore {
+  return rootStore.create({
+    shared: emptySharedStore,
+  });
+}