@trackunit/i18n-library-translation 2.4.30 → 2.4.32

package/index.cjs.js

@@ -24,8 +24,9 @@ function NamespaceTrans(props) {
 const LANG_STORAGE_KEY = "i18nextLng";
 /** Holds all available TranslationResource by namespace */
 const availableTranslations = {};
-/** Holds all available TranslationResource by namespace */
 let hasBeenInitialized = false;
+let initializedNamespacesKey = "";
+const namespacesKey = () => Object.keys(availableTranslations).toSorted().join("\0");
 /**
  * Use this function to register your translations before the i18next is initialized.
  *
@@ -53,6 +54,10 @@ const registerTranslations = (resource) => {
  * Pass the apps/extensions TranslationResource to this function for them to be available as well.
  */
 const initializeTranslationsForApp = () => {
+    const nextNamespacesKey = namespacesKey();
+    if (hasBeenInitialized && nextNamespacesKey === initializedNamespacesKey) {
+        return;
+    }
     // Get selected language from url or fallback to english
     const queryString = window.location.search;
     const urlParams = new URLSearchParams(queryString);
@@ -84,6 +89,7 @@ const initializeTranslationsForApp = () => {
             transKeepBasicHtmlNodesFor: ["br", "strong", "i"],
         },
         compatibilityJSON: "v4",
+        initImmediate: false,
     };
     if (!hasBeenInitialized) {
         void i18next
@@ -113,6 +119,7 @@ const initializeTranslationsForApp = () => {
         void i18next.init(init);
     }
     hasBeenInitialized = true;
+    initializedNamespacesKey = nextNamespacesKey;
 };
 
 /**
@@ -125,8 +132,9 @@ const initializeTranslationsForApp = () => {
  */
 const useNamespaceTranslation = (namespace, options) => {
     const errorhandler = reactCoreHooks.useErrorHandlerOrNull();
-    const customUseTranslation = reactI18next.useTranslation(namespace, options);
-    const [t, i18NextInstance] = reactI18next.useTranslation(namespace, options);
+    const translationOptions = { ...options, i18n: options?.i18n ?? i18next };
+    const customUseTranslation = reactI18next.useTranslation(namespace, translationOptions);
+    const [t, i18NextInstance] = reactI18next.useTranslation(namespace, translationOptions);
     const { ready } = customUseTranslation;
     const customT = react.useCallback(function (key, arg2, arg3) {
         if (ready && key && !i18NextInstance.exists(key, { lng: "en", ns: namespace })) {

package/index.esm.js

@@ -22,8 +22,9 @@ function NamespaceTrans(props) {
 const LANG_STORAGE_KEY = "i18nextLng";
 /** Holds all available TranslationResource by namespace */
 const availableTranslations = {};
-/** Holds all available TranslationResource by namespace */
 let hasBeenInitialized = false;
+let initializedNamespacesKey = "";
+const namespacesKey = () => Object.keys(availableTranslations).toSorted().join("\0");
 /**
  * Use this function to register your translations before the i18next is initialized.
  *
@@ -51,6 +52,10 @@ const registerTranslations = (resource) => {
  * Pass the apps/extensions TranslationResource to this function for them to be available as well.
  */
 const initializeTranslationsForApp = () => {
+    const nextNamespacesKey = namespacesKey();
+    if (hasBeenInitialized && nextNamespacesKey === initializedNamespacesKey) {
+        return;
+    }
     // Get selected language from url or fallback to english
     const queryString = window.location.search;
     const urlParams = new URLSearchParams(queryString);
@@ -82,6 +87,7 @@ const initializeTranslationsForApp = () => {
             transKeepBasicHtmlNodesFor: ["br", "strong", "i"],
         },
         compatibilityJSON: "v4",
+        initImmediate: false,
     };
     if (!hasBeenInitialized) {
         void i18next
@@ -111,6 +117,7 @@ const initializeTranslationsForApp = () => {
         void i18next.init(init);
     }
     hasBeenInitialized = true;
+    initializedNamespacesKey = nextNamespacesKey;
 };
 
 /**
@@ -123,8 +130,9 @@ const initializeTranslationsForApp = () => {
  */
 const useNamespaceTranslation = (namespace, options) => {
     const errorhandler = useErrorHandlerOrNull();
-    const customUseTranslation = useTranslation(namespace, options);
-    const [t, i18NextInstance] = useTranslation(namespace, options);
+    const translationOptions = { ...options, i18n: options?.i18n ?? i18next };
+    const customUseTranslation = useTranslation(namespace, translationOptions);
+    const [t, i18NextInstance] = useTranslation(namespace, translationOptions);
     const { ready } = customUseTranslation;
     const customT = useCallback(function (key, arg2, arg3) {
         if (ready && key && !i18NextInstance.exists(key, { lng: "en", ns: namespace })) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/i18n-library-translation",
-  "version": "2.4.30",
+  "version": "2.4.32",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,8 +11,8 @@
     "i18next": "25.1.2",
     "i18next-browser-languagedetector": "8.1.0",
     "i18next-resources-to-backend": "^1.2.1",
-    "@trackunit/iris-app-api": "2.4.22",
-    "@trackunit/react-core-hooks": "1.21.30"
+    "@trackunit/iris-app-api": "2.4.24",
+    "@trackunit/react-core-hooks": "1.21.32"
   },
   "peerDependencies": {
     "react": "^19.0.0"