solid-intlayer 8.0.0-canary.2 → 8.0.0-canary.4

package/dist/cjs/editor/ContentSelectorWrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@intlayer/core");require("@intlayer/types");require("solid-js");require("../client/IntlayerProvider.cjs");require("@intlayer/config/built");const e=require("../../plugins-DJinCEPo.js");require("../client/useLocaleStorage.cjs");require("../client/useLocaleBase.cjs");require("../UI/ContentSelector.cjs");require("@intlayer/editor");require("./contexts/ConfigurationContext.cjs");require("./contexts/DictionariesRecordContext.cjs");require("./contexts/EditedContentContext.cjs");require("./contexts/EditorEnabledContext.cjs");require("./contexts/CommunicatorContext.cjs");require("./contexts/FocusDictionaryContext.cjs");exports.ContentSelectorRenderer=e.ContentSelectorRenderer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@intlayer/core");require("@intlayer/types");require("solid-js");require("../client/IntlayerProvider.cjs");require("@intlayer/config/built");const e=require("../../plugins-CR0xYCzd.js");require("../client/useLocaleStorage.cjs");require("../client/useLocaleBase.cjs");require("../UI/ContentSelector.cjs");require("@intlayer/editor");require("./contexts/ConfigurationContext.cjs");require("./contexts/DictionariesRecordContext.cjs");require("./contexts/EditedContentContext.cjs");require("./contexts/EditorEnabledContext.cjs");require("./contexts/CommunicatorContext.cjs");require("./contexts/FocusDictionaryContext.cjs");exports.ContentSelectorRenderer=e.ContentSelectorRenderer;

package/dist/cjs/editor/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../plugins-DJinCEPo.js");exports.ContentSelectorRenderer=e.ContentSelectorRenderer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../plugins-CR0xYCzd.js");exports.ContentSelectorRenderer=e.ContentSelectorRenderer;

package/dist/cjs/getDictionary.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@intlayer/core"),e=require("../plugins-DJinCEPo.js"),l=(t,i,n)=>{const r=[e.intlayerNodePlugins,e.solidNodePlugins,e.insertionPlugin,e.markdownPlugin,e.htmlPlugin,...n??[]];return o.getDictionary(t,i,r)};exports.getDictionary=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@intlayer/core"),e=require("../plugins-CR0xYCzd.js"),l=(t,i,n)=>{const r=[e.intlayerNodePlugins,e.solidNodePlugins,e.insertionPlugin,e.markdownPlugin,e.htmlPlugin,...n??[]];return o.getDictionary(t,i,r)};exports.getDictionary=l;

package/dist/cjs/getIntlayer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@intlayer/core"),e=require("../plugins-DJinCEPo.js"),l=(t,n,r)=>{const o=[e.intlayerNodePlugins,e.solidNodePlugins,e.insertionPlugin,e.markdownPlugin,e.htmlPlugin,...r??[]];return i.getIntlayer(t,n,o)};exports.getIntlayer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@intlayer/core"),e=require("../plugins-CR0xYCzd.js"),l=(t,n,r)=>{const o=[e.intlayerNodePlugins,e.solidNodePlugins,e.insertionPlugin,e.markdownPlugin,e.htmlPlugin,...r??[]];return i.getIntlayer(t,n,o)};exports.getIntlayer=l;

package/dist/cjs/html/HTMLProvider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("solid-js"),n=e.createContext(),o=()=>e.useContext(n),r=t=>e.createComponent(n.Provider,{get value(){return{components:t.components}},get children(){return t.children}});exports.HTMLProvider=r;exports.useHTMLContext=o;

package/dist/cjs/html/HTMLRenderer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../web-Ch-xTpJg.js"),s=require("@intlayer/core"),r=require("solid-js"),a=require("../editor/useEditedContentRenderer.cjs"),T=require("./HTMLProvider.cjs"),M=()=>{const e={};for(const n of s.HTML_TAGS)e[n]=({children:t,...o})=>r.createComponent(c.Dynamic,r.mergeProps({component:n},o,{children:t}));return e},d=M(),i=(e,{components:n}={})=>{const t={...d,...n};return s.getHTML(e,t)},u=({components:e}={})=>{const n=T.useHTMLContext();return t=>i(t,{components:{...n?.components,...e}})},y=e=>{const n=u({components:e.components||e.userComponents}),t=()=>e.children||e.html||"",o=r.createMemo(()=>a.useEditedContentRenderer({dictionaryKey:e.dictionaryKey,keyPath:e.keyPath,children:t()})),m=()=>e.dictionaryKey&&e.keyPath&&typeof o()=="string"?o():t();return c.memo(()=>n(m()))};exports.HTMLRenderer=y;exports.defaultHTMLComponents=d;exports.renderHTML=i;exports.useHTMLRenderer=u;

package/dist/cjs/html/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./HTMLProvider.cjs"),e=require("./HTMLRenderer.cjs");exports.HTMLProvider=r.HTMLProvider;exports.useHTMLContext=r.useHTMLContext;exports.HTMLRenderer=e.HTMLRenderer;exports.defaultHTMLComponents=e.defaultHTMLComponents;exports.renderHTML=e.renderHTML;exports.useHTMLRenderer=e.useHTMLRenderer;

package/dist/cjs/html/types.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./client/format/useIntl.cjs"),n=require("./client/getBrowserLocale.cjs"),r=require("./client/IntlayerProvider.cjs"),a=require("./client/t.cjs"),i=require("./client/useDictionary.cjs"),c=require("./client/useDictionaryAsync.cjs"),s=require("./client/useDictionaryDynamic.cjs"),l=require("./client/useIntlayer.cjs"),u=require("./client/useLoadDynamic.cjs"),y=require("./client/useLocale.cjs"),d=require("./client/useLocaleBase.cjs"),e=require("./client/useLocaleStorage.cjs"),I=require("./getDictionary.cjs"),L=require("./getIntlayer.cjs"),k=require("./markdown/compiler.cjs"),o=require("./markdown/MarkdownProvider.cjs"),g=require("./markdown/MarkdownRenderer.cjs");exports.useIntl=t.useIntl;exports.getBrowserLocale=n.getBrowserLocale;exports.IntlayerClientContext=r.IntlayerClientContext;exports.IntlayerProvider=r.IntlayerProvider;exports.IntlayerProviderContent=r.IntlayerProviderContent;exports.useIntlayerContext=r.useIntlayerContext;exports.t=a.t;exports.useDictionary=i.useDictionary;exports.useDictionaryAsync=c.useDictionaryAsync;exports.useDictionaryDynamic=s.useDictionaryDynamic;exports.useIntlayer=l.useIntlayer;exports.useLoadDynamic=u.useLoadDynamic;exports.useLocale=y.useLocale;exports.useLocaleBase=d.useLocaleBase;exports.localeCookie=e.localeCookie;exports.localeInStorage=e.localeInStorage;exports.setLocaleCookie=e.setLocaleCookie;exports.setLocaleInStorage=e.setLocaleInStorage;exports.useLocaleCookie=e.useLocaleCookie;exports.useLocaleStorage=e.useLocaleStorage;exports.getDictionary=I.getDictionary;exports.getIntlayer=L.getIntlayer;exports.compileMarkdown=k.compileMarkdown;exports.MarkdownProvider=o.MarkdownProvider;exports.useMarkdown=o.useMarkdown;exports.MarkdownRenderer=g.MarkdownRenderer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./client/format/useIntl.cjs"),i=require("./client/getBrowserLocale.cjs"),r=require("./client/IntlayerProvider.cjs"),a=require("./client/t.cjs"),c=require("./client/useDictionary.cjs"),s=require("./client/useDictionaryAsync.cjs"),l=require("./client/useDictionaryDynamic.cjs"),u=require("./client/useIntlayer.cjs"),d=require("./client/useLoadDynamic.cjs"),y=require("./client/useLocale.cjs"),L=require("./client/useLocaleBase.cjs"),e=require("./client/useLocaleStorage.cjs"),I=require("./getDictionary.cjs"),M=require("./getIntlayer.cjs"),k=require("./html/HTMLProvider.cjs"),o=require("./html/HTMLRenderer.cjs"),q=require("./markdown/compiler.cjs"),n=require("./markdown/MarkdownProvider.cjs"),g=require("./markdown/MarkdownRenderer.cjs");exports.useIntl=t.useIntl;exports.getBrowserLocale=i.getBrowserLocale;exports.IntlayerClientContext=r.IntlayerClientContext;exports.IntlayerProvider=r.IntlayerProvider;exports.IntlayerProviderContent=r.IntlayerProviderContent;exports.useIntlayerContext=r.useIntlayerContext;exports.t=a.t;exports.useDictionary=c.useDictionary;exports.useDictionaryAsync=s.useDictionaryAsync;exports.useDictionaryDynamic=l.useDictionaryDynamic;exports.useIntlayer=u.useIntlayer;exports.useLoadDynamic=d.useLoadDynamic;exports.useLocale=y.useLocale;exports.useLocaleBase=L.useLocaleBase;exports.localeCookie=e.localeCookie;exports.localeInStorage=e.localeInStorage;exports.setLocaleCookie=e.setLocaleCookie;exports.setLocaleInStorage=e.setLocaleInStorage;exports.useLocaleCookie=e.useLocaleCookie;exports.useLocaleStorage=e.useLocaleStorage;exports.getDictionary=I.getDictionary;exports.getIntlayer=M.getIntlayer;exports.HTMLProvider=k.HTMLProvider;exports.HTMLRenderer=o.HTMLRenderer;exports.renderHTML=o.renderHTML;exports.useHTMLRenderer=o.useHTMLRenderer;exports.compileMarkdown=q.compileMarkdown;exports.MarkdownProvider=n.MarkdownProvider;exports.useMarkdown=n.useMarkdown;exports.MarkdownRenderer=g.MarkdownRenderer;

package/dist/cjs/markdown/MarkdownRenderer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@intlayer/core"),a=require("../editor/useEditedContentRenderer.cjs"),s=require("./MarkdownProvider.cjs"),h=e=>{const{renderMarkdown:n}=s.useMarkdown(),t=a.useEditedContentRenderer({dictionaryKey:e.dictionaryKey,keyPath:e.keyPath,children:e.children}),r=typeof t=="string"?t:e.children,{dictionaryKey:M,keyPath:w,locale:P,children:m,components:o,wrapper:c,forceBlock:i,preserveFrontmatter:y,tagfilter:k,...l}=e;return n(r,{components:o,wrapper:c,forceBlock:i,preserveFrontmatter:y,tagfilter:k,...l})},u=e=>{const n=a.useEditedContentRenderer({dictionaryKey:e.dictionaryKey,keyPath:e.keyPath,children:e.children}),t=d.getMarkdownMetadata(n);return d.getContentNodeByKeyPath(t,e.metadataKeyPath)};exports.MarkdownMetadataRenderer=u;exports.MarkdownRenderer=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@intlayer/core"),n=require("solid-js"),o=require("../editor/useEditedContentRenderer.cjs"),k=require("./MarkdownProvider.cjs"),h=e=>{const{renderMarkdown:r}=k.useMarkdown(),t=n.createMemo(()=>o.useEditedContentRenderer({dictionaryKey:e.dictionaryKey,keyPath:e.keyPath,children:e.children})),a=()=>typeof t()=="string"?t():e.children,{dictionaryKey:m,keyPath:w,locale:P,children:C,components:c,wrapper:i,forceBlock:y,preserveFrontmatter:s,tagfilter:l,...M}=e;return r(a(),{components:c,wrapper:i,forceBlock:y,preserveFrontmatter:s,tagfilter:l,...M})},u=e=>{const r=n.createMemo(()=>o.useEditedContentRenderer({dictionaryKey:e.dictionaryKey,keyPath:e.keyPath,children:e.children})),t=n.createMemo(()=>d.getMarkdownMetadata(r()));return n.createMemo(()=>d.getContentNodeByKeyPath(t(),e.metadataKeyPath))()};exports.MarkdownMetadataRenderer=u;exports.MarkdownRenderer=h;

package/dist/cjs/plugins.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../web-Ch-xTpJg.js");require("@intlayer/core");require("@intlayer/types");const e=require("../plugins-DJinCEPo.js");require("./editor/useEditedContentRenderer.cjs");require("./IntlayerNode.cjs");require("./markdown/MarkdownProvider.cjs");require("./markdown/MarkdownRenderer.cjs");require("./solidElement/renderSolidElement.cjs");require("solid-js");exports.htmlPlugin=e.htmlPlugin;exports.insertionPlugin=e.insertionPlugin;exports.interpreterPluginsEnabledState=e.interpreterPluginsEnabledState;exports.intlayerNodePlugins=e.intlayerNodePlugins;exports.markdownPlugin=e.markdownPlugin;exports.markdownStringPlugin=e.markdownStringPlugin;exports.solidNodePlugins=e.solidNodePlugins;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../web-Ch-xTpJg.js");require("@intlayer/core");require("@intlayer/types");const e=require("../plugins-CR0xYCzd.js");require("./editor/useEditedContentRenderer.cjs");require("./IntlayerNode.cjs");require("./markdown/MarkdownProvider.cjs");require("./markdown/MarkdownRenderer.cjs");require("./solidElement/renderSolidElement.cjs");require("solid-js");exports.htmlPlugin=e.htmlPlugin;exports.insertionPlugin=e.insertionPlugin;exports.intlayerNodePlugins=e.intlayerNodePlugins;exports.markdownPlugin=e.markdownPlugin;exports.markdownStringPlugin=e.markdownStringPlugin;exports.solidNodePlugins=e.solidNodePlugins;

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -3,7 +3,7 @@ import "@intlayer/types";
 import "solid-js";
 import "../client/IntlayerProvider.mjs";
 import "@intlayer/config/built";
-import { C as S } from "../../plugins-CAuPi9pi.mjs";
+import { C as S } from "../../plugins-BKpuMxBh.mjs";
 import "../client/useLocaleStorage.mjs";
 import "../client/useLocaleBase.mjs";
 import "../UI/ContentSelector.mjs";

package/dist/esm/editor/index.mjs

@@ -1,4 +1,4 @@
-import { C as o } from "../../plugins-CAuPi9pi.mjs";
+import { C as o } from "../../plugins-BKpuMxBh.mjs";
 export {
   o as ContentSelectorRenderer
 };

package/dist/esm/getDictionary.mjs

@@ -1,5 +1,5 @@
 import { getDictionary as s } from "@intlayer/core";
-import { i as r, s as a, a as e, m as g, h as l } from "../plugins-CAuPi9pi.mjs";
+import { i as r, s as a, a as e, m as g, h as l } from "../plugins-BKpuMxBh.mjs";
 const c = (i, n, o) => {
   const t = [
     r,

package/dist/esm/getIntlayer.mjs

@@ -1,5 +1,5 @@
 import { getIntlayer as r } from "@intlayer/core";
-import { i as a, s as e, a as l, m as o, h as g } from "../plugins-CAuPi9pi.mjs";
+import { i as a, s as e, a as l, m as o, h as g } from "../plugins-BKpuMxBh.mjs";
 const P = (n, t, s) => {
   const i = [
     a,

package/dist/esm/html/HTMLProvider.mjs

@@ -0,0 +1,15 @@
+import { createContext as n, useContext as o, createComponent as r } from "solid-js";
+const t = n(), s = () => o(t), u = (e) => r(t.Provider, {
+  get value() {
+    return {
+      components: e.components
+    };
+  },
+  get children() {
+    return e.children;
+  }
+});
+export {
+  u as HTMLProvider,
+  s as useHTMLContext
+};

package/dist/esm/html/HTMLRenderer.mjs

@@ -0,0 +1,51 @@
+import { m as c, D as m } from "../../web-mv0y5CK4.mjs";
+import { HTML_TAGS as s, getHTML as d } from "@intlayer/core";
+import { createMemo as i, createComponent as a, mergeProps as u } from "solid-js";
+import { useEditedContentRenderer as y } from "../editor/useEditedContentRenderer.mjs";
+import { useHTMLContext as f } from "./HTMLProvider.mjs";
+const T = () => {
+  const e = {};
+  for (const t of s)
+    e[t] = ({
+      children: n,
+      ...o
+    }) => a(m, u({
+      component: t
+    }, o, {
+      children: n
+    }));
+  return e;
+}, C = T(), M = (e, {
+  components: t
+} = {}) => {
+  const n = {
+    ...C,
+    ...t
+  };
+  return d(e, n);
+}, H = ({
+  components: e
+} = {}) => {
+  const t = f();
+  return (n) => M(n, {
+    components: {
+      ...t?.components,
+      ...e
+    }
+  });
+}, x = (e) => {
+  const t = H({
+    components: e.components || e.userComponents
+  }), n = () => e.children || e.html || "", o = i(() => y({
+    dictionaryKey: e.dictionaryKey,
+    keyPath: e.keyPath,
+    children: n()
+  })), r = () => e.dictionaryKey && e.keyPath && typeof o() == "string" ? o() : n();
+  return c(() => t(r()));
+};
+export {
+  x as HTMLRenderer,
+  C as defaultHTMLComponents,
+  M as renderHTML,
+  H as useHTMLRenderer
+};

package/dist/esm/html/index.mjs

@@ -0,0 +1,10 @@
+import { HTMLProvider as o, useHTMLContext as n } from "./HTMLProvider.mjs";
+import { HTMLRenderer as H, defaultHTMLComponents as L, renderHTML as M, useHTMLRenderer as T } from "./HTMLRenderer.mjs";
+export {
+  o as HTMLProvider,
+  H as HTMLRenderer,
+  L as defaultHTMLComponents,
+  M as renderHTML,
+  n as useHTMLContext,
+  T as useHTMLRenderer
+};

package/dist/esm/html/types.mjs

@@ -0,0 +1 @@
+

package/dist/esm/index.mjs

@@ -1,45 +1,51 @@
 import { useIntl as r } from "./client/format/useIntl.mjs";
 import { getBrowserLocale as a } from "./client/getBrowserLocale.mjs";
-import { IntlayerClientContext as l, IntlayerProvider as m, IntlayerProviderContent as x, useIntlayerContext as i } from "./client/IntlayerProvider.mjs";
-import { t as c } from "./client/t.mjs";
-import { useDictionary as s } from "./client/useDictionary.mjs";
+import { IntlayerClientContext as m, IntlayerProvider as x, IntlayerProviderContent as l, useIntlayerContext as p } from "./client/IntlayerProvider.mjs";
+import { t as i } from "./client/t.mjs";
+import { useDictionary as c } from "./client/useDictionary.mjs";
 import { useDictionaryAsync as u } from "./client/useDictionaryAsync.mjs";
-import { useDictionaryDynamic as I } from "./client/useDictionaryDynamic.mjs";
-import { useIntlayer as k } from "./client/useIntlayer.mjs";
-import { useLoadDynamic as g } from "./client/useLoadDynamic.mjs";
-import { useLocale as w } from "./client/useLocale.mjs";
+import { useDictionaryDynamic as L } from "./client/useDictionaryDynamic.mjs";
+import { useIntlayer as M } from "./client/useIntlayer.mjs";
+import { useLoadDynamic as C } from "./client/useLoadDynamic.mjs";
+import { useLocale as D } from "./client/useLocale.mjs";
 import { useLocaleBase as v } from "./client/useLocaleBase.mjs";
-import { localeCookie as S, localeInStorage as B, setLocaleCookie as A, setLocaleInStorage as R, useLocaleCookie as b, useLocaleStorage as h } from "./client/useLocaleStorage.mjs";
-import { getDictionary as q } from "./getDictionary.mjs";
-import { getIntlayer as E } from "./getIntlayer.mjs";
-import { compileMarkdown as G } from "./markdown/compiler.mjs";
-import { MarkdownProvider as J, useMarkdown as K } from "./markdown/MarkdownProvider.mjs";
-import { MarkdownRenderer as O } from "./markdown/MarkdownRenderer.mjs";
+import { localeCookie as P, localeInStorage as T, setLocaleCookie as R, setLocaleInStorage as S, useLocaleCookie as B, useLocaleStorage as A } from "./client/useLocaleStorage.mjs";
+import { getDictionary as h } from "./getDictionary.mjs";
+import { getIntlayer as q } from "./getIntlayer.mjs";
+import { HTMLProvider as E } from "./html/HTMLProvider.mjs";
+import { HTMLRenderer as G, renderHTML as J, useHTMLRenderer as K } from "./html/HTMLRenderer.mjs";
+import { compileMarkdown as O } from "./markdown/compiler.mjs";
+import { MarkdownProvider as U, useMarkdown as V } from "./markdown/MarkdownProvider.mjs";
+import { MarkdownRenderer as X } from "./markdown/MarkdownRenderer.mjs";
 export {
-  l as IntlayerClientContext,
-  m as IntlayerProvider,
-  x as IntlayerProviderContent,
-  J as MarkdownProvider,
-  O as MarkdownRenderer,
-  G as compileMarkdown,
+  E as HTMLProvider,
+  G as HTMLRenderer,
+  m as IntlayerClientContext,
+  x as IntlayerProvider,
+  l as IntlayerProviderContent,
+  U as MarkdownProvider,
+  X as MarkdownRenderer,
+  O as compileMarkdown,
   a as getBrowserLocale,
-  q as getDictionary,
-  E as getIntlayer,
-  S as localeCookie,
-  B as localeInStorage,
-  A as setLocaleCookie,
-  R as setLocaleInStorage,
-  c as t,
-  s as useDictionary,
+  h as getDictionary,
+  q as getIntlayer,
+  P as localeCookie,
+  T as localeInStorage,
+  J as renderHTML,
+  R as setLocaleCookie,
+  S as setLocaleInStorage,
+  i as t,
+  c as useDictionary,
   u as useDictionaryAsync,
-  I as useDictionaryDynamic,
+  L as useDictionaryDynamic,
+  K as useHTMLRenderer,
   r as useIntl,
-  k as useIntlayer,
-  i as useIntlayerContext,
-  g as useLoadDynamic,
-  w as useLocale,
+  M as useIntlayer,
+  p as useIntlayerContext,
+  C as useLoadDynamic,
+  D as useLocale,
   v as useLocaleBase,
-  b as useLocaleCookie,
-  h as useLocaleStorage,
-  K as useMarkdown
+  B as useLocaleCookie,
+  A as useLocaleStorage,
+  V as useMarkdown
 };

package/dist/esm/markdown/MarkdownRenderer.mjs

@@ -1,42 +1,43 @@
-import { getMarkdownMetadata as l, getContentNodeByKeyPath as m } from "@intlayer/core";
-import { useEditedContentRenderer as r } from "../editor/useEditedContentRenderer.mjs";
-import { useMarkdown as k } from "./MarkdownProvider.mjs";
-const g = (e) => {
+import { getMarkdownMetadata as l, getContentNodeByKeyPath as k } from "@intlayer/core";
+import { createMemo as n } from "solid-js";
+import { useEditedContentRenderer as o } from "../editor/useEditedContentRenderer.mjs";
+import { useMarkdown as s } from "./MarkdownProvider.mjs";
+const R = (e) => {
   const {
-    renderMarkdown: n
-  } = k(), t = r({
+    renderMarkdown: r
+  } = s(), t = n(() => o({
     dictionaryKey: e.dictionaryKey,
     keyPath: e.keyPath,
     children: e.children
-  }), a = typeof t == "string" ? t : e.children, {
-    dictionaryKey: s,
-    keyPath: K,
-    locale: M,
+  })), a = () => typeof t() == "string" ? t() : e.children, {
+    dictionaryKey: M,
+    keyPath: f,
+    locale: K,
     children: P,
-    components: o,
-    wrapper: d,
-    forceBlock: c,
-    preserveFrontmatter: i,
-    tagfilter: y,
+    components: d,
+    wrapper: c,
+    forceBlock: i,
+    preserveFrontmatter: y,
+    tagfilter: m,
     ...h
   } = e;
-  return n(a, {
-    components: o,
-    wrapper: d,
-    forceBlock: c,
-    preserveFrontmatter: i,
-    tagfilter: y,
+  return r(a(), {
+    components: d,
+    wrapper: c,
+    forceBlock: i,
+    preserveFrontmatter: y,
+    tagfilter: m,
     ...h
   });
-}, u = (e) => {
-  const n = r({
+}, x = (e) => {
+  const r = n(() => o({
     dictionaryKey: e.dictionaryKey,
     keyPath: e.keyPath,
     children: e.children
-  }), t = l(n);
-  return m(t, e.metadataKeyPath);
+  })), t = n(() => l(r()));
+  return n(() => k(t(), e.metadataKeyPath))();
 };
 export {
-  u as MarkdownMetadataRenderer,
-  g as MarkdownRenderer
+  x as MarkdownMetadataRenderer,
+  R as MarkdownRenderer
 };

package/dist/esm/plugins.mjs

@@ -1,7 +1,7 @@
 import "../web-mv0y5CK4.mjs";
 import "@intlayer/core";
 import "@intlayer/types";
-import { h as g, a as u, c as P, i as d, m as b, b as h, s as k } from "../plugins-CAuPi9pi.mjs";
+import { h as u, a as P, i as d, m as e, b as h, s as k } from "../plugins-BKpuMxBh.mjs";
 import "./editor/useEditedContentRenderer.mjs";
 import "./IntlayerNode.mjs";
 import "./markdown/MarkdownProvider.mjs";
@@ -9,11 +9,10 @@ import "./markdown/MarkdownRenderer.mjs";
 import "./solidElement/renderSolidElement.mjs";
 import "solid-js";
 export {
-  g as htmlPlugin,
-  u as insertionPlugin,
-  P as interpreterPluginsEnabledState,
+  u as htmlPlugin,
+  P as insertionPlugin,
   d as intlayerNodePlugins,
-  b as markdownPlugin,
+  e as markdownPlugin,
   h as markdownStringPlugin,
   k as solidNodePlugins
 };

package/dist/{plugins-CAuPi9pi.mjs → plugins-BKpuMxBh.mjs}

@@ -1,33 +1,33 @@
 import { D as w } from "./web-mv0y5CK4.mjs";
-import { isSameKeyPath as M, HTML_TAGS as H, getMarkdownMetadata as S, getHTML as C, splitInsertionTemplate as b } from "@intlayer/core";
-import { NodeType as c } from "@intlayer/types";
-import { createComponent as s, mergeProps as d, createMemo as h } from "solid-js";
-import { useIntlayerContext as T } from "./esm/client/IntlayerProvider.mjs";
+import { isSameKeyPath as M, HTML_TAGS as H, getMarkdownMetadata as C, getHTML as S, splitInsertionTemplate as T } from "@intlayer/core";
+import { NodeType as d } from "@intlayer/types";
+import { createComponent as s, mergeProps as c, createMemo as h } from "solid-js";
+import { useIntlayerContext as b } from "./esm/client/IntlayerProvider.mjs";
 import "@intlayer/config/built";
 import { EditedContentRenderer as K } from "./esm/editor/useEditedContentRenderer.mjs";
 import { renderIntlayerNode as y } from "./esm/IntlayerNode.mjs";
 import "./esm/markdown/MarkdownProvider.mjs";
-import { MarkdownMetadataRenderer as I, MarkdownRenderer as v } from "./esm/markdown/MarkdownRenderer.mjs";
-import { renderSolidElement as N } from "./esm/solidElement/renderSolidElement.mjs";
+import { MarkdownMetadataRenderer as v, MarkdownRenderer as I } from "./esm/markdown/MarkdownRenderer.mjs";
+import { renderSolidElement as R } from "./esm/solidElement/renderSolidElement.mjs";
 import "./esm/client/useLocaleStorage.mjs";
 import "./esm/client/useLocaleBase.mjs";
-import { ContentSelector as R } from "./esm/UI/ContentSelector.mjs";
+import { ContentSelector as L } from "./esm/UI/ContentSelector.mjs";
 import "@intlayer/editor";
 import "./esm/editor/contexts/ConfigurationContext.mjs";
 import "./esm/editor/contexts/DictionariesRecordContext.mjs";
 import "./esm/editor/contexts/EditedContentContext.mjs";
 import { useEditorEnabled as E } from "./esm/editor/contexts/EditorEnabledContext.mjs";
 import "./esm/editor/contexts/CommunicatorContext.mjs";
-import { useFocusDictionary as L } from "./esm/editor/contexts/FocusDictionaryContext.mjs";
+import { useFocusDictionary as N } from "./esm/editor/contexts/FocusDictionaryContext.mjs";
 const j = (e) => {
   const {
-    focusedContent: t,
-    setFocusedContent: n
-  } = L(), a = h(() => e.keyPath.filter((o) => o.type !== c.Translation)), r = () => n({
+    focusedContent: n,
+    setFocusedContent: t
+  } = N(), a = h(() => e.keyPath.filter((o) => o.type !== d.Translation)), r = () => t({
     dictionaryKey: e.dictionaryKey,
     keyPath: a()
-  }), u = h(() => (t?.dictionaryKey === e.dictionaryKey && (t?.keyPath?.length ?? 0) > 0 && M(t?.keyPath ?? [], a())) ?? !1);
-  return s(R, {
+  }), u = h(() => (n?.dictionaryKey === e.dictionaryKey && (n?.keyPath?.length ?? 0) > 0 && M(n?.keyPath ?? [], a())) ?? !1);
+  return s(L, {
     onPress: r,
     get isSelecting() {
       return u();
@@ -38,11 +38,11 @@ const j = (e) => {
   });
 }, f = (e) => {
   const {
-    enabled: t
+    enabled: n
   } = E(), {
-    disableEditor: n
-  } = T();
-  return t() && !n ? s(j, d(e, {
+    disableEditor: t
+  } = b();
+  return n() && !t ? s(j, c(e, {
     get children() {
       return e.children;
     }
@@ -51,17 +51,17 @@ const j = (e) => {
   id: "intlayer-node-plugin",
   canHandle: (e) => typeof e == "bigint" || typeof e == "string" || typeof e == "number",
   transform: (e, {
-    plugins: t,
+    plugins: n,
     // Removed to avoid next error - Functions cannot be passed directly to Client Components
-    ...n
+    ...t
   }) => y({
-    ...n,
-    value: n.children,
-    children: s(f, d(n, {
+    ...t,
+    value: t.children,
+    children: s(f, c(t, {
       get children() {
-        return s(K, d(n, {
+        return s(K, c(t, {
           get children() {
-            return n.children;
+            return t.children;
           }
         }));
       }
@@ -71,30 +71,30 @@ const j = (e) => {
   id: "solid-node-plugin",
   canHandle: (e) => typeof e == "object" && e?.props !== void 0 || typeof Node < "u" && e instanceof Node,
   transform: (e, {
-    plugins: t,
+    plugins: n,
     // Removed to avoid next error - Functions cannot be passed directly to Client Components
-    ...n
+    ...t
   }) => y({
-    ...n,
+    ...t,
     value: "[[solid-element]]",
-    children: s(f, d(n, {
+    children: s(f, c(t, {
       get children() {
-        return typeof Node < "u" && e instanceof Node ? e : N(e);
+        return typeof Node < "u" && e instanceof Node ? e : R(e);
       }
     }))
   })
-}, x = (e, t) => {
-  const n = b(e, t);
-  return n.isSimple, n.parts;
+}, x = (e, n) => {
+  const t = T(e, n);
+  return t.isSimple, t.parts;
 }, se = {
   id: "insertion-plugin",
-  canHandle: (e) => typeof e == "object" && e?.nodeType === c.Insertion,
-  transform: (e, t, n) => {
-    const a = [...t.keyPath, {
-      type: c.Insertion
-    }], r = e[c.Insertion];
-    return n(r, {
-      ...t,
+  canHandle: (e) => typeof e == "object" && e?.nodeType === d.Insertion,
+  transform: (e, n, t) => {
+    const a = [...n.keyPath, {
+      type: d.Insertion
+    }], r = e[d.Insertion];
+    return t(r, {
+      ...n,
       children: r,
       keyPath: a,
       plugins: [{
@@ -104,38 +104,38 @@ const j = (e) => {
           const p = g(o, {
             ...m,
             children: o,
-            plugins: [...(t.plugins ?? []).filter((i) => i.id !== "intlayer-node-plugin")]
+            plugins: [...(n.plugins ?? []).filter((i) => i.id !== "intlayer-node-plugin")]
           });
           return (i) => {
             const l = x(p, i);
             return g(l, {
               ...m,
-              plugins: t.plugins,
+              plugins: n.plugins,
               children: l
             });
           };
         }
-      }, ...t.plugins ?? []]
+      }, ...n.plugins ?? []]
     });
   }
 }, D = {
   id: "markdown-string-plugin",
   canHandle: (e) => typeof e == "string",
-  transform: (e, t, n) => {
+  transform: (e, n, t) => {
     const {
       plugins: a,
       // Removed to avoid next error - Functions cannot be passed directly to Client Components
       ...r
-    } = t, u = S(e), m = n(u, {
+    } = n, u = C(e), m = t(u, {
       plugins: [{
         id: "markdown-metadata-plugin",
         canHandle: (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" || !i,
         transform: (i, l) => y({
           ...l,
           value: i,
-          children: s(f, d(r, {
+          children: s(f, c(r, {
             get children() {
-              return s(I, d(r, {
+              return s(v, c(r, {
                 get metadataKeyPath() {
                   return l.keyPath;
                 },
@@ -148,11 +148,11 @@ const j = (e) => {
       dictionaryKey: r.dictionaryKey,
       keyPath: []
     }), g = (i) => y({
-      ...t,
+      ...n,
       value: e,
-      children: s(f, d(r, {
+      children: s(f, c(r, {
         get children() {
-          return s(v, d(r, i, {
+          return s(I, c(r, i, {
             children: e
           }));
         }
@@ -167,69 +167,56 @@ const j = (e) => {
       }
     });
   }
-}, de = {
+}, ce = {
   id: "markdown-plugin",
-  canHandle: (e) => typeof e == "object" && e?.nodeType === c.Markdown,
-  transform: (e, t, n) => {
-    const a = [...t.keyPath, {
-      type: c.Markdown
-    }], r = e[c.Markdown];
-    return n(r, {
-      ...t,
+  canHandle: (e) => typeof e == "object" && e?.nodeType === d.Markdown,
+  transform: (e, n, t) => {
+    const a = [...n.keyPath, {
+      type: d.Markdown
+    }], r = e[d.Markdown];
+    return t(r, {
+      ...n,
       children: r,
       keyPath: a,
-      plugins: [D, ...t.plugins ?? []]
+      plugins: [D, ...n.plugins ?? []]
     });
   }
 }, A = () => {
   const e = {};
-  for (const t of H)
-    e[t] = ({
-      children: n,
+  for (const n of H)
+    e[n] = ({
+      children: t,
       ...a
-    }) => s(w, d({
-      component: t
+    }) => s(w, c({
+      component: n
     }, a, {
-      children: n
+      children: t
     }));
   return e;
-}, F = A(), ce = {
+}, F = A(), de = {
   id: "html-plugin",
-  canHandle: (e) => typeof e == "object" && e?.nodeType === c.HTML,
+  canHandle: (e) => typeof e == "object" && e?.nodeType === d.HTML,
   transform: (e) => {
-    const t = e[c.HTML], n = (u) => {
+    const n = e[d.HTML], t = (u) => {
       const o = {
         ...F,
         ...u
       };
-      return C(t, o);
-    }, r = [n()];
+      return S(n, o);
+    }, r = [t()];
     return new Proxy(r, {
       get(u, o, m) {
-        return o === "value" ? t : o === "use" ? (g) => n(g) : Reflect.get(u, o, m);
+        return o === "value" ? n : o === "use" ? (g) => t(g) : Reflect.get(u, o, m);
       }
     });
   }
-}, ue = {
-  translation: !0,
-  enumeration: !0,
-  condition: !0,
-  insertion: !0,
-  nested: !0,
-  html: !0,
-  solidNode: !0,
-  solidIntlayerNode: !0,
-  solidInsertion: !0,
-  solidMarkdown: !0,
-  solidHtml: !0
 };
 export {
   f as C,
   se as a,
   D as b,
-  ue as c,
-  ce as h,
+  de as h,
   ae as i,
-  de as m,
+  ce as m,
   le as s
 };

package/dist/plugins-CR0xYCzd.js

@@ -0,0 +1 @@
+"use strict";const q=require("./web-Ch-xTpJg.js"),m=require("@intlayer/core"),s=require("@intlayer/types"),r=require("solid-js"),w=require("./cjs/client/IntlayerProvider.cjs");require("@intlayer/config/built");const T=require("./cjs/editor/useEditedContentRenderer.cjs"),p=require("./cjs/IntlayerNode.cjs");require("./cjs/markdown/MarkdownProvider.cjs");const P=require("./cjs/markdown/MarkdownRenderer.cjs"),N=require("./cjs/solidElement/renderSolidElement.cjs");require("./cjs/client/useLocaleStorage.cjs");require("./cjs/client/useLocaleBase.cjs");const M=require("./cjs/UI/ContentSelector.cjs");require("@intlayer/editor");require("./cjs/editor/contexts/ConfigurationContext.cjs");require("./cjs/editor/contexts/DictionariesRecordContext.cjs");require("./cjs/editor/contexts/EditedContentContext.cjs");const S=require("./cjs/editor/contexts/EditorEnabledContext.cjs");require("./cjs/editor/contexts/CommunicatorContext.cjs");const H=require("./cjs/editor/contexts/FocusDictionaryContext.cjs"),I=e=>{const{focusedContent:n,setFocusedContent:t}=H.useFocusDictionary(),l=r.createMemo(()=>e.keyPath.filter(a=>a.type!==s.NodeType.Translation)),o=()=>t({dictionaryKey:e.dictionaryKey,keyPath:l()}),c=r.createMemo(()=>(n?.dictionaryKey===e.dictionaryKey&&(n?.keyPath?.length??0)>0&&m.isSameKeyPath(n?.keyPath??[],l()))??!1);return r.createComponent(M.ContentSelector,{onPress:o,get isSelecting(){return c()},get children(){return e.children}})},y=e=>{const{enabled:n}=S.useEditorEnabled(),{disableEditor:t}=w.useIntlayerContext();return n()&&!t?r.createComponent(I,r.mergeProps(e,{get children(){return e.children}})):e.children},b={id:"intlayer-node-plugin",canHandle:e=>typeof e=="bigint"||typeof e=="string"||typeof e=="number",transform:(e,{plugins:n,...t})=>p.renderIntlayerNode({...t,value:t.children,children:r.createComponent(y,r.mergeProps(t,{get children(){return r.createComponent(T.EditedContentRenderer,r.mergeProps(t,{get children(){return t.children}}))}}))})},K={id:"solid-node-plugin",canHandle:e=>typeof e=="object"&&e?.props!==void 0||typeof Node<"u"&&e instanceof Node,transform:(e,{plugins:n,...t})=>p.renderIntlayerNode({...t,value:"[[solid-element]]",children:r.createComponent(y,r.mergeProps(t,{get children(){return typeof Node<"u"&&e instanceof Node?e:N.renderSolidElement(e)}}))})},_=(e,n)=>{const t=m.splitInsertionTemplate(e,n);return t.isSimple,t.parts},E={id:"insertion-plugin",canHandle:e=>typeof e=="object"&&e?.nodeType===s.NodeType.Insertion,transform:(e,n,t)=>{const l=[...n.keyPath,{type:s.NodeType.Insertion}],o=e[s.NodeType.Insertion];return t(o,{...n,children:o,keyPath:l,plugins:[{id:"insertion-string-plugin",canHandle:a=>typeof a=="string",transform:(a,u,g)=>{const f=g(a,{...u,children:a,plugins:[...(n.plugins??[]).filter(i=>i.id!=="intlayer-node-plugin")]});return i=>{const d=_(f,i);return g(d,{...u,plugins:n.plugins,children:d})}}},...n.plugins??[]]})}},h={id:"markdown-string-plugin",canHandle:e=>typeof e=="string",transform:(e,n,t)=>{const{plugins:l,...o}=n,c=m.getMarkdownMetadata(e),u=t(c,{plugins:[{id:"markdown-metadata-plugin",canHandle:i=>typeof i=="string"||typeof i=="number"||typeof i=="boolean"||!i,transform:(i,d)=>p.renderIntlayerNode({...d,value:i,children:r.createComponent(y,r.mergeProps(o,{get children(){return r.createComponent(P.MarkdownMetadataRenderer,r.mergeProps(o,{get metadataKeyPath(){return d.keyPath},children:e}))}}))})}],dictionaryKey:o.dictionaryKey,keyPath:[]}),g=i=>p.renderIntlayerNode({...n,value:e,children:r.createComponent(y,r.mergeProps(o,{get children(){return r.createComponent(P.MarkdownRenderer,r.mergeProps(o,i,{children:e}))}})),additionalProps:{metadata:u}}),f=g();return new Proxy(f,{get(i,d,C){return d==="value"?e:d==="metadata"?u:d==="use"?k=>g(k):Reflect.get(i,d,C)}})}},R={id:"markdown-plugin",canHandle:e=>typeof e=="object"&&e?.nodeType===s.NodeType.Markdown,transform:(e,n,t)=>{const l=[...n.keyPath,{type:s.NodeType.Markdown}],o=e[s.NodeType.Markdown];return t(o,{...n,children:o,keyPath:l,plugins:[h,...n.plugins??[]]})}},v=()=>{const e={};for(const n of m.HTML_TAGS)e[n]=({children:t,...l})=>r.createComponent(q.Dynamic,r.mergeProps({component:n},l,{children:t}));return e},x=v(),L={id:"html-plugin",canHandle:e=>typeof e=="object"&&e?.nodeType===s.NodeType.HTML,transform:e=>{const n=e[s.NodeType.HTML],t=c=>{const a={...x,...c};return m.getHTML(n,a)},o=[t()];return new Proxy(o,{get(c,a,u){return a==="value"?n:a==="use"?g=>t(g):Reflect.get(c,a,u)}})}};exports.ContentSelectorRenderer=y;exports.htmlPlugin=L;exports.insertionPlugin=E;exports.intlayerNodePlugins=b;exports.markdownPlugin=R;exports.markdownStringPlugin=h;exports.solidNodePlugins=K;

package/dist/types/html/HTMLProvider.d.ts

@@ -0,0 +1,11 @@
+import { Component, ParentProps } from 'solid-js';
+import { HTMLComponents } from './types';
+type HTMLProviderValue = {
+    components?: HTMLComponents<'permissive', {}>;
+};
+export declare const useHTMLContext: () => HTMLProviderValue | undefined;
+export type HTMLProviderProps = ParentProps<{
+    components?: HTMLComponents<'permissive', {}>;
+}>;
+export declare const HTMLProvider: Component<HTMLProviderProps>;
+export {};

package/dist/types/html/HTMLRenderer.d.ts

@@ -0,0 +1,50 @@
+import { KeyPath } from '@intlayer/types';
+import { Component, JSX } from 'solid-js';
+import { HTMLComponents } from './types';
+type HTMLTagComponent = (props: {
+    children?: JSX.Element;
+    [key: string]: any;
+}) => JSX.Element;
+export declare const defaultHTMLComponents: Record<string, HTMLTagComponent>;
+export type RenderHTMLProps = {
+    /**
+     * Component overrides for HTML tags.
+     * Allows you to customize how specific HTML elements are rendered.
+     */
+    components?: HTMLComponents<'permissive', {}>;
+};
+/**
+ * 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.
+ */
+export declare const renderHTML: (content: string, { components }?: RenderHTMLProps) => JSX.Element;
+/**
+ * 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.
+ */
+export declare const useHTMLRenderer: ({ components }?: RenderHTMLProps) => (content: string) => JSX.Element;
+export type HTMLRendererProps = RenderHTMLProps & {
+    /**
+     * The HTML content to render as a string.
+     */
+    children?: string;
+    /**
+     * Alias for children, used by the plugin.
+     */
+    html?: string;
+    /**
+     * Alias for components, used by the plugin.
+     */
+    userComponents?: HTMLComponents<'permissive', {}>;
+    dictionaryKey?: string;
+    keyPath?: KeyPath[];
+};
+/**
+ * Solid component that renders HTML-like content to JSX.
+ */
+export declare const HTMLRenderer: Component<HTMLRendererProps>;
+export {};

package/dist/types/html/index.d.ts

@@ -0,0 +1,3 @@
+export * from './HTMLProvider';
+export * from './HTMLRenderer';
+export type * from './types';

package/dist/types/html/types.d.ts

@@ -0,0 +1,44 @@
+import { HTMLTagsType } from '@intlayer/core';
+import { JSX } from 'solid-js';
+/**
+ * Helper to extract specific props from the configuration value.
+ */
+type PropsFromConfig<Value> = Value extends true ? {} : Value extends object ? Value : {};
+/**
+ * Common props for all elements
+ */
+type ElementProps = JSX.HTMLAttributes<HTMLElement>;
+/**
+ * Solid Component type
+ */
+type SolidComponentType<P = {}> = (props: P) => JSX.Element;
+/**
+ * Helper: Defines the mapping for the explicitly listed keys in T.
+ * Handles whether they are Required or Optional.
+ */
+type DefinedComponents<T, IsRequired extends boolean> = IsRequired extends true ? {
+    [K in keyof T]: SolidComponentType<ElementProps & PropsFromConfig<T[K]>>;
+} : {
+    [K in keyof T]?: SolidComponentType<ElementProps & PropsFromConfig<T[K]>>;
+};
+/**
+ * Helper: Defines the standard HTML tags NOT listed in T.
+ * These are always optional when included.
+ */
+type RestHTMLComponents<T> = {
+    [K in Exclude<keyof HTMLTagsType, keyof T>]?: SolidComponentType<ElementProps>;
+};
+/**
+ * The supported modes for the HTMLComponents type.
+ */
+export type HTMLComponentMode = 'permissive' | 'optional' | 'inclusive' | 'strict';
+/**
+ * The main component definition with Mode support.
+ */
+export type HTMLComponents<Mode extends HTMLComponentMode = 'optional', T = {}> = Mode extends 'strict' ? DefinedComponents<T, true> : Mode extends 'inclusive' ? // Inclusive: Keys in T are required. Rest of HTML is optional.
+DefinedComponents<T, true> & RestHTMLComponents<T> : Mode extends 'permissive' ? // Permissive: Keys in T optional. Rest of HTML optional. Any other string allowed.
+DefinedComponents<T, false> & RestHTMLComponents<T> & {
+    [key: string]: SolidComponentType<ElementProps>;
+} : // Optional (Default): Keys in T optional. Rest of HTML optional.
+DefinedComponents<T, false> & RestHTMLComponents<T>;
+export {};

package/dist/types/index.d.ts

@@ -7,5 +7,6 @@ declare module '@intlayer/core' {
 export { getBrowserLocale, IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, type IntlayerProviderProps, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage, } from './client/index';
 export { getDictionary } from './getDictionary';
 export { getIntlayer } from './getIntlayer';
+export { HTMLProvider, HTMLRenderer, type HTMLRendererProps, type RenderHTMLProps, renderHTML, useHTMLRenderer, } from './html/index';
 export type { IntlayerNode } from './IntlayerNode';
 export { compileMarkdown, MarkdownProvider, MarkdownRenderer, useMarkdown, } from './markdown/index';

package/dist/types/markdown/MarkdownProvider.d.ts

@@ -1,22 +1,23 @@
 import { Component, JSXElement, ParentProps } from 'solid-js';
+import { HTMLComponents } from '../html/types';
 type RenderMarkdownOptions = {
-    components?: any;
+    components?: HTMLComponents<'permissive', {}>;
     wrapper?: any;
     forceBlock?: boolean;
     preserveFrontmatter?: boolean;
     tagfilter?: boolean;
 };
 type MarkdownProviderValue = {
-    renderMarkdown: (content: string, overrides?: any | RenderMarkdownOptions) => JSXElement;
+    renderMarkdown: (content: string, overrides?: HTMLComponents<'permissive', {}> | RenderMarkdownOptions) => JSXElement;
 };
 export declare const MarkdownContext: import('solid-js').Context<MarkdownProviderValue | undefined>;
 export type MarkdownProviderProps = ParentProps<{
-    components?: any;
+    components?: HTMLComponents<'permissive', {}>;
     wrapper?: any;
     forceBlock?: boolean;
     preserveFrontmatter?: boolean;
     tagfilter?: boolean;
-    renderMarkdown?: (content: string, overrides?: any | RenderMarkdownOptions) => JSXElement;
+    renderMarkdown?: (content: string, overrides?: HTMLComponents<'permissive', {}> | RenderMarkdownOptions) => JSXElement;
 }>;
 export declare const MarkdownProvider: Component<MarkdownProviderProps>;
 export declare const useMarkdown: () => MarkdownProviderValue;

package/dist/types/markdown/MarkdownRenderer.d.ts

@@ -1,11 +1,12 @@
 import { KeyPath, LocalesValues } from '@intlayer/types';
 import { Component } from 'solid-js';
+import { HTMLComponents } from '../html/types';
 type MarkdownRendererProps = {
     dictionaryKey: string;
     keyPath: KeyPath[];
     locale?: LocalesValues;
     children: string;
-    components?: any;
+    components?: HTMLComponents<'permissive', {}>;
     wrapper?: any;
     forceBlock?: boolean;
     preserveFrontmatter?: boolean;

package/dist/types/plugins.d.ts

@@ -1,6 +1,7 @@
-import { DeepTransformContent as DeepTransformContentCore, HTMLCond, IInterpreterPluginState as IInterpreterPluginStateCore, Plugins } from '@intlayer/core';
+import { DeepTransformContent as DeepTransformContentCore, IInterpreterPluginState as IInterpreterPluginStateCore, Plugins } from '@intlayer/core';
 import { DeclaredLocales, LocalesValues, NodeType } from '@intlayer/types';
 import { JSX } from 'solid-js';
+import { HTMLComponents } from './html/types';
 import { IntlayerNode } from './IntlayerNode';
 /** ---------------------------------------------
  *  INTLAYER NODE PLUGIN
@@ -33,20 +34,28 @@ export declare const insertionPlugin: Plugins;
  * MARKDOWN PLUGIN
  */
 export type MarkdownStringCond<T> = T extends string ? IntlayerNode<string, {
-    metadata: DeepTransformContentCore<string>;
+    metadata: DeepTransformContent<string>;
+    use: (components?: HTMLComponents<'permissive', {}>) => JSX.Element;
 }> : never;
 /** Markdown string plugin. Replaces string node with a component that render the markdown. */
 export declare const markdownStringPlugin: Plugins;
-export type MarkdownCond<T, S, L extends LocalesValues> = T extends {
+export type MarkdownCond<T> = T extends {
     nodeType: NodeType | string;
     [NodeType.Markdown]: infer M;
     metadata?: infer U;
+    tags?: infer U;
 } ? {
-    use: (components: any) => any;
-    metadata: DeepTransformContent<U, L>;
-} & any : never;
+    use: (components?: HTMLComponents<'permissive', U>) => JSX.Element;
+    metadata: DeepTransformContent<U>;
+} : never;
 export declare const markdownPlugin: Plugins;
-export type HTMLPluginCond<T, S, L> = HTMLCond<T, S, L>;
+export type HTMLPluginCond<T> = T extends {
+    nodeType: NodeType | string;
+    [NodeType.HTML]: infer I;
+    tags?: infer U;
+} ? {
+    use: (components?: HTMLComponents<'permissive', U>) => IntlayerNode<I>;
+} : never;
 /** HTML plugin. Replaces node with a function that takes components => JSX.Element. */
 export declare const htmlPlugin: Plugins;
 /** ---------------------------------------------
@@ -56,8 +65,8 @@ export interface IInterpreterPluginSolid<T, S, L extends LocalesValues> {
     solidNode: SolidNodeCond<T>;
     solidIntlayerNode: IntlayerNodeCond<T>;
     solidInsertion: InsertionCond<T, S, L>;
-    solidMarkdown: MarkdownCond<T, S, L>;
-    solidHtml: HTMLPluginCond<T, S, L>;
+    solidMarkdown: MarkdownCond<T>;
+    solidHtml: HTMLPluginCond<T>;
 }
 /**
  * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.
@@ -72,7 +81,3 @@ export type IInterpreterPluginState = IInterpreterPluginStateCore & {
     solidHtml: true;
 };
 export type DeepTransformContent<T, L extends LocalesValues = DeclaredLocales> = DeepTransformContentCore<T, IInterpreterPluginState, L>;
-/**
- * Default enabled state for the plugins. Those are necessary for the rendering on client side.
- */
-export declare const interpreterPluginsEnabledState: IInterpreterPluginState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-intlayer",
-  "version": "8.0.0-canary.2",
+  "version": "8.0.0-canary.4",
   "private": false,
   "description": "Easily internationalize i18n your Solid applications with type-safe multilingual content management.",
   "keywords": [
@@ -74,14 +74,14 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "8.0.0-canary.2",
-    "@intlayer/config": "8.0.0-canary.2",
-    "@intlayer/core": "8.0.0-canary.2",
-    "@intlayer/editor": "8.0.0-canary.2",
-    "@intlayer/types": "8.0.0-canary.2"
+    "@intlayer/api": "8.0.0-canary.4",
+    "@intlayer/config": "8.0.0-canary.4",
+    "@intlayer/core": "8.0.0-canary.4",
+    "@intlayer/editor": "8.0.0-canary.4",
+    "@intlayer/types": "8.0.0-canary.4"
   },
   "devDependencies": {
-    "@intlayer/unmerged-dictionaries-entry": "8.0.0-canary.2",
+    "@intlayer/unmerged-dictionaries-entry": "8.0.0-canary.4",
     "@solidjs/testing-library": "0.8.10",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/user-event": "14.6.1",

package/dist/plugins-DJinCEPo.js

@@ -1 +0,0 @@
-"use strict";const q=require("./web-Ch-xTpJg.js"),m=require("@intlayer/core"),s=require("@intlayer/types"),r=require("solid-js"),w=require("./cjs/client/IntlayerProvider.cjs");require("@intlayer/config/built");const N=require("./cjs/editor/useEditedContentRenderer.cjs"),p=require("./cjs/IntlayerNode.cjs");require("./cjs/markdown/MarkdownProvider.cjs");const f=require("./cjs/markdown/MarkdownRenderer.cjs"),T=require("./cjs/solidElement/renderSolidElement.cjs");require("./cjs/client/useLocaleStorage.cjs");require("./cjs/client/useLocaleBase.cjs");const S=require("./cjs/UI/ContentSelector.cjs");require("@intlayer/editor");require("./cjs/editor/contexts/ConfigurationContext.cjs");require("./cjs/editor/contexts/DictionariesRecordContext.cjs");require("./cjs/editor/contexts/EditedContentContext.cjs");const M=require("./cjs/editor/contexts/EditorEnabledContext.cjs");require("./cjs/editor/contexts/CommunicatorContext.cjs");const H=require("./cjs/editor/contexts/FocusDictionaryContext.cjs"),I=e=>{const{focusedContent:n,setFocusedContent:t}=H.useFocusDictionary(),a=r.createMemo(()=>e.keyPath.filter(l=>l.type!==s.NodeType.Translation)),o=()=>t({dictionaryKey:e.dictionaryKey,keyPath:a()}),c=r.createMemo(()=>(n?.dictionaryKey===e.dictionaryKey&&(n?.keyPath?.length??0)>0&&m.isSameKeyPath(n?.keyPath??[],a()))??!1);return r.createComponent(S.ContentSelector,{onPress:o,get isSelecting(){return c()},get children(){return e.children}})},y=e=>{const{enabled:n}=M.useEditorEnabled(),{disableEditor:t}=w.useIntlayerContext();return n()&&!t?r.createComponent(I,r.mergeProps(e,{get children(){return e.children}})):e.children},b={id:"intlayer-node-plugin",canHandle:e=>typeof e=="bigint"||typeof e=="string"||typeof e=="number",transform:(e,{plugins:n,...t})=>p.renderIntlayerNode({...t,value:t.children,children:r.createComponent(y,r.mergeProps(t,{get children(){return r.createComponent(N.EditedContentRenderer,r.mergeProps(t,{get children(){return t.children}}))}}))})},E={id:"solid-node-plugin",canHandle:e=>typeof e=="object"&&e?.props!==void 0||typeof Node<"u"&&e instanceof Node,transform:(e,{plugins:n,...t})=>p.renderIntlayerNode({...t,value:"[[solid-element]]",children:r.createComponent(y,r.mergeProps(t,{get children(){return typeof Node<"u"&&e instanceof Node?e:T.renderSolidElement(e)}}))})},K=(e,n)=>{const t=m.splitInsertionTemplate(e,n);return t.isSimple,t.parts},_={id:"insertion-plugin",canHandle:e=>typeof e=="object"&&e?.nodeType===s.NodeType.Insertion,transform:(e,n,t)=>{const a=[...n.keyPath,{type:s.NodeType.Insertion}],o=e[s.NodeType.Insertion];return t(o,{...n,children:o,keyPath:a,plugins:[{id:"insertion-string-plugin",canHandle:l=>typeof l=="string",transform:(l,u,g)=>{const P=g(l,{...u,children:l,plugins:[...(n.plugins??[]).filter(i=>i.id!=="intlayer-node-plugin")]});return i=>{const d=K(P,i);return g(d,{...u,plugins:n.plugins,children:d})}}},...n.plugins??[]]})}},h={id:"markdown-string-plugin",canHandle:e=>typeof e=="string",transform:(e,n,t)=>{const{plugins:a,...o}=n,c=m.getMarkdownMetadata(e),u=t(c,{plugins:[{id:"markdown-metadata-plugin",canHandle:i=>typeof i=="string"||typeof i=="number"||typeof i=="boolean"||!i,transform:(i,d)=>p.renderIntlayerNode({...d,value:i,children:r.createComponent(y,r.mergeProps(o,{get children(){return r.createComponent(f.MarkdownMetadataRenderer,r.mergeProps(o,{get metadataKeyPath(){return d.keyPath},children:e}))}}))})}],dictionaryKey:o.dictionaryKey,keyPath:[]}),g=i=>p.renderIntlayerNode({...n,value:e,children:r.createComponent(y,r.mergeProps(o,{get children(){return r.createComponent(f.MarkdownRenderer,r.mergeProps(o,i,{children:e}))}})),additionalProps:{metadata:u}}),P=g();return new Proxy(P,{get(i,d,k){return d==="value"?e:d==="metadata"?u:d==="use"?C=>g(C):Reflect.get(i,d,k)}})}},R={id:"markdown-plugin",canHandle:e=>typeof e=="object"&&e?.nodeType===s.NodeType.Markdown,transform:(e,n,t)=>{const a=[...n.keyPath,{type:s.NodeType.Markdown}],o=e[s.NodeType.Markdown];return t(o,{...n,children:o,keyPath:a,plugins:[h,...n.plugins??[]]})}},v=()=>{const e={};for(const n of m.HTML_TAGS)e[n]=({children:t,...a})=>r.createComponent(q.Dynamic,r.mergeProps({component:n},a,{children:t}));return e},x=v(),L={id:"html-plugin",canHandle:e=>typeof e=="object"&&e?.nodeType===s.NodeType.HTML,transform:e=>{const n=e[s.NodeType.HTML],t=c=>{const l={...x,...c};return m.getHTML(n,l)},o=[t()];return new Proxy(o,{get(c,l,u){return l==="value"?n:l==="use"?g=>t(g):Reflect.get(c,l,u)}})}},j={translation:!0,enumeration:!0,condition:!0,insertion:!0,nested:!0,html:!0,solidNode:!0,solidIntlayerNode:!0,solidInsertion:!0,solidMarkdown:!0,solidHtml:!0};exports.ContentSelectorRenderer=y;exports.htmlPlugin=L;exports.insertionPlugin=_;exports.interpreterPluginsEnabledState=j;exports.intlayerNodePlugins=b;exports.markdownPlugin=R;exports.markdownStringPlugin=h;exports.solidNodePlugins=E;