@bigbinary/neeto-commons-frontend 4.13.98 → 4.13.100

package/configs/vite/plugins/packageTranslations.js

@@ -1,14 +1,112 @@
+/* eslint-disable @bigbinary/neeto/use-array-methods */
+const fs = require("fs");
+const path = require("path");
+
+const { watch } = require("chokidar");
+
 const {
   generateMergedTranslations,
   writeTranslationsToDisk,
 } = require("../../utils/packageTranslations");
 
-const packageTranslationsPlugin = () => ({
-  name: "package-translations",
-  buildStart() {
-    const mergedTranslations = generateMergedTranslations();
-    writeTranslationsToDisk(mergedTranslations);
-  },
-});
+// Only watch host app translations. Package translations inside
+// node_modules/@bigbinary are handled by the nanoDevelopment plugin
+const getTranslationWatchPaths = () => {
+  const hostTranslationsDir = path.resolve("app/javascript/src/translations");
+
+  return fs.existsSync(hostTranslationsDir) ? [hostTranslationsDir] : [];
+};
+
+const rebuildTranslations = () => {
+  const mergedTranslations = generateMergedTranslations();
+  writeTranslationsToDisk(mergedTranslations);
+};
+
+const packageTranslationsPlugin = () => {
+  let watcher;
+  let debounceTimeout;
+
+  return {
+    name: "package-translations",
+    buildStart() {
+      rebuildTranslations();
+    },
+    handleHotUpdate({ file }) {
+      // Suppress Vite's default full-reload for translation JSON files
+      // so that only our plugin controls the rebuild + reload cycle.
+      if (file.includes("translations") && file.endsWith(".json")) return [];
+
+      return undefined;
+    },
+    configureServer(server) {
+      const watchPaths = getTranslationWatchPaths();
+      if (watchPaths.length === 0) return;
+
+      server.watcher.unwatch(watchPaths);
+      server.httpServer?.on("close", () => {
+        if (!watcher) return;
+
+        watcher.close();
+        watcher = null;
+      });
+
+      const invalidateAllModules = () => {
+        const moduleGraph = server.moduleGraph;
+
+        for (const mod of moduleGraph.idToModuleMap.values()) {
+          moduleGraph.invalidateModule(mod);
+        }
+      };
+
+      const handleChange = () => {
+        clearTimeout(debounceTimeout);
+        debounceTimeout = setTimeout(() => {
+          try {
+            const mergedTranslations = generateMergedTranslations();
+            writeTranslationsToDisk(mergedTranslations);
+
+            // Invalidate all modules so the preval transform re-runs and
+            // all import URLs are regenerated with the new browserHash.
+            invalidateAllModules();
+
+            // Update the browserHash on every optimized dep and chunk entry
+            // so the ?v= param changes in import URLs, forcing the browser
+            // to bypass its immutable cache for pre-bundled deps.
+            const depsOptimizer = server.environments?.client?.depsOptimizer;
+            if (depsOptimizer?.metadata) {
+              const newHash = Date.now().toString(36);
+              const { metadata } = depsOptimizer;
+              metadata.browserHash = newHash;
+
+              for (const entry of Object.values(metadata.optimized)) {
+                entry.browserHash = newHash;
+              }
+
+              for (const entry of Object.values(metadata.chunks)) {
+                entry.browserHash = newHash;
+              }
+            }
+
+            server.hot.send({ type: "full-reload" });
+          } catch (error) {
+            server.config.logger.error(
+              `[package-translations] Rebuild failed: ${error}`
+            );
+          }
+        }, 1000);
+      };
+
+      watcher = watch(watchPaths, { ignoreInitial: true })
+        .on("add", handleChange)
+        .on("change", handleChange)
+        .on("unlink", handleChange)
+        .on("error", error =>
+          server.config.logger.error(
+            `[package-translations] Watcher error: ${error}`
+          )
+        );
+    },
+  };
+};
 
 module.exports = { packageTranslationsPlugin };

package/dist/cjs/initializers/constants.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var _window;
 var HEADERS_KEYS = {
   xCsrfToken: "X-CSRF-TOKEN",
   contentType: "Content-Type",
@@ -14,9 +15,11 @@ var FORMATS = {
 };
 var LIST_FORMATS = [FORMATS.boldList, FORMATS.list];
 var MAXIMUM_OFFLINE_DURATION = 10000;
+var IS_CHROME_EXTENSION = typeof window !== "undefined" && !!((_window = window) !== null && _window !== void 0 && (_window = _window.chrome) !== null && _window !== void 0 && (_window = _window.runtime) !== null && _window !== void 0 && _window.id);
 
 exports.FORMATS = FORMATS;
 exports.HEADERS_KEYS = HEADERS_KEYS;
+exports.IS_CHROME_EXTENSION = IS_CHROME_EXTENSION;
 exports.LIST_FORMATS = LIST_FORMATS;
 exports.LOWERCASED = LOWERCASED;
 exports.LOWERCASED_GLOBAL_REGEX = LOWERCASED_GLOBAL_REGEX;

package/dist/cjs/initializers/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/initializers/constants.js"],"sourcesContent":["export const HEADERS_KEYS = {\n  xCsrfToken: \"X-CSRF-TOKEN\",\n  contentType: \"Content-Type\",\n  accept: \"Accept\",\n};\n\nexport const LOWERCASED = \"__LOWERCASED__\";\nexport const LOWERCASED_GLOBAL_REGEX = new RegExp(LOWERCASED, \"g\");\n\nexport const FORMATS = {\n  boldList: \"boldList\",\n  list: \"list\",\n  anyCase: \"anyCase\",\n};\nexport const LIST_FORMATS = [FORMATS.boldList, FORMATS.list];\n\nexport const MAXIMUM_OFFLINE_DURATION = 10000;\n"],"names":["HEADERS_KEYS","xCsrfToken","contentType","accept","LOWERCASED","LOWERCASED_GLOBAL_REGEX","RegExp","FORMATS","boldList","list","anyCase","LIST_FORMATS","MAXIMUM_OFFLINE_DURATION"],"mappings":";;AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,cAAc;AAC1BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,MAAM,EAAE;AACV;AAEO,IAAMC,UAAU,GAAG;AACnB,IAAMC,uBAAuB,GAAG,IAAIC,MAAM,CAACF,UAAU,EAAE,GAAG;AAE1D,IAAMG,OAAO,GAAG;AACrBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE;AACX;AACO,IAAMC,YAAY,GAAG,CAACJ,OAAO,CAACC,QAAQ,EAAED,OAAO,CAACE,IAAI;AAEpD,IAAMG,wBAAwB,GAAG;;;;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../src/initializers/constants.js"],"sourcesContent":["export const HEADERS_KEYS = {\n  xCsrfToken: \"X-CSRF-TOKEN\",\n  contentType: \"Content-Type\",\n  accept: \"Accept\",\n};\n\nexport const LOWERCASED = \"__LOWERCASED__\";\nexport const LOWERCASED_GLOBAL_REGEX = new RegExp(LOWERCASED, \"g\");\n\nexport const FORMATS = {\n  boldList: \"boldList\",\n  list: \"list\",\n  anyCase: \"anyCase\",\n};\nexport const LIST_FORMATS = [FORMATS.boldList, FORMATS.list];\n\nexport const MAXIMUM_OFFLINE_DURATION = 10000;\n\nexport const IS_CHROME_EXTENSION =\n  typeof window !== \"undefined\" && !!window?.chrome?.runtime?.id;\n"],"names":["HEADERS_KEYS","xCsrfToken","contentType","accept","LOWERCASED","LOWERCASED_GLOBAL_REGEX","RegExp","FORMATS","boldList","list","anyCase","LIST_FORMATS","MAXIMUM_OFFLINE_DURATION","IS_CHROME_EXTENSION","window","_window","chrome","runtime","id"],"mappings":";;;AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,cAAc;AAC1BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,MAAM,EAAE;AACV;AAEO,IAAMC,UAAU,GAAG;AACnB,IAAMC,uBAAuB,GAAG,IAAIC,MAAM,CAACF,UAAU,EAAE,GAAG;AAE1D,IAAMG,OAAO,GAAG;AACrBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE;AACX;AACO,IAAMC,YAAY,GAAG,CAACJ,OAAO,CAACC,QAAQ,EAAED,OAAO,CAACE,IAAI;AAEpD,IAAMG,wBAAwB,GAAG;AAE3BC,IAAAA,mBAAmB,GAC9B,OAAOC,MAAM,KAAK,WAAW,IAAI,CAAC,GAAAC,OAAA,GAACD,MAAM,MAAA,IAAA,IAAAC,OAAA,KAAAA,MAAAA,IAAAA,CAAAA,OAAA,GAANA,OAAA,CAAQC,MAAM,MAAAD,IAAAA,IAAAA,OAAA,gBAAAA,OAAA,GAAdA,OAAA,CAAgBE,OAAO,MAAAF,IAAAA,IAAAA,OAAA,KAAvBA,MAAAA,IAAAA,OAAA,CAAyBG,EAAE;;;;;;;;;;"}

package/dist/cjs/initializers/i18n.js

@@ -462,27 +462,19 @@ var resourcesToBackend = function resourcesToBackend(res) {
 // eslint-disable-next-line import/no-mutable-exports
 exports.taxonomies = {};
 var initializeI18n = /*#__PURE__*/function () {
-  var _ref = index._asyncToGenerator(/*#__PURE__*/index._regeneratorRuntime.mark(function _callee() {
+  var _ref = index._asyncToGenerator(/*#__PURE__*/index._regeneratorRuntime.mark(function _callee(hostTranslations) {
     var _window$globalProps, _window$globalProps2;
-    var hostTranslations,
-      enableDirAttribute,
-      userLanguage,
-      translationImports,
-      englishTranslations,
-      englishResource,
-      resources,
-      defaultTaxonomyKeys,
-      defaultTaxonomies,
-      hostTaxonomies,
-      _args = arguments;
+    var userLanguage, translationImports, englishTranslations, englishResource, resources, defaultTaxonomyKeys, defaultTaxonomies, hostTaxonomies;
     return index._regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          hostTranslations = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-          enableDirAttribute = _args.length > 1 && _args[1] !== undefined ? _args[1] : true;
-          document.documentElement.removeAttribute("lang");
           userLanguage = (_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 || (_window$globalProps = _window$globalProps.user) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.language;
-          if (userLanguage) document.documentElement.setAttribute("lang", userLanguage);
+          if (!initializers_constants.IS_CHROME_EXTENSION) {
+            document.documentElement.removeAttribute("lang");
+            if (userLanguage) {
+              document.documentElement.setAttribute("lang", userLanguage);
+            }
+          }
           translationImports = preval.require("../../../configs/scripts/buildTranslationImports.js");
           englishTranslations = preval.require("../../../configs/scripts/getEnglishTranslation.js");
           englishResource = {
@@ -500,7 +492,7 @@ var initializeI18n = /*#__PURE__*/function () {
           }));
           hostTaxonomies = ((_window$globalProps2 = window.globalProps) === null || _window$globalProps2 === void 0 ? void 0 : _window$globalProps2.taxonomies) || {};
           exports.taxonomies = initializers_utils_utils.replaceNullValuesWithGetter(ramda.mergeDeepLeft(hostTaxonomies, defaultTaxonomies));
-          _context.next = 15;
+          _context.next = 12;
           return i18next.use(Browser).use(reactI18next.initReactI18next).use(initializers_utils_customPostProcessors.sentenceCaseProcessor).use(resourcesToBackend(function (language) {
             return utils_retryImport(translationImports === null || translationImports === void 0 ? void 0 : translationImports[language]);
           })).init({
@@ -536,20 +528,22 @@ var initializeI18n = /*#__PURE__*/function () {
               lookupCookie: "lang"
             }
           });
-        case 15:
-          if (enableDirAttribute) {
-            document.documentElement.setAttribute("dir", i18next.dir() || "ltr");
-          }
-          if (!userLanguage) {
-            document.documentElement.setAttribute("lang", i18next.resolvedLanguage || "en");
+        case 12:
+          if (!initializers_constants.IS_CHROME_EXTENSION) {
+            _context.next = 14;
+            break;
           }
-        case 17:
+          return _context.abrupt("return");
+        case 14:
+          document.documentElement.setAttribute("dir", i18next.dir() || "ltr");
+          document.documentElement.setAttribute("lang", i18next.resolvedLanguage || "en");
+        case 16:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function initializeI18n() {
+  return function initializeI18n(_x) {
     return _ref.apply(this, arguments);
   };
 }();