umputun#10 auto generate loadLocale

frontend/app/utils/loadLocale.ts

@@ -1,10 +1,17 @@
+/** this is generated file by "npm run generate-langs" **/
 import enMessages from '../locales/en.json';
 
 export async function loadLocale(locale: string): Promise<Record<string, string>> {
   if (locale === 'ru') {
-    return import(/* webpackChunkName: "ru" */ `../locales/ru.json`)
+    return import(/* webpackChunkName: "ru" */ '../locales/ru.json')
       .then(res => res.default)
       .catch(() => enMessages);
   }
+  if (locale === 'de') {
+    return import(/* webpackChunkName: "de" */ '../locales/de.json')
+      .then(res => res.default)
+      .catch(() => enMessages);
+  }
+
   return enMessages;
 }

frontend/tasks/generateDictionary.js

@@ -1,8 +1,10 @@
 const fs = require('fs');
 const path = require('path');
 const defaultMessages = require('../extracted-messages/messages');
+const { renderLoadLocale } = require('./localeLoadTemplate');
+const { getSupportedLocales } = require('./getSupportedLocales');
 
-const locales = ['en', 'ru', 'de'];
+const locales = getSupportedLocales();
 
 const keyMessagePairs = [];
 const keysSet = new Set();
@@ -37,4 +39,8 @@ locales.forEach(locale => {
   currentDict = removeAbandonedKeys(keysSet, currentDict);
   currentDict = sortDict(currentDict);
   fs.writeFileSync(pathToDict, JSON.stringify(currentDict, null, 2) + '\n');
+  fs.writeFileSync(
+    path.resolve(__dirname, `../app/utils/loadLocale.ts`),
+    renderLoadLocale(locales.filter(locale => locale !== 'en'))
+  );
 });

frontend/tasks/getSupportedLocales.js

@@ -0,0 +1,6 @@
+const getSupportedLocales = require('./supportedLocales');
+module.exports = {
+  getSupportedLocales() {
+    return getSupportedLocales;
+  },
+};

frontend/tasks/localeLoadTemplate.js

@@ -0,0 +1,20 @@
+function renderLoadLocale(locales) {
+  return `/** this is generated file by "npm run generate-langs" **/
+import enMessages from '../locales/en.json';
+
+export async function loadLocale(locale: string): Promise<Record<string, string>> {
+${locales
+  .map(
+    locale => `  if (locale === '${locale}') {
+    return import(/* webpackChunkName: "${locale}" */ '../locales/${locale}.json')
+      .then(res => res.default)
+      .catch(() => enMessages);
+  }
+`
+  )
+  .join('')}
+  return enMessages;
+}\n`;
+}
+
+module.exports = { renderLoadLocale };

frontend/tasks/supportedLocales.json

@@ -0,0 +1 @@
+["en", "ru", "de"]