5 files changed, 93 insertions, 17 deletions

diff --git a/packages/main/src/stores/GlobalSettings.ts b/packages/main/src/stores/GlobalSettings.ts
index 31b7e12..4e6aa13 100644
--- a/packages/main/src/stores/GlobalSettings.ts
+++ b/packages/main/src/stores/GlobalSettings.ts
@@ -27,23 +27,32 @@ import Service from './Service';
 
 const log = getLogger('sharedStore');
 
-const GlobalSettings = defineGlobalSettingsModel(Service).actions((self) => ({
-  setThemeSource(mode: ThemeSource): void {
-    self.themeSource = mode;
-  },
-  setShowLocationBar(showLocationBar: boolean): void {
-    self.showLocationBar = showLocationBar;
-  },
-  setSelectedServiceId(serviceId: string): void {
-    const serviceInstance = resolveIdentifier(Service, self, serviceId);
-    if (serviceInstance === undefined) {
-      log.warn('Trying to select unknown service', serviceId);
-      return;
-    }
-    self.selectedService = serviceInstance;
-    log.debug('Selected service', serviceId);
-  },
-}));
+const GlobalSettings = defineGlobalSettingsModel(Service)
+  .actions((self) => ({
+    setThemeSource(mode: ThemeSource): void {
+      self.themeSource = mode;
+    },
+    setShowLocationBar(showLocationBar: boolean): void {
+      self.showLocationBar = showLocationBar;
+    },
+    setSelectedService(service: Service): void {
+      self.selectedService = service;
+    },
+  }))
+  .actions((self) => ({
+    toggleLocationBar(): void {
+      self.setShowLocationBar(!self.showLocationBar);
+    },
+    setSelectedServiceId(serviceId: string): void {
+      const serviceInstance = resolveIdentifier(Service, self, serviceId);
+      if (serviceInstance === undefined) {
+        log.warn('Trying to select unknown service', serviceId);
+        return;
+      }
+      self.setSelectedService(serviceInstance);
+      log.debug('Selected service', serviceId);
+    },
+  }));
 
 /*
   eslint-disable-next-line @typescript-eslint/no-redeclare --
diff --git a/packages/main/src/stores/MainEnv.ts b/packages/main/src/stores/MainEnv.ts
index 94c34f3..8923322 100644
--- a/packages/main/src/stores/MainEnv.ts
+++ b/packages/main/src/stores/MainEnv.ts
@@ -26,4 +26,6 @@ export function getEnv(model: IAnyStateTreeNode): MainEnv {
 
 export default interface MainEnv {
   openURLInExternalBrowser(url: string): void;
+
+  openAboutDialog(): void;
 }
diff --git a/packages/main/src/stores/MainStore.ts b/packages/main/src/stores/MainStore.ts
index ed0f391..86fadcb 100644
--- a/packages/main/src/stores/MainStore.ts
+++ b/packages/main/src/stores/MainStore.ts
@@ -25,6 +25,7 @@ import type { MainWindow } from '../infrastructure/electron/types';
 import { getLogger } from '../utils/log';
 
 import GlobalSettings from './GlobalSettings';
+import { getEnv } from './MainEnv';
 import Profile from './Profile';
 import Service from './Service';
 import SharedStore from './SharedStore';
@@ -112,6 +113,14 @@ const MainStore = types
     setMainWindow(mainWindow: MainWindow | undefined): void {
       self.mainWindow = mainWindow;
     },
+    openWebpageInBrowser() {
+      getEnv(self).openURLInExternalBrowser(
+        'https://gitlab.com/say-hi-to-sophie/shophie',
+      );
+    },
+    openAboutDialog() {
+      getEnv(self).openAboutDialog();
+    },
     beforeDestroy(): void {
       self.mainWindow?.dispose();
     },
diff --git a/packages/main/src/stores/Service.ts b/packages/main/src/stores/Service.ts
index 0a35114..d8f3166 100644
--- a/packages/main/src/stores/Service.ts
+++ b/packages/main/src/stores/Service.ts
@@ -126,6 +126,9 @@ const Service = defineServiceModel(ServiceSettings)
     dismissAllPopups(): void {
       self.popups.splice(0);
     },
+    toggleDeveloperTools(): void {
+      self.serviceView?.toggleDeveloperTools();
+    },
   }))
   .actions((self) => {
     function setState(state: ServiceStateSnapshotIn): void {
diff --git a/packages/main/src/stores/SharedStore.ts b/packages/main/src/stores/SharedStore.ts
index d72c532..67d58d6 100644
--- a/packages/main/src/stores/SharedStore.ts
+++ b/packages/main/src/stores/SharedStore.ts
@@ -21,12 +21,16 @@
 import { defineSharedStoreModel } from '@sophie/shared';
 import { getSnapshot, Instance } from 'mobx-state-tree';
 
+import { getLogger } from '../utils/log';
+
 import GlobalSettings from './GlobalSettings';
 import Profile from './Profile';
 import Service from './Service';
 import type Config from './config/Config';
 import loadConfig from './config/loadConfig';
 
+const log = getLogger('SharedStore');
+
 function getConfigs<T>(models: { config: T }[]): T[] | undefined {
   return models.length === 0 ? undefined : models.map((model) => model.config);
 }
@@ -42,6 +46,19 @@ const SharedStore = defineSharedStoreModel(GlobalSettings, Profile, Service)
         services: getConfigs(services),
       };
     },
+    get canSwitchServices(): boolean {
+      return self.services.length >= 2;
+    },
+    get selectedServiceIndex(): number {
+      const {
+        services,
+        settings: { selectedService },
+      } = self;
+      if (selectedService === undefined) {
+        return -1;
+      }
+      return services.indexOf(selectedService);
+    },
   }))
   .actions((self) => ({
     loadConfig(config: Config): void {
@@ -50,6 +67,42 @@ const SharedStore = defineSharedStoreModel(GlobalSettings, Profile, Service)
     setShouldUseDarkColors(shouldUseDarkColors: boolean): void {
       self.shouldUseDarkColors = shouldUseDarkColors;
     },
+    activateServiceByOffset(offset: number): void {
+      if (offset === 0) {
+        return;
+      }
+      const { selectedServiceIndex: index, services, settings } = self;
+      if (index < 0) {
+        log.warn('No selected service to offset');
+        return;
+      }
+      const { length } = services;
+      const indexWithOffset = (index + offset) % length;
+      // Make sure that `newIndex` is positive even for large negative `offset`.
+      const newIndex =
+        indexWithOffset < 0 ? indexWithOffset + length : indexWithOffset;
+      const newService = services.at(newIndex);
+      if (newService === undefined) {
+        log.error(
+          'Could not advance selected service index from',
+          index,
+          'by',
+          offset,
+          'to',
+          newIndex,
+        );
+        return;
+      }
+      settings.setSelectedService(newService);
+    },
+  }))
+  .actions((self) => ({
+    activateNextService(): void {
+      self.activateServiceByOffset(1);
+    },
+    activatePreviousService(): void {
+      self.activateServiceByOffset(-1);
+    },
   }));
 
 /*