react-i18next 16.6.6 → 17.0.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 17.0.0
+
+### Potentially breaking changes
+
+- fix: `transKeepBasicHtmlNodesFor` now correctly preserves HTML tag names when children contain interpolations or mixed content [230](https://github.com/i18next/i18next-cli/issues/230)
+  - Previously, `<strong>{{name}}</strong>` was incorrectly serialized as `<1>{{name}}</1>` — the tag name was only preserved for plain string children
+  - This bug existed since the feature was introduced and affects auto-generated keys (when no explicit `i18nKey` is provided)
+  - If you rely on auto-generated Trans keys containing indexed tags for kept HTML elements with interpolation children, you will need to update your translation files
+
+### Other changes
+
+- updated dev dependencies (vitest, rollup plugins, happy-dom, typescript, etc.)
+
 ### 16.6.6
 
 - fix(peer-deps): bump i18next peer dependency to `>= 25.10.9` to match required type exports (`ConstrainTarget`, `ApplyTarget`, `GetSource`) used by `TransSelector` [1911](https://github.com/i18next/react-i18next/issues/1911)

package/dist/amd/react-i18next.js

@@ -1707,6 +1707,7 @@ define(['exports', 'react'], (function (exports, React) { 'use strict';
   const getSupportNoticeShown = () => {
     if (typeof globalThis !== 'undefined' && !!globalThis[SUPPORT_NOTICE_KEY]) return true;
     if (typeof process !== 'undefined' && process.env && process.env.I18NEXT_NO_SUPPORT_NOTICE) return true;
+    if (typeof process !== 'undefined' && process.env && "development" === 'production') ;
     return false;
   };
   const setSupportNoticeShown = () => {
@@ -2248,24 +2249,33 @@ define(['exports', 'react'], (function (exports, React) { 'use strict';
   	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
   }
 
-  var voidElements = {
-    "area": true,
-    "base": true,
-    "br": true,
-    "col": true,
-    "embed": true,
-    "hr": true,
-    "img": true,
-    "input": true,
-    "link": true,
-    "meta": true,
-    "param": true,
-    "source": true,
-    "track": true,
-    "wbr": true
-  };
+  var voidElements;
+  var hasRequiredVoidElements;
+
+  function requireVoidElements () {
+  	if (hasRequiredVoidElements) return voidElements;
+  	hasRequiredVoidElements = 1;
+  	voidElements = {
+  	  "area": true,
+  	  "base": true,
+  	  "br": true,
+  	  "col": true,
+  	  "embed": true,
+  	  "hr": true,
+  	  "img": true,
+  	  "input": true,
+  	  "link": true,
+  	  "meta": true,
+  	  "param": true,
+  	  "source": true,
+  	  "track": true,
+  	  "wbr": true
+  	};
+  	return voidElements;
+  }
 
-  var e = /*@__PURE__*/getDefaultExportFromCjs(voidElements);
+  var voidElementsExports = requireVoidElements();
+  var e = /*@__PURE__*/getDefaultExportFromCjs(voidElementsExports);
 
   var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
   function n(n) {
@@ -2534,8 +2544,9 @@ define(['exports', 'react'], (function (exports, React) { 'use strict';
           stringNode += `<${childIndex}></${childIndex}>`;
           return;
         }
-        if (shouldKeepChild && childPropsCount === 1 && isString(childChildren)) {
-          stringNode += `<${type}>${childChildren}</${type}>`;
+        if (shouldKeepChild && childPropsCount <= 1) {
+          const cnt = isString(childChildren) ? childChildren : nodesToString(childChildren, i18nOptions, i18n, i18nKey);
+          stringNode += `<${type}>${cnt}</${type}>`;
           return;
         }
         const content = nodesToString(childChildren, i18nOptions, i18n, i18nKey);
@@ -3440,77 +3451,93 @@ define(['exports', 'react'], (function (exports, React) { 'use strict';
    * LICENSE file in the root directory of this source tree.
    */
 
-  (function () {
-    function is(x, y) {
-      return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-    }
-    function useSyncExternalStore$2(subscribe, getSnapshot) {
-      didWarnOld18Alpha || void 0 === React$1.startTransition || (didWarnOld18Alpha = true, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var value = getSnapshot();
-      if (!didWarnUncachedGetSnapshot) {
-        var cachedValue = getSnapshot();
-        objectIs(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = true);
-      }
-      cachedValue = useState({
-        inst: {
-          value: value,
-          getSnapshot: getSnapshot
-        }
-      });
-      var inst = cachedValue[0].inst,
-        forceUpdate = cachedValue[1];
-      useLayoutEffect(function () {
-        inst.value = value;
-        inst.getSnapshot = getSnapshot;
-        checkIfSnapshotChanged(inst) && forceUpdate({
-          inst: inst
-        });
-      }, [subscribe, value, getSnapshot]);
-      useEffect(function () {
-        checkIfSnapshotChanged(inst) && forceUpdate({
-          inst: inst
-        });
-        return subscribe(function () {
-          checkIfSnapshotChanged(inst) && forceUpdate({
-            inst: inst
-          });
-        });
-      }, [subscribe]);
-      useDebugValue(value);
-      return value;
-    }
-    function checkIfSnapshotChanged(inst) {
-      var latestGetSnapshot = inst.getSnapshot;
-      inst = inst.value;
-      try {
-        var nextValue = latestGetSnapshot();
-        return !objectIs(inst, nextValue);
-      } catch (error) {
-        return true;
-      }
-    }
-    function useSyncExternalStore$1(subscribe, getSnapshot) {
-      return getSnapshot();
-    }
-    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React$1 = React,
-      objectIs = "function" === typeof Object.is ? Object.is : is,
-      useState = React$1.useState,
-      useEffect = React$1.useEffect,
-      useLayoutEffect = React$1.useLayoutEffect,
-      useDebugValue = React$1.useDebugValue,
-      didWarnOld18Alpha = false,
-      didWarnUncachedGetSnapshot = false,
-      shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-    useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
-    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })();
+  var hasRequiredUseSyncExternalStoreShim_development;
+
+  function requireUseSyncExternalStoreShim_development () {
+  	if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
+  	hasRequiredUseSyncExternalStoreShim_development = 1;
+
+  	(function () {
+  	  function is(x, y) {
+  	    return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+  	  }
+  	  function useSyncExternalStore$2(subscribe, getSnapshot) {
+  	    didWarnOld18Alpha || void 0 === React$1.startTransition || (didWarnOld18Alpha = true, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+  	    var value = getSnapshot();
+  	    if (!didWarnUncachedGetSnapshot) {
+  	      var cachedValue = getSnapshot();
+  	      objectIs(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = true);
+  	    }
+  	    cachedValue = useState({
+  	      inst: {
+  	        value: value,
+  	        getSnapshot: getSnapshot
+  	      }
+  	    });
+  	    var inst = cachedValue[0].inst,
+  	      forceUpdate = cachedValue[1];
+  	    useLayoutEffect(function () {
+  	      inst.value = value;
+  	      inst.getSnapshot = getSnapshot;
+  	      checkIfSnapshotChanged(inst) && forceUpdate({
+  	        inst: inst
+  	      });
+  	    }, [subscribe, value, getSnapshot]);
+  	    useEffect(function () {
+  	      checkIfSnapshotChanged(inst) && forceUpdate({
+  	        inst: inst
+  	      });
+  	      return subscribe(function () {
+  	        checkIfSnapshotChanged(inst) && forceUpdate({
+  	          inst: inst
+  	        });
+  	      });
+  	    }, [subscribe]);
+  	    useDebugValue(value);
+  	    return value;
+  	  }
+  	  function checkIfSnapshotChanged(inst) {
+  	    var latestGetSnapshot = inst.getSnapshot;
+  	    inst = inst.value;
+  	    try {
+  	      var nextValue = latestGetSnapshot();
+  	      return !objectIs(inst, nextValue);
+  	    } catch (error) {
+  	      return true;
+  	    }
+  	  }
+  	  function useSyncExternalStore$1(subscribe, getSnapshot) {
+  	    return getSnapshot();
+  	  }
+  	  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+  	  var React$1 = React,
+  	    objectIs = "function" === typeof Object.is ? Object.is : is,
+  	    useState = React$1.useState,
+  	    useEffect = React$1.useEffect,
+  	    useLayoutEffect = React$1.useLayoutEffect,
+  	    useDebugValue = React$1.useDebugValue,
+  	    didWarnOld18Alpha = false,
+  	    didWarnUncachedGetSnapshot = false,
+  	    shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+  	  useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
+  	  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  	})();
+  	return useSyncExternalStoreShim_development;
+  }
+
+  var hasRequiredShim;
+
+  function requireShim () {
+  	if (hasRequiredShim) return shim.exports;
+  	hasRequiredShim = 1;
 
-  {
-    shim.exports = useSyncExternalStoreShim_development;
+  	{
+  	  shim.exports = requireUseSyncExternalStoreShim_development();
+  	}
+  	return shim.exports;
   }
 
-  var shimExports = shim.exports;
+  var shimExports = requireShim();
 
   const notReadyT = (k, optsOrDefaultValue) => {
     if (isString(optsOrDefaultValue)) return optsOrDefaultValue;