solid-intlayer 8.3.2 → 8.3.4

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

@@ -1,68 +1,38 @@
-import { CommunicatorProvider as e } from "./CommunicatorContext.mjs";
-import { ConfigurationProvider as t } from "./ConfigurationContext.mjs";
-import { DictionariesRecordProvider as n } from "./DictionariesRecordContext.mjs";
-import { EditedContentProvider as r, useGetEditedContentState as i } from "./EditedContentContext.mjs";
-import { EditorEnabledProvider as a, useEditorEnabled as o, useGetEditorEnabledState as s } from "./EditorEnabledContext.mjs";
-import { FocusDictionaryProvider as c } from "./FocusDictionaryContext.mjs";
-import { createComponent as l, memo as u } from "solid-js/web";
-import { createEffect as d, createSignal as f } from "solid-js";
+import { createComponent as e } from "solid-js/web";
+import t from "@intlayer/config/built";
+import { EditorStateManager as n, defineIntlayerElements as r } from "@intlayer/editor";
+import { createContext as i, onCleanup as a, onMount as o, useContext as s } from "solid-js";
 //#region src/editor/contexts/EditorProvider.tsx
-var p = (e) => {
-	let t = i();
-	return d(() => {
-		t();
-	}), l(n, { get children() {
-		return l(r, { get children() {
-			return l(c, { get children() {
-				return e.children;
-			} });
-		} });
-	} });
-}, m = (e) => {
-	let t = s(), { enabled: n } = o();
-	return d(() => {
-		n() || t();
-	}), u(() => u(() => !!n())() ? e.children : e.fallback);
-}, h = (e) => {
-	let [t, n] = f(!1);
-	return d(() => {
-		n(window.self !== window.top);
-	}), u(() => u(() => !!t())() ? e.children : e.fallback);
-}, g = (n) => l(a, { get children() {
-	return l(t, {
-		get configuration() {
-			return n.configuration;
-		},
+var { editor: c } = t ?? {}, l = () => ({
+	allowedOrigins: [
+		c?.applicationURL,
+		c?.editorURL,
+		c?.cmsURL
+	].filter(Boolean),
+	postMessageFn: (e, t) => {
+		typeof window > "u" || window.self !== window.top && (window.parent?.postMessage(e, t), window.postMessage(e, t));
+	}
+}), u = i(null), d = () => {
+	let e = s(u);
+	if (!e) throw Error("useEditorStateManager: no EditorProvider found");
+	return e;
+}, f = (i) => {
+	let s = i.postMessage || i.allowedOrigins ? {
+		allowedOrigins: i.allowedOrigins ?? ["*"],
+		postMessageFn: i.postMessage ? (e) => i.postMessage(e) : l().postMessageFn
+	} : l(), c = new n({
+		mode: i.mode ?? "client",
+		messenger: s,
+		configuration: i.configuration ?? t
+	});
+	return o(() => {
+		r(), c.start();
+	}), a(() => c.stop()), e(u.Provider, {
+		value: c,
 		get children() {
-			return l(h, {
-				get fallback() {
-					return n.children;
-				},
-				get children() {
-					return l(e, {
-						get postMessage() {
-							return n.postMessage;
-						},
-						get allowedOrigins() {
-							return n.allowedOrigins;
-						},
-						get children() {
-							return l(m, {
-								get fallback() {
-									return n.children;
-								},
-								get children() {
-									return l(p, { get children() {
-										return n.children;
-									} });
-								}
-							});
-						}
-					});
-				}
-			});
+			return i.children;
 		}
 	});
-} });
+};
 //#endregion
-export { g as EditorProvider };
+export { f as EditorProvider, d as useEditorStateManager };

package/dist/esm/editor/contexts/FocusDictionaryContext.mjs

@@ -1,42 +1,19 @@
-import { useCrossFrameState as e } from "./useCrossFrameState.mjs";
-import { createComponent as t } from "solid-js/web";
-import { createContext as n, useContext as r } from "solid-js";
-import { MessageKey as i } from "@intlayer/editor";
+import { useEditorStateManager as e } from "./EditorProvider.mjs";
+import { createSignal as t, onCleanup as n } from "solid-js";
 //#region src/editor/contexts/FocusDictionaryContext.tsx
-var a = n(void 0), o = n(void 0), s = (n) => {
-	let [r, s] = e(i.INTLAYER_FOCUSED_CONTENT_CHANGED, null), c = (e) => {
-		s((t) => t && {
-			...t,
-			keyPath: e
-		});
+var r = () => {
+	let r = e(), [i, a] = t(r.focusedContent.value ?? null), o = (e) => a(e.detail);
+	return r.focusedContent.addEventListener("change", o), n(() => r.focusedContent.removeEventListener("change", o)), {
+		focusedContent: i,
+		setFocusedContent: (e) => r.focusedContent.set(e),
+		setFocusedContentKeyPath: (e) => r.setFocusedContentKeyPath(e)
 	};
-	return t(a.Provider, {
-		get value() {
-			return { focusedContent: r() };
-		},
-		get children() {
-			return t(o.Provider, {
-				value: {
-					setFocusedContent: s,
-					setFocusedContentKeyPath: c
-				},
-				get children() {
-					return n.children;
-				}
-			});
-		}
-	});
-}, c = () => {
-	let e = r(o);
-	if (e === void 0) throw Error("useFocusDictionaryActions must be used within a FocusDictionaryProvider");
-	return e;
-}, l = () => {
-	let e = c(), t = r(a);
-	if (t === void 0) throw Error("useFocusDictionaryState must be used within a FocusDictionaryProvider");
+}, i = () => {
+	let { setFocusedContent: e, setFocusedContentKeyPath: t } = r();
 	return {
-		...t,
-		...e
+		setFocusedContent: e,
+		setFocusedContentKeyPath: t
 	};
 };
 //#endregion
-export { s as FocusDictionaryProvider, l as useFocusDictionary, c as useFocusDictionaryActions };
+export { r as useFocusDictionary, i as useFocusDictionaryActions };

package/dist/esm/editor/contexts/index.mjs

@@ -1,12 +1,13 @@
-import { useCrossFrameMessageListener as e } from "./useCrossFrameMessageListener.mjs";
-import { useCrossFrameState as t } from "./useCrossFrameState.mjs";
-import { ConfigurationProvider as n, useConfiguration as r, useConfigurationState as i } from "./ConfigurationContext.mjs";
-import { DictionariesRecordProvider as a, useDictionariesRecord as o, useDictionariesRecordActions as s } from "./DictionariesRecordContext.mjs";
-import { EditedContentProvider as c, useEditedContent as l, useEditedContentActions as u, useGetEditedContentState as d, usePostEditedContentState as f } from "./EditedContentContext.mjs";
-import { EditorEnabledProvider as p, useEditorEnabled as m, useEditorEnabledState as h, useGetEditorEnabledState as g, usePostEditorEnabledState as _ } from "./EditorEnabledContext.mjs";
-import { FocusDictionaryProvider as v, useFocusDictionary as y, useFocusDictionaryActions as b } from "./FocusDictionaryContext.mjs";
-import { EditorProvider as x } from "./EditorProvider.mjs";
-import { useCrossURLPathSetter as S, useCrossURLPathState as C } from "./useCrossURLPathState.mjs";
-import { useIframeClickInterceptor as w, useIframeClickMerger as T } from "./useIframeClickInterceptor.mjs";
+import { EditorProvider as e, useEditorStateManager as t } from "./EditorProvider.mjs";
+import { useCommunicator as n } from "./CommunicatorContext.mjs";
+import { useConfiguration as r } from "./ConfigurationContext.mjs";
+import { useDictionariesRecord as i, useDictionariesRecordActions as a } from "./DictionariesRecordContext.mjs";
+import { useEditedContent as o, useEditedContentActions as s, useGetEditedContentState as c, usePostEditedContentState as l } from "./EditedContentContext.mjs";
+import { useEditorEnabled as u, useEditorEnabledState as d, useGetEditorEnabledState as f, usePostEditorEnabledState as p } from "./EditorEnabledContext.mjs";
+import { useFocusDictionary as m, useFocusDictionaryActions as h } from "./FocusDictionaryContext.mjs";
+import { useCrossFrameMessageListener as g } from "./useCrossFrameMessageListener.mjs";
+import { useCrossFrameState as _ } from "./useCrossFrameState.mjs";
+import { useCrossURLPathSetter as v, useCrossURLPathState as y } from "./useCrossURLPathState.mjs";
+import { useIframeClickInterceptor as b, useIframeClickMerger as x } from "./useIframeClickInterceptor.mjs";
 export * from "@intlayer/editor";
-export { n as ConfigurationProvider, a as DictionariesRecordProvider, c as EditedContentProvider, p as EditorEnabledProvider, x as EditorProvider, v as FocusDictionaryProvider, r as useConfiguration, i as useConfigurationState, e as useCrossFrameMessageListener, t as useCrossFrameState, S as useCrossURLPathSetter, C as useCrossURLPathState, o as useDictionariesRecord, s as useDictionariesRecordActions, l as useEditedContent, u as useEditedContentActions, m as useEditorEnabled, h as useEditorEnabledState, y as useFocusDictionary, b as useFocusDictionaryActions, d as useGetEditedContentState, g as useGetEditorEnabledState, w as useIframeClickInterceptor, T as useIframeClickMerger, f as usePostEditedContentState, _ as usePostEditorEnabledState };
+export { e as EditorProvider, n as useCommunicator, r as useConfiguration, g as useCrossFrameMessageListener, _ as useCrossFrameState, v as useCrossURLPathSetter, y as useCrossURLPathState, i as useDictionariesRecord, a as useDictionariesRecordActions, o as useEditedContent, s as useEditedContentActions, u as useEditorEnabled, d as useEditorEnabledState, t as useEditorStateManager, m as useFocusDictionary, h as useFocusDictionaryActions, c as useGetEditedContentState, f as useGetEditorEnabledState, b as useIframeClickInterceptor, x as useIframeClickMerger, l as usePostEditedContentState, p as usePostEditorEnabledState };

package/dist/esm/editor/contexts/useCrossFrameMessageListener.mjs

@@ -1,31 +1,9 @@
-import { useCommunicator as e } from "./CommunicatorContext.mjs";
-import { onCleanup as t, onMount as n } from "solid-js";
-import { compareUrls as r } from "@intlayer/editor";
+import { useEditorStateManager as e } from "./EditorProvider.mjs";
+import { onCleanup as t } from "solid-js";
 //#region src/editor/contexts/useCrossFrameMessageListener.tsx
-var i = (i, a) => {
-	let o = e();
-	if (!o) throw Error("useCrossFrameMessageListener must be used within a CommunicatorProvider");
-	let { allowedOrigins: s, postMessage: c, senderId: l } = o;
-	return n(() => {
-		if (a) {
-			let e = (e) => {
-				let { type: t, data: n, senderId: o } = e.data;
-				t === i && o !== l && (s === void 0 || s?.filter((e) => ![
-					null,
-					void 0,
-					"",
-					"*"
-				].includes(e)).some((t) => r(t, e.origin)) || s?.includes("*")) && a(n);
-			};
-			window.addEventListener("message", e), t(() => window.removeEventListener("message", e));
-		}
-	}), (e) => {
-		c({
-			type: i,
-			data: e,
-			senderId: l
-		});
-	};
+var n = (n, r) => {
+	let i = e();
+	return r && t(i.messenger.subscribe(n, r)), (e) => i.messenger.send(n, e);
 };
 //#endregion
-export { i as useCrossFrameMessageListener };
+export { n as useCrossFrameMessageListener };

package/dist/esm/editor/contexts/useCrossFrameState.mjs

@@ -1,44 +1,24 @@
-import { useCommunicator as e } from "./CommunicatorContext.mjs";
-import { useCrossFrameMessageListener as t } from "./useCrossFrameMessageListener.mjs";
-import { createEffect as n, createSignal as r } from "solid-js";
+import { useEditorStateManager as e } from "./EditorProvider.mjs";
+import { CrossFrameStateManager as t } from "@intlayer/editor";
+import { createSignal as n, onCleanup as r } from "solid-js";
 //#region src/editor/contexts/useCrossFrameState.tsx
 var i = (i, a, o) => {
-	let { postMessage: s, senderId: c } = e() ?? {}, { emit: l, receive: u } = o ?? {
-		emit: !0,
-		receive: !0
-	}, [d, f] = r(typeof a == "function" ? a() : a);
-	return t(`${i}/post`, u ? (e) => {
-		f(() => e);
-	} : void 0), t(`${i}/get`, l ? (e, t) => {
-		l && typeof s == "function" && t !== c && d() !== void 0 && s({
-			type: `${i}/post`,
-			data: d(),
-			senderId: c
-		});
-	} : void 0), n(() => {
-		u && typeof s == "function" && d() === void 0 && s({
-			type: `${i}/get`,
-			senderId: c
-		});
-	}), [
+	let s = e(), { emit: c = !0, receive: l = !0 } = o ?? {}, u = new t(i, s.messenger, {
+		emit: c,
+		receive: l,
+		initialValue: a
+	});
+	u.start(), r(() => u.stop());
+	let [d, f] = n(u.value, { equals: !1 }), p = (e) => {
+		f(() => e.detail);
+	};
+	return u.addEventListener("change", p), r(() => u.removeEventListener("change", p)), [
 		d,
 		(e) => {
-			f((t) => {
-				let n = typeof e == "function" ? e(t) : e;
-				return l && typeof s == "function" && n !== void 0 && s({
-					type: `${i}/post`,
-					data: n,
-					senderId: c
-				}), n;
-			});
+			let t = typeof e == "function" ? e(d()) : e;
+			u.set(t);
 		},
-		() => {
-			typeof s == "function" && s({
-				type: `${i}/post`,
-				data: d(),
-				senderId: c
-			});
-		}
+		() => u.postCurrentValue()
 	];
 };
 //#endregion

package/dist/esm/editor/contexts/useCrossURLPathState.mjs

@@ -1,24 +1,4 @@
-import { useCrossFrameState as e } from "./useCrossFrameState.mjs";
-import { onCleanup as t, onMount as n } from "solid-js";
-import { MessageKey as r } from "@intlayer/editor";
 //#region src/editor/contexts/useCrossURLPathState.tsx
-var i = (t, n) => e(r.INTLAYER_URL_CHANGE, t, n), a = (e) => {
-	let r = i(e, {
-		emit: !0,
-		receive: !1
-	}), [a, o] = r;
-	return n(() => {
-		let e = history.pushState, n = history.replaceState, r = (e) => function(...t) {
-			e.apply(this, t), window.dispatchEvent(new Event("locationchange"));
-		};
-		history.pushState = r(e), history.replaceState = r(n);
-		let i = () => {
-			o(window.location.pathname);
-		};
-		window.addEventListener("locationchange", i), window.addEventListener("popstate", i), window.addEventListener("hashchange", i), window.addEventListener("load", i), i(), t(() => {
-			window.removeEventListener("locationchange", i), window.removeEventListener("popstate", i), window.removeEventListener("hashchange", i), window.removeEventListener("load", i), history.pushState = e, history.replaceState = n;
-		});
-	}), r;
-};
+var e = () => {}, t = () => {};
 //#endregion
-export { a as useCrossURLPathSetter, i as useCrossURLPathState };
+export { e as useCrossURLPathSetter, t as useCrossURLPathState };

package/dist/esm/editor/contexts/useIframeClickInterceptor.mjs

@@ -1,17 +1,10 @@
 import { useCrossFrameMessageListener as e } from "./useCrossFrameMessageListener.mjs";
-import { onCleanup as t, onMount as n } from "solid-js";
-import { MessageKey as r, mergeIframeClick as i } from "@intlayer/editor";
+import { MessageKey as t, mergeIframeClick as n } from "@intlayer/editor";
 //#region src/editor/contexts/useIframeClickInterceptor.tsx
-var a = () => {
-	let i = e(r.INTLAYER_IFRAME_CLICKED);
-	n(() => {
-		let e = (e) => {
-			i();
-		};
-		document.addEventListener("mousedown", e), t(() => {
-			document.removeEventListener("mousedown", e);
-		});
-	});
-}, o = () => e(r.INTLAYER_IFRAME_CLICKED, i);
+var r = () => {
+	e(t.INTLAYER_IFRAME_CLICKED);
+}, i = () => {
+	e(t.INTLAYER_IFRAME_CLICKED, n);
+};
 //#endregion
-export { a as useIframeClickInterceptor, o as useIframeClickMerger };
+export { r as useIframeClickInterceptor, i as useIframeClickMerger };

package/dist/esm/editor/index.mjs

@@ -1,2 +1,2 @@
-import { l as e } from "../../getDictionary-DKdSGWHu.mjs";
+import { l as e } from "../../getDictionary-DdbGMGJZ.mjs";
 export { e as ContentSelectorRenderer };

package/dist/esm/editor/useEditedContentRenderer.mjs

@@ -1,16 +1,19 @@
 import { useEditedContentActions as e } from "./contexts/EditedContentContext.mjs";
-import { getContent as t } from "@intlayer/core/interpreter";
+import { getBasePlugins as t, getContent as n } from "@intlayer/core/interpreter";
 //#region src/editor/useEditedContentRenderer.tsx
-var n = ({ dictionaryKey: t, keyPath: n, children: r }) => {
+var r = ({ dictionaryKey: t, keyPath: n, children: r }) => {
 	let i = e();
 	return i ? i.getEditedContentValue(t, n) ?? r : r;
-}, r = (e) => {
-	let r = n(e);
-	if (typeof r == "object") {
-		let n = t(r, e, e.locale);
-		return typeof n == "string" ? n : (console.error(`Incorrect edited content format. Content type: ${typeof n}. Expected string. Value ${JSON.stringify(n)}`), e.children);
+}, i = (e) => {
+	let i = r(e);
+	if (typeof i == "object") {
+		let r = n(i, {
+			...e,
+			locale: e.locale
+		}, t(e.locale));
+		return typeof r == "string" ? r : (console.error(`Incorrect edited content format. Content type: ${typeof r}. Expected string. Value ${JSON.stringify(r)}`), e.children);
 	}
-	return r;
+	return i;
 };
 //#endregion
-export { r as EditedContentRenderer, n as useEditedContentRenderer };
+export { i as EditedContentRenderer, r as useEditedContentRenderer };

package/dist/esm/getDictionary.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../getDictionary-DKdSGWHu.mjs";
+import { t as e } from "../getDictionary-DdbGMGJZ.mjs";
 export { e as getDictionary };

package/dist/esm/getIntlayer.mjs

@@ -1,2 +1,2 @@
-import { d as e } from "../getDictionary-DKdSGWHu.mjs";
+import { d as e } from "../getDictionary-DdbGMGJZ.mjs";
 export { e as getIntlayer };

package/dist/esm/index.mjs

@@ -3,7 +3,7 @@ import { IntlayerClientContext as o, IntlayerProvider as s, IntlayerProviderCont
 import { useIntl as u } from "./client/format/useIntl.mjs";
 import { getBrowserLocale as d } from "./client/getBrowserLocale.mjs";
 import { t as f } from "./client/t.mjs";
-import { d as p, f as m, m as h, p as g, t as _, u as v } from "../getDictionary-DKdSGWHu.mjs";
+import { d as p, f as m, m as h, p as g, t as _, u as v } from "../getDictionary-DdbGMGJZ.mjs";
 import { useLoadDynamic as y } from "./client/useLoadDynamic.mjs";
 import { useLocale as b } from "./client/useLocale.mjs";
 import { useLocaleBase as x } from "./client/useLocaleBase.mjs";

package/dist/esm/plugins.mjs

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o } from "../getDictionary-DKdSGWHu.mjs";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o } from "../getDictionary-DdbGMGJZ.mjs";
 export { r as getPlugins, a as htmlPlugin, n as insertionPlugin, e as intlayerNodePlugins, i as markdownPlugin, o as markdownStringPlugin, t as solidNodePlugins };

package/dist/getDictionary-DdbGMGJZ.mjs

@@ -0,0 +1,197 @@
+import { renderIntlayerNode as e } from "./esm/IntlayerNode.mjs";
+import { useEditorStateManager as t } from "./esm/editor/contexts/EditorProvider.mjs";
+import { useEditorEnabled as n } from "./esm/editor/contexts/EditorEnabledContext.mjs";
+import { useFocusDictionary as r } from "./esm/editor/contexts/FocusDictionaryContext.mjs";
+import { IntlayerClientContext as i, useIntlayerContext as a } from "./esm/client/IntlayerProvider.mjs";
+import { useLoadDynamic as o } from "./esm/client/useLoadDynamic.mjs";
+import { EditedContentRenderer as s } from "./esm/editor/useEditedContentRenderer.mjs";
+import { MarkdownMetadataRenderer as c, MarkdownRenderer as l } from "./esm/markdown/MarkdownRenderer.mjs";
+import { renderSolidElement as u } from "./esm/solidElement/renderSolidElement.mjs";
+import { conditionPlugin as d, enumerationPlugin as f, filePlugin as p, genderPlugin as m, getDictionary as ee, getHTML as h, getIntlayer as g, nestedPlugin as _, splitInsertionTemplate as v, translationPlugin as y } from "@intlayer/core/interpreter";
+import { Dynamic as te, createComponent as b, effect as x, getOwner as S, insert as C, mergeProps as w, template as T, use as E } from "solid-js/web";
+import D from "@intlayer/config/built";
+import { getMarkdownMetadata as O } from "@intlayer/core/markdown";
+import { HTML_TAGS as ne } from "@intlayer/core/transpiler";
+import { NodeType as k } from "@intlayer/types/nodeType";
+import { isSameKeyPath as A } from "@intlayer/core/utils";
+import { MessageKey as j, defineIntlayerElements as M } from "@intlayer/editor";
+import { createMemo as N, onCleanup as P, onMount as F, useContext as I } from "solid-js";
+//#region src/client/useDictionary.ts
+var L = (e, t) => {
+	let n = I(i);
+	return N(() => $(e, t ?? n?.locale?.()));
+}, R = async (e, t) => {
+	let { locale: n } = I(i), r = D?.internationalization.defaultLocale, a = t ?? n() ?? r;
+	return L(await e[a]?.(), a);
+}, z = (e, t, n) => {
+	let { locale: r } = I(i) ?? {}, a = D?.internationalization.defaultLocale, s = n ?? r?.() ?? a;
+	return L(o(`${String(t)}.${s}`, e[s]?.()), s);
+}, B = (e, t) => g(e, t, Q(t)), V = (e, t) => {
+	let n = I(i);
+	return N(() => {
+		let r = n?.locale();
+		return B(e, t ?? r);
+	});
+}, H = /* @__PURE__ */ T("<intlayer-content-selector>", !0, !1, !1), U = (e) => {
+	let { focusedContent: n, setFocusedContent: i } = r(), a = t(), o = N(() => e.keyPath.filter((e) => e.type !== k.Translation)), s = N(() => (n()?.dictionaryKey === e.dictionaryKey && (n()?.keyPath?.length ?? 0) > 0 && A(n()?.keyPath ?? [], o())) ?? !1), c, l = () => {
+		i({
+			dictionaryKey: e.dictionaryKey,
+			keyPath: o()
+		});
+	}, u = () => {
+		a.messenger.send(`${j.INTLAYER_HOVERED_CONTENT_CHANGED}/post`, {
+			dictionaryKey: e.dictionaryKey,
+			keyPath: o()
+		});
+	}, d = () => {
+		a.messenger.send(`${j.INTLAYER_HOVERED_CONTENT_CHANGED}/post`, null);
+	};
+	return F(() => {
+		c && (c.addEventListener("intlayer:press", l), c.addEventListener("intlayer:hover", u), c.addEventListener("intlayer:unhover", d), P(() => {
+			c?.removeEventListener("intlayer:press", l), c?.removeEventListener("intlayer:hover", u), c?.removeEventListener("intlayer:unhover", d);
+		}));
+	}), (() => {
+		var t = H(), n = c;
+		return typeof n == "function" ? E(n, t) : c = t, t._$owner = S(), C(t, () => e.children), x(() => t.isSelecting = s() || void 0), t;
+	})();
+}, W = (e) => {
+	let { enabled: t } = n(), { disableEditor: r } = a();
+	return F(() => M()), t() && !r ? b(U, w(e, { get children() {
+		return e.children;
+	} })) : e.children;
+}, G = {
+	id: "intlayer-node-plugin",
+	canHandle: (e) => typeof e == "bigint" || typeof e == "string" || typeof e == "number",
+	transform: (t, { plugins: n, ...r }) => e({
+		...r,
+		value: r.children,
+		children: D?.editor.enabled ? b(W, w(r, { get children() {
+			return b(s, w(r, { get children() {
+				return r.children;
+			} }));
+		} })) : r.children
+	})
+}, K = {
+	id: "solid-node-plugin",
+	canHandle: (e) => typeof e == "object" && e?.props !== void 0 || typeof Node < "u" && e instanceof Node,
+	transform: (t, { plugins: n, ...r }) => e({
+		...r,
+		value: "[[solid-element]]",
+		children: D?.editor.enabled ? b(W, w(r, { get children() {
+			return typeof Node < "u" && t instanceof Node ? t : u(t);
+		} })) : typeof Node < "u" && t instanceof Node ? t : u(t)
+	})
+}, q = (e, t) => {
+	let n = v(e, t);
+	return n.isSimple, n.parts;
+}, J = {
+	id: "insertion-plugin",
+	canHandle: (e) => typeof e == "object" && e?.nodeType === k.Insertion,
+	transform: (e, t, n) => {
+		let r = [...t.keyPath, { type: k.Insertion }], i = e[k.Insertion];
+		return (e) => {
+			let a = {
+				id: "insertion-string-plugin",
+				canHandle: (e) => typeof e == "string",
+				transform: (n, r, i) => {
+					let a = q(i(n, {
+						...r,
+						children: n,
+						plugins: [...(t.plugins ?? []).filter((e) => e.id !== "intlayer-node-plugin")]
+					}), e);
+					return i(a, {
+						...r,
+						plugins: t.plugins,
+						children: a
+					});
+				}
+			};
+			return n(i, {
+				...t,
+				children: i,
+				keyPath: r,
+				plugins: [a, ...t.plugins ?? []]
+			});
+		};
+	}
+}, Y = {
+	id: "markdown-string-plugin",
+	canHandle: (e) => typeof e == "string",
+	transform: (t, n, r) => {
+		let { plugins: i, ...a } = n, o = r(O(t), {
+			plugins: [{
+				id: "markdown-metadata-plugin",
+				canHandle: (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || !e,
+				transform: (n, r) => e({
+					...r,
+					value: n,
+					children: b(W, w(a, { get children() {
+						return b(c, w(a, {
+							get metadataKeyPath() {
+								return r.keyPath;
+							},
+							children: t
+						}));
+					} }))
+				})
+			}],
+			dictionaryKey: a.dictionaryKey,
+			keyPath: []
+		}), s = (r) => e({
+			...n,
+			value: t,
+			children: b(W, w(a, { get children() {
+				return b(l, w(a, {
+					components: r,
+					children: t
+				}));
+			} })),
+			additionalProps: { metadata: o }
+		}), u = s();
+		return new Proxy(u, { get(e, n, r) {
+			return n === "value" ? t : n === "metadata" ? o : n === "use" ? (e) => s(e) : Reflect.get(e, n, r);
+		} });
+	}
+}, X = {
+	id: "markdown-plugin",
+	canHandle: (e) => typeof e == "object" && e?.nodeType === k.Markdown,
+	transform: (e, t, n) => {
+		let r = [...t.keyPath, { type: k.Markdown }], i = e[k.Markdown];
+		return n(i, {
+			...t,
+			children: i,
+			keyPath: r,
+			plugins: [Y, ...t.plugins ?? []]
+		});
+	}
+}, re = (() => {
+	let e = {};
+	for (let t of ne) e[t] = ({ children: e, ...n }) => b(te, w({ component: t }, n, { children: e }));
+	return e;
+})(), Z = {
+	id: "html-plugin",
+	canHandle: (e) => typeof e == "object" && e?.nodeType === k.HTML,
+	transform: (e) => {
+		let t = e[k.HTML], n = (e) => h(t, {
+			...re,
+			...e
+		}), r = [n()];
+		return new Proxy(r, { get(e, r, i) {
+			return r === "value" ? t : r === "use" ? (e) => n(e) : Reflect.get(e, r, i);
+		} });
+	}
+}, Q = (e, t = !0) => [
+	y(e ?? D.internationalization.defaultLocale, t ? D.internationalization.defaultLocale : void 0),
+	f,
+	d,
+	_(e ?? D.internationalization.defaultLocale),
+	p,
+	m,
+	G,
+	K,
+	J,
+	X,
+	Z
+], $ = (e, t) => ee(e, t, Q(t));
+//#endregion
+export { G as a, K as c, B as d, z as f, J as i, W as l, L as m, Q as n, X as o, R as p, Z as r, Y as s, $ as t, V as u };

package/dist/getDictionary-PBgZNa_l.js

@@ -0,0 +1 @@
+const e=require(`./chunk-C91j1N6u.js`),t=require(`./cjs/IntlayerNode.cjs`),n=require(`./cjs/editor/contexts/EditorProvider.cjs`),r=require(`./cjs/editor/contexts/EditorEnabledContext.cjs`),i=require(`./cjs/editor/contexts/FocusDictionaryContext.cjs`),a=require(`./cjs/client/IntlayerProvider.cjs`),o=require(`./cjs/client/useLoadDynamic.cjs`),s=require(`./cjs/editor/useEditedContentRenderer.cjs`),c=require(`./cjs/markdown/MarkdownRenderer.cjs`),l=require(`./cjs/solidElement/renderSolidElement.cjs`);let u=require(`@intlayer/core/interpreter`),d=require(`solid-js/web`),f=require(`@intlayer/config/built`);f=e.t(f);let p=require(`@intlayer/core/markdown`),m=require(`@intlayer/core/transpiler`),h=require(`@intlayer/types/nodeType`),g=require(`@intlayer/core/utils`),_=require(`@intlayer/editor`),v=require(`solid-js`);var y=(e,t)=>{let n=(0,v.useContext)(a.IntlayerClientContext);return(0,v.createMemo)(()=>I(e,t??n?.locale?.()))},b=async(e,t)=>{let{locale:n}=(0,v.useContext)(a.IntlayerClientContext),r=f.default?.internationalization.defaultLocale,i=t??n()??r;return y(await e[i]?.(),i)},x=(e,t,n)=>{let{locale:r}=(0,v.useContext)(a.IntlayerClientContext)??{},i=f.default?.internationalization.defaultLocale,s=n??r?.()??i;return y(o.useLoadDynamic(`${String(t)}.${s}`,e[s]?.()),s)},S=(e,t)=>(0,u.getIntlayer)(e,t,F(t)),C=(e,t)=>{let n=(0,v.useContext)(a.IntlayerClientContext);return(0,v.createMemo)(()=>{let r=n?.locale();return S(e,t??r)})},w=(0,d.template)(`<intlayer-content-selector>`,!0,!1,!1),T=e=>{let{focusedContent:t,setFocusedContent:r}=i.useFocusDictionary(),a=n.useEditorStateManager(),o=(0,v.createMemo)(()=>e.keyPath.filter(e=>e.type!==h.NodeType.Translation)),s=(0,v.createMemo)(()=>(t()?.dictionaryKey===e.dictionaryKey&&(t()?.keyPath?.length??0)>0&&(0,g.isSameKeyPath)(t()?.keyPath??[],o()))??!1),c,l=()=>{r({dictionaryKey:e.dictionaryKey,keyPath:o()})},u=()=>{a.messenger.send(`${_.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,{dictionaryKey:e.dictionaryKey,keyPath:o()})},f=()=>{a.messenger.send(`${_.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,null)};return(0,v.onMount)(()=>{c&&(c.addEventListener(`intlayer:press`,l),c.addEventListener(`intlayer:hover`,u),c.addEventListener(`intlayer:unhover`,f),(0,v.onCleanup)(()=>{c?.removeEventListener(`intlayer:press`,l),c?.removeEventListener(`intlayer:hover`,u),c?.removeEventListener(`intlayer:unhover`,f)}))}),(()=>{var t=w(),n=c;return typeof n==`function`?(0,d.use)(n,t):c=t,t._$owner=(0,d.getOwner)(),(0,d.insert)(t,()=>e.children),(0,d.effect)(()=>t.isSelecting=s()||void 0),t})()},E=e=>{let{enabled:t}=r.useEditorEnabled(),{disableEditor:n}=a.useIntlayerContext();return(0,v.onMount)(()=>(0,_.defineIntlayerElements)()),t()&&!n?(0,d.createComponent)(T,(0,d.mergeProps)(e,{get children(){return e.children}})):e.children},D={id:`intlayer-node-plugin`,canHandle:e=>typeof e==`bigint`||typeof e==`string`||typeof e==`number`,transform:(e,{plugins:n,...r})=>t.renderIntlayerNode({...r,value:r.children,children:f.default?.editor.enabled?(0,d.createComponent)(E,(0,d.mergeProps)(r,{get children(){return(0,d.createComponent)(s.EditedContentRenderer,(0,d.mergeProps)(r,{get children(){return r.children}}))}})):r.children})},O={id:`solid-node-plugin`,canHandle:e=>typeof e==`object`&&e?.props!==void 0||typeof Node<`u`&&e instanceof Node,transform:(e,{plugins:n,...r})=>t.renderIntlayerNode({...r,value:`[[solid-element]]`,children:f.default?.editor.enabled?(0,d.createComponent)(E,(0,d.mergeProps)(r,{get children(){return typeof Node<`u`&&e instanceof Node?e:l.renderSolidElement(e)}})):typeof Node<`u`&&e instanceof Node?e:l.renderSolidElement(e)})},k=(e,t)=>{let n=(0,u.splitInsertionTemplate)(e,t);return n.isSimple,n.parts},A={id:`insertion-plugin`,canHandle:e=>typeof e==`object`&&e?.nodeType===h.NodeType.Insertion,transform:(e,t,n)=>{let r=[...t.keyPath,{type:h.NodeType.Insertion}],i=e[h.NodeType.Insertion];return e=>{let a={id:`insertion-string-plugin`,canHandle:e=>typeof e==`string`,transform:(n,r,i)=>{let a=k(i(n,{...r,children:n,plugins:[...(t.plugins??[]).filter(e=>e.id!==`intlayer-node-plugin`)]}),e);return i(a,{...r,plugins:t.plugins,children:a})}};return n(i,{...t,children:i,keyPath:r,plugins:[a,...t.plugins??[]]})}}},j={id:`markdown-string-plugin`,canHandle:e=>typeof e==`string`,transform:(e,n,r)=>{let{plugins:i,...a}=n,o=r((0,p.getMarkdownMetadata)(e),{plugins:[{id:`markdown-metadata-plugin`,canHandle:e=>typeof e==`string`||typeof e==`number`||typeof e==`boolean`||!e,transform:(n,r)=>t.renderIntlayerNode({...r,value:n,children:(0,d.createComponent)(E,(0,d.mergeProps)(a,{get children(){return(0,d.createComponent)(c.MarkdownMetadataRenderer,(0,d.mergeProps)(a,{get metadataKeyPath(){return r.keyPath},children:e}))}}))})}],dictionaryKey:a.dictionaryKey,keyPath:[]}),s=r=>t.renderIntlayerNode({...n,value:e,children:(0,d.createComponent)(E,(0,d.mergeProps)(a,{get children(){return(0,d.createComponent)(c.MarkdownRenderer,(0,d.mergeProps)(a,{components:r,children:e}))}})),additionalProps:{metadata:o}}),l=s();return new Proxy(l,{get(t,n,r){return n===`value`?e:n===`metadata`?o:n===`use`?e=>s(e):Reflect.get(t,n,r)}})}},M={id:`markdown-plugin`,canHandle:e=>typeof e==`object`&&e?.nodeType===h.NodeType.Markdown,transform:(e,t,n)=>{let r=[...t.keyPath,{type:h.NodeType.Markdown}],i=e[h.NodeType.Markdown];return n(i,{...t,children:i,keyPath:r,plugins:[j,...t.plugins??[]]})}},N=(()=>{let e={};for(let t of m.HTML_TAGS)e[t]=({children:e,...n})=>(0,d.createComponent)(d.Dynamic,(0,d.mergeProps)({component:t},n,{children:e}));return e})(),P={id:`html-plugin`,canHandle:e=>typeof e==`object`&&e?.nodeType===h.NodeType.HTML,transform:e=>{let t=e[h.NodeType.HTML],n=e=>(0,u.getHTML)(t,{...N,...e}),r=[n()];return new Proxy(r,{get(e,r,i){return r===`value`?t:r===`use`?e=>n(e):Reflect.get(e,r,i)}})}},F=(e,t=!0)=>[(0,u.translationPlugin)(e??f.default.internationalization.defaultLocale,t?f.default.internationalization.defaultLocale:void 0),u.enumerationPlugin,u.conditionPlugin,(0,u.nestedPlugin)(e??f.default.internationalization.defaultLocale),u.filePlugin,u.genderPlugin,D,O,A,M,P],I=(e,t)=>(0,u.getDictionary)(e,t,F(t));Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return C}});

package/dist/types/editor/ContentSelectorWrapper.d.ts

@@ -1,5 +1,15 @@
 import { NodeProps } from '@intlayer/core/interpreter';
 import { Component, JSX } from 'solid-js';
+declare module 'solid-js' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'intlayer-content-selector': JSX.HTMLAttributes<HTMLElement> & {
+                'is-selecting'?: boolean | undefined;
+                'press-duration'?: number;
+            };
+        }
+    }
+}
 export type ContentSelectorWrapperProps = NodeProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children'> & {
     children?: JSX.Element;
 };