feat(main): Add localization support

Add i18next with a custom backend to the main process to load
localization from file.

Missing localizations are written to a missing localizations file in
debug mode, but silently fall back in production mode.

We will also need to add a custom backend for the renderer process that
communicates with the main process.

(i18next-fs-electron-backend is not applicable here, because we need
localizations both in the main and renderer processes.)

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

1 files changed, 19 insertions, 10 deletions

diff --git a/packages/main/src/infrastructure/electron/impl/setApplicationMenu.ts b/packages/main/src/infrastructure/electron/impl/setApplicationMenu.ts
index 5166719..49bfbfd 100644
--- a/packages/main/src/infrastructure/electron/impl/setApplicationMenu.ts
+++ b/packages/main/src/infrastructure/electron/impl/setApplicationMenu.ts
@@ -30,6 +30,12 @@ export default function setApplicationMenu(
   isMac: boolean,
 ): void {
   const dispose = autorun(() => {
+    const translation = store.useTranslation();
+    if (!translation.ready) {
+      return;
+    }
+    const { t } = translation;
+
     const { settings, shared, visibleService } = store;
     const { showLocationBar, selectedService } = settings;
     const { canSwitchServices, services } = shared;
@@ -42,7 +48,7 @@ export default function setApplicationMenu(
         role: 'viewMenu',
         submenu: [
           {
-            label: 'Show Location Bar',
+            label: t<string>('menu.view.showLocationBar'),
             accelerator: 'CommandOrControl+Shift+L',
             type: 'checkbox',
             checked: showLocationBar,
@@ -52,7 +58,7 @@ export default function setApplicationMenu(
           },
           { type: 'separator' },
           {
-            label: 'Reload',
+            label: t<string>('menu.view.reload'),
             accelerator: 'CommandOrControl+R',
             enabled: selectedService !== undefined,
             click() {
@@ -60,7 +66,7 @@ export default function setApplicationMenu(
             },
           },
           {
-            label: 'Force Reload',
+            label: t<string>('menu.view.forceReload'),
             accelerator: 'CommandOrControl+Shift+R',
             enabled: selectedService !== undefined,
             click() {
@@ -68,7 +74,7 @@ export default function setApplicationMenu(
             },
           },
           {
-            label: 'Toggle Developer Tools',
+            label: t<string>('menu.view.toggleDeveloperTools'),
             accelerator: 'CommandOrControl+Shift+I',
             enabled: visibleService !== undefined,
             click() {
@@ -80,12 +86,15 @@ export default function setApplicationMenu(
             ? ([
                 {
                   role: 'forceReload',
-                  label: 'Reload Sophie',
+                  label: t<string>('menu.view.reloadSophie'),
                   accelerator: 'CommandOrControl+Shift+Alt+R',
                 },
                 {
                   role: 'toggleDevTools',
-                  label: 'Toggle Sophie Developer Tools',
+                  label: t<string>(
+                    'menu.view.toggleSophieDeveloperTools',
+                    'Toggle Sophie Developer Tools',
+                  ),
                   accelerator: 'CommandOrControl+Shift+Alt+I',
                 },
                 { type: 'separator' },
@@ -95,10 +104,10 @@ export default function setApplicationMenu(
         ],
       },
       {
-        label: 'Services',
+        label: t<string>('menu.servicesMenu'),
         submenu: [
           {
-            label: 'Next Service',
+            label: t<string>('menu.services.nextService'),
             accelerator: 'CommandOrControl+Tab',
             enabled: canSwitchServices,
             click() {
@@ -106,7 +115,7 @@ export default function setApplicationMenu(
             },
           },
           {
-            label: 'Previous Service',
+            label: t<string>('menu.services.previousService'),
             accelerator: 'CommandOrControl+Shift+Tab',
             enabled: canSwitchServices,
             click() {
@@ -140,7 +149,7 @@ export default function setApplicationMenu(
         role: 'help',
         submenu: [
           {
-            label: 'Gitlab',
+            label: t<string>('menu.help.gitlab'),
             click() {
               store.openWebpageInBrowser();
             },