vue-intlayer 8.3.4 → 8.4.0

package/dist/esm/format/useNumber.mjs

@@ -1,4 +1,4 @@
-import { C as e } from "../../getDictionary-5DAguynf.mjs";
+import { t as e } from "../../installIntlayer-CJaEylqu.mjs";
 import { computed as t, inject as n } from "vue";
 import { number as r } from "@intlayer/core/formatters";
 //#region src/format/useNumber.ts

package/dist/esm/format/usePercentage.mjs

@@ -1,4 +1,4 @@
-import { C as e } from "../../getDictionary-5DAguynf.mjs";
+import { t as e } from "../../installIntlayer-CJaEylqu.mjs";
 import { computed as t, inject as n } from "vue";
 import { percentage as r } from "@intlayer/core/formatters";
 //#region src/format/usePercentage.ts

package/dist/esm/format/useRelativeTime.mjs

@@ -1,4 +1,4 @@
-import { C as e } from "../../getDictionary-5DAguynf.mjs";
+import { t as e } from "../../installIntlayer-CJaEylqu.mjs";
 import { computed as t, inject as n } from "vue";
 import { relativeTime as r } from "@intlayer/core/formatters";
 //#region src/format/useRelativeTime.ts

package/dist/esm/format/useUnit.mjs

@@ -1,4 +1,4 @@
-import { C as e } from "../../getDictionary-5DAguynf.mjs";
+import { t as e } from "../../installIntlayer-CJaEylqu.mjs";
 import { computed as t, inject as n } from "vue";
 import { units as r } from "@intlayer/core/formatters";
 //#region src/format/useUnit.ts

package/dist/esm/getDictionary.mjs

@@ -1,2 +1,6 @@
-import { t as e } from "../getDictionary-5DAguynf.mjs";
-export { e as getDictionary };
+import { getPlugins as e } from "./plugins.mjs";
+import { getDictionary as t } from "@intlayer/core/interpreter";
+//#region src/getDictionary.ts
+var n = (n, r) => t(n, r, e(r));
+//#endregion
+export { n as getDictionary };

package/dist/esm/getIntlayer.mjs

@@ -1,2 +1,6 @@
-import { p as e } from "../getDictionary-5DAguynf.mjs";
-export { e as getIntlayer };
+import { getPlugins as e } from "./plugins.mjs";
+import { getIntlayer as t } from "@intlayer/core/interpreter";
+//#region src/getIntlayer.ts
+var n = (n, r) => t(n, r, e(r));
+//#endregion
+export { n as getIntlayer };

package/dist/esm/index.mjs

@@ -1,22 +1,22 @@
-import { INTLAYER_EDITOR_MANAGER_SYMBOL as e, getEditorStateManager as t, installIntlayerEditor as n } from "./editor/installIntlayerEditor.mjs";
-import { useEditorEnabled as r } from "./editor/editorEnabled.mjs";
-import { useFocusDictionary as i } from "./editor/focusDictionary.mjs";
-import { t as a } from "../ContentSelectorWrapper-B7p44V28.mjs";
-import { useConfiguration as o } from "./editor/configuration.mjs";
-import { useDictionariesRecord as s } from "./editor/dictionariesRecord.mjs";
-import { useEditedContent as c } from "./editor/editedContent.mjs";
-import { C as l, S as u, T as d, _ as f, a as p, b as m, c as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, w as j, x as M, y as N } from "../getDictionary-5DAguynf.mjs";
+import e, { createVueRuntime as t } from "./markdown/runtime.mjs";
+import { RuleType as n, compile as r, compileMarkdown as i, compiler as a, sanitizer as o, slugify as s } from "./markdown/compiler.mjs";
+import { INTLAYER_MARKDOWN_SYMBOL as c, createIntlayerMarkdownClient as l, installIntlayerMarkdown as u, useMarkdown as d } from "./markdown/installIntlayerMarkdown.mjs";
+import { getPlugins as f, htmlPlugin as p, insertionPlugin as m, intlayerNodePlugins as h, markdownPlugin as g, markdownStringPlugin as _ } from "./plugins.mjs";
+import { getDictionary as v } from "./getDictionary.mjs";
+import { getIntlayer as y } from "./getIntlayer.mjs";
+import { i as b, n as x, r as S, t as C } from "../installIntlayer-CJaEylqu.mjs";
+import { atPath as w, createIntlayerLeafProxy as T, isComponentLike as E, isIntlayerNode as D, isObjectLike as O, toComponent as k, useDictionary as A } from "./client/useDictionary.mjs";
+import { useDictionaryAsync as j } from "./client/useDictionaryAsync.mjs";
+import { useDictionaryDynamic as M } from "./client/useDictionaryDynamic.mjs";
+import { useIntlayer as N } from "./client/useIntlayer.mjs";
 import { useLoadDynamic as P } from "./client/useLoadDynamic.mjs";
-import { useCrossFrameMessageListener as F } from "./editor/useCrossFrameMessageListener.mjs";
-import { useCrossFrameState as I } from "./editor/useCrossFrameState.mjs";
-import { useIframeClickInterceptor as L, useIframeClickMerger as R } from "./editor/useIframeClickInterceptor.mjs";
-import z, { createVueRuntime as B } from "./markdown/runtime.mjs";
-import { RuleType as V, compile as H, compileMarkdown as U, compiler as W, sanitizer as G, slugify as K } from "./markdown/compiler.mjs";
-import { INTLAYER_MARKDOWN_SYMBOL as q, createIntlayerMarkdownClient as J, installIntlayerMarkdown as Y, useMarkdown as X } from "./markdown/installIntlayerMarkdown.mjs";
-import { useIntl as Z } from "./format/useIntl.mjs";
-import { INTLAYER_HTML_SYMBOL as Q, createIntlayerHTMLClient as $, installIntlayerHTML as ee, useHTML as te } from "./html/installIntlayerHTML.mjs";
-import { HTMLRenderer as ne, renderHTML as re, useHTMLRenderer as ie } from "./html/HTMLRenderer.mjs";
+import { useLocale as F } from "./client/useLocale.mjs";
+import { useRewriteURL as I } from "./client/useRewriteURL.mjs";
+import "./client/index.mjs";
+import { useIntl as L } from "./format/useIntl.mjs";
+import { INTLAYER_HTML_SYMBOL as R, createIntlayerHTMLClient as z, installIntlayerHTML as B, useHTML as V } from "./html/installIntlayerHTML.mjs";
+import { HTMLRenderer as H, renderHTML as U, useHTMLRenderer as W } from "./html/HTMLRenderer.mjs";
 import "./html/index.mjs";
-import { MarkdownRenderer as ae, renderMarkdown as oe, useMarkdownRenderer as se } from "./markdown/MarkdownRenderer.mjs";
+import { MarkdownRenderer as G, renderMarkdown as K, useMarkdownRenderer as q } from "./markdown/MarkdownRenderer.mjs";
 import "./markdown/index.mjs";
-export { a as ContentSelectorWrapper, ne as HTMLRenderer, e as INTLAYER_EDITOR_MANAGER_SYMBOL, Q as INTLAYER_HTML_SYMBOL, q as INTLAYER_MARKDOWN_SYMBOL, l as INTLAYER_SYMBOL, ae as MarkdownRenderer, V as RuleType, v as atPath, H as compile, U as compileMarkdown, W as compiler, j as createIntlayerClient, $ as createIntlayerHTMLClient, f as createIntlayerLeafProxy, J as createIntlayerMarkdownClient, B as createVueRuntime, O as getDictionary, t as getEditorStateManager, T as getIntlayer, C as getPlugins, E as htmlPlugin, b as insertionPlugin, d as installIntlayer, n as installIntlayerEditor, ee as installIntlayerHTML, Y as installIntlayerMarkdown, p as intlayerNodePlugins, A as isComponentLike, N as isIntlayerNode, m as isObjectLike, w as markdownPlugin, D as markdownStringPlugin, re as renderHTML, oe as renderMarkdown, G as sanitizer, K as slugify, M as toComponent, o as useConfiguration, F as useCrossFrameMessageListener, I as useCrossFrameState, s as useDictionariesRecord, u as useDictionary, y as useDictionaryAsync, S as useDictionaryDynamic, c as useEditedContent, h as useEditor, r as useEditorEnabled, x as useEditorLocale, i as useFocusDictionary, te as useHTML, ie as useHTMLRenderer, L as useIframeClickInterceptor, R as useIframeClickMerger, Z as useIntl, _ as useIntlayer, P as useLoadDynamic, g as useLocale, X as useMarkdown, se as useMarkdownRenderer, k as useRewriteURL, z as vueRuntime };
+export { H as HTMLRenderer, R as INTLAYER_HTML_SYMBOL, c as INTLAYER_MARKDOWN_SYMBOL, C as INTLAYER_SYMBOL, G as MarkdownRenderer, n as RuleType, w as atPath, r as compile, i as compileMarkdown, a as compiler, x as createIntlayerClient, z as createIntlayerHTMLClient, T as createIntlayerLeafProxy, l as createIntlayerMarkdownClient, t as createVueRuntime, v as getDictionary, y as getIntlayer, f as getPlugins, p as htmlPlugin, m as insertionPlugin, S as installIntlayer, B as installIntlayerHTML, u as installIntlayerMarkdown, h as intlayerNodePlugins, E as isComponentLike, D as isIntlayerNode, O as isObjectLike, g as markdownPlugin, _ as markdownStringPlugin, U as renderHTML, K as renderMarkdown, o as sanitizer, s as slugify, k as toComponent, A as useDictionary, j as useDictionaryAsync, M as useDictionaryDynamic, b as useEditor, V as useHTML, W as useHTMLRenderer, L as useIntl, N as useIntlayer, P as useLoadDynamic, F as useLocale, d as useMarkdown, q as useMarkdownRenderer, I as useRewriteURL, e as vueRuntime };

package/dist/esm/plugins.mjs

@@ -1,2 +1,171 @@
-import { a as e, i as t, n, o as r, r as i, s as a } from "../getDictionary-5DAguynf.mjs";
-export { n as getPlugins, i as htmlPlugin, t as insertionPlugin, e as intlayerNodePlugins, r as markdownPlugin, a as markdownStringPlugin };
+import { t as e } from "../ContentSelector-4HDV-6f8.mjs";
+import { useMarkdown as t } from "./markdown/installIntlayerMarkdown.mjs";
+import { renderIntlayerNode as n } from "./renderIntlayerNode.mjs";
+import { conditionPlugin as r, enumerationPlugin as i, filePlugin as a, genderPlugin as o, getHTML as s, nestedPlugin as c, splitInsertionTemplate as l, translationPlugin as u } from "@intlayer/core/interpreter";
+import d from "@intlayer/config/built";
+import { getMarkdownMetadata as f } from "@intlayer/core/markdown";
+import { HTML_TAGS as p } from "@intlayer/core/transpiler";
+import { NodeType as m } from "@intlayer/types/nodeType";
+import { Fragment as h, h as g, markRaw as _ } from "vue";
+//#region src/plugins.ts
+var v = {
+	id: "intlayer-node-plugin",
+	canHandle: (e) => typeof e == "bigint" || typeof e == "string" || typeof e == "number",
+	transform: (t, { children: r, ...i }) => {
+		let a = (t) => n({
+			...i,
+			value: t,
+			children: d?.editor.enabled ? () => g(e, {
+				dictionaryKey: i.dictionaryKey,
+				keyPath: i.keyPath
+			}, { default: () => typeof t == "function" ? t() : t }) : t
+		}), o = a(r);
+		if (typeof r != "function") return o;
+		let s = (...e) => a(r(...e));
+		Object.setPrototypeOf(s, Object.getPrototypeOf(o));
+		for (let e of Object.getOwnPropertyNames(o)) {
+			let t = Object.getOwnPropertyDescriptor(o, e);
+			t && Object.defineProperty(s, e, t);
+		}
+		for (let e of Object.getOwnPropertySymbols(o)) {
+			let t = Object.getOwnPropertyDescriptor(o, e);
+			t && Object.defineProperty(s, e, t);
+		}
+		return _(s);
+	}
+}, y = (e, t) => {
+	let n = /* @__PURE__ */ new Map(), r = {};
+	for (let [e, i] of Object.entries(t)) typeof i == "string" || typeof i == "number" ? r[e] = i : (n.set(e, i), r[e] = `__VNODE_${e}__`);
+	let i = l(e, r);
+	if (n.size > 0) {
+		let e = [];
+		if (i.isSimple) {
+			let t = i.parts, r = 0;
+			for (let [i] of n) {
+				let a = `__VNODE_${i}__`, o = t.indexOf(a);
+				o !== -1 && (o > r && e.push(t.substring(r, o)), e.push(n.get(i)), r = o + a.length);
+			}
+			return r < t.length && e.push(t.substring(r)), g(h, null, ...e);
+		} else return i.parts.forEach((t) => {
+			if (typeof t == "string") {
+				let r = t;
+				for (let [t] of n) {
+					let i = `__VNODE_${t}__`, a = r.indexOf(i);
+					a !== -1 && (a > 0 && e.push(r.substring(0, a)), e.push(n.get(t)), r = r.substring(a + i.length));
+				}
+				r.length > 0 && e.push(r);
+			} else e.push(t);
+		}), g(h, null, ...e);
+	}
+	return i.isSimple ? i.parts : g(h, null, i.parts);
+}, b = {
+	id: "insertion-plugin",
+	canHandle: (e) => typeof e == "object" && e?.nodeType === m.Insertion,
+	transform: (e, t, n) => {
+		let r = [...t.keyPath, { type: m.Insertion }], i = e[m.Insertion], a = {
+			id: "insertion-string-plugin",
+			canHandle: (e) => typeof e == "string",
+			transform: (e, n, r) => {
+				let i = r(e, {
+					...n,
+					children: e,
+					plugins: [...(t.plugins ?? []).filter((e) => e.id !== "intlayer-node-plugin")]
+				});
+				return (e) => {
+					let a = y(i, e);
+					return r(a, {
+						...n,
+						plugins: t.plugins,
+						children: a
+					});
+				};
+			}
+		};
+		return n(i, {
+			...t,
+			children: i,
+			keyPath: r,
+			plugins: [a, ...t.plugins ?? []]
+		});
+	}
+}, x = {
+	id: "markdown-string-plugin",
+	canHandle: (e) => typeof e == "string",
+	transform: (r, i, a) => {
+		let { plugins: o, ...s } = i, c = a(f(r), {
+			plugins: [{
+				id: "markdown-metadata-plugin",
+				canHandle: (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || !e,
+				transform: (e, t) => n({
+					...t,
+					value: e,
+					children: r
+				})
+			}],
+			dictionaryKey: s.dictionaryKey,
+			keyPath: []
+		}), l = (a) => n({
+			...i,
+			value: r,
+			children: () => g(e, {
+				dictionaryKey: s.dictionaryKey,
+				keyPath: s.keyPath
+			}, { default: () => {
+				let { renderMarkdown: e, components: n } = t();
+				return e(r, void 0, {
+					...n ?? {},
+					...a ?? {}
+				});
+			} }),
+			additionalProps: { metadata: c }
+		}), u = l();
+		return new Proxy(u, { get(e, t, n) {
+			return t === "value" ? r : t === "metadata" ? c : t === "use" ? (e) => l(e) : Reflect.get(e, t, n);
+		} });
+	}
+}, S = {
+	id: "markdown-plugin",
+	canHandle: (e) => typeof e == "object" && e?.nodeType === m.Markdown,
+	transform: (e, t, n) => {
+		let r = [...t.keyPath, { type: m.Markdown }], i = e[m.Markdown];
+		return n(i, {
+			...t,
+			children: i,
+			keyPath: r,
+			plugins: [x, ...t.plugins ?? []]
+		});
+	}
+}, C = (() => {
+	let e = {};
+	for (let t of p) e[t] = ({ children: e, ...n }) => g(t, n, e);
+	return e;
+})(), w = {
+	id: "html-plugin",
+	canHandle: (e) => typeof e == "object" && e?.nodeType === m.HTML,
+	transform: (e, t) => {
+		let r = e[m.HTML];
+		e.tags;
+		let i = (e) => s(r, {
+			...C,
+			...e
+		});
+		return n({
+			...t,
+			value: r,
+			children: (e) => i(e)
+		});
+	}
+}, T = (e, t = !0) => [
+	u(e ?? d.internationalization.defaultLocale, t ? d.internationalization.defaultLocale : void 0),
+	i,
+	r,
+	c(e ?? d.internationalization.defaultLocale),
+	a,
+	o,
+	v,
+	b,
+	S,
+	w
+];
+//#endregion
+export { T as getPlugins, w as htmlPlugin, b as insertionPlugin, v as intlayerNodePlugins, S as markdownPlugin, x as markdownStringPlugin };

package/dist/installIntlayer-CJaEylqu.mjs

@@ -0,0 +1,60 @@
+import e from "@intlayer/config/built";
+import { inject as t, onMounted as n, onUnmounted as r, readonly as i, ref as a, watchEffect as o } from "vue";
+import { isEnabled as s } from "@intlayer/editor/isEnabled";
+//#region src/editor/useEditor.ts
+var c = (e) => {
+	let t = null, n = !1;
+	return import("@intlayer/editor").then(({ initEditorClient: r }) => {
+		if (n) return;
+		let i = r();
+		e && (t = o(() => {
+			let t = e.value;
+			t && i.currentLocale.set(t);
+		}));
+	}), () => {
+		n = !0, t?.(), import("@intlayer/editor").then(({ stopEditorClient: e }) => {
+			e();
+		});
+	};
+}, l = (e) => {
+	if (!s) return;
+	if (e) {
+		let t = null;
+		e.mixin({
+			inject: { _intlayerClient: {
+				from: u,
+				default: null
+			} },
+			mounted() {
+				if (this.$parent !== null) return;
+				let e = this._intlayerClient;
+				t = c(e?.locale);
+			},
+			unmounted() {
+				this.$parent === null && t?.();
+			}
+		});
+		return;
+	}
+	let i = t(u), a = null;
+	n(() => {
+		a = c(i?.locale);
+	}), r(() => {
+		a?.();
+	});
+}, u = Symbol("intlayer"), d = null, f = (t, n = !0) => {
+	if (d) return d;
+	let { defaultLocale: r } = e.internationalization ?? {}, o = a(t ?? r);
+	return d = {
+		locale: i(o),
+		setLocale: (e) => {
+			o.value = e;
+		},
+		isCookieEnabled: n
+	}, d;
+}, p = (e, t, n = !0) => {
+	let r = f(t, n);
+	return e.provide(u, r), l(e), e;
+};
+//#endregion
+export { l as i, f as n, p as r, u as t };

package/dist/installIntlayer-DXaXXzB5.js

@@ -0,0 +1 @@
+const e=require(`./chunk-C91j1N6u.js`);let t=require(`@intlayer/config/built`);t=e.t(t);let n=require(`vue`),r=require(`@intlayer/editor/isEnabled`);var i=e=>{let t=null,r=!1;return import(`@intlayer/editor`).then(({initEditorClient:i})=>{if(r)return;let a=i();e&&(t=(0,n.watchEffect)(()=>{let t=e.value;t&&a.currentLocale.set(t)}))}),()=>{r=!0,t?.(),import(`@intlayer/editor`).then(({stopEditorClient:e})=>{e()})}},a=e=>{if(!r.isEnabled)return;if(e){let t=null;e.mixin({inject:{_intlayerClient:{from:o,default:null}},mounted(){if(this.$parent!==null)return;let e=this._intlayerClient;t=i(e?.locale)},unmounted(){this.$parent===null&&t?.()}});return}let t=(0,n.inject)(o),a=null;(0,n.onMounted)(()=>{a=i(t?.locale)}),(0,n.onUnmounted)(()=>{a?.()})},o=Symbol(`intlayer`),s=null,c=(e,r=!0)=>{if(s)return s;let{defaultLocale:i}=t.default.internationalization??{},a=(0,n.ref)(e??i);return s={locale:(0,n.readonly)(a),setLocale:e=>{a.value=e},isCookieEnabled:r},s},l=(e,t,n=!0)=>{let r=c(t,n);return e.provide(o,r),a(e),e};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/types/client/installIntlayer.d.ts

@@ -1,5 +1,5 @@
-import { LocalesValues } from '@intlayer/types/module_augmentation';
 import { Locale } from '@intlayer/types/allLocales';
+import { LocalesValues } from '@intlayer/types/module_augmentation';
 import { App, Ref } from 'vue';
 export declare const INTLAYER_SYMBOL: unique symbol;
 export type IntlayerProvider = {

package/dist/types/client/useDictionary.d.ts

@@ -1,5 +1,5 @@
-import { DeclaredLocales, LocalesValues } from '@intlayer/types/module_augmentation';
 import { Dictionary } from '@intlayer/types/dictionary';
+import { DeclaredLocales, LocalesValues } from '@intlayer/types/module_augmentation';
 import { ComputedRef, MaybeRefOrGetter } from 'vue';
 import { DeepTransformContent } from '../plugins';
 export declare const atPath: (obj: any, path: (string | number)[]) => any;

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

@@ -1 +1,11 @@
-export declare const useEditor: () => void;
+import { App } from 'vue';
+/**
+ * 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.
+ *
+ * @param app - When provided, hooks into the root component lifecycle via
+ *   `app.mixin` (use from `installIntlayer`). When omitted, uses Vue composable
+ *   lifecycle hooks (use from a component's `setup`).
+ */
+export declare const useEditor: (app?: App) => void;