react-intlayer 6.1.6 → 7.0.0-canary.2

package/dist/esm/getIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import {\n  type DictionaryKeys,\n  type Plugins,\n  getIntlayer as getIntlayerCore,\n} from '@intlayer/core';\nimport type { IntlayerDictionaryTypesConnector, LocalesValues } from 'intlayer';\nimport {\n  type DeepTransformContent,\n  intlayerNodePlugins,\n  markdownPlugin,\n  reactNodePlugins,\n} from './plugins';\n\nexport const getIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: L,\n  additionalPlugins?: Plugins[]\n) => {\n  const plugins: Plugins[] = [\n    intlayerNodePlugins,\n    reactNodePlugins,\n    markdownPlugin,\n    ...(additionalPlugins ?? []),\n  ];\n\n  return getIntlayerCore(key, locale, plugins) as any as DeepTransformContent<\n    IntlayerDictionaryTypesConnector[T]['content']\n  >;\n};\n"],"mappings":"AAAA;AAAA,EAGE,eAAe;AAAA,OACV;AAEP;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,cAAc,CACzB,KACA,QACA,sBACG;AACH,QAAM,UAAqB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,qBAAqB,CAAC;AAAA,EAC5B;AAEA,SAAO,gBAAgB,KAAK,QAAQ,OAAO;AAG7C;","names":[]}
+{"version":3,"file":"getIntlayer.mjs","names":["getIntlayerCore"],"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import { getIntlayer as getIntlayerCore, type Plugins } from '@intlayer/core';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types';\nimport {\n  type DeepTransformContent,\n  intlayerNodePlugins,\n  markdownPlugin,\n  reactNodePlugins,\n} from './plugins';\n\nexport const getIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L,\n  additionalPlugins?: Plugins[]\n): DeepTransformContent<DictionaryRegistryContent<T>, L> => {\n  const plugins: Plugins[] = [\n    intlayerNodePlugins,\n    reactNodePlugins,\n    markdownPlugin,\n    ...(additionalPlugins ?? []),\n  ];\n\n  return getIntlayerCore(key, locale, plugins) as any;\n};\n"],"mappings":";;;;AAcA,MAAa,eAIX,KACA,QACA,sBAC0D;AAQ1D,QAAOA,cAAgB,KAAK,QAPD;EACzB;EACA;EACA;EACA,GAAI,qBAAqB,EAAE;EAC5B,CAE2C"}

package/dist/esm/index.mjs

@@ -1,43 +1,14 @@
-import { getBrowserLocale } from "./client/getBrowserLocale.mjs";
-import {
-  IntlayerClientContext,
-  IntlayerProvider,
-  IntlayerProviderContent,
-  useIntlayerContext
-} from "./client/IntlayerProvider.mjs";
+import { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./client/useLocaleStorage.mjs";
+import { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, useIntlayerContext } from "./client/IntlayerProvider.mjs";
 import { t } from "./client/t.mjs";
 import { useDictionary } from "./client/useDictionary.mjs";
 import { useDictionaryAsync } from "./client/useDictionaryAsync.mjs";
+import { useLoadDynamic } from "./client/useLoadDynamic.mjs";
 import { useDictionaryDynamic } from "./client/useDictionaryDynamic.mjs";
 import { useI18n } from "./client/useI18n.mjs";
 import { useIntlayer } from "./client/useIntlayer.mjs";
-import { useLoadDynamic } from "./client/useLoadDynamic.mjs";
 import { useLocale } from "./client/useLocale.mjs";
 import { useLocaleBase } from "./client/useLocaleBase.mjs";
-import {
-  localeCookie,
-  setLocaleCookie,
-  useLocaleCookie
-} from "./client/useLocaleCookie.mjs";
-import { MarkdownProvider } from "./markdown/index.mjs";
-export {
-  IntlayerClientContext,
-  IntlayerProvider,
-  IntlayerProviderContent,
-  MarkdownProvider,
-  getBrowserLocale,
-  localeCookie,
-  setLocaleCookie,
-  t,
-  useDictionary,
-  useDictionaryAsync,
-  useDictionaryDynamic,
-  useI18n,
-  useIntlayer,
-  useIntlayerContext,
-  useLoadDynamic,
-  useLocale,
-  useLocaleBase,
-  useLocaleCookie
-};
-//# sourceMappingURL=index.mjs.map
+import { MarkdownProvider } from "./markdown/MarkdownProvider.mjs";
+
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, MarkdownProvider, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useI18n, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage };

package/dist/esm/markdown/MarkdownProvider.mjs

@@ -1,19 +1,17 @@
-"use client";
+'use client';
+
+
+import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-import {
-  createContext,
-  useContext
-} from "react";
-const MarkdownContext = createContext({
-  renderMarkdown: (markdown) => markdown
-});
+
+//#region src/markdown/MarkdownProvider.tsx
+const MarkdownContext = createContext({ renderMarkdown: (markdown) => markdown });
 const useMarkdownContext = () => useContext(MarkdownContext);
-const MarkdownProvider = ({
-  children,
-  renderMarkdown
-}) => /* @__PURE__ */ jsx(MarkdownContext.Provider, { value: { renderMarkdown }, children });
-export {
-  MarkdownProvider,
-  useMarkdownContext
-};
+const MarkdownProvider = ({ children, renderMarkdown }) => /* @__PURE__ */ jsx(MarkdownContext.Provider, {
+	value: { renderMarkdown },
+	children
+});
+
+//#endregion
+export { MarkdownProvider, useMarkdownContext };
 //# sourceMappingURL=MarkdownProvider.mjs.map

package/dist/esm/markdown/MarkdownProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/markdown/MarkdownProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react';\n\ntype MarkdownContextValue = {\n  renderMarkdown: (markdown: string) => ReactNode;\n};\n\ntype MarkdownProviderProps = PropsWithChildren<MarkdownContextValue>;\n\nconst MarkdownContext = createContext<MarkdownContextValue>({\n  renderMarkdown: (markdown: string) => markdown,\n});\n\nexport const useMarkdownContext = () => useContext(MarkdownContext);\n\nexport const MarkdownProvider: FC<MarkdownProviderProps> = ({\n  children,\n  renderMarkdown,\n}) => (\n  <MarkdownContext.Provider value={{ renderMarkdown }}>\n    {children}\n  </MarkdownContext.Provider>\n);\n"],"mappings":";AA0BE;AAxBF;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAQP,MAAM,kBAAkB,cAAoC;AAAA,EAC1D,gBAAgB,CAAC,aAAqB;AACxC,CAAC;AAEM,MAAM,qBAAqB,MAAM,WAAW,eAAe;AAE3D,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,eAAe,GAC/C,UACH;","names":[]}
+{"version":3,"file":"MarkdownProvider.mjs","names":["MarkdownProvider: FC<MarkdownProviderProps>"],"sources":["../../../src/markdown/MarkdownProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  useContext,\n} from 'react';\n\ntype MarkdownContextValue = {\n  renderMarkdown: (markdown: string) => ReactNode;\n};\n\ntype MarkdownProviderProps = PropsWithChildren<MarkdownContextValue>;\n\nconst MarkdownContext = createContext<MarkdownContextValue>({\n  renderMarkdown: (markdown: string) => markdown,\n});\n\nexport const useMarkdownContext = () => useContext(MarkdownContext);\n\nexport const MarkdownProvider: FC<MarkdownProviderProps> = ({\n  children,\n  renderMarkdown,\n}) => (\n  <MarkdownContext.Provider value={{ renderMarkdown }}>\n    {children}\n  </MarkdownContext.Provider>\n);\n"],"mappings":";;;;;;;AAgBA,MAAM,kBAAkB,cAAoC,EAC1D,iBAAiB,aAAqB,UACvC,CAAC;AAEF,MAAa,2BAA2B,WAAW,gBAAgB;AAEnE,MAAaA,oBAA+C,EAC1D,UACA,qBAEA,oBAAC,gBAAgB;CAAS,OAAO,EAAE,gBAAgB;CAChD;EACwB"}

package/dist/esm/markdown/MarkdownRenderer.mjs

@@ -1,62 +1,39 @@
-"use client";
-import {
-  getContent,
-  getContentNodeByKeyPath,
-  getMarkdownMetadata
-} from "@intlayer/core";
+'use client';
+
+
 import { useEditedContentRenderer } from "../editor/useEditedContentRenderer.mjs";
 import { useMarkdownContext } from "./MarkdownProvider.mjs";
-const MarkdownRenderer = ({
-  dictionaryKey,
-  keyPath,
-  children,
-  locale
-}) => {
-  const { renderMarkdown } = useMarkdownContext();
-  const editedContentContext = useEditedContentRenderer({
-    dictionaryKey,
-    keyPath,
-    children
-  });
-  if (typeof editedContentContext !== "string") {
-    const transformedEditedContent = getContent(
-      editedContentContext,
-      {
-        dictionaryKey,
-        keyPath
-      },
-      locale
-    );
-    if (typeof transformedEditedContent !== "string") {
-      console.error(
-        `Incorrect Markdown content. Edited Markdown content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`
-      );
-      return renderMarkdown(children);
-    }
-    return renderMarkdown(transformedEditedContent);
-  }
-  return renderMarkdown(editedContentContext);
+import { getContent, getContentNodeByKeyPath, getMarkdownMetadata } from "@intlayer/core";
+
+//#region src/markdown/MarkdownRenderer.tsx
+const MarkdownRenderer = ({ dictionaryKey, keyPath, children, locale }) => {
+	const { renderMarkdown } = useMarkdownContext();
+	const editedContentContext = useEditedContentRenderer({
+		dictionaryKey,
+		keyPath,
+		children
+	});
+	if (typeof editedContentContext !== "string") {
+		const transformedEditedContent = getContent(editedContentContext, {
+			dictionaryKey,
+			keyPath
+		}, locale);
+		if (typeof transformedEditedContent !== "string") {
+			console.error(`Incorrect Markdown content. Edited Markdown content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`);
+			return renderMarkdown(children);
+		}
+		return renderMarkdown(transformedEditedContent);
+	}
+	return renderMarkdown(editedContentContext);
 };
-const MarkdownMetadataRenderer = ({
-  dictionaryKey,
-  keyPath,
-  children,
-  metadataKeyPath
-}) => {
-  const editedContentContext = useEditedContentRenderer({
-    dictionaryKey,
-    keyPath,
-    children
-  });
-  const metadata = getMarkdownMetadata(editedContentContext);
-  const metadataEl = getContentNodeByKeyPath(
-    metadata,
-    metadataKeyPath
-  );
-  return metadataEl;
-};
-export {
-  MarkdownMetadataRenderer,
-  MarkdownRenderer
+const MarkdownMetadataRenderer = ({ dictionaryKey, keyPath, children, metadataKeyPath }) => {
+	return getContentNodeByKeyPath(getMarkdownMetadata(useEditedContentRenderer({
+		dictionaryKey,
+		keyPath,
+		children
+	})), metadataKeyPath);
 };
+
+//#endregion
+export { MarkdownMetadataRenderer, MarkdownRenderer };
 //# sourceMappingURL=MarkdownRenderer.mjs.map

package/dist/esm/markdown/MarkdownRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { LocalesValues } from '@intlayer/config/client';\nimport {\n  ContentNode,\n  getContent,\n  getContentNodeByKeyPath,\n  getMarkdownMetadata,\n  KeyPath,\n} from '@intlayer/core';\nimport type { FC, ReactNode } from 'react';\nimport { useEditedContentRenderer } from '../editor/useEditedContentRenderer';\nimport { useMarkdownContext } from './MarkdownProvider';\n\ntype MarkdownRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  locale?: LocalesValues;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n  locale,\n}): ReactNode => {\n  const { renderMarkdown } = useMarkdownContext();\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n\n  if (typeof editedContentContext !== 'string') {\n    const transformedEditedContent = getContent(\n      editedContentContext,\n      {\n        dictionaryKey,\n        keyPath,\n      },\n      locale\n    );\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect Markdown content. Edited Markdown content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return renderMarkdown(children);\n    }\n\n    return renderMarkdown(transformedEditedContent);\n  }\n\n  return renderMarkdown(editedContentContext);\n};\n\ntype MarkdownMetadataRendererProps = MarkdownRendererProps & {\n  metadataKeyPath: KeyPath[];\n};\n\nexport const MarkdownMetadataRenderer: FC<MarkdownMetadataRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n  metadataKeyPath,\n}): ReactNode => {\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n  const metadata = getMarkdownMetadata(editedContentContext);\n\n  const metadataEl = getContentNodeByKeyPath(\n    metadata as ContentNode,\n    metadataKeyPath\n  );\n\n  return metadataEl as ReactNode;\n};\n"],"mappings":";AAGA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AAS5B,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,EAAE,eAAe,IAAI,mBAAmB;AAC9C,QAAM,uBAAuB,yBAAyB;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI,OAAO,yBAAyB,UAAU;AAC5C,UAAM,2BAA2B;AAAA,MAC/B;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,6BAA6B,UAAU;AAChD,cAAQ;AAAA,QACN,6DAA6D,OAAO,wBAAwB,4BAA4B,KAAK,UAAU,wBAAwB,CAAC;AAAA,MAClK;AAEA,aAAO,eAAe,QAAQ;AAAA,IAChC;AAEA,WAAO,eAAe,wBAAwB;AAAA,EAChD;AAEA,SAAO,eAAe,oBAAoB;AAC5C;AAMO,MAAM,2BAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,uBAAuB,yBAAyB;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,WAAW,oBAAoB,oBAAoB;AAEzD,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"file":"MarkdownRenderer.mjs","names":["MarkdownRenderer: FC<MarkdownRendererProps>","MarkdownMetadataRenderer: FC<MarkdownMetadataRendererProps>"],"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["'use client';\n\nimport {\n  getContent,\n  getContentNodeByKeyPath,\n  getMarkdownMetadata,\n} from '@intlayer/core';\nimport type { ContentNode, KeyPath, LocalesValues } from '@intlayer/types';\nimport type { FC, ReactNode } from 'react';\nimport { useEditedContentRenderer } from '../editor/useEditedContentRenderer';\nimport { useMarkdownContext } from './MarkdownProvider';\n\ntype MarkdownRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  locale?: LocalesValues;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n  locale,\n}): ReactNode => {\n  const { renderMarkdown } = useMarkdownContext();\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n\n  if (typeof editedContentContext !== 'string') {\n    const transformedEditedContent = getContent(\n      editedContentContext,\n      {\n        dictionaryKey,\n        keyPath,\n      },\n      locale\n    );\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect Markdown content. Edited Markdown content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return renderMarkdown(children);\n    }\n\n    return renderMarkdown(transformedEditedContent);\n  }\n\n  return renderMarkdown(editedContentContext);\n};\n\ntype MarkdownMetadataRendererProps = MarkdownRendererProps & {\n  metadataKeyPath: KeyPath[];\n};\n\nexport const MarkdownMetadataRenderer: FC<MarkdownMetadataRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n  metadataKeyPath,\n}): ReactNode => {\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n  const metadata = getMarkdownMetadata(editedContentContext);\n\n  const metadataEl = getContentNodeByKeyPath(\n    metadata as ContentNode,\n    metadataKeyPath\n  );\n\n  return metadataEl as ReactNode;\n};\n"],"mappings":";;;;;;;;AAmBA,MAAaA,oBAA+C,EAC1D,eACA,SACA,UACA,aACe;CACf,MAAM,EAAE,mBAAmB,oBAAoB;CAC/C,MAAM,uBAAuB,yBAAyB;EACpD;EACA;EACA;EACD,CAAC;AAEF,KAAI,OAAO,yBAAyB,UAAU;EAC5C,MAAM,2BAA2B,WAC/B,sBACA;GACE;GACA;GACD,EACD,OACD;AAED,MAAI,OAAO,6BAA6B,UAAU;AAChD,WAAQ,MACN,6DAA6D,OAAO,yBAAyB,2BAA2B,KAAK,UAAU,yBAAyB,GACjK;AAED,UAAO,eAAe,SAAS;;AAGjC,SAAO,eAAe,yBAAyB;;AAGjD,QAAO,eAAe,qBAAqB;;AAO7C,MAAaC,4BAA+D,EAC1E,eACA,SACA,UACA,sBACe;AAaf,QALmB,wBAFF,oBALY,yBAAyB;EACpD;EACA;EACA;EACD,CAAC,CACwD,EAIxD,gBACD"}

package/dist/esm/markdown/index.mjs

@@ -1,3 +1,4 @@
-export * from "./MarkdownProvider.mjs";
-export * from "./MarkdownRenderer.mjs";
-//# sourceMappingURL=index.mjs.map
+import { MarkdownProvider, useMarkdownContext } from "./MarkdownProvider.mjs";
+import { MarkdownMetadataRenderer, MarkdownRenderer } from "./MarkdownRenderer.mjs";
+
+export { MarkdownMetadataRenderer, MarkdownProvider, MarkdownRenderer, useMarkdownContext };

package/dist/esm/plugins.mjs

@@ -1,104 +1,94 @@
-import { jsx } from "react/jsx-runtime";
-import { createElement } from "react";
-import {
-  NodeType,
-  getMarkdownMetadata
-} from "@intlayer/core";
 import { renderIntlayerNode } from "./IntlayerNode.mjs";
-import { ContentSelectorRenderer } from "./editor/index.mjs";
+import { ContentSelectorRenderer } from "./editor/ContentSelectorWrapper.mjs";
 import { EditedContentRenderer } from "./editor/useEditedContentRenderer.mjs";
-import { MarkdownMetadataRenderer, MarkdownRenderer } from "./markdown/index.mjs";
+import { MarkdownMetadataRenderer, MarkdownRenderer } from "./markdown/MarkdownRenderer.mjs";
 import { renderReactElement } from "./reactElement/renderReactElement.mjs";
+import { jsx } from "react/jsx-runtime";
+import { getMarkdownMetadata } from "@intlayer/core";
+import { NodeType } from "@intlayer/types";
+
+//#region src/plugins.tsx
+/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */
 const intlayerNodePlugins = {
-  id: "intlayer-node-plugin",
-  canHandle: (node) => typeof node === "bigint" || typeof node === "string" || typeof node === "number",
-  transform: (_node, {
-    plugins,
-    // Removed to avoid next error - Functions cannot be passed directly to Client Components
-    ...rest
-  }) => renderIntlayerNode({
-    ...rest,
-    value: rest.children,
-    children: /* @__PURE__ */ createElement(ContentSelectorRenderer, { ...rest, key: rest.children }, /* @__PURE__ */ jsx(EditedContentRenderer, { ...rest, children: rest.children }))
-  })
+	id: "intlayer-node-plugin",
+	canHandle: (node) => typeof node === "bigint" || typeof node === "string" || typeof node === "number",
+	transform: (_node, { plugins,...rest }) => renderIntlayerNode({
+		...rest,
+		value: rest.children,
+		children: /* @__PURE__ */ jsx(EditedContentRenderer, {
+			...rest,
+			children: rest.children
+		})
+	})
 };
+/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */
 const reactNodePlugins = {
-  id: "react-node-plugin",
-  canHandle: (node) => typeof node === "object" && typeof node.props !== "undefined" && typeof node.key !== "undefined",
-  transform: (node, {
-    plugins,
-    // Removed to avoid next error - Functions cannot be passed directly to Client Components
-    ...rest
-  }) => renderIntlayerNode({
-    ...rest,
-    value: "[[react-element]]",
-    children: /* @__PURE__ */ jsx(ContentSelectorRenderer, { ...rest, children: renderReactElement(node) })
-  })
+	id: "react-node-plugin",
+	canHandle: (node) => typeof node === "object" && typeof node?.props !== "undefined" && typeof node.key !== "undefined",
+	transform: (node, { plugins,...rest }) => renderIntlayerNode({
+		...rest,
+		value: "[[react-element]]",
+		children: /* @__PURE__ */ jsx(ContentSelectorRenderer, {
+			...rest,
+			children: renderReactElement(node)
+		})
+	})
 };
+/** Markdown string plugin. Replaces string node with a component that render the markdown. */
 const markdownStringPlugin = {
-  id: "markdown-string-plugin",
-  canHandle: (node) => typeof node === "string",
-  transform: (node, props, deepTransformNode) => {
-    const {
-      plugins,
-      // Removed to avoid next error - Functions cannot be passed directly to Client Components
-      ...rest
-    } = props;
-    const metadata = getMarkdownMetadata(node);
-    const metadataPlugins = {
-      id: "markdown-metadata-plugin",
-      canHandle: (metadataNode) => typeof metadataNode === "string" || typeof metadataNode === "number" || typeof metadataNode === "boolean" || !metadataNode,
-      transform: (metadataNode, props2) => renderIntlayerNode({
-        ...props2,
-        value: metadataNode,
-        children: /* @__PURE__ */ jsx(ContentSelectorRenderer, { ...rest, children: /* @__PURE__ */ jsx(
-          MarkdownMetadataRenderer,
-          {
-            ...rest,
-            metadataKeyPath: props2.keyPath,
-            children: node
-          }
-        ) })
-      })
-    };
-    const metadataNodes = deepTransformNode(metadata, {
-      plugins: [metadataPlugins],
-      dictionaryKey: rest.dictionaryKey,
-      keyPath: []
-    });
-    return renderIntlayerNode({
-      ...props,
-      value: node,
-      children: /* @__PURE__ */ jsx(ContentSelectorRenderer, { ...rest, children: /* @__PURE__ */ jsx(MarkdownRenderer, { ...rest, children: node }) }),
-      additionalProps: {
-        metadata: metadataNodes
-      }
-    });
-  }
+	id: "markdown-string-plugin",
+	canHandle: (node) => typeof node === "string",
+	transform: (node, props, deepTransformNode) => {
+		const { plugins,...rest } = props;
+		const metadataNodes = deepTransformNode(getMarkdownMetadata(node), {
+			plugins: [{
+				id: "markdown-metadata-plugin",
+				canHandle: (metadataNode) => typeof metadataNode === "string" || typeof metadataNode === "number" || typeof metadataNode === "boolean" || !metadataNode,
+				transform: (metadataNode, props$1) => renderIntlayerNode({
+					...props$1,
+					value: metadataNode,
+					children: /* @__PURE__ */ jsx(ContentSelectorRenderer, {
+						...rest,
+						children: /* @__PURE__ */ jsx(MarkdownMetadataRenderer, {
+							...rest,
+							metadataKeyPath: props$1.keyPath,
+							children: node
+						})
+					})
+				})
+			}],
+			dictionaryKey: rest.dictionaryKey,
+			keyPath: []
+		});
+		return renderIntlayerNode({
+			...props,
+			value: node,
+			children: /* @__PURE__ */ jsx(ContentSelectorRenderer, {
+				...rest,
+				children: /* @__PURE__ */ jsx(MarkdownRenderer, {
+					...rest,
+					children: node
+				})
+			}),
+			additionalProps: { metadata: metadataNodes }
+		});
+	}
 };
 const markdownPlugin = {
-  id: "markdown-plugin",
-  canHandle: (node) => typeof node === "object" && node?.nodeType === NodeType.Markdown,
-  transform: (node, props, deepTransformNode) => {
-    const newKeyPath = [
-      ...props.keyPath,
-      {
-        type: NodeType.Markdown
-      }
-    ];
-    const children = node[NodeType.Markdown];
-    return deepTransformNode(children, {
-      ...props,
-      children,
-      keyPath: newKeyPath,
-      plugins: [markdownStringPlugin, ...props.plugins ?? []]
-    });
-  }
-};
-export {
-  intlayerNodePlugins,
-  markdownPlugin,
-  markdownStringPlugin,
-  reactNodePlugins
+	id: "markdown-plugin",
+	canHandle: (node) => typeof node === "object" && node?.nodeType === NodeType.Markdown,
+	transform: (node, props, deepTransformNode) => {
+		const newKeyPath = [...props.keyPath, { type: NodeType.Markdown }];
+		const children = node[NodeType.Markdown];
+		return deepTransformNode(children, {
+			...props,
+			children,
+			keyPath: newKeyPath,
+			plugins: [markdownStringPlugin, ...props.plugins ?? []]
+		});
+	}
 };
+
+//#endregion
+export { intlayerNodePlugins, markdownPlugin, markdownStringPlugin, reactNodePlugins };
 //# sourceMappingURL=plugins.mjs.map

package/dist/esm/plugins.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  KeyPath,\n  NodeType,\n  getMarkdownMetadata,\n  type DeepTransformContent as DeepTransformContentCore,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type MarkdownContent,\n  type Plugins,\n} from '@intlayer/core';\nimport type { ReactNode } from 'react';\nimport { renderIntlayerNode, type IntlayerNode } from './IntlayerNode';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { MarkdownMetadataRenderer, MarkdownRenderer } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <ContentSelectorRenderer {...rest} key={rest.children}>\n          <EditedContentRenderer {...rest}>\n            {rest.children}\n          </EditedContentRenderer>\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    return renderIntlayerNode({\n      ...props,\n      value: node,\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          <MarkdownRenderer {...rest}>{node}</MarkdownRenderer>\n        </ContentSelectorRenderer>\n      ),\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    });\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? IntlayerNode<DeepTransformContent<M>, { metadata: DeepTransformContent<U> }>\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginReact<T> {\n  reactNode: ReactNodeCond<T>;\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<T>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  reactNode: true;\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":"AA2CU;AADF;AA1CR;AAAA,EAEE;AAAA,EACA;AAAA,OAKK;AAEP,SAAS,0BAA6C;AACtD,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,0BAA0B,wBAAwB;AAC3D,SAAS,0BAA0B;AAW5B,MAAM,sBAA+B;AAAA,EAC1C,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;AAAA,EAClB,WAAW,CACT,OACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,MAEA,mBAAmB;AAAA,IACjB,GAAG;AAAA,IACH,OAAO,KAAK;AAAA,IACZ,UACE,8BAAC,2BAAyB,GAAG,MAAM,KAAK,KAAK,YAC3C,oBAAC,yBAAuB,GAAG,MACxB,eAAK,UACR,CACF;AAAA,EAEJ,CAAC;AACL;AAcO,MAAM,mBAA4B;AAAA,EACvC,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,KAAK,UAAU,eACtB,OAAO,KAAK,QAAQ;AAAA,EAEtB,WAAW,CACT,MACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,MAEA,mBAAmB;AAAA,IACjB,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UACE,oBAAC,2BAAyB,GAAG,MAC1B,6BAAmB,IAAI,GAC1B;AAAA,EAEJ,CAAC;AACL;AAWO,MAAM,uBAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,WAAW,CAAC,SAAS,OAAO,SAAS;AAAA,EACrC,WAAW,CAAC,MAAc,OAAO,sBAAsB;AACrD,UAAM;AAAA,MACJ;AAAA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,WAAW,oBAAoB,IAAI;AAEzC,UAAM,kBAA2B;AAAA,MAC/B,IAAI;AAAA,MACJ,WAAW,CAAC,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;AAAA,MACH,WAAW,CAAC,cAAcA,WACxB,mBAAmB;AAAA,QACjB,GAAGA;AAAA,QACH,OAAO;AAAA,QACP,UACE,oBAAC,2BAAyB,GAAG,MAC3B;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,iBAAiBA,OAAM;AAAA,YAEtB;AAAA;AAAA,QACH,GACF;AAAA,MAEJ,CAAC;AAAA,IACL;AAGA,UAAM,gBAAgB,kBAAkB,UAAU;AAAA,MAChD,SAAS,CAAC,eAAe;AAAA,MACzB,eAAe,KAAK;AAAA,MACpB,SAAS,CAAC;AAAA,IACZ,CAAC;AAED,WAAO,mBAAmB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,UACE,oBAAC,2BAAyB,GAAG,MAC3B,8BAAC,oBAAkB,GAAG,MAAO,gBAAK,GACpC;AAAA,MAEF,iBAAiB;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAUO,MAAM,iBAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,WAAW,CAAC,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,SAAS;AAAA,EAC1D,WAAW,CAAC,MAAuB,OAAO,sBAAsB;AAC9D,UAAM,aAAwB;AAAA,MAC5B,GAAG,MAAM;AAAA,MACT;AAAA,QACE,MAAM,SAAS;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,WAAW,KAAK,SAAS,QAAQ;AAEvC,WAAO,kBAAkB,UAAU;AAAA,MACjC,GAAG;AAAA,MACH;AAAA,MACA,SAAS;AAAA,MACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,CAAC,CAAE;AAAA,IAC1D,CAAC;AAAA,EACH;AACF;","names":["props"]}
+{"version":3,"file":"plugins.mjs","names":["intlayerNodePlugins: Plugins","reactNodePlugins: Plugins","markdownStringPlugin: Plugins","props","markdownPlugin: Plugins","newKeyPath: KeyPath[]"],"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type IsAny,\n  type MarkdownContent,\n  type Plugins,\n} from '@intlayer/core';\nimport type { DeclaredLocales, KeyPath, LocalesValues } from '@intlayer/types';\nimport { NodeType } from '@intlayer/types';\nimport type { ReactNode } from 'react';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { type IntlayerNode, renderIntlayerNode } from './IntlayerNode';\nimport { MarkdownMetadataRenderer, MarkdownRenderer } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <EditedContentRenderer {...rest}>{rest.children}</EditedContentRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node?.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    return renderIntlayerNode({\n      ...props,\n      value: node,\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          <MarkdownRenderer {...rest}>{node}</MarkdownRenderer>\n        </ContentSelectorRenderer>\n      ),\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    });\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? IntlayerNode<DeepTransformContent<M>, { metadata: DeepTransformContent<U> }>\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginReact<T> {\n  reactNode: ReactNodeCond<T>;\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<T>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  reactNode: true;\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n"],"mappings":";;;;;;;;;;;AA0BA,MAAaA,sBAA+B;CAC1C,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;CAClB,YACE,OACA,EACE,QACA,GAAG,WAGL,mBAAmB;EACjB,GAAG;EACH,OAAO,KAAK;EACZ,UACE,oBAAC;GAAsB,GAAI;aAAO,KAAK;IAAiC;EAE3E,CAAC;CACL;;AAcD,MAAaC,mBAA4B;CACvC,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAChB,OAAO,MAAM,UAAU,eACvB,OAAO,KAAK,QAAQ;CAEtB,YACE,MACA,EACE,QACA,GAAG,WAGL,mBAAmB;EACjB,GAAG;EACH,OAAO;EACP,UACE,oBAAC;GAAwB,GAAI;aAC1B,mBAAmB,KAAK;IACD;EAE7B,CAAC;CACL;;AAWD,MAAaC,uBAAgC;CAC3C,IAAI;CACJ,YAAY,SAAS,OAAO,SAAS;CACrC,YAAY,MAAc,OAAO,sBAAsB;EACrD,MAAM,EACJ,QACA,GAAG,SACD;EA6BJ,MAAM,gBAAgB,kBA3BL,oBAAoB,KAAK,EA2BQ;GAChD,SAAS,CA1BsB;IAC/B,IAAI;IACJ,YAAY,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;IACH,YAAY,cAAc,YACxB,mBAAmB;KACjB,GAAGC;KACH,OAAO;KACP,UACE,oBAAC;MAAwB,GAAI;gBAC3B,oBAAC;OACC,GAAI;OACJ,iBAAiBA,QAAM;iBAEtB;QACwB;OACH;KAE7B,CAAC;IACL,CAI2B;GAC1B,eAAe,KAAK;GACpB,SAAS,EAAE;GACZ,CAAC;AAEF,SAAO,mBAAmB;GACxB,GAAG;GACH,OAAO;GACP,UACE,oBAAC;IAAwB,GAAI;cAC3B,oBAAC;KAAiB,GAAI;eAAO;MAAwB;KAC7B;GAE5B,iBAAiB,EACf,UAAU,eACX;GACF,CAAC;;CAEL;AAUD,MAAaC,iBAA0B;CACrC,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,SAAS;CAC1D,YAAY,MAAuB,OAAO,sBAAsB;EAC9D,MAAMC,aAAwB,CAC5B,GAAG,MAAM,SACT,EACE,MAAM,SAAS,UAChB,CACF;EAED,MAAM,WAAW,KAAK,SAAS;AAE/B,SAAO,kBAAkB,UAAU;GACjC,GAAG;GACH;GACA,SAAS;GACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,EAAE,CAAE;GAC1D,CAAC;;CAEL"}

package/dist/esm/reactElement/renderReactElement.mjs

@@ -1,38 +1,40 @@
 import { createElement } from "react";
+
+//#region src/reactElement/renderReactElement.ts
 const renderReactElement = (element) => {
-  if (typeof element === "string") {
-    return element;
-  }
-  const convertChildrenAsArray = (element2) => {
-    if (element2?.props && typeof element2.props.children === "object") {
-      const childrenResult = [];
-      const { children } = element2.props;
-      Object.keys(children ?? {}).forEach((key) => {
-        childrenResult.push(
-          renderReactElement((children ?? {})[key])
-        );
-      });
-      return {
-        ...element2,
-        props: { ...element2.props, children: childrenResult }
-      };
-    }
-    return {
-      ...element2,
-      props: { ...element2.props, children: element2.props?.children ?? [] }
-    };
-  };
-  const fixedElement = convertChildrenAsArray(
-    element
-  );
-  const { type, props } = fixedElement;
-  return createElement(
-    type ?? "span",
-    props,
-    ...props.children
-  );
-};
-export {
-  renderReactElement
+	if (typeof element === "string") return element;
+	const convertChildrenAsArray = (element$1) => {
+		if (element$1?.props && typeof element$1.props.children === "object") {
+			const childrenResult = [];
+			const { children } = element$1.props;
+			Object.keys(children ?? {}).forEach((key) => {
+				const childElement = renderReactElement(children?.[key]);
+				if (typeof childElement === "object" && childElement !== null && "type" in childElement) childrenResult.push(createElement(childElement.type, {
+					...childElement.props,
+					key
+				}, ...Array.isArray(childElement.props?.children) ? childElement.props.children : [childElement.props?.children]));
+				else childrenResult.push(childElement);
+			});
+			return {
+				...element$1,
+				props: {
+					...element$1.props,
+					children: childrenResult
+				}
+			};
+		}
+		return {
+			...element$1,
+			props: {
+				...element$1.props,
+				children: element$1.props?.children ?? []
+			}
+		};
+	};
+	const { type, props } = convertChildrenAsArray(element);
+	return createElement(type ?? "span", props, ...props.children);
 };
+
+//#endregion
+export { renderReactElement };
 //# sourceMappingURL=renderReactElement.mjs.map

package/dist/esm/reactElement/renderReactElement.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/reactElement/renderReactElement.ts"],"sourcesContent":["import { type ReactElement, type ReactNode, createElement } from 'react';\n\n// This function recursively creates React elements from a given JSON-like structure\nexport const renderReactElement = (element: ReactElement<any>) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (\n    element: ReactElement<{ children?: ReactNode }>\n  ): ReactElement<{ children?: ReactNode }> => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children ?? {}).forEach((key) => {\n        childrenResult.push(\n          renderReactElement((children ?? {})[key as keyof typeof children])\n        );\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props?.children ?? [] },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(\n    element as ReactElement<{ children?: ReactNode }>\n  );\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(\n    type ?? 'span',\n    props,\n    ...(props.children as ReactNode[])\n  );\n};\n"],"mappings":"AAAA,SAA4C,qBAAqB;AAG1D,MAAM,qBAAqB,CAAC,YAA+B;AAChE,MAAI,OAAO,YAAY,UAAU;AAE/B,WAAO;AAAA,EACT;AAEA,QAAM,yBAAyB,CAC7BA,aAC2C;AAC3C,QAAIA,UAAS,SAAS,OAAOA,SAAQ,MAAM,aAAa,UAAU;AAChE,YAAM,iBAA8B,CAAC;AACrC,YAAM,EAAE,SAAS,IAAIA,SAAQ;AAG7B,aAAO,KAAK,YAAY,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ;AAC3C,uBAAe;AAAA,UACb,oBAAoB,YAAY,CAAC,GAAG,GAA4B,CAAC;AAAA,QACnE;AAAA,MACF,CAAC;AAED,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAU,eAAe;AAAA,MACtD;AAAA,IACF;AAEA,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAUA,SAAQ,OAAO,YAAY,CAAC,EAAE;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,MAAM,IAAI;AAGxB,SAAO;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA,GAAI,MAAM;AAAA,EACZ;AACF;","names":["element"]}
+{"version":3,"file":"renderReactElement.mjs","names":["element","childrenResult: ReactNode[]"],"sources":["../../../src/reactElement/renderReactElement.ts"],"sourcesContent":["import { createElement, type ReactElement, type ReactNode } from 'react';\n\n// This function recursively creates React elements from a given JSON-like structure\nexport const renderReactElement = (element: ReactElement<any>) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (\n    element: ReactElement<{ children?: ReactNode }>\n  ): ReactElement<{ children?: ReactNode }> => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children ?? {}).forEach((key) => {\n        const childElement = renderReactElement(\n          children?.[\n            key as keyof typeof children\n          ] as unknown as ReactElement<any>\n        );\n\n        // Add key prop if the child is a React element\n        if (\n          typeof childElement === 'object' &&\n          childElement !== null &&\n          'type' in childElement\n        ) {\n          childrenResult.push(\n            createElement(\n              childElement.type,\n              { ...childElement.props, key },\n              ...(Array.isArray(childElement.props?.children)\n                ? childElement.props.children\n                : [childElement.props?.children])\n            )\n          );\n        } else {\n          childrenResult.push(childElement);\n        }\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props?.children ?? [] },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(\n    element as ReactElement<{ children?: ReactNode }>\n  );\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(\n    type ?? 'span',\n    props,\n    ...(props.children as ReactNode[])\n  );\n};\n"],"mappings":";;;AAGA,MAAa,sBAAsB,YAA+B;AAChE,KAAI,OAAO,YAAY,SAErB,QAAO;CAGT,MAAM,0BACJ,cAC2C;AAC3C,MAAIA,WAAS,SAAS,OAAOA,UAAQ,MAAM,aAAa,UAAU;GAChE,MAAMC,iBAA8B,EAAE;GACtC,MAAM,EAAE,aAAaD,UAAQ;AAG7B,UAAO,KAAK,YAAY,EAAE,CAAC,CAAC,SAAS,QAAQ;IAC3C,MAAM,eAAe,mBACnB,WACE,KAEH;AAGD,QACE,OAAO,iBAAiB,YACxB,iBAAiB,QACjB,UAAU,aAEV,gBAAe,KACb,cACE,aAAa,MACb;KAAE,GAAG,aAAa;KAAO;KAAK,EAC9B,GAAI,MAAM,QAAQ,aAAa,OAAO,SAAS,GAC3C,aAAa,MAAM,WACnB,CAAC,aAAa,OAAO,SAAS,CACnC,CACF;QAED,gBAAe,KAAK,aAAa;KAEnC;AAEF,UAAO;IACL,GAAGA;IACH,OAAO;KAAE,GAAGA,UAAQ;KAAO,UAAU;KAAgB;IACtD;;AAGH,SAAO;GACL,GAAGA;GACH,OAAO;IAAE,GAAGA,UAAQ;IAAO,UAAUA,UAAQ,OAAO,YAAY,EAAE;IAAE;GACrE;;CAOH,MAAM,EAAE,MAAM,UAJO,uBACnB,QACD;AAKD,QAAO,cACL,QAAQ,QACR,OACA,GAAI,MAAM,SACX"}

package/dist/esm/server/IntlayerServerProvider.mjs

@@ -1,18 +1,29 @@
+import { createServerContext, getServerContext } from "./serverContext.mjs";
 import { jsx } from "react/jsx-runtime";
 import configuration from "@intlayer/config/built";
-import { createServerContext, getServerContext } from "./serverContext.mjs";
+
+//#region src/server/IntlayerServerProvider.tsx
 const { defaultLocale } = configuration?.internationalization ?? {};
+/**
+* Context that store the current locale on the server side
+*/
 const IntlayerServerContext = createServerContext(defaultLocale);
+/**
+* Hook that provides the current locale
+*/
 const useIntlayer = () => getServerContext(IntlayerServerContext);
+/**
+* Get the current locale
+*/
 const locale = getServerContext(IntlayerServerContext);
-const IntlayerServerProvider = ({
-  children,
-  locale: locale2 = defaultLocale
-}) => /* @__PURE__ */ jsx(IntlayerServerContext.Provider, { value: locale2, children });
-export {
-  IntlayerServerContext,
-  IntlayerServerProvider,
-  locale,
-  useIntlayer
-};
+/**
+* Provider that store the current locale on the server side
+*/
+const IntlayerServerProvider = ({ children, locale: locale$1 = defaultLocale }) => /* @__PURE__ */ jsx(IntlayerServerContext.Provider, {
+	value: locale$1,
+	children
+});
+
+//#endregion
+export { IntlayerServerContext, IntlayerServerProvider, locale, useIntlayer };
 //# sourceMappingURL=IntlayerServerProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\nimport configuration from '@intlayer/config/built';\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\nconst { defaultLocale } = configuration?.internationalization ?? {};\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext =\n  createServerContext<LocalesValues>(defaultLocale);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale?: LocalesValues;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":"AAmCE;AAlCF,OAAO,mBAAmB;AAG1B,SAAS,qBAAqB,wBAAwB;AAEtD,MAAM,EAAE,cAAc,IAAI,eAAe,wBAAwB,CAAC;AAK3D,MAAM,wBACX,oBAAmC,aAAa;AAK3C,MAAM,cAAc,MAAM,iBAAiB,qBAAqB;AAKhE,MAAM,SAAS,iBAAiB,qBAAqB;AASrD,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,QAAAA,UAAS;AACX,MACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAOA,SACpC,UACH;","names":["locale"]}
+{"version":3,"file":"IntlayerServerProvider.mjs","names":["IntlayerServerProvider: FC<IntlayerServerProviderProps>","locale"],"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types';\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\nconst { defaultLocale } = configuration?.internationalization ?? {};\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext =\n  createServerContext<LocalesValues>(defaultLocale);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale?: LocalesValues;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";;;;;AAMA,MAAM,EAAE,kBAAkB,eAAe,wBAAwB,EAAE;;;;AAKnE,MAAa,wBACX,oBAAmC,cAAc;;;;AAKnD,MAAa,oBAAoB,iBAAiB,sBAAsB;;;;AAKxE,MAAa,SAAS,iBAAiB,sBAAsB;;;;AAS7D,MAAaA,0BAA2D,EACtE,UACA,mBAAS,oBAET,oBAAC,sBAAsB;CAAS,OAAOC;CACpC;EAC8B"}