4 files changed, 45 insertions, 6 deletions

diff --git a/packages/renderer/src/stores/GlobalSettings.ts b/packages/renderer/src/stores/GlobalSettings.ts
index 79815ba..52971d4 100644
--- a/packages/renderer/src/stores/GlobalSettings.ts
+++ b/packages/renderer/src/stores/GlobalSettings.ts
@@ -21,8 +21,7 @@
 import { defineGlobalSettingsModel, ThemeSource } from '@sophie/shared';
 import { Instance } from 'mobx-state-tree';
 
-import getEnv from '../env/getEnv';
-
+import { getEnv } from './RendererEnv';
 import Service from './Service';
 
 const GlobalSettings = defineGlobalSettingsModel(Service).actions((self) => ({
diff --git a/packages/renderer/src/stores/RendererEnv.ts b/packages/renderer/src/stores/RendererEnv.ts
new file mode 100644
index 0000000..496ede6
--- /dev/null
+++ b/packages/renderer/src/stores/RendererEnv.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright (C)  2021-2022 Kristóf Marussy <kristof@marussy.com>
+ *
+ * This file is part of Sophie.
+ *
+ * Sophie is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import type { Action } from '@sophie/shared';
+import { getEnv as getAnyEnv, IAnyStateTreeNode } from 'mobx-state-tree';
+
+/**
+ * Gets a well-typed environment from `model`.
+ *
+ * Only useable inside state trees created by `createAndConnectRootStore`.
+ *
+ * @param model The state tree node.
+ */
+export function getEnv(model: IAnyStateTreeNode): RendererEnv {
+  return getAnyEnv<RendererEnv>(model);
+}
+
+export default interface RendererEnv {
+  dispatchMainAction(action: Action): void;
+}
diff --git a/packages/renderer/src/stores/RendererStore.ts b/packages/renderer/src/stores/RendererStore.ts
index 8f424f6..f48d484 100644
--- a/packages/renderer/src/stores/RendererStore.ts
+++ b/packages/renderer/src/stores/RendererStore.ts
@@ -21,11 +21,10 @@
 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 RendererEnv, { getEnv } from './RendererEnv';
 import Service from './Service';
 import SharedStore from './SharedStore';
 
diff --git a/packages/renderer/src/stores/Service.ts b/packages/renderer/src/stores/Service.ts
index 695cff4..c50e5bd 100644
--- a/packages/renderer/src/stores/Service.ts
+++ b/packages/renderer/src/stores/Service.ts
@@ -21,8 +21,7 @@
 import { defineServiceModel, ServiceAction } from '@sophie/shared';
 import { Instance } from 'mobx-state-tree';
 
-import getEnv from '../env/getEnv';
-
+import { getEnv } from './RendererEnv';
 import ServiceSettings from './ServiceSettings';
 
 const Service = defineServiceModel(ServiceSettings).actions((self) => {
@@ -76,6 +75,11 @@ const Service = defineServiceModel(ServiceSettings).actions((self) => {
         fingerprint: self.state.certificate.fingerprint,
       });
     },
+    openCurrentURLInExternalBrowser(): void {
+      dispatch({
+        action: 'open-current-url-in-external-browser',
+      });
+    },
   };
 });