From 0f8c96d26a74865a35440338739de037bf984315 Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Wed, 30 Mar 2022 13:34:40 +0200
Subject: feat(main): Translation hot reloading during development
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Kristóf Marussy <kristof@marussy.com>
---
 packages/renderer/src/devTools.ts | 9 +++++++--
 packages/renderer/src/index.tsx   | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

(limited to 'packages/renderer/src')

diff --git a/packages/renderer/src/devTools.ts b/packages/renderer/src/devTools.ts
index cb695c3..1fe39f7 100644
--- a/packages/renderer/src/devTools.ts
+++ b/packages/renderer/src/devTools.ts
@@ -52,13 +52,18 @@ export async function exposeToReduxDevtools(
 }
 
 /**
- * Sends a message to the main process to reload all services when
+ * Sends a message to the main process to reload all services or translations when
  * `build/watch.js` sends a reload event on bundle write.
  */
-export function hotReloadServices(): void {
+export function hotReload(): void {
   import.meta.hot?.on('sophie:reload-services', () => {
     window.sophieRenderer.dispatchAction({
       action: 'reload-all-services',
     });
   });
+  import.meta.hot?.on('sophie:reload-translations', () => {
+    window.sophieRenderer.dispatchAction({
+      action: 'reload-all-translations',
+    });
+  });
 }
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index e87ab8b..54e157c 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -30,7 +30,7 @@ import { render } from 'react-dom';
 import App from './components/App';
 import StoreProvider from './components/StoreProvider';
 import ThemeProvider from './components/ThemeProvider';
-import { exposeToReduxDevtools, hotReloadServices } from './devTools';
+import { exposeToReduxDevtools, hotReload } from './devTools';
 import { createAndConnectRendererStore } from './stores/RendererStore';
 import { getLogger } from './utils/log';
 
@@ -39,7 +39,7 @@ const isDevelopment = import.meta.env.MODE === 'development';
 const log = getLogger('index');
 
 if (isDevelopment) {
-  hotReloadServices();
+  hotReload();
 }
 
 const store = createAndConnectRendererStore(window.sophieRenderer);
-- 
cgit v1.2.3-54-g00ecf