@bigbinary/neeto-commons-frontend 2.1.23 → 2.1.24

package/configs/babel.js

@@ -35,6 +35,7 @@ module.exports = function (api) {
       "@bigbinary/neeto",
     ].filter(Boolean),
     plugins: [
+      "preval",
       "babel-plugin-macros",
       "@babel/plugin-transform-runtime",
       isTestEnv

package/configs/eslint/globals.js

@@ -9,5 +9,6 @@ module.exports = {
     module: "writable",
     // Makes props obtained from Rails backend available everywhere in this project.
     globalProps: "readonly",
+    preval: "readonly",
   },
 };

package/configs/nanos/eslint/index.js

@@ -2,6 +2,12 @@ const { mergeLeft } = require("ramda");
 
 const commonConfiguration = require("../../eslint");
 
+const isCommonsFrontend = !__dirname.includes("node_modules");
+
+const configsPath = isCommonsFrontend
+  ? "./configs"
+  : "./node_modules/@bigbinary/neeto-commons-frontend/configs";
+
 const nanosConfiguration = {
   extends: [
     "plugin:@bigbinary/neeto/nanos-recommended",
@@ -9,12 +15,12 @@ const nanosConfiguration = {
     "plugin:json/recommended",
     "eslint:recommended",
     "plugin:react/recommended",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/globals",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/nanos/eslint/imports/order",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/overrides",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/imports/enforced",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/react",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/promise",
+    `${configsPath}/eslint/globals`,
+    `${configsPath}/nanos/eslint/imports/order`,
+    `${configsPath}/eslint/overrides`,
+    `${configsPath}/eslint/imports/enforced`,
+    `${configsPath}/eslint/react`,
+    `${configsPath}/eslint/promise`,
     "prettier",
   ],
 };

package/configs/nanos/webpack/resolve.js

@@ -1,7 +1,11 @@
 const path = require("path");
 
+const isCommonsFrontend = !__dirname.includes("node_modules");
+
 const absolutePath = basePath =>
-  path.join(__dirname, "../../../../../../", basePath);
+  isCommonsFrontend
+    ? path.join(__dirname, "../../../", basePath)
+    : path.join(__dirname, "../../../../../../", basePath);
 
 module.exports = {
   alias: {

package/configs/scripts/getPkgTranslations.js

@@ -0,0 +1,38 @@
+const fs = require("fs");
+const path = require("path");
+
+const { mergeDeepLeft } = require("ramda");
+
+const packageDir = path.join(__dirname, "../");
+
+const getPkgTransPath = pkg => path.join(packageDir, pkg, "src/translations");
+
+const packages = fs.readdirSync(packageDir);
+
+const loadTranslations = translationsDir => {
+  try {
+    const jsonFiles = fs
+      .readdirSync(translationsDir)
+      .filter(file => file.endsWith(".json"))
+      .map(file => path.join(translationsDir, file));
+
+    const translations = {};
+
+    jsonFiles.forEach(jsonFile => {
+      const content = fs.readFileSync(jsonFile, "utf8");
+      const basename = path.basename(jsonFile, ".json");
+
+      translations[basename] = { translation: JSON.parse(content) };
+    });
+
+    return translations;
+  } catch {
+    return {};
+  }
+};
+
+const packageTranslations = packages
+  .map(pkg => loadTranslations(getPkgTransPath(pkg)))
+  .reduce(mergeDeepLeft);
+
+module.exports = packageTranslations;

package/configs/webpack/rules.js

@@ -4,9 +4,7 @@ module.exports = [
     use: [
       {
         loader: "@svgr/webpack",
-        options: {
-          svgoConfig: { plugins: ["preset-default"] },
-        },
+        options: { svgoConfig: { plugins: ["preset-default"] } },
       },
     ],
   },
@@ -20,15 +18,16 @@ module.exports = [
       },
     },
   },
+  {
+    test: /\.js$/,
+    include: /node_modules\/@bigbinary\/neeto-commons-frontend\/initializers/,
+    use: { loader: "babel-loader", options: { plugins: ["preval"] } },
+  },
   {
     test: /\.m?js$/,
     resolve: {
       fullySpecified: false, // allows webpack to ignore some package rules as the Strict EcmaScript Module mode.
     },
   },
-  {
-    test: /\.js$/,
-    enforce: "pre",
-    use: ["source-map-loader"],
-  },
+  { test: /\.js$/, enforce: "pre", use: ["source-map-loader"] },
 ];

package/initializers.cjs.js

@@ -2402,18 +2402,6 @@ var commonsEn = {
 	neetoCommons: neetoCommons
 };
 
-var packageNames = ["neeto-molecules", "neeto-integrations-frontend", "neeto-team-members-frontend", "neeto-tags-frontend", "neeto-form-frontend"];
-var getPackageTranslations = function getPackageTranslations(language, packageNames) {
-  var loadTranslations = ramda.curry(function (language, packageName) {
-    try {
-      return require("../".concat(packageName, "/src/translations/").concat(language, ".json"));
-    } catch (_unused) {
-      return {};
-    }
-  });
-  var allTranslations = packageNames.map(loadTranslations(language));
-  return ramda.mergeAll(allTranslations);
-};
 var sentenceCasePlaceholderAndTypographyProcessor = {
   type: "postProcessor",
   name: "sentenceCasePlaceholderAndTypography",
@@ -2426,20 +2414,17 @@ var sentenceCasePlaceholderAndTypographyProcessor = {
     return value;
   }
 };
-var packageEnTranslations = getPackageTranslations("en", packageNames);
-var en = ramda.mergeDeepLeft(commonsEn, packageEnTranslations);
-var de = getPackageTranslations("de", packageNames);
-var initializeI18n = function initializeI18n(resources) {
+var commonsTranslations = {
+  en: {
+    translation: commonsEn
+  }
+};
+var initializeI18n = function initializeI18n(hostTranslations) {
   var _i18n$services$format;
+  var packageTranslations = preval.require("./configs/scripts/getPkgTranslations.js");
+  var resources = [hostTranslations, commonsTranslations, packageTranslations].reduce(ramda.mergeDeepLeft);
   i18n__default["default"].use(Browser).use(reactI18next.initReactI18next).use(sentenceCasePlaceholderAndTypographyProcessor).init({
-    resources: ramda.mergeDeepLeft(resources, {
-      en: {
-        translation: en
-      },
-      de: {
-        translation: de
-      }
-    }),
+    resources: resources,
     fallbackLng: "en",
     interpolation: {
       escapeValue: false,