feat(main): Translation hot reloading during development

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

2 files changed, 9 insertions, 4 deletions

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);