🔀 Merge pull request #588 from FrostCo/translation_system_updates

Translation system updates

Author: richardfrost

bin/buildTranslation.js

@@ -0,0 +1,4 @@
+import BuildTranslation from './buildTranslationClass.js';
+
+const buildTranslation = new BuildTranslation();
+buildTranslation.run();

bin/buildTranslationClass.js

@@ -0,0 +1,52 @@
+import fs from 'fs';
+import path from 'path';
+
+export default class BuildTranslation {
+  constructor() {
+    this.localesDir = path.join('locales');
+    this.translations = {};
+  }
+
+  build() {
+    this.translations = this.combineLocaleFiles(this.localesDir);
+  }
+
+  get combinedTranslationsPath() {
+    return path.join('src', 'script', 'translations.js');
+  }
+
+  combineLocaleFiles(root) {
+    const combined = {};
+
+    // Iterate through each language directory (e.g., 'en', 'fr')
+    fs.readdirSync(root).forEach((locale) => {
+      combined[locale] = {};
+      const localeDir = path.join(root, locale);
+
+      // Iterate through each namespace file in the language directory
+      fs.readdirSync(localeDir).forEach((file) => {
+        const namespace = path.basename(file, '.json');
+        const filePath = path.join(localeDir, file);
+        const fileContents = JSON.parse(fs.readFileSync(filePath, 'utf8'));
+
+        // Assign the namespace contents to the appropriate language
+        combined[locale][namespace] = fileContents;
+      });
+    });
+
+    return combined;
+  }
+
+  get output() {
+    return `export const translations = ${JSON.stringify(this.translations, null, 2)};\n\nexport default translations;\n`;
+  }
+
+  run() {
+    this.build();
+    this.writeCombinedTranslations();
+  }
+
+  writeCombinedTranslations() {
+    fs.writeFileSync(this.combinedTranslationsPath, this.output, 'utf8');
+  }
+}

bin/buildTranslations.js

@@ -28,7 +28,7 @@
     "build:firefox": "npm run build:firefox:mv2",
     "build:libs": "tsc -p ./src/script/lib/tsconfig.json",
     "build:static": "node bin/copyStatic.js",
-    "build:translations": "node bin/buildTranslations.js",
+    "build:translations": "node bin/buildTranslation.js",
     "build": "webpack --config bin/webpack.dev.js && npm run build:static",
     "clean:all": "node bin/clean.js --all",
     "clean:build": "node bin/clean.js --build",

package.json

@@ -5,7 +5,7 @@ const option = new OptionPage;
 ////
 // Events
 // Add event listeners to DOM
-window.addEventListener('load', (evt) => { option.init(); });
+window.addEventListener('DOMContentLoaded', (evt) => { option.init(); });
 document.querySelectorAll('#menu a').forEach((el) => { el.addEventListener('click', (evt) => { option.switchPage(evt.target as HTMLAnchorElement); }); });
 // Modals
 document.getElementById('submitPassword').addEventListener('click', (evt) => { option.auth.authenticate(evt.target as HTMLButtonElement); });

src/script/mainOptionPage.ts

@@ -5,6 +5,11 @@ import { stringArray } from '@APF/lib/helper';
 export default class Translation {
   i18next: i18n;
 
+  //#region Class reference helpers
+  // Can be overridden in children classes
+  get Class() { return (this.constructor as typeof Translation); }
+  //#endregion
+
   constructor(namespaces: string|string[] = [], language: string = 'en') {
     namespaces = stringArray(namespaces);
     this.i18next = i18next;