refactor: Make all stores optional

This reduces boilerplate and helps with config file robustness: if a
field is missing from the config file, it will be replaced with its
default value.

1 files changed, 5 insertions, 8 deletions

diff --git a/packages/main/src/stores/MainStore.ts b/packages/main/src/stores/MainStore.ts
index 4b85c22..bab03c2 100644
--- a/packages/main/src/stores/MainStore.ts
+++ b/packages/main/src/stores/MainStore.ts
@@ -19,19 +19,19 @@
  */
 
 import { applySnapshot, Instance, types } from 'mobx-state-tree';
-import { BrowserViewBounds, emptySharedStore } from '@sophie/shared';
+import { BrowserViewBounds } from '@sophie/shared';
 
 import type { Config } from './Config';
 import { sharedStore } from './SharedStore';
 
 export const mainStore = types.model('MainStore', {
-  browserViewBounds: types.model('BrowserViewBounds', {
+  browserViewBounds: types.optional(types.model('BrowserViewBounds', {
     x: 0,
     y: 0,
     width: 0,
     height: 0,
-  }),
-  shared: sharedStore,
+  }), {}),
+  shared: types.optional(sharedStore, {}),
 }).views((self) => ({
   get config(): Config {
     return self.shared.config;
@@ -48,8 +48,5 @@ export const mainStore = types.model('MainStore', {
 export interface MainStore extends Instance<typeof mainStore> {}
 
 export function createMainStore(): MainStore {
-  return mainStore.create({
-    browserViewBounds: {},
-    shared: emptySharedStore,
-  });
+  return mainStore.create();
 }