feat(main): Translation hot reloading during development

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

1 files changed, 21 insertions, 0 deletions

diff --git a/scripts/watch.js b/scripts/watch.js
index 8ea5f29..be05f2b 100644
--- a/scripts/watch.js
+++ b/scripts/watch.js
@@ -191,6 +191,25 @@ function setupMainPackageWatcher(viteDevServer) {
 }
 
 /**
+ * @param {(event: import('vite').HMRPayload) => void} sendEvent
+ */
+function setupTranslationsWatcher(sendEvent) {
+  const localesDir = path.join(thisDir, '../locales');
+  const watcher = watch(localesDir, {
+    ignored: /\.missing\.json$/,
+    ignoreInitial: true,
+    persistent: true,
+  });
+  watcher.on('change', () => {
+    console.log(`\u26A1 Reloading translations`);
+    sendEvent({
+      type: 'custom',
+      event: 'sophie:reload-translations',
+    });
+  });
+}
+
+/**
  * @returns {Promise<void>}
  */
 async function setupDevEnvironment() {
@@ -246,6 +265,8 @@ async function setupDevEnvironment() {
     return;
   }
 
+  setupTranslationsWatcher(sendEvent);
+
   console.log('\uD83C\uDF80 Sophie is starting up');
   await setupMainPackageWatcher(viteDevServer);
 }