react-intlayer 2.0.1 → 2.0.3

package/dist/esm/server/serverContext.mjs

@@ -1,4 +1,4 @@
-import "../chunk-ZNCO4QRF.mjs";
+import "../chunk-ZD7AOCMD.mjs";
 import react from "react";
 const cacheFallback = () => () => ({ value: void 0 });
 const createServerContext = (defaultValue) => {
@@ -25,8 +25,7 @@ const getServerContext = ({
   _defaultValue
 }) => {
   const store = _storage();
-  if (!store)
-    return _defaultValue;
+  if (!store) return _defaultValue;
   return store.value;
 };
 const throwInClient = () => {

package/dist/esm/server/serverContext.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/serverContext.ts"],"sourcesContent":["/**\n * Creates a new datastore for a given server context.\n * Attempts to closely mimic the `createContext` API.\n *\n * @example\n * const IntlayerServer = createServerContext<string | null>(null);\n *\n * <IntlayerServer.Provider value={locale}>\n *      {children}\n * </IntlayerServer.Provider>\n */\n\nimport react from 'react';\n\ntype CacheType<T> = () => { value: T | undefined };\n\nconst cacheFallback = () => () => ({ value: undefined });\n\nexport const createServerContext = <T>(defaultValue?: T): ServerContext<T> => {\n  throwInClient();\n\n  const cache = react.cache<CacheType<T>> ?? cacheFallback;\n\n  const getCache = cache(() => ({\n    value: undefined,\n  }));\n\n  return {\n    Provider: ({ children, value }) => {\n      getCache().value = value;\n      return children;\n    },\n    Consumer: ({ children }) => {\n      const store = getCache();\n      return children(store ? store.value : defaultValue);\n    },\n    _storage: getCache,\n    _defaultValue: defaultValue,\n  };\n};\n\n/**\n * Fetches a value present in a given server context.\n * Attempts to closely mimic the `useContext` API.\n *\n * @example\n * getServerContext(IntlayerServer);\n */\nexport const getServerContext = <T>({\n  _storage,\n  _defaultValue,\n}: ServerContext<T>) => {\n  // throwInClient();\n  const store = _storage();\n  if (!store) return _defaultValue;\n  return store.value;\n};\n\ntype ServerContext<T> = {\n  Provider: ({\n    children,\n    value,\n  }: {\n    children: React.ReactNode;\n    value: T;\n  }) => React.ReactNode;\n  Consumer: ({\n    children,\n  }: {\n    children: (context: T | undefined) => React.ReactNode;\n  }) => React.ReactNode;\n  _storage: () => { value: T | undefined };\n  _defaultValue: T | undefined;\n};\n\n/**\n * Throws if called within a client component environment.\n * Useful to help prevent mistakes.\n */\nconst throwInClient = (): void | never => {\n  // If window.document is defined we're in a client component\n  if (typeof window !== 'undefined') {\n    throw new Error(`createServerContext only works in Server Components`);\n  }\n};\n"],"mappings":";AAYA,OAAO,WAAW;AAIlB,MAAM,gBAAgB,MAAM,OAAO,EAAE,OAAO,OAAU;AAE/C,MAAM,sBAAsB,CAAI,iBAAuC;AAC5E,gBAAc;AAEd,QAAM,QAAQ,MAAM,SAAuB;AAE3C,QAAM,WAAW,MAAM,OAAO;AAAA,IAC5B,OAAO;AAAA,EACT,EAAE;AAEF,SAAO;AAAA,IACL,UAAU,CAAC,EAAE,UAAU,MAAM,MAAM;AACjC,eAAS,EAAE,QAAQ;AACnB,aAAO;AAAA,IACT;AAAA,IACA,UAAU,CAAC,EAAE,SAAS,MAAM;AAC1B,YAAM,QAAQ,SAAS;AACvB,aAAO,SAAS,QAAQ,MAAM,QAAQ,YAAY;AAAA,IACpD;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,mBAAmB,CAAI;AAAA,EAClC;AAAA,EACA;AACF,MAAwB;AAEtB,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC;AAAO,WAAO;AACnB,SAAO,MAAM;AACf;AAuBA,MAAM,gBAAgB,MAAoB;AAExC,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACF;","names":[]}
+{"version":3,"sources":["../../../src/server/serverContext.ts"],"sourcesContent":["/**\n * Creates a new datastore for a given server context.\n * Attempts to closely mimic the `createContext` API.\n *\n * @example\n * const IntlayerServer = createServerContext<string | null>(null);\n *\n * <IntlayerServer.Provider value={locale}>\n *      {children}\n * </IntlayerServer.Provider>\n */\n\nimport react from 'react';\n\ntype CacheType<T> = () => { value: T | undefined };\n\nconst cacheFallback = () => () => ({ value: undefined });\n\nexport const createServerContext = <T>(defaultValue?: T): ServerContext<T> => {\n  throwInClient();\n\n  const cache = react.cache<CacheType<T>> ?? cacheFallback;\n\n  const getCache = cache(() => ({\n    value: undefined,\n  }));\n\n  return {\n    Provider: ({ children, value }) => {\n      getCache().value = value;\n      return children;\n    },\n    Consumer: ({ children }) => {\n      const store = getCache();\n      return children(store ? store.value : defaultValue);\n    },\n    _storage: getCache,\n    _defaultValue: defaultValue,\n  };\n};\n\n/**\n * Fetches a value present in a given server context.\n * Attempts to closely mimic the `useContext` API.\n *\n * @example\n * getServerContext(IntlayerServer);\n */\nexport const getServerContext = <T>({\n  _storage,\n  _defaultValue,\n}: ServerContext<T>) => {\n  // throwInClient();\n  const store = _storage();\n  if (!store) return _defaultValue;\n  return store.value;\n};\n\ntype ServerContext<T> = {\n  Provider: ({\n    children,\n    value,\n  }: {\n    children: React.ReactNode;\n    value: T;\n  }) => React.ReactNode;\n  Consumer: ({\n    children,\n  }: {\n    children: (context: T | undefined) => React.ReactNode;\n  }) => React.ReactNode;\n  _storage: () => { value: T | undefined };\n  _defaultValue: T | undefined;\n};\n\n/**\n * Throws if called within a client component environment.\n * Useful to help prevent mistakes.\n */\nconst throwInClient = (): void | never => {\n  // If window.document is defined we're in a client component\n  if (typeof window !== 'undefined') {\n    throw new Error(`createServerContext only works in Server Components`);\n  }\n};\n"],"mappings":";AAYA,OAAO,WAAW;AAIlB,MAAM,gBAAgB,MAAM,OAAO,EAAE,OAAO,OAAU;AAE/C,MAAM,sBAAsB,CAAI,iBAAuC;AAC5E,gBAAc;AAEd,QAAM,QAAQ,MAAM,SAAuB;AAE3C,QAAM,WAAW,MAAM,OAAO;AAAA,IAC5B,OAAO;AAAA,EACT,EAAE;AAEF,SAAO;AAAA,IACL,UAAU,CAAC,EAAE,UAAU,MAAM,MAAM;AACjC,eAAS,EAAE,QAAQ;AACnB,aAAO;AAAA,IACT;AAAA,IACA,UAAU,CAAC,EAAE,SAAS,MAAM;AAC1B,YAAM,QAAQ,SAAS;AACvB,aAAO,SAAS,QAAQ,MAAM,QAAQ,YAAY;AAAA,IACpD;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,mBAAmB,CAAI;AAAA,EAClC;AAAA,EACA;AACF,MAAwB;AAEtB,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,MAAM;AACf;AAuBA,MAAM,gBAAgB,MAAoB;AAExC,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACF;","names":[]}

package/dist/esm/server/useIntlayer.d.mts

@@ -1,5 +1,6 @@
 import { UseIntlayer } from '../useIntlayerBase.mjs';
 import '@intlayer/config';
+import '@intlayer/core';
 import 'intlayer';
 import 'react';
 

package/dist/esm/server/useIntlayer.mjs

@@ -1,4 +1,4 @@
-import "../chunk-ZNCO4QRF.mjs";
+import "../chunk-ZD7AOCMD.mjs";
 import {
   useIntlayerBase
 } from '../useIntlayerBase.mjs';

package/dist/esm/server/useTraduction.mjs

@@ -1,4 +1,4 @@
-import "../chunk-ZNCO4QRF.mjs";
+import "../chunk-ZD7AOCMD.mjs";
 import { getTranslation } from '../getTranslation.mjs';
 import { IntlayerServerContext } from './IntlayerServerProvider.mjs';
 import { getServerContext } from './serverContext.mjs';

package/dist/esm/useIntlayerBase.d.mts

@@ -1,4 +1,5 @@
 import { Locales } from '@intlayer/config';
+import { NodeType } from '@intlayer/core';
 import { IntlayerDictionaryTypesConnector } from 'intlayer';
 import { ReactNode } from 'react';
 
@@ -20,12 +21,26 @@ type StringFallback<T> = T extends never ? string : T;
  * ```
  */
 type DictionaryKeys = StringFallback<keyof IntlayerDictionaryTypesConnector>;
-type IntlayerNode = ReactNode & {
-    value: string;
+type IntlayerNode<T = string> = ReactNode & {
+    value: T;
 };
-type DeepTransformContent<T> = T extends object ? {
-    [K in keyof T]: DeepTransformContent<T[K]>;
-} : IntlayerNode;
+type TransformNodeType<T, L extends Locales> = T extends {
+    [NodeType.Enumeration]: {
+        '1': any;
+    };
+} ? (quantity: number) => DeepTransformContent<T[NodeType.Enumeration]['1'], L> : T extends {
+    [NodeType.Translation]: object;
+} ? L extends keyof T[NodeType.Translation] ? DeepTransformContent<T[NodeType.Translation][L], L> : never : T;
+type DeepTransformContent<T, L extends Locales> = T extends object ? T extends (infer U)[] ? DeepTransformContent<U, L>[] : T extends {
+    nodeType: NodeType | string;
+} ? TransformNodeType<T, L> : T extends {
+    _owner: any;
+    key: any;
+    props: any;
+    ref: any;
+} ? ReactNode : {
+    [K in keyof T]: DeepTransformContent<T[K], L>;
+} : T extends undefined ? never : IntlayerNode<T>;
 /**
  * Excludes the 'id' and 'filePath' keys from the dictionary content,
  * as they are not part of the IntlayerDictionaryTypesConnector type.
@@ -35,25 +50,21 @@ type ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;
  * Represents the data type returned by the useIntlayer hook,
  * excluding the 'id' and 'filePath' keys from the dictionary content.
  */
-type Data<T extends DictionaryKeys> = ExcludeIntlayerUtilsKeys<DeepTransformContent<IntlayerDictionaryTypesConnector[T]>>;
+type Data<T extends DictionaryKeys, K extends Locales> = ExcludeIntlayerUtilsKeys<DeepTransformContent<IntlayerDictionaryTypesConnector[T], K>>;
 /**
  * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.
  */
-declare const recursiveTransformContent: (obj: object) => object;
-type DeepStrinfifyContent<T> = T extends React.ComponentType<unknown> ? string : T extends object ? {
-    [K in keyof T]: DeepStrinfifyContent<T[K]>;
-} : T;
-declare const recursiveStringifyContent: <T extends object>(obj: T) => DeepStrinfifyContent<T>;
+declare const recursiveTransformContent: (value: any) => object;
 /**
  * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,
  * and returns the deeply transformed dictionary content.
  *
  */
-type UseIntlayer = <T extends DictionaryKeys>(id: T, locale?: Locales) => Data<T>;
+type UseIntlayer = <T extends DictionaryKeys, L extends Locales>(id: T, locale?: L) => Data<T, L>;
 /**
  * Hook that picks one dictionary by its ID and returns the content,
  * deeply transformed according to the dictionary structure and metadata.
  */
 declare const useIntlayerBase: UseIntlayer;
 
-export { type DictionaryKeys, type IntlayerNode, type StringFallback, type UseIntlayer, recursiveStringifyContent, recursiveTransformContent, useIntlayerBase };
+export { type DictionaryKeys, type IntlayerNode, type StringFallback, type UseIntlayer, recursiveTransformContent, useIntlayerBase };

package/dist/esm/useIntlayerBase.mjs

@@ -1,45 +1,28 @@
-import "./chunk-ZNCO4QRF.mjs";
+import "./chunk-ZD7AOCMD.mjs";
 import dictionaries from "@intlayer/dictionaries-entry";
-import { renderIntlayerEditor } from "intlayer-editor/client";
+import { isValidElement } from "react";
 import { processDictionary } from './processDictionary/index.mjs';
-const recursiveTransformContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
-  if (typeof value === "object" && typeof value.keyPath !== "undefined" && typeof value.dictionaryId !== "undefined" && typeof value.dictionaryPath !== "undefined") {
-    return {
-      ...acc,
-      [key]: renderIntlayerEditor(value)
-    };
+import { renderIntlayerEditor } from './renderIntlayerEditor.mjs';
+const recursiveTransformContent = (value) => {
+  if (typeof value === "function") {
+    return (props) => recursiveTransformContent(value(props));
+  } else if (typeof value === "object" && typeof value.keyPath !== "undefined" && typeof value.dictionaryId !== "undefined" && typeof value.dictionaryPath !== "undefined") {
+    return renderIntlayerEditor(value);
   } else if (typeof value === "object" && Array.isArray(value)) {
-    return {
-      ...acc,
-      [key]: value.map(recursiveTransformContent)
-    };
+    return value.map(recursiveTransformContent);
+  } else if (typeof value === "object" && isValidElement(value)) {
+    return value;
   } else if (typeof value === "object") {
-    return {
-      ...acc,
-      [key]: recursiveTransformContent(value)
-    };
+    return Object.entries(value).reduce(
+      (acc, [key, value2]) => ({
+        ...acc,
+        [key]: recursiveTransformContent(value2)
+      }),
+      {}
+    );
   }
-  return acc;
-}, {});
-const recursiveStringifyContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
-  if (typeof value === "object" && typeof value.value !== "undefined") {
-    return {
-      ...acc,
-      [key]: value.value
-    };
-  } else if (typeof value === "object" && Array.isArray(value)) {
-    return {
-      ...acc,
-      [key]: value.map(recursiveStringifyContent)
-    };
-  } else if (typeof value === "object") {
-    return {
-      ...acc,
-      [key]: recursiveStringifyContent(value)
-    };
-  }
-  return acc;
-}, {});
+  return value.value;
+};
 const useIntlayerBase = (id, locale) => {
   const dictionary = dictionaries[id];
   const result = processDictionary(
@@ -52,7 +35,6 @@ const useIntlayerBase = (id, locale) => {
   return recursiveTransformContent(result);
 };
 export {
-  recursiveStringifyContent,
   recursiveTransformContent,
   useIntlayerBase
 };

package/dist/esm/useIntlayerBase.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport type { Dictionary } from '@intlayer/core';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { renderIntlayerEditor } from 'intlayer-editor/client';\nimport type { ReactNode } from 'react';\nimport { processDictionary } from './processDictionary/index';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type IntlayerNode = ReactNode & {\n  value: string;\n};\n\ntype DeepTransformContent<T> = T extends object\n  ? {\n      [K in keyof T]: DeepTransformContent<T[K]>;\n    }\n  : IntlayerNode;\n\n/**\n * Excludes the 'id' and 'filePath' keys from the dictionary content,\n * as they are not part of the IntlayerDictionaryTypesConnector type.\n */\ntype ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype Data<T extends DictionaryKeys> = ExcludeIntlayerUtilsKeys<\n  DeepTransformContent<IntlayerDictionaryTypesConnector[T]>\n>;\n\n/**\n * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (obj: object): object =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (\n      typeof value === 'object' &&\n      typeof value.keyPath !== 'undefined' &&\n      typeof value.dictionaryId !== 'undefined' &&\n      typeof value.dictionaryPath !== 'undefined'\n    ) {\n      return {\n        ...acc,\n        [key]: renderIntlayerEditor(value),\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveTransformContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveTransformContent(value),\n      };\n    }\n\n    return acc;\n  }, {});\n\ntype DeepStrinfifyContent<T> =\n  T extends React.ComponentType<unknown>\n    ? string\n    : T extends object\n      ? {\n          [K in keyof T]: DeepStrinfifyContent<T[K]>;\n        }\n      : T;\n\nexport const recursiveStringifyContent = <T extends object>(\n  obj: T\n): DeepStrinfifyContent<T> =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (typeof value === 'object' && typeof value.value !== 'undefined') {\n      return {\n        ...acc,\n        [key]: value.value,\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveStringifyContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveStringifyContent(value),\n      };\n    }\n\n    return acc;\n  }, {}) as DeepStrinfifyContent<T>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => Data<T>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Dictionary = dictionaries[id];\n\n  const result = processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath,\n    [],\n    locale\n  ) as object;\n\n  return recursiveTransformContent(result) as Data<T>;\n};\n"],"mappings":";AAOA,OAAO,kBAAkB;AAEzB,SAAS,4BAA4B;AAErC,SAAS,yBAAyB;AAmD3B,MAAM,4BAA4B,CAAC,QACxC,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MACE,OAAO,UAAU,YACjB,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBAAiB,eAC9B,OAAO,MAAM,mBAAmB,aAChC;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,qBAAqB,KAAK;AAAA,IACnC;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAWA,MAAM,4BAA4B,CACvC,QAEA,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MAAI,OAAO,UAAU,YAAY,OAAO,MAAM,UAAU,aAAa;AACnE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM;AAAA,IACf;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAgBA,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAyB,aAAa,EAAE;AAE9C,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO,0BAA0B,MAAM;AACzC;","names":[]}
+{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Locales } from '@intlayer/config';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport type { Dictionary, NodeType } from '@intlayer/core';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { isValidElement, type ReactNode } from 'react';\nimport { processDictionary } from './processDictionary/index';\nimport { renderIntlayerEditor } from './renderIntlayerEditor';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type IntlayerNode<T = string> = ReactNode & {\n  value: T;\n};\n\ntype TransformNodeType<T, L extends Locales> = T extends {\n  [NodeType.Enumeration]: { '1': any };\n}\n  ? (quantity: number) => DeepTransformContent<T[NodeType.Enumeration]['1'], L>\n  : T extends {\n        [NodeType.Translation]: object;\n      }\n    ? L extends keyof T[NodeType.Translation]\n      ? DeepTransformContent<T[NodeType.Translation][L], L> // DeepTransformContent<T[L], L>\n      : never\n    : T;\n\ntype DeepTransformContent<T, L extends Locales> = T extends object // Check if the property is an object\n  ? T extends (infer U)[] // If it's an array, infer the type of array elements\n    ? DeepTransformContent<U, L>[] // Apply DeepTransformContent recursively to each element of the array\n    : T extends {\n          nodeType: NodeType | string;\n        }\n      ? TransformNodeType<T, L>\n      : T extends { _owner: any; key: any; props: any; ref: any }\n        ? ReactNode\n        : {\n            [K in keyof T]: DeepTransformContent<T[K], L>;\n          }\n  : T extends undefined\n    ? never\n    : IntlayerNode<T>;\n\n/**\n * Excludes the 'id' and 'filePath' keys from the dictionary content,\n * as they are not part of the IntlayerDictionaryTypesConnector type.\n */\ntype ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype Data<\n  T extends DictionaryKeys,\n  K extends Locales,\n> = ExcludeIntlayerUtilsKeys<\n  DeepTransformContent<IntlayerDictionaryTypesConnector[T], K>\n>;\n\n/**\n * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (value: any): object => {\n  if (typeof value === 'function') {\n    return (props: any) => recursiveTransformContent(value(props));\n  } else if (\n    typeof value === 'object' &&\n    typeof value.keyPath !== 'undefined' &&\n    typeof value.dictionaryId !== 'undefined' &&\n    typeof value.dictionaryPath !== 'undefined'\n  ) {\n    return renderIntlayerEditor(value);\n  } else if (typeof value === 'object' && Array.isArray(value)) {\n    return value.map(recursiveTransformContent);\n  } else if (typeof value === 'object' && isValidElement(value)) {\n    return value;\n  } else if (typeof value === 'object') {\n    return Object.entries(value).reduce(\n      (acc, [key, value]) => ({\n        ...acc,\n        [key]: recursiveTransformContent(value),\n      }),\n      {} as object\n    );\n  }\n\n  return value.value;\n};\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys, L extends Locales>(\n  id: T,\n  locale?: L\n) => Data<T, L>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <\n  T extends DictionaryKeys,\n  L extends Locales,\n>(\n  id: T,\n  locale?: L\n) => {\n  const dictionary: Dictionary = dictionaries[id as keyof typeof dictionaries];\n\n  const result = processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath,\n    [],\n    locale\n  ) as object;\n\n  return recursiveTransformContent(result) as Data<T, L>;\n};\n"],"mappings":";AAQA,OAAO,kBAAkB;AAEzB,SAAS,sBAAsC;AAC/C,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AA4E9B,MAAM,4BAA4B,CAAC,UAAuB;AAC/D,MAAI,OAAO,UAAU,YAAY;AAC/B,WAAO,CAAC,UAAe,0BAA0B,MAAM,KAAK,CAAC;AAAA,EAC/D,WACE,OAAO,UAAU,YACjB,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBAAiB,eAC9B,OAAO,MAAM,mBAAmB,aAChC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACnC,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO,MAAM,IAAI,yBAAyB;AAAA,EAC5C,WAAW,OAAO,UAAU,YAAY,eAAe,KAAK,GAAG;AAC7D,WAAO;AAAA,EACT,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO,OAAO,QAAQ,KAAK,EAAE;AAAA,MAC3B,CAAC,KAAK,CAAC,KAAKA,MAAK,OAAO;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,0BAA0BA,MAAK;AAAA,MACxC;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO,MAAM;AACf;AAgBO,MAAM,kBAA+B,CAI1C,IACA,WACG;AACH,QAAM,aAAyB,aAAa,EAA+B;AAE3E,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO,0BAA0B,MAAM;AACzC;","names":["value"]}

package/dist/esm/vite/intlayerPlugin.mjs

@@ -1,4 +1,4 @@
-import "../chunk-ZNCO4QRF.mjs";
+import "../chunk-ZD7AOCMD.mjs";
 import { join, relative, resolve } from "path";
 import { watch } from "@intlayer/chokidar";
 import { getConfiguration, formatEnvVariable } from "@intlayer/config";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "private": false,
   "description": "Internationalization layer for React applications - Layer of abstraction between the business logic and the data access layer. Manage internationalization in a simple way, through TypeScript, JavaScript or JSON declaration file.",
   "keywords": [
@@ -73,33 +73,33 @@
     "cross-spawn": "^7.0.3",
     "js-cookie": "^3.0.5",
     "react-cookie": "^7.1.4",
-    "vite": "^5.2.0",
-    "webpack": "^5.91.0",
-    "@intlayer/chokidar": "^2.0.1",
-    "@intlayer/config": "^2.0.1",
-    "@intlayer/core": "^2.0.1",
-    "@intlayer/dictionaries-entry": "^2.0.1",
-    "@intlayer/webpack": "^2.0.1",
-    "intlayer": "^2.0.1"
+    "vite": "^5.3.1",
+    "webpack": "^5.92.1",
+    "@intlayer/chokidar": "^2.0.3",
+    "@intlayer/config": "^2.0.3",
+    "@intlayer/core": "^2.0.3",
+    "@intlayer/dictionaries-entry": "^2.0.3",
+    "@intlayer/webpack": "^2.0.3",
+    "intlayer": "^2.0.3"
   },
   "devDependencies": {
     "@craco/types": "^7.1.0",
     "@types/cross-spawn": "^6.0.6",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.12.7",
-    "@types/react": "^18.2.79",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@types/node": "^20.14.9",
+    "@types/react": "^18.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rimraf": "5.0.5",
-    "tsup": "^8.0.2",
-    "typescript": "^5.4.5",
-    "@utils/eslint-config": "^1.0.1",
-    "@utils/ts-config": "^1.0.1"
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.2",
+    "@utils/eslint-config": "^1.0.3",
+    "@utils/ts-config": "^1.0.3"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "intlayer-editor": "^2.1.0"
+    "intlayer-editor": "^2.1.2"
   },
   "peerDependenciesMeta": {
     "intlayer-editor": {

package/src/index.ts

@@ -12,4 +12,4 @@ export {
   getBrowserLocale,
   useLocaleBase,
 } from './client/index';
-export { recursiveStringifyContent } from './useIntlayerBase';
+export type { IntlayerNode } from './useIntlayerBase';