preact-intlayer 8.4.4 → 8.4.6

package/dist/esm/client/useTraduction.mjs

@@ -1,2 +1,34 @@
-import{t as e}from"../IntlayerProvider-ClOcEK3A.mjs";import{getTranslation as t}from"@intlayer/core/interpreter";import{useContext as n,useMemo as r}from"preact/hooks";const i=i=>{let{locale:a}=n(e);return r(()=>t(i,a),[i,a])};export{i as useTranslation};
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+import { getTranslation } from "@intlayer/core/interpreter";
+import { useContext, useMemo } from "preact/hooks";
+
+//#region src/client/useTraduction.ts
+/**
+* On the client side, Hook that picking one dictionary by its id and return the content.
+*
+* If not locale found, it will return the content related to the default locale.
+*
+* Return either the content editor, or the content itself depending on the configuration.
+*
+* Usage:
+*
+* ```tsx
+* const content = useTranslation<string>({
+*  en: 'Hello',
+*  fr: 'Bonjour',
+* }, 'fr');
+* // 'Bonjour'
+* ```
+*
+* Using TypeScript:
+* - this function will require each locale to be defined if defined in the project configuration.
+* - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.
+*/
+const useTranslation = (languageContent) => {
+	const { locale } = useContext(IntlayerClientContext);
+	return useMemo(() => getTranslation(languageContent, locale), [languageContent, locale]);
+};
+
+//#endregion
+export { useTranslation };
 //# sourceMappingURL=useTraduction.mjs.map

package/dist/esm/client/useTraduction.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTraduction.mjs","names":[],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core/interpreter';\nimport type { StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":"wKA0BA,MAAa,EACX,GACY,CACZ,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,MACC,EAAe,EAAiB,EAAO,CAC7C,CAAC,EAAiB,EAAO,CAC1B"}
+{"version":3,"file":"useTraduction.mjs","names":[],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core/interpreter';\nimport type { StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,kBACX,oBACY;CACZ,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,cACC,eAAe,iBAAiB,OAAO,EAC7C,CAAC,iBAAiB,OAAO,CAC1B"}

package/dist/esm/editor/ContentSelector.mjs

@@ -1,2 +1,23 @@
-import{isEnabled as e}from"@intlayer/editor/isEnabled";import{useEffect as t}from"preact/hooks";import{jsx as n}from"preact/jsx-runtime";const r=({children:r,dictionaryKey:i,keyPath:a})=>(t(()=>{process.env.INTLAYER_EDITOR_ENABLED===`false`||!e||typeof window>`u`||import(`@intlayer/editor`).then(({defineIntlayerElements:e})=>{e()})},[e]),e?n(`intlayer-content-selector-wrapper`,{"key-path":JSON.stringify(a),"dictionary-key":i,children:r}):r);export{r as ContentSelector};
+import { isEnabled } from "@intlayer/editor/isEnabled";
+import { useEffect } from "preact/hooks";
+import { jsx } from "preact/jsx-runtime";
+
+//#region src/editor/ContentSelector.tsx
+const ContentSelector = ({ children, dictionaryKey, keyPath }) => {
+	useEffect(() => {
+		if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !isEnabled || typeof window === "undefined") return;
+		import("@intlayer/editor").then(({ defineIntlayerElements }) => {
+			defineIntlayerElements();
+		});
+	}, [isEnabled]);
+	if (!isEnabled) return children;
+	return /* @__PURE__ */ jsx("intlayer-content-selector-wrapper", {
+		"key-path": JSON.stringify(keyPath),
+		"dictionary-key": dictionaryKey,
+		children
+	});
+};
+
+//#endregion
+export { ContentSelector };
 //# sourceMappingURL=ContentSelector.mjs.map

package/dist/esm/editor/ContentSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelector.mjs","names":[],"sources":["../../../src/editor/ContentSelector.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core/interpreter';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { FunctionalComponent, HTMLAttributes } from 'preact';\nimport { useEffect } from 'preact/hooks';\n\n// JSX declaration for the Lit web component in Preact\ndeclare module 'preact' {\n  namespace JSX {\n    interface IntrinsicElements {\n      'intlayer-content-selector-wrapper': HTMLAttributes<HTMLElement> & {\n        'key-path'?: string;\n        'dictionary-key'?: string;\n      };\n    }\n  }\n}\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport const ContentSelector: FunctionalComponent<\n  ContentSelectorWrapperProps\n> = ({ children, dictionaryKey, keyPath }) => {\n  useEffect(() => {\n    if (\n      process.env.INTLAYER_EDITOR_ENABLED === 'false' ||\n      !isEnabled ||\n      typeof window === 'undefined'\n    )\n      return;\n    import('@intlayer/editor').then(({ defineIntlayerElements }) => {\n      defineIntlayerElements();\n    });\n  }, [isEnabled]);\n\n  if (!isEnabled) {\n    return children;\n  }\n\n  return (\n    <intlayer-content-selector-wrapper\n      key-path={JSON.stringify(keyPath)}\n      dictionary-key={dictionaryKey}\n    >\n      {children}\n    </intlayer-content-selector-wrapper>\n  );\n};\n"],"mappings":"yIAoBA,MAAa,GAER,CAAE,WAAU,gBAAe,cAC9B,MAAgB,CAEZ,QAAQ,IAAI,0BAA4B,SACxC,CAAC,GACD,OAAO,OAAW,KAGpB,OAAO,oBAAoB,MAAM,CAAE,4BAA6B,CAC9D,GAAwB,EACxB,EACD,CAAC,EAAU,CAAC,CAEV,EAKH,EAAC,oCAAD,CACE,WAAU,KAAK,UAAU,EAAQ,CACjC,iBAAgB,EAEf,WACiC,CAAA,CAT7B"}
+{"version":3,"file":"ContentSelector.mjs","names":[],"sources":["../../../src/editor/ContentSelector.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core/interpreter';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { FunctionalComponent, HTMLAttributes } from 'preact';\nimport { useEffect } from 'preact/hooks';\n\n// JSX declaration for the Lit web component in Preact\ndeclare module 'preact' {\n  namespace JSX {\n    interface IntrinsicElements {\n      'intlayer-content-selector-wrapper': HTMLAttributes<HTMLElement> & {\n        'key-path'?: string;\n        'dictionary-key'?: string;\n      };\n    }\n  }\n}\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport const ContentSelector: FunctionalComponent<\n  ContentSelectorWrapperProps\n> = ({ children, dictionaryKey, keyPath }) => {\n  useEffect(() => {\n    if (\n      process.env.INTLAYER_EDITOR_ENABLED === 'false' ||\n      !isEnabled ||\n      typeof window === 'undefined'\n    )\n      return;\n    import('@intlayer/editor').then(({ defineIntlayerElements }) => {\n      defineIntlayerElements();\n    });\n  }, [isEnabled]);\n\n  if (!isEnabled) {\n    return children;\n  }\n\n  return (\n    <intlayer-content-selector-wrapper\n      key-path={JSON.stringify(keyPath)}\n      dictionary-key={dictionaryKey}\n    >\n      {children}\n    </intlayer-content-selector-wrapper>\n  );\n};\n"],"mappings":";;;;;AAoBA,MAAa,mBAER,EAAE,UAAU,eAAe,cAAc;AAC5C,iBAAgB;AACd,MACE,QAAQ,IAAI,4BAA4B,WACxC,CAAC,aACD,OAAO,WAAW,YAElB;AACF,SAAO,oBAAoB,MAAM,EAAE,6BAA6B;AAC9D,2BAAwB;IACxB;IACD,CAAC,UAAU,CAAC;AAEf,KAAI,CAAC,UACH,QAAO;AAGT,QACE,oBAAC,qCAAD;EACE,YAAU,KAAK,UAAU,QAAQ;EACjC,kBAAgB;EAEf;EACiC"}

package/dist/esm/editor/EditorProvider.mjs

@@ -1 +1,11 @@
-import{a as e}from"../IntlayerProvider-ClOcEK3A.mjs";export{e as EditorProvider};
+import { useEditor } from "./useEditor.mjs";
+
+//#region src/editor/EditorProvider.tsx
+const EditorProvider = ({ children }) => {
+	useEditor();
+	return children;
+};
+
+//#endregion
+export { EditorProvider };
+//# sourceMappingURL=EditorProvider.mjs.map

package/dist/esm/editor/EditorProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorProvider.mjs","names":[],"sources":["../../../src/editor/EditorProvider.tsx"],"sourcesContent":["import type { ComponentChild, FunctionComponent } from 'preact';\nimport { useEditor } from './useEditor';\n\nexport const EditorProvider: FunctionComponent<{\n  children?: ComponentChild;\n}> = ({ children }) => {\n  useEditor();\n\n  return children;\n};\n"],"mappings":";;;AAGA,MAAa,kBAEP,EAAE,eAAe;AACrB,YAAW;AAEX,QAAO"}

package/dist/esm/editor/useEditor.mjs

@@ -1 +1,36 @@
-import{o as e}from"../IntlayerProvider-ClOcEK3A.mjs";export{e as useEditor};
+import { IntlayerClientContext } from "../client/IntlayerProvider.mjs";
+import { isEnabled } from "@intlayer/editor/isEnabled";
+import { useContext, useEffect, useRef } from "preact/hooks";
+
+//#region src/editor/useEditor.tsx
+/**
+* Initialises the Intlayer editor client singleton when the editor is enabled.
+* Syncs the current locale from the Intlayer context into the editor manager so
+* the editor always knows which locale the app is displaying.
+*/
+const useEditor = () => {
+	const { locale } = useContext(IntlayerClientContext);
+	const managerRef = useRef(null);
+	useEffect(() => {
+		if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !isEnabled) return;
+		import("@intlayer/editor").then(({ initEditorClient }) => {
+			const manager = initEditorClient();
+			managerRef.current = manager;
+			if (locale) manager.currentLocale.set(locale);
+		});
+		return () => {
+			managerRef.current = null;
+			import("@intlayer/editor").then(({ stopEditorClient }) => {
+				stopEditorClient();
+			});
+		};
+	}, []);
+	useEffect(() => {
+		if (!locale || !managerRef.current) return;
+		managerRef.current.currentLocale.set(locale);
+	}, [locale]);
+};
+
+//#endregion
+export { useEditor };
+//# sourceMappingURL=useEditor.mjs.map

package/dist/esm/editor/useEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.tsx"],"sourcesContent":["import type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useContext, useEffect, useRef } from 'preact/hooks';\nimport { IntlayerClientContext } from '../client/IntlayerProvider';\n\n/**\n * Initialises the Intlayer editor client singleton when the editor is enabled.\n * Syncs the current locale from the Intlayer context into the editor manager so\n * the editor always knows which locale the app is displaying.\n */\nexport const useEditor = () => {\n  const { locale } = useContext(IntlayerClientContext);\n  const managerRef = useRef<EditorStateManager | null>(null);\n\n  useEffect(() => {\n    if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled) return;\n\n    import('@intlayer/editor').then(({ initEditorClient }) => {\n      const manager = initEditorClient();\n      managerRef.current = manager;\n\n      if (locale) manager.currentLocale.set(locale as Locale);\n    });\n\n    return () => {\n      managerRef.current = null;\n      import('@intlayer/editor').then(({ stopEditorClient }) => {\n        stopEditorClient();\n      });\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!locale || !managerRef.current) return;\n\n    managerRef.current.currentLocale.set(locale as Locale);\n  }, [locale]);\n};\n"],"mappings":";;;;;;;;;;AAWA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,WAAW,WAAW,sBAAsB;CACpD,MAAM,aAAa,OAAkC,KAAK;AAE1D,iBAAgB;AACd,MAAI,QAAQ,IAAI,4BAA4B,WAAW,CAAC,UAAW;AAEnE,SAAO,oBAAoB,MAAM,EAAE,uBAAuB;GACxD,MAAM,UAAU,kBAAkB;AAClC,cAAW,UAAU;AAErB,OAAI,OAAQ,SAAQ,cAAc,IAAI,OAAiB;IACvD;AAEF,eAAa;AACX,cAAW,UAAU;AACrB,UAAO,oBAAoB,MAAM,EAAE,uBAAuB;AACxD,sBAAkB;KAClB;;IAEH,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,CAAC,UAAU,CAAC,WAAW,QAAS;AAEpC,aAAW,QAAQ,cAAc,IAAI,OAAiB;IACrD,CAAC,OAAO,CAAC"}

package/dist/esm/getDictionary.mjs

@@ -1,2 +1,9 @@
-import{getPlugins as e}from"./plugins.mjs";import{getDictionary as t}from"@intlayer/core/interpreter";const n=(n,r)=>t(n,r,e(r));export{n as getDictionary};
+import { getPlugins } from "./plugins.mjs";
+import { getDictionary as getDictionary$1 } from "@intlayer/core/interpreter";
+
+//#region src/getDictionary.ts
+const getDictionary = (dictionary, locale) => getDictionary$1(dictionary, locale, getPlugins(locale));
+
+//#endregion
+export { getDictionary };
 //# sourceMappingURL=getDictionary.mjs.map

package/dist/esm/getDictionary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getDictionary.mjs","names":["getDictionaryCore"],"sources":["../../src/getDictionary.ts"],"sourcesContent":["import { getDictionary as getDictionaryCore } from '@intlayer/core/interpreter';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  DeclaredLocales,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { type DeepTransformContent, getPlugins } from './plugins';\n\nexport const getDictionary = <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionary: T,\n  locale?: L\n): DeepTransformContent<T['content']> =>\n  getDictionaryCore<T, L>(dictionary, locale, getPlugins(locale)) as any;\n"],"mappings":"sGAQA,MAAa,GAIX,EACA,IAEAA,EAAwB,EAAY,EAAQ,EAAW,EAAO,CAAC"}
+{"version":3,"file":"getDictionary.mjs","names":["getDictionaryCore"],"sources":["../../src/getDictionary.ts"],"sourcesContent":["import { getDictionary as getDictionaryCore } from '@intlayer/core/interpreter';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  DeclaredLocales,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { type DeepTransformContent, getPlugins } from './plugins';\n\nexport const getDictionary = <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionary: T,\n  locale?: L\n): DeepTransformContent<T['content']> =>\n  getDictionaryCore<T, L>(dictionary, locale, getPlugins(locale)) as any;\n"],"mappings":";;;;AAQA,MAAa,iBAIX,YACA,WAEAA,gBAAwB,YAAY,QAAQ,WAAW,OAAO,CAAC"}

package/dist/esm/getIntlayer.mjs

@@ -1,2 +1,9 @@
-import{getPlugins as e}from"./plugins.mjs";import{getIntlayer as t}from"@intlayer/core/interpreter";const n=(n,r)=>t(n,r,e(r));export{n as getIntlayer};
+import { getPlugins } from "./plugins.mjs";
+import { getIntlayer as getIntlayer$1 } from "@intlayer/core/interpreter";
+
+//#region src/getIntlayer.ts
+const getIntlayer = (key, locale) => getIntlayer$1(key, locale, getPlugins(locale));
+
+//#endregion
+export { getIntlayer };
 //# sourceMappingURL=getIntlayer.mjs.map

package/dist/esm/getIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getIntlayer.mjs","names":["getIntlayerCore"],"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import { getIntlayer as getIntlayerCore } from '@intlayer/core/interpreter';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { type DeepTransformContent, getPlugins } from './plugins';\n\nexport const getIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L\n) =>\n  getIntlayerCore<T, L>(\n    key,\n    locale,\n    getPlugins(locale)\n  ) as DeepTransformContent<DictionaryRegistryContent<T>>;\n"],"mappings":"oGASA,MAAa,GAIX,EACA,IAEAA,EACE,EACA,EACA,EAAW,EAAO,CACnB"}
+{"version":3,"file":"getIntlayer.mjs","names":["getIntlayerCore"],"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import { getIntlayer as getIntlayerCore } from '@intlayer/core/interpreter';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { type DeepTransformContent, getPlugins } from './plugins';\n\nexport const getIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L\n) =>\n  getIntlayerCore<T, L>(\n    key,\n    locale,\n    getPlugins(locale)\n  ) as DeepTransformContent<DictionaryRegistryContent<T>>;\n"],"mappings":";;;;AASA,MAAa,eAIX,KACA,WAEAA,cACE,KACA,QACA,WAAW,OAAO,CACnB"}

package/dist/esm/html/HTMLProvider.mjs

@@ -1,2 +1,15 @@
-import{createContext as e}from"preact";import{useContext as t}from"preact/hooks";import{jsx as n}from"preact/jsx-runtime";const r=e(void 0),i=()=>t(r),a=({children:e,components:t})=>n(r.Provider,{value:{components:t},children:e});export{a as HTMLProvider,i as useHTMLContext};
+import { createContext } from "preact";
+import { useContext } from "preact/hooks";
+import { jsx } from "preact/jsx-runtime";
+
+//#region src/html/HTMLProvider.tsx
+const HTMLContext = createContext(void 0);
+const useHTMLContext = () => useContext(HTMLContext);
+const HTMLProvider = ({ children, components }) => /* @__PURE__ */ jsx(HTMLContext.Provider, {
+	value: { components },
+	children
+});
+
+//#endregion
+export { HTMLProvider, useHTMLContext };
 //# sourceMappingURL=HTMLProvider.mjs.map

package/dist/esm/html/HTMLProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLProvider.mjs","names":[],"sources":["../../../src/html/HTMLProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport type { HTMLComponents } from './types';\n\ntype HTMLContextValue = {\n  components?: HTMLComponents<'permissive', {}>;\n};\n\ntype HTMLProviderProps = RenderableProps<{\n  /**\n   * Component overrides for HTML tags.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n}>;\n\nconst HTMLContext = createContext<HTMLContextValue | undefined>(undefined);\n\nexport const useHTMLContext = () => useContext(HTMLContext);\n\nexport const HTMLProvider: FunctionalComponent<HTMLProviderProps> = ({\n  children,\n  components,\n}) => (\n  <HTMLContext.Provider value={{ components }}>{children}</HTMLContext.Provider>\n);\n"],"mappings":"0HAmBA,MAAM,EAAc,EAA4C,IAAA,GAAU,CAE7D,MAAuB,EAAW,EAAY,CAE9C,GAAwD,CACnE,WACA,gBAEA,EAAC,EAAY,SAAb,CAAsB,MAAO,CAAE,aAAY,CAAG,WAAgC,CAAA"}
+{"version":3,"file":"HTMLProvider.mjs","names":[],"sources":["../../../src/html/HTMLProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport type { HTMLComponents } from './types';\n\ntype HTMLContextValue = {\n  components?: HTMLComponents<'permissive', {}>;\n};\n\ntype HTMLProviderProps = RenderableProps<{\n  /**\n   * Component overrides for HTML tags.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n}>;\n\nconst HTMLContext = createContext<HTMLContextValue | undefined>(undefined);\n\nexport const useHTMLContext = () => useContext(HTMLContext);\n\nexport const HTMLProvider: FunctionalComponent<HTMLProviderProps> = ({\n  children,\n  components,\n}) => (\n  <HTMLContext.Provider value={{ components }}>{children}</HTMLContext.Provider>\n);\n"],"mappings":";;;;;AAmBA,MAAM,cAAc,cAA4C,OAAU;AAE1E,MAAa,uBAAuB,WAAW,YAAY;AAE3D,MAAa,gBAAwD,EACnE,UACA,iBAEA,oBAAC,YAAY,UAAb;CAAsB,OAAO,EAAE,YAAY;CAAG;CAAgC"}

package/dist/esm/html/HTMLRenderer.mjs

@@ -1,2 +1,50 @@
-import{useHTMLContext as e}from"./HTMLProvider.mjs";import{getHTML as t}from"@intlayer/core/interpreter";import{Fragment as n,h as r}from"preact";import{HTML_TAGS as i}from"@intlayer/core/transpiler";const a=(()=>{let e={};for(let t of i)e[t]=({children:e,...n})=>r(t,n,e);return e})(),o=(e,{components:i}={})=>{let o={...a,...i};return r(n,null,t(e,Object.fromEntries(Object.entries(o).filter(([,e])=>e).map(([e,t])=>[e,e=>r(t,e)]))))},s=({components:t}={})=>{let n=e();return e=>o(e,{components:{...n?.components,...t}})},c=({children:e=``,html:t,components:n})=>s({components:n})(e||t||``);export{c as HTMLRenderer,a as defaultHTMLComponents,o as renderHTML,s as useHTMLRenderer};
+import { useHTMLContext } from "./HTMLProvider.mjs";
+import { getHTML } from "@intlayer/core/interpreter";
+import { Fragment, h } from "preact";
+import { HTML_TAGS } from "@intlayer/core/transpiler";
+
+//#region src/html/HTMLRenderer.tsx
+const createDefaultHTMLComponents = () => {
+	const components = {};
+	for (const tag of HTML_TAGS) components[tag] = ({ children, ...props }) => h(tag, props, children);
+	return components;
+};
+const defaultHTMLComponents = createDefaultHTMLComponents();
+/**
+* Renders HTML-like content to JSX with the provided components.
+*
+* This function does not use context from HTMLProvider. Use `useHTMLRenderer`
+* hook if you want to leverage provider context.
+*/
+const renderHTML = (content, { components } = {}) => {
+	const mergedComponents = {
+		...defaultHTMLComponents,
+		...components
+	};
+	return h(Fragment, null, getHTML(content, Object.fromEntries(Object.entries(mergedComponents).filter(([, Component]) => Component).map(([key, Component]) => [key, (props) => h(Component, props)]))));
+};
+/**
+* Hook that returns a function to render HTML content.
+*
+* This hook considers the configuration from the `HTMLProvider` context if available,
+* falling back to the provided components.
+*/
+const useHTMLRenderer = ({ components } = {}) => {
+	const context = useHTMLContext();
+	return (content) => {
+		return renderHTML(content, { components: {
+			...context?.components,
+			...components
+		} });
+	};
+};
+/**
+* Preact component that renders HTML-like content to JSX.
+*/
+const HTMLRenderer = ({ children = "", html, components }) => {
+	return useHTMLRenderer({ components })(children || html || "");
+};
+
+//#endregion
+export { HTMLRenderer, defaultHTMLComponents, renderHTML, useHTMLRenderer };
 //# sourceMappingURL=HTMLRenderer.mjs.map

package/dist/esm/html/HTMLRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLRenderer.mjs","names":[],"sources":["../../../src/html/HTMLRenderer.tsx"],"sourcesContent":["import { getHTML } from '@intlayer/core/interpreter';\nimport { HTML_TAGS } from '@intlayer/core/transpiler';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { Fragment, type FunctionComponent, h, type JSX } from 'preact';\nimport { useHTMLContext } from './HTMLProvider';\nimport type { HTMLComponents } from './types';\n\n/**\n * Type for Preact HTML tag components.\n */\ntype HTMLTagComponent = (props: {\n  children?: any;\n  [key: string]: any;\n}) => JSX.Element;\n\nconst createDefaultHTMLComponents = (): Record<string, HTMLTagComponent> => {\n  const components: Record<string, HTMLTagComponent> = {};\n\n  for (const tag of HTML_TAGS) {\n    components[tag] = ({ children, ...props }) =>\n      h(tag as any, props, children);\n  }\n\n  return components;\n};\n\nexport const defaultHTMLComponents = createDefaultHTMLComponents();\n\nexport type RenderHTMLProps = {\n  /**\n   * Component overrides for HTML tags.\n   * Allows you to customize how specific HTML elements are rendered.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n};\n\n/**\n * Renders HTML-like content to JSX with the provided components.\n *\n * This function does not use context from HTMLProvider. Use `useHTMLRenderer`\n * hook if you want to leverage provider context.\n */\nexport const renderHTML = (\n  content: string,\n  { components }: RenderHTMLProps = {}\n): JSX.Element => {\n  const mergedComponents = {\n    ...defaultHTMLComponents,\n    ...components,\n  };\n\n  // Wrap all components to ensure they are rendered via Preact's h\n  const wrappedComponents = Object.fromEntries(\n    Object.entries(mergedComponents)\n      .filter(([, Component]) => Component)\n      .map(([key, Component]) => [\n        key,\n        (props: any) => h(Component as any, props),\n      ])\n  );\n\n  return h(Fragment, null, getHTML(content, wrappedComponents));\n};\n\n/**\n * Hook that returns a function to render HTML content.\n *\n * This hook considers the configuration from the `HTMLProvider` context if available,\n * falling back to the provided components.\n */\nexport const useHTMLRenderer = ({ components }: RenderHTMLProps = {}) => {\n  const context = useHTMLContext();\n\n  return (content: string) => {\n    return renderHTML(content, {\n      components: {\n        ...context?.components,\n        ...components,\n      },\n    });\n  };\n};\n\nexport type HTMLRendererProps = RenderHTMLProps & {\n  /**\n   * The HTML content to render as a string.\n   */\n  children?: string;\n  /**\n   * Alias for children, used by the plugin.\n   */\n  html?: string;\n  /**\n   * Alias for components, used by the plugin.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n  dictionaryKey?: string;\n  keyPath?: KeyPath[];\n};\n\n/**\n * Preact component that renders HTML-like content to JSX.\n */\nexport const HTMLRenderer: FunctionComponent<HTMLRendererProps> = ({\n  children = '',\n  html,\n  components,\n}) => {\n  const render = useHTMLRenderer({ components: components });\n  const content = children || html || '';\n\n  return render(content);\n};\n"],"mappings":"wMA0BA,MAAa,OAX+D,CAC1E,IAAM,EAA+C,EAAE,CAEvD,IAAK,IAAM,KAAO,EAChB,EAAW,IAAQ,CAAE,WAAU,GAAG,KAChC,EAAE,EAAY,EAAO,EAAS,CAGlC,OAAO,KAGyD,CAgBrD,GACX,EACA,CAAE,cAAgC,EAAE,GACpB,CAChB,IAAM,EAAmB,CACvB,GAAG,EACH,GAAG,EACJ,CAYD,OAAO,EAAE,EAAU,KAAM,EAAQ,EATP,OAAO,YAC/B,OAAO,QAAQ,EAAiB,CAC7B,QAAQ,EAAG,KAAe,EAAU,CACpC,KAAK,CAAC,EAAK,KAAe,CACzB,EACC,GAAe,EAAE,EAAkB,EAAM,CAC3C,CAAC,CACL,CAE2D,CAAC,EASlD,GAAmB,CAAE,cAAgC,EAAE,GAAK,CACvE,IAAM,EAAU,GAAgB,CAEhC,MAAQ,IACC,EAAW,EAAS,CACzB,WAAY,CACV,GAAG,GAAS,WACZ,GAAG,EACJ,CACF,CAAC,EAwBO,GAAsD,CACjE,WAAW,GACX,OACA,gBAEe,EAAgB,CAAc,aAAY,CAAC,CAC1C,GAAY,GAAQ,GAEd"}
+{"version":3,"file":"HTMLRenderer.mjs","names":[],"sources":["../../../src/html/HTMLRenderer.tsx"],"sourcesContent":["import { getHTML } from '@intlayer/core/interpreter';\nimport { HTML_TAGS } from '@intlayer/core/transpiler';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { Fragment, type FunctionComponent, h, type JSX } from 'preact';\nimport { useHTMLContext } from './HTMLProvider';\nimport type { HTMLComponents } from './types';\n\n/**\n * Type for Preact HTML tag components.\n */\ntype HTMLTagComponent = (props: {\n  children?: any;\n  [key: string]: any;\n}) => JSX.Element;\n\nconst createDefaultHTMLComponents = (): Record<string, HTMLTagComponent> => {\n  const components: Record<string, HTMLTagComponent> = {};\n\n  for (const tag of HTML_TAGS) {\n    components[tag] = ({ children, ...props }) =>\n      h(tag as any, props, children);\n  }\n\n  return components;\n};\n\nexport const defaultHTMLComponents = createDefaultHTMLComponents();\n\nexport type RenderHTMLProps = {\n  /**\n   * Component overrides for HTML tags.\n   * Allows you to customize how specific HTML elements are rendered.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n};\n\n/**\n * Renders HTML-like content to JSX with the provided components.\n *\n * This function does not use context from HTMLProvider. Use `useHTMLRenderer`\n * hook if you want to leverage provider context.\n */\nexport const renderHTML = (\n  content: string,\n  { components }: RenderHTMLProps = {}\n): JSX.Element => {\n  const mergedComponents = {\n    ...defaultHTMLComponents,\n    ...components,\n  };\n\n  // Wrap all components to ensure they are rendered via Preact's h\n  const wrappedComponents = Object.fromEntries(\n    Object.entries(mergedComponents)\n      .filter(([, Component]) => Component)\n      .map(([key, Component]) => [\n        key,\n        (props: any) => h(Component as any, props),\n      ])\n  );\n\n  return h(Fragment, null, getHTML(content, wrappedComponents));\n};\n\n/**\n * Hook that returns a function to render HTML content.\n *\n * This hook considers the configuration from the `HTMLProvider` context if available,\n * falling back to the provided components.\n */\nexport const useHTMLRenderer = ({ components }: RenderHTMLProps = {}) => {\n  const context = useHTMLContext();\n\n  return (content: string) => {\n    return renderHTML(content, {\n      components: {\n        ...context?.components,\n        ...components,\n      },\n    });\n  };\n};\n\nexport type HTMLRendererProps = RenderHTMLProps & {\n  /**\n   * The HTML content to render as a string.\n   */\n  children?: string;\n  /**\n   * Alias for children, used by the plugin.\n   */\n  html?: string;\n  /**\n   * Alias for components, used by the plugin.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n  dictionaryKey?: string;\n  keyPath?: KeyPath[];\n};\n\n/**\n * Preact component that renders HTML-like content to JSX.\n */\nexport const HTMLRenderer: FunctionComponent<HTMLRendererProps> = ({\n  children = '',\n  html,\n  components,\n}) => {\n  const render = useHTMLRenderer({ components: components });\n  const content = children || html || '';\n\n  return render(content);\n};\n"],"mappings":";;;;;;AAeA,MAAM,oCAAsE;CAC1E,MAAM,aAA+C,EAAE;AAEvD,MAAK,MAAM,OAAO,UAChB,YAAW,QAAQ,EAAE,UAAU,GAAG,YAChC,EAAE,KAAY,OAAO,SAAS;AAGlC,QAAO;;AAGT,MAAa,wBAAwB,6BAA6B;;;;;;;AAgBlE,MAAa,cACX,SACA,EAAE,eAAgC,EAAE,KACpB;CAChB,MAAM,mBAAmB;EACvB,GAAG;EACH,GAAG;EACJ;AAYD,QAAO,EAAE,UAAU,MAAM,QAAQ,SATP,OAAO,YAC/B,OAAO,QAAQ,iBAAiB,CAC7B,QAAQ,GAAG,eAAe,UAAU,CACpC,KAAK,CAAC,KAAK,eAAe,CACzB,MACC,UAAe,EAAE,WAAkB,MAAM,CAC3C,CAAC,CACL,CAE2D,CAAC;;;;;;;;AAS/D,MAAa,mBAAmB,EAAE,eAAgC,EAAE,KAAK;CACvE,MAAM,UAAU,gBAAgB;AAEhC,SAAQ,YAAoB;AAC1B,SAAO,WAAW,SAAS,EACzB,YAAY;GACV,GAAG,SAAS;GACZ,GAAG;GACJ,EACF,CAAC;;;;;;AAwBN,MAAa,gBAAsD,EACjE,WAAW,IACX,MACA,iBACI;AAIJ,QAHe,gBAAgB,EAAc,YAAY,CAAC,CAC1C,YAAY,QAAQ,GAEd"}

package/dist/esm/html/index.mjs

@@ -1 +1,4 @@
-import{HTMLProvider as e,useHTMLContext as t}from"./HTMLProvider.mjs";import{HTMLRenderer as n,defaultHTMLComponents as r,renderHTML as i,useHTMLRenderer as a}from"./HTMLRenderer.mjs";export{e as HTMLProvider,n as HTMLRenderer,r as defaultHTMLComponents,i as renderHTML,t as useHTMLContext,a as useHTMLRenderer};
+import { HTMLProvider, useHTMLContext } from "./HTMLProvider.mjs";
+import { HTMLRenderer, defaultHTMLComponents, renderHTML, useHTMLRenderer } from "./HTMLRenderer.mjs";
+
+export { HTMLProvider, HTMLRenderer, defaultHTMLComponents, renderHTML, useHTMLContext, useHTMLRenderer };

package/dist/esm/index.mjs

@@ -1 +1,22 @@
-import{HTMLProvider as e}from"./html/HTMLProvider.mjs";import{HTMLRenderer as t,renderHTML as n,useHTMLRenderer as r}from"./html/HTMLRenderer.mjs";import i from"./markdown/runtime.mjs";import{compileMarkdown as a}from"./markdown/compiler.mjs";import{MarkdownProvider as o}from"./markdown/MarkdownProvider.mjs";import{MarkdownRenderer as s,renderMarkdown as c,useMarkdownRenderer as l}from"./markdown/MarkdownRenderer.mjs";import{i as u,n as d,r as f,t as p}from"./IntlayerProvider-ClOcEK3A.mjs";import{localeCookie as m,setLocaleCookie as h,setLocaleInStorage as g,useLocaleCookie as _,useLocaleStorage as v}from"./client/useLocaleStorage.mjs";import{useLocale as y}from"./client/useLocale.mjs";import{htmlPlugin as b,intlayerNodePlugins as x,markdownPlugin as S,markdownStringPlugin as C,preactNodePlugins as w}from"./plugins.mjs";import{getIntlayer as T}from"./getIntlayer.mjs";import{getDictionary as E}from"./getDictionary.mjs";import{useIntl as D}from"./client/format/useIntl.mjs";import{t as O}from"./client/t.mjs";import{useDictionary as k}from"./client/useDictionary.mjs";import{useDictionaryAsync as A}from"./client/useDictionaryAsync.mjs";import{useLoadDynamic as j}from"./client/useLoadDynamic.mjs";import{useDictionaryDynamic as M}from"./client/useDictionaryDynamic.mjs";import{useIntlayer as N}from"./client/useIntlayer.mjs";import{useLocaleBase as P}from"./client/useLocaleBase.mjs";import"./client/index.mjs";import"./html/index.mjs";export{e as HTMLProvider,t as HTMLRenderer,p as IntlayerClientContext,d as IntlayerProvider,f as IntlayerProviderContent,o as MarkdownProvider,s as MarkdownRenderer,a as compileMarkdown,E as getDictionary,T as getIntlayer,b as htmlPlugin,x as intlayerNodePlugins,m as localeCookie,S as markdownPlugin,C as markdownStringPlugin,w as preactNodePlugins,i as preactRuntime,n as renderHTML,c as renderMarkdown,h as setLocaleCookie,g as setLocaleInStorage,O as t,k as useDictionary,A as useDictionaryAsync,M as useDictionaryDynamic,r as useHTMLRenderer,D as useIntl,N as useIntlayer,u as useIntlayerContext,j as useLoadDynamic,y as useLocale,P as useLocaleBase,_ as useLocaleCookie,v as useLocaleStorage,l as useMarkdownRenderer};
+import { htmlPlugin, intlayerNodePlugins, markdownPlugin, markdownStringPlugin, preactNodePlugins } from "./plugins.mjs";
+import { getIntlayer } from "./getIntlayer.mjs";
+import { getDictionary } from "./getDictionary.mjs";
+import { localeCookie, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./client/useLocaleStorage.mjs";
+import { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, useIntlayerContext } from "./client/IntlayerProvider.mjs";
+import { useIntl } from "./client/format/useIntl.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 { useIntlayer } from "./client/useIntlayer.mjs";
+import { useLocale } from "./client/useLocale.mjs";
+import { useLocaleBase } from "./client/useLocaleBase.mjs";
+import { HTMLProvider } from "./html/HTMLProvider.mjs";
+import { HTMLRenderer, renderHTML, useHTMLRenderer } from "./html/HTMLRenderer.mjs";
+import preactRuntime from "./markdown/runtime.mjs";
+import { compileMarkdown } from "./markdown/compiler.mjs";
+import { MarkdownProvider } from "./markdown/MarkdownProvider.mjs";
+import { MarkdownRenderer, renderMarkdown, useMarkdownRenderer } from "./markdown/MarkdownRenderer.mjs";
+
+export { HTMLProvider, HTMLRenderer, IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, MarkdownProvider, MarkdownRenderer, compileMarkdown, getDictionary, getIntlayer, htmlPlugin, intlayerNodePlugins, localeCookie, markdownPlugin, markdownStringPlugin, preactNodePlugins, preactRuntime, renderHTML, renderMarkdown, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useHTMLRenderer, useIntl, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage, useMarkdownRenderer };

package/dist/esm/markdown/MarkdownProvider.mjs

@@ -1,2 +1,52 @@
-import{compileMarkdown as e}from"./compiler.mjs";import{createContext as t}from"preact";import{useContext as n}from"preact/hooks";import{jsx as r}from"preact/jsx-runtime";const i=t(void 0),a=()=>n(i),o=(e,t,n={},r={},i)=>({...t,...n,forceBlock:n.forceBlock??t.forceBlock,forceInline:n.forceInline??t.forceInline,preserveFrontmatter:n.preserveFrontmatter??t.preserveFrontmatter,tagfilter:n.tagfilter??t.tagfilter,wrapper:i||t.wrapper,forceWrapper:!!(i||t.wrapper),components:{...e,...r}}),s=({children:t,components:n,wrapper:a,forceBlock:s,forceInline:c,preserveFrontmatter:l,tagfilter:u,renderMarkdown:d})=>{let f={forceBlock:s,forceInline:c,wrapper:a,forceWrapper:!!a,preserveFrontmatter:l,tagfilter:u};return r(i.Provider,{value:{components:n,renderMarkdown:d?(e,t,n,a)=>r(i.Provider,{value:void 0,children:d?.(e,t,n,a)}):(t,r,i,a)=>e(t,o(n,f,r,i??{},a))},children:t})};export{s as MarkdownProvider,a as useMarkdownContext};
+import { compileMarkdown } from "./compiler.mjs";
+import { createContext } from "preact";
+import { useContext } from "preact/hooks";
+import { jsx } from "preact/jsx-runtime";
+
+//#region src/markdown/MarkdownProvider.tsx
+const MarkdownContext = createContext(void 0);
+const useMarkdownContext = () => useContext(MarkdownContext);
+const mergeOptions = (baseComponents, baseOptions, options = {}, components = {}, wrapper) => {
+	return {
+		...baseOptions,
+		...options,
+		forceBlock: options.forceBlock ?? baseOptions.forceBlock,
+		forceInline: options.forceInline ?? baseOptions.forceInline,
+		preserveFrontmatter: options.preserveFrontmatter ?? baseOptions.preserveFrontmatter,
+		tagfilter: options.tagfilter ?? baseOptions.tagfilter,
+		wrapper: wrapper || baseOptions.wrapper,
+		forceWrapper: !!(wrapper || baseOptions.wrapper),
+		components: {
+			...baseComponents,
+			...components
+		}
+	};
+};
+const MarkdownProvider = ({ children, components, wrapper, forceBlock, forceInline, preserveFrontmatter, tagfilter, renderMarkdown: customRenderFn }) => {
+	const baseOptions = {
+		forceBlock,
+		forceInline,
+		wrapper,
+		forceWrapper: !!wrapper,
+		preserveFrontmatter,
+		tagfilter
+	};
+	const defaultRenderMarkdown = (markdown, options, componentsOverride, wrapperOverride) => {
+		return compileMarkdown(markdown, mergeOptions(components, baseOptions, options, componentsOverride ?? {}, wrapperOverride));
+	};
+	const customRenderMarkdownWrapper = (markdown, options, componentsOverride, wrapperOverride) => /* @__PURE__ */ jsx(MarkdownContext.Provider, {
+		value: void 0,
+		children: customRenderFn?.(markdown, options, componentsOverride, wrapperOverride)
+	});
+	return /* @__PURE__ */ jsx(MarkdownContext.Provider, {
+		value: {
+			components,
+			renderMarkdown: customRenderFn ? customRenderMarkdownWrapper : defaultRenderMarkdown
+		},
+		children
+	});
+};
+
+//#endregion
+export { MarkdownProvider, useMarkdownContext };
 //# sourceMappingURL=MarkdownProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownProvider.mjs","names":[],"sources":["../../../src/markdown/MarkdownProvider.tsx"],"sourcesContent":["import {\n  type ComponentChildren,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport type { HTMLComponents } from '../html/types';\nimport { compileMarkdown } from './compiler';\n\ntype PropsWithChildren<P = {}> = P & { children?: ComponentChildren };\n\n/**\n * Refined options for the MarkdownProvider.\n */\nexport type MarkdownProviderOptions = {\n  /**\n   * Forces the compiler to always output content with a block-level wrapper.\n   */\n  forceBlock?: boolean;\n  /**\n   * Forces the compiler to always output content with an inline wrapper.\n   */\n  forceInline?: boolean;\n  /**\n   * Whether to preserve frontmatter in the markdown content.\n   */\n  preserveFrontmatter?: boolean;\n  /**\n   * Whether to use the GitHub Tag Filter.\n   */\n  tagfilter?: boolean;\n};\n\ntype RenderMarkdownOptions = MarkdownProviderOptions & {\n  components?: HTMLComponents<'permissive', {}>;\n  wrapper?: any;\n};\n\ntype MarkdownContextValue = {\n  components?: HTMLComponents<'permissive', {}>;\n  renderMarkdown: (\n    markdown: string,\n    options?: MarkdownProviderOptions,\n    components?: HTMLComponents<'permissive', {}>,\n    wrapper?: any\n  ) => ComponentChildren;\n};\n\ntype MarkdownProviderProps = PropsWithChildren<\n  MarkdownProviderOptions & {\n    /**\n     * Component overrides for HTML tags.\n     */\n    components?: HTMLComponents<'permissive', {}>;\n    /**\n     * Wrapper element or component to be used when there are multiple children.\n     */\n    wrapper?: any;\n    /**\n     * Custom render function for markdown.\n     * If provided, it will overwrite all rules and default rendering.\n     */\n    renderMarkdown?: (\n      markdown: string,\n      options?: MarkdownProviderOptions,\n      components?: HTMLComponents<'permissive', {}>,\n      wrapper?: any\n    ) => ComponentChildren;\n  }\n>;\n\nconst MarkdownContext = createContext<MarkdownContextValue | undefined>(\n  undefined\n);\n\nexport const useMarkdownContext = () => useContext(MarkdownContext);\n\nconst mergeOptions = (\n  baseComponents: HTMLComponents<'permissive', {}> | undefined,\n  baseOptions: Omit<RenderMarkdownOptions, 'components'>,\n  options: MarkdownProviderOptions = {},\n  components: HTMLComponents<'permissive', {}> = {},\n  wrapper?: any\n): RenderMarkdownOptions => {\n  return {\n    ...baseOptions,\n    ...options,\n    forceBlock: options.forceBlock ?? baseOptions.forceBlock,\n    forceInline: options.forceInline ?? baseOptions.forceInline,\n    preserveFrontmatter:\n      options.preserveFrontmatter ?? baseOptions.preserveFrontmatter,\n    tagfilter: options.tagfilter ?? baseOptions.tagfilter,\n    wrapper: wrapper || baseOptions.wrapper,\n    forceWrapper: !!(wrapper || baseOptions.wrapper),\n    components: { ...baseComponents, ...components },\n  };\n};\n\nexport const MarkdownProvider: FunctionComponent<MarkdownProviderProps> = ({\n  children,\n  components,\n  wrapper,\n  forceBlock,\n  forceInline,\n  preserveFrontmatter,\n  tagfilter,\n  renderMarkdown: customRenderFn,\n}) => {\n  const baseOptions: Omit<RenderMarkdownOptions, 'components'> = {\n    forceBlock,\n    forceInline,\n    wrapper,\n    forceWrapper: !!wrapper,\n    preserveFrontmatter,\n    tagfilter,\n  };\n\n  // Standard internal renderer\n  const defaultRenderMarkdown = (\n    markdown: string,\n    options?: MarkdownProviderOptions,\n    componentsOverride?: HTMLComponents<'permissive', {}>,\n    wrapperOverride?: any\n  ): ComponentChildren => {\n    const mergedOptions = mergeOptions(\n      components,\n      baseOptions,\n      options,\n      componentsOverride ?? {},\n      wrapperOverride\n    );\n    return compileMarkdown(markdown, mergedOptions) as ComponentChildren;\n  };\n\n  // Wrapper for user-provided custom renderer\n  // Note: We wrap in a clean Provider to prevent infinite recursion\n  const customRenderMarkdownWrapper = (\n    markdown: string,\n    options?: MarkdownProviderOptions,\n    componentsOverride?: HTMLComponents<'permissive', {}>,\n    wrapperOverride?: any\n  ): ComponentChildren => (\n    <MarkdownContext.Provider value={undefined}>\n      {customRenderFn?.(markdown, options, componentsOverride, wrapperOverride)}\n    </MarkdownContext.Provider>\n  );\n\n  return (\n    <MarkdownContext.Provider\n      value={{\n        components,\n        renderMarkdown: customRenderFn\n          ? customRenderMarkdownWrapper\n          : defaultRenderMarkdown,\n      }}\n    >\n      {children}\n    </MarkdownContext.Provider>\n  );\n};\n"],"mappings":"2KAuEA,MAAM,EAAkB,EACtB,IAAA,GACD,CAEY,MAA2B,EAAW,EAAgB,CAE7D,GACJ,EACA,EACA,EAAmC,EAAE,CACrC,EAA+C,EAAE,CACjD,KAEO,CACL,GAAG,EACH,GAAG,EACH,WAAY,EAAQ,YAAc,EAAY,WAC9C,YAAa,EAAQ,aAAe,EAAY,YAChD,oBACE,EAAQ,qBAAuB,EAAY,oBAC7C,UAAW,EAAQ,WAAa,EAAY,UAC5C,QAAS,GAAW,EAAY,QAChC,aAAc,CAAC,EAAE,GAAW,EAAY,SACxC,WAAY,CAAE,GAAG,EAAgB,GAAG,EAAY,CACjD,EAGU,GAA8D,CACzE,WACA,aACA,UACA,aACA,cACA,sBACA,YACA,eAAgB,KACZ,CACJ,IAAM,EAAyD,CAC7D,aACA,cACA,UACA,aAAc,CAAC,CAAC,EAChB,sBACA,YACD,CAgCD,OACE,EAAC,EAAgB,SAAjB,CACE,MAAO,CACL,aACA,eAAgB,GAdpB,EACA,EACA,EACA,IAEA,EAAC,EAAgB,SAAjB,CAA0B,MAAO,IAAA,YAC9B,IAAiB,EAAU,EAAS,EAAoB,EAAgB,CAChD,CAAA,EAzB3B,EACA,EACA,EACA,IASO,EAAgB,EAPD,EACpB,EACA,EACA,EACA,GAAsB,EAAE,CACxB,EACD,CAC8C,CAuB5C,CAEA,WACwB,CAAA"}
+{"version":3,"file":"MarkdownProvider.mjs","names":[],"sources":["../../../src/markdown/MarkdownProvider.tsx"],"sourcesContent":["import {\n  type ComponentChildren,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport type { HTMLComponents } from '../html/types';\nimport { compileMarkdown } from './compiler';\n\ntype PropsWithChildren<P = {}> = P & { children?: ComponentChildren };\n\n/**\n * Refined options for the MarkdownProvider.\n */\nexport type MarkdownProviderOptions = {\n  /**\n   * Forces the compiler to always output content with a block-level wrapper.\n   */\n  forceBlock?: boolean;\n  /**\n   * Forces the compiler to always output content with an inline wrapper.\n   */\n  forceInline?: boolean;\n  /**\n   * Whether to preserve frontmatter in the markdown content.\n   */\n  preserveFrontmatter?: boolean;\n  /**\n   * Whether to use the GitHub Tag Filter.\n   */\n  tagfilter?: boolean;\n};\n\ntype RenderMarkdownOptions = MarkdownProviderOptions & {\n  components?: HTMLComponents<'permissive', {}>;\n  wrapper?: any;\n};\n\ntype MarkdownContextValue = {\n  components?: HTMLComponents<'permissive', {}>;\n  renderMarkdown: (\n    markdown: string,\n    options?: MarkdownProviderOptions,\n    components?: HTMLComponents<'permissive', {}>,\n    wrapper?: any\n  ) => ComponentChildren;\n};\n\ntype MarkdownProviderProps = PropsWithChildren<\n  MarkdownProviderOptions & {\n    /**\n     * Component overrides for HTML tags.\n     */\n    components?: HTMLComponents<'permissive', {}>;\n    /**\n     * Wrapper element or component to be used when there are multiple children.\n     */\n    wrapper?: any;\n    /**\n     * Custom render function for markdown.\n     * If provided, it will overwrite all rules and default rendering.\n     */\n    renderMarkdown?: (\n      markdown: string,\n      options?: MarkdownProviderOptions,\n      components?: HTMLComponents<'permissive', {}>,\n      wrapper?: any\n    ) => ComponentChildren;\n  }\n>;\n\nconst MarkdownContext = createContext<MarkdownContextValue | undefined>(\n  undefined\n);\n\nexport const useMarkdownContext = () => useContext(MarkdownContext);\n\nconst mergeOptions = (\n  baseComponents: HTMLComponents<'permissive', {}> | undefined,\n  baseOptions: Omit<RenderMarkdownOptions, 'components'>,\n  options: MarkdownProviderOptions = {},\n  components: HTMLComponents<'permissive', {}> = {},\n  wrapper?: any\n): RenderMarkdownOptions => {\n  return {\n    ...baseOptions,\n    ...options,\n    forceBlock: options.forceBlock ?? baseOptions.forceBlock,\n    forceInline: options.forceInline ?? baseOptions.forceInline,\n    preserveFrontmatter:\n      options.preserveFrontmatter ?? baseOptions.preserveFrontmatter,\n    tagfilter: options.tagfilter ?? baseOptions.tagfilter,\n    wrapper: wrapper || baseOptions.wrapper,\n    forceWrapper: !!(wrapper || baseOptions.wrapper),\n    components: { ...baseComponents, ...components },\n  };\n};\n\nexport const MarkdownProvider: FunctionComponent<MarkdownProviderProps> = ({\n  children,\n  components,\n  wrapper,\n  forceBlock,\n  forceInline,\n  preserveFrontmatter,\n  tagfilter,\n  renderMarkdown: customRenderFn,\n}) => {\n  const baseOptions: Omit<RenderMarkdownOptions, 'components'> = {\n    forceBlock,\n    forceInline,\n    wrapper,\n    forceWrapper: !!wrapper,\n    preserveFrontmatter,\n    tagfilter,\n  };\n\n  // Standard internal renderer\n  const defaultRenderMarkdown = (\n    markdown: string,\n    options?: MarkdownProviderOptions,\n    componentsOverride?: HTMLComponents<'permissive', {}>,\n    wrapperOverride?: any\n  ): ComponentChildren => {\n    const mergedOptions = mergeOptions(\n      components,\n      baseOptions,\n      options,\n      componentsOverride ?? {},\n      wrapperOverride\n    );\n    return compileMarkdown(markdown, mergedOptions) as ComponentChildren;\n  };\n\n  // Wrapper for user-provided custom renderer\n  // Note: We wrap in a clean Provider to prevent infinite recursion\n  const customRenderMarkdownWrapper = (\n    markdown: string,\n    options?: MarkdownProviderOptions,\n    componentsOverride?: HTMLComponents<'permissive', {}>,\n    wrapperOverride?: any\n  ): ComponentChildren => (\n    <MarkdownContext.Provider value={undefined}>\n      {customRenderFn?.(markdown, options, componentsOverride, wrapperOverride)}\n    </MarkdownContext.Provider>\n  );\n\n  return (\n    <MarkdownContext.Provider\n      value={{\n        components,\n        renderMarkdown: customRenderFn\n          ? customRenderMarkdownWrapper\n          : defaultRenderMarkdown,\n      }}\n    >\n      {children}\n    </MarkdownContext.Provider>\n  );\n};\n"],"mappings":";;;;;;AAuEA,MAAM,kBAAkB,cACtB,OACD;AAED,MAAa,2BAA2B,WAAW,gBAAgB;AAEnE,MAAM,gBACJ,gBACA,aACA,UAAmC,EAAE,EACrC,aAA+C,EAAE,EACjD,YAC0B;AAC1B,QAAO;EACL,GAAG;EACH,GAAG;EACH,YAAY,QAAQ,cAAc,YAAY;EAC9C,aAAa,QAAQ,eAAe,YAAY;EAChD,qBACE,QAAQ,uBAAuB,YAAY;EAC7C,WAAW,QAAQ,aAAa,YAAY;EAC5C,SAAS,WAAW,YAAY;EAChC,cAAc,CAAC,EAAE,WAAW,YAAY;EACxC,YAAY;GAAE,GAAG;GAAgB,GAAG;GAAY;EACjD;;AAGH,MAAa,oBAA8D,EACzE,UACA,YACA,SACA,YACA,aACA,qBACA,WACA,gBAAgB,qBACZ;CACJ,MAAM,cAAyD;EAC7D;EACA;EACA;EACA,cAAc,CAAC,CAAC;EAChB;EACA;EACD;CAGD,MAAM,yBACJ,UACA,SACA,oBACA,oBACsB;AAQtB,SAAO,gBAAgB,UAPD,aACpB,YACA,aACA,SACA,sBAAsB,EAAE,EACxB,gBACD,CAC8C;;CAKjD,MAAM,+BACJ,UACA,SACA,oBACA,oBAEA,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;YAC9B,iBAAiB,UAAU,SAAS,oBAAoB,gBAAgB;EAChD;AAG7B,QACE,oBAAC,gBAAgB,UAAjB;EACE,OAAO;GACL;GACA,gBAAgB,iBACZ,8BACA;GACL;EAEA;EACwB"}

package/dist/esm/markdown/MarkdownRenderer.mjs

@@ -1,2 +1,74 @@
-import{compileMarkdown as e}from"./compiler.mjs";import{useMarkdownContext as t}from"./MarkdownProvider.mjs";import{Fragment as n,jsx as r}from"preact/jsx-runtime";const i=(t,{components:n,wrapper:r,forceBlock:i,forceInline:a,preserveFrontmatter:o,tagfilter:s}={})=>e(t,{components:n,forceBlock:i,forceInline:a,wrapper:r,forceWrapper:!!r,preserveFrontmatter:o,tagfilter:s}),a=({components:e,wrapper:n,forceBlock:r,forceInline:a,preserveFrontmatter:o,tagfilter:s}={})=>{let c=t();return t=>c?c.renderMarkdown(t,{components:e,wrapper:n,forceBlock:r,forceInline:a,preserveFrontmatter:o,tagfilter:s}):i(t,{components:e,wrapper:n,forceBlock:r,forceInline:a,preserveFrontmatter:o,tagfilter:s})},o=({children:e=``,components:a,wrapper:o,forceBlock:s,forceInline:c,preserveFrontmatter:l,tagfilter:u,renderMarkdown:d})=>{let f=t();return d?r(n,{children:d(e,{components:a,wrapper:o,forceBlock:s,forceInline:c,preserveFrontmatter:l,tagfilter:u})}):f?r(n,{children:f.renderMarkdown(e,{components:a,wrapper:o,forceBlock:s,forceInline:c,preserveFrontmatter:l,tagfilter:u})}):i(e,{components:a,wrapper:o,forceBlock:s,forceInline:c,preserveFrontmatter:l,tagfilter:u})};export{o as MarkdownRenderer,i as renderMarkdown,a as useMarkdownRenderer};
+import { compileMarkdown } from "./compiler.mjs";
+import { useMarkdownContext } from "./MarkdownProvider.mjs";
+import { Fragment, jsx } from "preact/jsx-runtime";
+
+//#region src/markdown/MarkdownRenderer.tsx
+const renderMarkdown = (content, { components, wrapper, forceBlock, forceInline, preserveFrontmatter, tagfilter } = {}) => {
+	return compileMarkdown(content, {
+		components,
+		forceBlock,
+		forceInline,
+		wrapper,
+		forceWrapper: !!wrapper,
+		preserveFrontmatter,
+		tagfilter
+	});
+};
+const useMarkdownRenderer = ({ components, wrapper, forceBlock, forceInline, preserveFrontmatter, tagfilter } = {}) => {
+	const context = useMarkdownContext();
+	return (content) => {
+		if (context) return context.renderMarkdown(content, {
+			components,
+			wrapper,
+			forceBlock,
+			forceInline,
+			preserveFrontmatter,
+			tagfilter
+		});
+		return renderMarkdown(content, {
+			components,
+			wrapper,
+			forceBlock,
+			forceInline,
+			preserveFrontmatter,
+			tagfilter
+		});
+	};
+};
+/**
+* Preact component that renders markdown to JSX.
+*
+* It uses the renderMarkdown function from the MarkdownProvider context if available.
+* Otherwise, it falls back to the default compiler with provided components and options.
+*/
+const MarkdownRenderer = ({ children = "", components, wrapper, forceBlock, forceInline, preserveFrontmatter, tagfilter, renderMarkdown: customRenderMarkdown }) => {
+	const context = useMarkdownContext();
+	if (customRenderMarkdown) return /* @__PURE__ */ jsx(Fragment, { children: customRenderMarkdown(children, {
+		components,
+		wrapper,
+		forceBlock,
+		forceInline,
+		preserveFrontmatter,
+		tagfilter
+	}) });
+	if (context) return /* @__PURE__ */ jsx(Fragment, { children: context.renderMarkdown(children, {
+		components,
+		wrapper,
+		forceBlock,
+		forceInline,
+		preserveFrontmatter,
+		tagfilter
+	}) });
+	return renderMarkdown(children, {
+		components,
+		wrapper,
+		forceBlock,
+		forceInline,
+		preserveFrontmatter,
+		tagfilter
+	});
+};
+
+//#endregion
+export { MarkdownRenderer, renderMarkdown, useMarkdownRenderer };
 //# sourceMappingURL=MarkdownRenderer.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.mjs","names":[],"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["import type { ComponentChildren, FunctionComponent, JSX } from 'preact';\nimport type { HTMLComponents } from '../html/types';\nimport { compileMarkdown, type MarkdownCompilerOptions } from './compiler';\nimport {\n  type MarkdownProviderOptions,\n  useMarkdownContext,\n} from './MarkdownProvider';\n\nexport type RenderMarkdownProps = MarkdownProviderOptions & {\n  /**\n   * Component overrides for HTML tags.\n   * Only used if not wrapped in a MarkdownProvider.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n  /**\n   * Wrapper element or component to be used when there are multiple children.\n   * Only used if not wrapped in a MarkdownProvider.\n   */\n  wrapper?: FunctionComponent<any>;\n};\n\nexport const renderMarkdown = (\n  content: string,\n  {\n    components,\n    wrapper,\n    forceBlock,\n    forceInline,\n    preserveFrontmatter,\n    tagfilter,\n  }: RenderMarkdownProps = {}\n): JSX.Element => {\n  // Map public options to internal processor options\n  const internalOptions: MarkdownCompilerOptions = {\n    components,\n    forceBlock,\n    forceInline,\n    wrapper: wrapper as any,\n    forceWrapper: !!wrapper,\n    preserveFrontmatter,\n    tagfilter,\n  };\n\n  return compileMarkdown(content, internalOptions) as JSX.Element;\n};\n\nexport const useMarkdownRenderer = ({\n  components,\n  wrapper,\n  forceBlock,\n  forceInline,\n  preserveFrontmatter,\n  tagfilter,\n}: RenderMarkdownProps = {}) => {\n  const context = useMarkdownContext();\n\n  return (content: string) => {\n    if (context) {\n      return context.renderMarkdown(content, {\n        components,\n        wrapper,\n        forceBlock,\n        forceInline,\n        preserveFrontmatter,\n        tagfilter,\n      });\n    }\n\n    return renderMarkdown(content, {\n      components,\n      wrapper,\n      forceBlock,\n      forceInline,\n      preserveFrontmatter,\n      tagfilter,\n    });\n  };\n};\n\ntype MarkdownRendererProps = RenderMarkdownProps & {\n  /**\n   * The markdown content to render.\n   */\n  children: string;\n  /**\n   * Custom render function for markdown.\n   * If provided, it will overwrite context and default rendering.\n   */\n  renderMarkdown?: (\n    markdown: string,\n    options?: {\n      components?: HTMLComponents<'permissive', {}>;\n      wrapper?: FunctionComponent<any>;\n      forceBlock?: boolean;\n      forceInline?: boolean;\n      preserveFrontmatter?: boolean;\n      tagfilter?: boolean;\n    }\n  ) => ComponentChildren;\n};\n\n/**\n * Preact component that renders markdown to JSX.\n *\n * It uses the renderMarkdown function from the MarkdownProvider context if available.\n * Otherwise, it falls back to the default compiler with provided components and options.\n */\nexport const MarkdownRenderer: FunctionComponent<MarkdownRendererProps> = ({\n  children = '',\n  components,\n  wrapper,\n  forceBlock,\n  forceInline,\n  preserveFrontmatter,\n  tagfilter,\n  renderMarkdown: customRenderMarkdown,\n}) => {\n  const context = useMarkdownContext();\n\n  if (customRenderMarkdown) {\n    return (\n      <>\n        {customRenderMarkdown(children, {\n          components,\n          wrapper,\n          forceBlock,\n          forceInline,\n          preserveFrontmatter,\n          tagfilter,\n        })}\n      </>\n    );\n  }\n\n  if (context) {\n    return (\n      <>\n        {context.renderMarkdown(children, {\n          components,\n          wrapper,\n          forceBlock,\n          forceInline,\n          preserveFrontmatter,\n          tagfilter,\n        })}\n      </>\n    );\n  }\n\n  return renderMarkdown(children, {\n    components,\n    wrapper,\n    forceBlock,\n    forceInline,\n    preserveFrontmatter,\n    tagfilter,\n  });\n};\n"],"mappings":"oKAqBA,MAAa,GACX,EACA,CACE,aACA,UACA,aACA,cACA,sBACA,aACuB,EAAE,GAapB,EAAgB,EAV0B,CAC/C,aACA,aACA,cACS,UACT,aAAc,CAAC,CAAC,EAChB,sBACA,YACD,CAE+C,CAGrC,GAAuB,CAClC,aACA,UACA,aACA,cACA,sBACA,aACuB,EAAE,GAAK,CAC9B,IAAM,EAAU,GAAoB,CAEpC,MAAQ,IACF,EACK,EAAQ,eAAe,EAAS,CACrC,aACA,UACA,aACA,cACA,sBACA,YACD,CAAC,CAGG,EAAe,EAAS,CAC7B,aACA,UACA,aACA,cACA,sBACA,YACD,CAAC,EAgCO,GAA8D,CACzE,WAAW,GACX,aACA,UACA,aACA,cACA,sBACA,YACA,eAAgB,KACZ,CACJ,IAAM,EAAU,GAAoB,CAgCpC,OA9BI,EAEA,EAAA,EAAA,CAAA,SACG,EAAqB,EAAU,CAC9B,aACA,UACA,aACA,cACA,sBACA,YACD,CAAC,CACD,CAAA,CAIH,EAEA,EAAA,EAAA,CAAA,SACG,EAAQ,eAAe,EAAU,CAChC,aACA,UACA,aACA,cACA,sBACA,YACD,CAAC,CACD,CAAA,CAIA,EAAe,EAAU,CAC9B,aACA,UACA,aACA,cACA,sBACA,YACD,CAAC"}
+{"version":3,"file":"MarkdownRenderer.mjs","names":[],"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["import type { ComponentChildren, FunctionComponent, JSX } from 'preact';\nimport type { HTMLComponents } from '../html/types';\nimport { compileMarkdown, type MarkdownCompilerOptions } from './compiler';\nimport {\n  type MarkdownProviderOptions,\n  useMarkdownContext,\n} from './MarkdownProvider';\n\nexport type RenderMarkdownProps = MarkdownProviderOptions & {\n  /**\n   * Component overrides for HTML tags.\n   * Only used if not wrapped in a MarkdownProvider.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n  /**\n   * Wrapper element or component to be used when there are multiple children.\n   * Only used if not wrapped in a MarkdownProvider.\n   */\n  wrapper?: FunctionComponent<any>;\n};\n\nexport const renderMarkdown = (\n  content: string,\n  {\n    components,\n    wrapper,\n    forceBlock,\n    forceInline,\n    preserveFrontmatter,\n    tagfilter,\n  }: RenderMarkdownProps = {}\n): JSX.Element => {\n  // Map public options to internal processor options\n  const internalOptions: MarkdownCompilerOptions = {\n    components,\n    forceBlock,\n    forceInline,\n    wrapper: wrapper as any,\n    forceWrapper: !!wrapper,\n    preserveFrontmatter,\n    tagfilter,\n  };\n\n  return compileMarkdown(content, internalOptions) as JSX.Element;\n};\n\nexport const useMarkdownRenderer = ({\n  components,\n  wrapper,\n  forceBlock,\n  forceInline,\n  preserveFrontmatter,\n  tagfilter,\n}: RenderMarkdownProps = {}) => {\n  const context = useMarkdownContext();\n\n  return (content: string) => {\n    if (context) {\n      return context.renderMarkdown(content, {\n        components,\n        wrapper,\n        forceBlock,\n        forceInline,\n        preserveFrontmatter,\n        tagfilter,\n      });\n    }\n\n    return renderMarkdown(content, {\n      components,\n      wrapper,\n      forceBlock,\n      forceInline,\n      preserveFrontmatter,\n      tagfilter,\n    });\n  };\n};\n\ntype MarkdownRendererProps = RenderMarkdownProps & {\n  /**\n   * The markdown content to render.\n   */\n  children: string;\n  /**\n   * Custom render function for markdown.\n   * If provided, it will overwrite context and default rendering.\n   */\n  renderMarkdown?: (\n    markdown: string,\n    options?: {\n      components?: HTMLComponents<'permissive', {}>;\n      wrapper?: FunctionComponent<any>;\n      forceBlock?: boolean;\n      forceInline?: boolean;\n      preserveFrontmatter?: boolean;\n      tagfilter?: boolean;\n    }\n  ) => ComponentChildren;\n};\n\n/**\n * Preact component that renders markdown to JSX.\n *\n * It uses the renderMarkdown function from the MarkdownProvider context if available.\n * Otherwise, it falls back to the default compiler with provided components and options.\n */\nexport const MarkdownRenderer: FunctionComponent<MarkdownRendererProps> = ({\n  children = '',\n  components,\n  wrapper,\n  forceBlock,\n  forceInline,\n  preserveFrontmatter,\n  tagfilter,\n  renderMarkdown: customRenderMarkdown,\n}) => {\n  const context = useMarkdownContext();\n\n  if (customRenderMarkdown) {\n    return (\n      <>\n        {customRenderMarkdown(children, {\n          components,\n          wrapper,\n          forceBlock,\n          forceInline,\n          preserveFrontmatter,\n          tagfilter,\n        })}\n      </>\n    );\n  }\n\n  if (context) {\n    return (\n      <>\n        {context.renderMarkdown(children, {\n          components,\n          wrapper,\n          forceBlock,\n          forceInline,\n          preserveFrontmatter,\n          tagfilter,\n        })}\n      </>\n    );\n  }\n\n  return renderMarkdown(children, {\n    components,\n    wrapper,\n    forceBlock,\n    forceInline,\n    preserveFrontmatter,\n    tagfilter,\n  });\n};\n"],"mappings":";;;;;AAqBA,MAAa,kBACX,SACA,EACE,YACA,SACA,YACA,aACA,qBACA,cACuB,EAAE,KACX;AAYhB,QAAO,gBAAgB,SAV0B;EAC/C;EACA;EACA;EACS;EACT,cAAc,CAAC,CAAC;EAChB;EACA;EACD,CAE+C;;AAGlD,MAAa,uBAAuB,EAClC,YACA,SACA,YACA,aACA,qBACA,cACuB,EAAE,KAAK;CAC9B,MAAM,UAAU,oBAAoB;AAEpC,SAAQ,YAAoB;AAC1B,MAAI,QACF,QAAO,QAAQ,eAAe,SAAS;GACrC;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;AAGJ,SAAO,eAAe,SAAS;GAC7B;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;;;;;;;;;AAgCN,MAAa,oBAA8D,EACzE,WAAW,IACX,YACA,SACA,YACA,aACA,qBACA,WACA,gBAAgB,2BACZ;CACJ,MAAM,UAAU,oBAAoB;AAEpC,KAAI,qBACF,QACE,0CACG,qBAAqB,UAAU;EAC9B;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACD;AAIP,KAAI,QACF,QACE,0CACG,QAAQ,eAAe,UAAU;EAChC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACD;AAIP,QAAO,eAAe,UAAU;EAC9B;EACA;EACA;EACA;EACA;EACA;EACD,CAAC"}

package/dist/esm/markdown/MarkdownRendererPlugin.mjs

@@ -1,2 +1,24 @@
-"use client";import{useMarkdownContext as e}from"./MarkdownProvider.mjs";import{useLocale as t}from"../client/useLocale.mjs";import{getMarkdownMetadata as n}from"@intlayer/core/markdown";import{getContentNodeByKeyPath as r}from"@intlayer/core/dictionaryManipulator";const i=t=>{let{children:n,options:r,components:i}=t,a=e();return(a?.renderMarkdown??(e=>e))(n,r,{...a?.components??{},...i??{}})},a=({children:e,metadataKeyPath:i})=>{let{locale:a}=t();return r(n(e),i,a)};export{a as MarkdownMetadataRenderer,i as MarkdownRendererPlugin};
+'use client';
+
+import { useLocale } from "../client/useLocale.mjs";
+import { useMarkdownContext } from "./MarkdownProvider.mjs";
+import { getMarkdownMetadata } from "@intlayer/core/markdown";
+import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
+
+//#region src/markdown/MarkdownRendererPlugin.tsx
+const MarkdownRendererPlugin = (props) => {
+	const { children, options, components } = props;
+	const context = useMarkdownContext();
+	return (context?.renderMarkdown ?? ((md) => md))(children, options, {
+		...context?.components ?? {},
+		...components ?? {}
+	});
+};
+const MarkdownMetadataRenderer = ({ children, metadataKeyPath }) => {
+	const { locale: currentLocale } = useLocale();
+	return getContentNodeByKeyPath(getMarkdownMetadata(children), metadataKeyPath, currentLocale);
+};
+
+//#endregion
+export { MarkdownMetadataRenderer, MarkdownRendererPlugin };
 //# sourceMappingURL=MarkdownRendererPlugin.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRendererPlugin.mjs","names":[],"sources":["../../../src/markdown/MarkdownRendererPlugin.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { getMarkdownMetadata } from '@intlayer/core/markdown';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useLocale } from '../client/useLocale';\nimport type { HTMLComponents } from '../html/types';\nimport {\n  type MarkdownProviderOptions,\n  useMarkdownContext,\n} from './MarkdownProvider';\n\ntype MarkdownRendererPluginProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  locale?: LocalesValues;\n  children: string;\n  options?: MarkdownProviderOptions;\n  components?: HTMLComponents<'permissive', {}>;\n};\n\nexport const MarkdownRendererPlugin: FunctionComponent<\n  MarkdownRendererPluginProps\n> = (props): ComponentChildren => {\n  const { children, options, components } = props;\n  const context = useMarkdownContext();\n  const renderMarkdown = context?.renderMarkdown ?? ((md) => md);\n\n  return renderMarkdown(children, options, {\n    ...(context?.components ?? {}),\n    ...(components ?? {}),\n  }) as ComponentChildren;\n};\n\ntype MarkdownMetadataRendererProps = MarkdownRendererPluginProps & {\n  metadataKeyPath: KeyPath[];\n};\n\nexport const MarkdownMetadataRenderer: FunctionComponent<\n  MarkdownMetadataRendererProps\n> = ({ children, metadataKeyPath }): ComponentChildren => {\n  const { locale: currentLocale } = useLocale();\n\n  const metadata = getMarkdownMetadata(children);\n\n  const metadataEl = getContentNodeByKeyPath(\n    metadata as ContentNode,\n    metadataKeyPath,\n    currentLocale as any\n  );\n\n  return metadataEl as ComponentChildren;\n};\n"],"mappings":"0QAwBA,MAAa,EAER,GAA6B,CAChC,GAAM,CAAE,WAAU,UAAS,cAAe,EACpC,EAAU,GAAoB,CAGpC,OAFuB,GAAS,iBAAoB,GAAO,IAErC,EAAU,EAAS,CACvC,GAAI,GAAS,YAAc,EAAE,CAC7B,GAAI,GAAc,EAAE,CACrB,CAAC,EAOS,GAER,CAAE,WAAU,qBAAyC,CACxD,GAAM,CAAE,OAAQ,GAAkB,GAAW,CAU7C,OANmB,EAFF,EAAoB,EAAS,CAI5C,EACA,EACD"}
+{"version":3,"file":"MarkdownRendererPlugin.mjs","names":[],"sources":["../../../src/markdown/MarkdownRendererPlugin.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { getMarkdownMetadata } from '@intlayer/core/markdown';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useLocale } from '../client/useLocale';\nimport type { HTMLComponents } from '../html/types';\nimport {\n  type MarkdownProviderOptions,\n  useMarkdownContext,\n} from './MarkdownProvider';\n\ntype MarkdownRendererPluginProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  locale?: LocalesValues;\n  children: string;\n  options?: MarkdownProviderOptions;\n  components?: HTMLComponents<'permissive', {}>;\n};\n\nexport const MarkdownRendererPlugin: FunctionComponent<\n  MarkdownRendererPluginProps\n> = (props): ComponentChildren => {\n  const { children, options, components } = props;\n  const context = useMarkdownContext();\n  const renderMarkdown = context?.renderMarkdown ?? ((md) => md);\n\n  return renderMarkdown(children, options, {\n    ...(context?.components ?? {}),\n    ...(components ?? {}),\n  }) as ComponentChildren;\n};\n\ntype MarkdownMetadataRendererProps = MarkdownRendererPluginProps & {\n  metadataKeyPath: KeyPath[];\n};\n\nexport const MarkdownMetadataRenderer: FunctionComponent<\n  MarkdownMetadataRendererProps\n> = ({ children, metadataKeyPath }): ComponentChildren => {\n  const { locale: currentLocale } = useLocale();\n\n  const metadata = getMarkdownMetadata(children);\n\n  const metadataEl = getContentNodeByKeyPath(\n    metadata as ContentNode,\n    metadataKeyPath,\n    currentLocale as any\n  );\n\n  return metadataEl as ComponentChildren;\n};\n"],"mappings":";;;;;;;;AAwBA,MAAa,0BAER,UAA6B;CAChC,MAAM,EAAE,UAAU,SAAS,eAAe;CAC1C,MAAM,UAAU,oBAAoB;AAGpC,SAFuB,SAAS,oBAAoB,OAAO,KAErC,UAAU,SAAS;EACvC,GAAI,SAAS,cAAc,EAAE;EAC7B,GAAI,cAAc,EAAE;EACrB,CAAC;;AAOJ,MAAa,4BAER,EAAE,UAAU,sBAAyC;CACxD,MAAM,EAAE,QAAQ,kBAAkB,WAAW;AAU7C,QANmB,wBAFF,oBAAoB,SAAS,EAI5C,iBACA,cACD"}

package/dist/esm/markdown/compiler.mjs

@@ -1,2 +1,18 @@
-import e from"./runtime.mjs";import{RuleType as t,compileWithOptions as n,sanitizer as r,slugify as i}from"@intlayer/core/markdown";const a=(t=``,r={})=>n(t,e,r),o=a,s=a;export{t as RuleType,s as compile,a as compileMarkdown,o as compiler,r as sanitizer,i as slugify};
+import preactRuntime from "./runtime.mjs";
+import { RuleType, compileWithOptions, sanitizer as defaultSanitizer, slugify as defaultSlugify } from "@intlayer/core/markdown";
+
+//#region src/markdown/compiler.ts
+/**
+* Preact adapter for the framework-agnostic markdown processor.
+*/
+/**
+* Compile markdown to Preact VNodes.
+* This is the primary export - use this for new code.
+*/
+const compileMarkdown = (markdown = "", options = {}) => compileWithOptions(markdown, preactRuntime, options);
+const compiler = compileMarkdown;
+const compile = compileMarkdown;
+
+//#endregion
+export { RuleType, compile, compileMarkdown, compiler, defaultSanitizer as sanitizer, defaultSlugify as slugify };
 //# sourceMappingURL=compiler.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"compiler.mjs","names":[],"sources":["../../../src/markdown/compiler.ts"],"sourcesContent":["/**\n * Preact adapter for the framework-agnostic markdown processor.\n */\n\nimport {\n  type CompileOptions,\n  compileWithOptions,\n  sanitizer as defaultSanitizer,\n  slugify as defaultSlugify,\n  RuleType,\n} from '@intlayer/core/markdown';\nimport { preactRuntime } from './runtime';\n\n// Re-export RuleType and utilities for compatibility\nexport { RuleType };\nexport { defaultSlugify as slugify, defaultSanitizer as sanitizer };\n\nexport type MarkdownCompilerOptions = CompileOptions;\n\n/**\n * Compile markdown to Preact VNodes.\n * This is the primary export - use this for new code.\n */\nexport const compileMarkdown = (\n  markdown: string = '',\n  options: MarkdownCompilerOptions = {}\n) => compileWithOptions(markdown, preactRuntime, options);\n\n// Aliases for consistency with React adapter\nexport const compiler = compileMarkdown;\nexport const compile = compileMarkdown;\n"],"mappings":"oIAuBA,MAAa,GACX,EAAmB,GACnB,EAAmC,EAAE,GAClC,EAAmB,EAAU,EAAe,EAAQ,CAG5C,EAAW,EACX,EAAU"}
+{"version":3,"file":"compiler.mjs","names":[],"sources":["../../../src/markdown/compiler.ts"],"sourcesContent":["/**\n * Preact adapter for the framework-agnostic markdown processor.\n */\n\nimport {\n  type CompileOptions,\n  compileWithOptions,\n  sanitizer as defaultSanitizer,\n  slugify as defaultSlugify,\n  RuleType,\n} from '@intlayer/core/markdown';\nimport { preactRuntime } from './runtime';\n\n// Re-export RuleType and utilities for compatibility\nexport { RuleType };\nexport { defaultSlugify as slugify, defaultSanitizer as sanitizer };\n\nexport type MarkdownCompilerOptions = CompileOptions;\n\n/**\n * Compile markdown to Preact VNodes.\n * This is the primary export - use this for new code.\n */\nexport const compileMarkdown = (\n  markdown: string = '',\n  options: MarkdownCompilerOptions = {}\n) => compileWithOptions(markdown, preactRuntime, options);\n\n// Aliases for consistency with React adapter\nexport const compiler = compileMarkdown;\nexport const compile = compileMarkdown;\n"],"mappings":";;;;;;;;;;;AAuBA,MAAa,mBACX,WAAmB,IACnB,UAAmC,EAAE,KAClC,mBAAmB,UAAU,eAAe,QAAQ;AAGzD,MAAa,WAAW;AACxB,MAAa,UAAU"}