chore: automatic translation registration

Automatically load translations

App.tsx

@@ -21,10 +21,8 @@ import { useFonts } from "expo-font";
 import { EvaIconsPack } from "@ui-kitten/eva-icons";
 import * as SplashScreen from "expo-splash-screen";
 import { decode, encode } from "base-64";
+import translations from './i18n';
 
-import translationEN from "./i18n/en.json";
-import translationDE from "./i18n/de.json";
-import translationLT from "./i18n/lt.json";
 if (!global.btoa) {
   global.btoa = encode;
 }
@@ -37,14 +35,8 @@ SplashScreen.preventAutoHideAsync();
 
 const Stack = createNativeStackNavigator();
 
-const resources = {
-  en: { translation: translationEN },
-  de: { translation: translationDE },
-  lt: { translation: translationLT },
-};
-
 i18n.use(initReactI18next).init({
-  resources,
+  resources: translations,
   lng: getLocales()[0].languageCode,
   fallbackLng: "en",
 });

i18n/index.ts

@@ -0,0 +1,23 @@
+import { Resource } from "i18next";
+
+import de from "./de.json";
+import en from "./en.json";
+import fi from "./fi.json";
+import fr from "./fr.json";
+import lb from "./lb.json";
+import lt from "./lt.json";
+import pl from "./pl.json";
+import pt from "./pt.json";
+
+const translations: Resource = {
+  de: { translation: de },
+  en: { translation: en },
+  fi: { translation: fi },
+  fr: { translation: fr },
+  lb: { translation: lb },
+  lt: { translation: lt },
+  pl: { translation: pl },
+  pt: { translation: pt }
+};
+
+export default translations;

package.json

@@ -8,7 +8,8 @@
     "ios": "expo run:ios",
     "web": "expo start --web",
     "lint": "tsc --noEmit && eslint .",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "translations": "ts-node ./scripts/load-translations.ts"
   },
   "dependencies": {
     "@eva-design/eva": "^2.2.0",
@@ -53,12 +54,14 @@
     "@babel/core": "^7.20.0",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.16.0",
+    "@types/node": "^22.10.2",
     "@typescript-eslint/eslint-plugin": "^8.1.0",
     "@typescript-eslint/parser": "^8.1.0",
     "eslint": "^9.9.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-native": "^4.1.0",
-    "prettier": "^3.3.3"
+    "prettier": "^3.3.3",
+    "ts-node": "^10.9.2"
   },
   "private": true
 }

scripts/load-translations.ts

@@ -0,0 +1,23 @@
+import fs from 'fs';
+import path from 'path';
+
+const i18nFolder = "./i18n";
+const files = fs.readdirSync(i18nFolder);
+const jsonFiles = files.filter(file => file.endsWith('.json')).map(file => path.basename(file, '.json'));
+
+
+const imports = `import { Resource } from "i18next";\n\n` + jsonFiles.map(lang => `import ${lang} from "./${lang}.json";`).join('\n');
+
+const translationsObject = `const translations: Resource = {
+  ${jsonFiles.map(lang => `${lang}: { translation: ${lang} }`).join(',\n  ')}
+};
+
+export default translations;
+`;
+
+
+const outputPath = "./i18n/index.ts";
+const content = `${imports}\n\n${translationsObject}`;
+
+fs.writeFileSync(outputPath, content, 'utf-8');
+console.log('Finished loading translations.');