feat(project): implement i18next-parser

.gitignore

@@ -4,3 +4,4 @@ node_modules
 .idea
 .DS_Store
 /coverage
+src/i18n/locales/**/*_old.json

i18next-parser.config.js

@@ -0,0 +1,24 @@
+// i18next-parser.config.js
+
+module.exports = {
+  contextSeparator: '_',
+  createOldCatalogs: true,
+  defaultNamespace: 'common',
+  defaultValue: '',
+  indentation: 2,
+  keepRemoved: false,
+  keySeparator: '.',
+  lexers: {
+    mjs: ['JavascriptLexer'],
+    js: ['JavascriptLexer'],
+    ts: ['JavascriptLexer'],
+    jsx: ['JsxLexer'],
+    tsx: ['JsxLexer'],
+    default: ['JavascriptLexer']
+  },
+  lineEnding: 'auto',
+  locales: ['en_US', 'nl_NL'],
+  namespaceSeparator: ':',
+  output: 'src/i18n/locales/$LOCALE/$NAMESPACE.json',
+  sort: true,
+}

package.json

@@ -10,6 +10,7 @@
     "start": "snowpack dev",
     "build": "snowpack build",
     "test": "npx jest",
+    "i18next": "i18next src/{components,containers,screens}/**/*.tsx && node ./scripts/i18next/generate.js",
     "test-watch": "npx jest --watch",
     "test-coverage": "npx jest --coverage",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
@@ -70,6 +71,7 @@
     "eslint-plugin-rulesdir": "^0.2.0",
     "eslint-watch": "^7.0.0",
     "husky": "^6.0.0",
+    "i18next-parser": "^4.2.0",
     "jest": "^26.6.3",
     "jest-css-modules-transform": "^4.2.1",
     "lint-staged": "^10.5.4",

scripts/i18next/generate.js

@@ -0,0 +1,36 @@
+/**
+ * This script generates all i18next resource entries.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const localesPath = './src/i18n/locales';
+const defaultLocale = 'en_US';
+
+const fileHeader = `// This file is generated, do not modify manually.
+// Run \`$ yarn i18next:scan\` to update this file
+
+`;
+
+const files = fs.readdirSync(localesPath);
+const locales = files.filter(file => !/\.ts/.test(file));
+
+if (!locales.includes(defaultLocale)) {
+  throw new Error('The default locale is missing from locales folder.');
+}
+
+const namespaces = fs.readdirSync(path.join(localesPath, defaultLocale))
+  .filter(namespace => !/_old\.json/.test(namespace)); // filter *_old namespaces generated by i18next-parser
+
+locales.forEach((locale) => {
+  const content = namespaces.reduce((contents, namespace) => {
+    return contents + `export { default as ${namespace.replace('.json', '')} } from \'./${locale}/${namespace}\';\n`;
+  }, fileHeader);
+
+  fs.writeFileSync(path.join(localesPath, `${locale}.ts`), content, { encoding: 'utf-8' });
+});
+
+console.log('');
+console.log(`Generated entries for the following locales: ${locales.join(', ')}`);
+console.log('');

src/i18n/locales/en_US.ts

@@ -1,3 +1,6 @@
+// This file is generated, do not modify manually.
+// Run `$ yarn i18next:scan` to update this file
+
 export { default as common } from './en_US/common.json';
-export { default as video } from './en_US/video.json';
 export { default as menu } from './en_US/menu.json';
+export { default as video } from './en_US/video.json';

src/i18n/locales/en_US/menu.json

@@ -1,7 +1,7 @@
 {
-  "open_menu": "Open menu",
   "close_menu": "Close menu",
-  "menu": "Menu",
   "home": "Home",
+  "menu": "Menu",
+  "open_menu": "Open menu",
   "settings": "Settings"
 }

src/i18n/locales/en_US/video.json

@@ -1,6 +1,6 @@
 {
-  "start_watching": "Start watching",
-  "trailer": "Trailer",
   "favorite": "Favorite",
-  "share": "Share"
+  "share": "Share",
+  "start_watching": "Start watching",
+  "trailer": "Trailer"
 }

src/i18n/locales/nl_NL.ts

@@ -0,0 +1,6 @@
+// This file is generated, do not modify manually.
+// Run `$ yarn i18next:scan` to update this file
+
+export { default as common } from './nl_NL/common.json';
+export { default as menu } from './nl_NL/menu.json';
+export { default as video } from './nl_NL/video.json';

src/i18n/locales/nl_NL/common.json

@@ -0,0 +1,7 @@
+{
+  "back": "",
+  "close": "",
+  "play_item": "",
+  "slide_left": "",
+  "slide_right": ""
+}

src/i18n/locales/nl_NL/menu.json

@@ -0,0 +1,7 @@
+{
+  "close_menu": "",
+  "home": "",
+  "menu": "",
+  "open_menu": "",
+  "settings": ""
+}

src/i18n/locales/nl_NL/video.json

@@ -0,0 +1,6 @@
+{
+  "favorite": "",
+  "share": "",
+  "start_watching": "",
+  "trailer": ""
+}