feat: [UEPR-57] migrate to react v18

.github/workflows/ci-cd.yml

@@ -113,7 +113,9 @@ jobs:
           GTM_ENV_AUTH: ${{ secrets.GTM_ENV_AUTH }}
       - name: unit tests
         run: |
-          JEST_JUNIT_OUTPUT_NAME=unit-jest-results.xml npm run test:unit:jest:unit -- --reporters=jest-junit
+          npm run test:generate-translations
+          # run unit tests in development mode to address error "act(...) is not supported in production builds of React"
+          NODE_ENV=development JEST_JUNIT_OUTPUT_NAME=unit-jest-results.xml npm run test:unit:jest:unit -- --reporters=jest-junit
           JEST_JUNIT_OUTPUT_NAME=localization-jest-results.xml npm run test:unit:jest:localization -- --reporters=jest-junit
           npm run test:unit:tap -- --output-file ./test/results/unit-raw.tap
           npm run test:unit:convertReportToXunit

.gitignore

@@ -21,6 +21,7 @@ ENV
 
 # Test
 /test/results/*
+/test/generated/generated-locales.js
 /.nyc_output
 /coverage
 /bin/lib/localized-urls.json

bin/generate-translations.js

@@ -0,0 +1,48 @@
+const routes = require('../src/routes.json');
+const path = require('path');
+const fs = require('fs');
+const merge = require('lodash.merge');
+
+const globalTemplateFile = path.resolve(__dirname, '../src/l10n.json');
+const generatedLocales = {
+    en: JSON.parse(fs.readFileSync(globalTemplateFile, 'utf8'))
+};
+const defaultLocales = {};
+const views = [];
+
+for (const route in routes) {
+    if (typeof routes[route].redirect !== 'undefined') {
+        continue;
+    }
+
+    views.push(routes[route].name);
+    try {
+        const subdir = routes[route].view.split('/');
+        subdir.pop();
+        const l10n = path.resolve(
+            __dirname,
+            `../src/views/${subdir.join('/')}/l10n.json`
+        );
+        const viewIds = JSON.parse(fs.readFileSync(l10n, 'utf8'));
+        defaultLocales[routes[route].name] = viewIds;
+    } catch (err) {
+        if (err.code !== 'ENOENT') {
+            throw err;
+        }
+    }
+}
+
+views
+    .map(view => defaultLocales[view])
+    .reduce((acc, curr) => merge(acc, curr), generatedLocales.en);
+
+const dirPath = './test/generated';
+const filePath = './test/generated/generated-locales.js';
+const variableName = 'generatedLocales';
+const variableValue = JSON.stringify(generatedLocales, null, 2);
+const content = `const ${variableName} = ${variableValue};
+export {${variableName}};
+`;
+
+fs.mkdirSync(dirPath, {recursive: true});
+fs.writeFileSync(filePath, content, 'utf8');