refactor: Shared model type factories

Allows customization of stores both in the renderer and in the main
process. Instead of exposing a basic model type from the shared module
(which was be overwritted with more specific props in the main package),
we expose factory function that can create specific model types in
both the renderer and the main process.

Using these package-specific customization to stores, the renderer
package can attach IPC calls directly to store objects, which the main
package can attach the handlers for IPC calls and other internal
actions.

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

1 files changed, 5 insertions, 36 deletions

diff --git a/packages/renderer/src/stores/RendererStore.ts b/packages/renderer/src/stores/RendererStore.ts
index 1acc605..8f424f6 100644
--- a/packages/renderer/src/stores/RendererStore.ts
+++ b/packages/renderer/src/stores/RendererStore.ts
@@ -18,20 +18,17 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import {
-  BrowserViewBounds,
-  SharedStore,
-  Service,
-  SophieRenderer,
-  ThemeSource,
-  GlobalSettings,
-} from '@sophie/shared';
+import { BrowserViewBounds, SophieRenderer } from '@sophie/shared';
 import { applySnapshot, applyPatch, Instance, types } from 'mobx-state-tree';
 
 import RendererEnv from '../env/RendererEnv';
 import getEnv from '../env/getEnv';
 import { getLogger } from '../utils/log';
 
+import GlobalSettings from './GlobalSettings';
+import Service from './Service';
+import SharedStore from './SharedStore';
+
 const log = getLogger('RendererStore');
 
 const RendererStore = types
@@ -47,40 +44,12 @@ const RendererStore = types
     },
   }))
   .actions((self) => ({
-    setSelectedServiceId(serviceId: string): void {
-      getEnv(self).dispatchMainAction({
-        action: 'set-selected-service-id',
-        serviceId,
-      });
-    },
     setBrowserViewBounds(browserViewBounds: BrowserViewBounds): void {
       getEnv(self).dispatchMainAction({
         action: 'set-browser-view-bounds',
         browserViewBounds,
       });
     },
-    setThemeSource(themeSource: ThemeSource): void {
-      getEnv(self).dispatchMainAction({
-        action: 'set-theme-source',
-        themeSource,
-      });
-    },
-    toggleDarkMode(): void {
-      if (self.shared.shouldUseDarkColors) {
-        this.setThemeSource('light');
-      } else {
-        this.setThemeSource('dark');
-      }
-    },
-    setShowLocationBar(showLocationBar: boolean): void {
-      getEnv(self).dispatchMainAction({
-        action: 'set-show-location-bar',
-        showLocationBar,
-      });
-    },
-    toggleLocationBar(): void {
-      this.setShowLocationBar(!self.settings.showLocationBar);
-    },
   }));
 
 /*