@antdv-next/x-markdown 0.0.1

package/dist/index.js

@@ -0,0 +1,740 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, h as l, normalizeClass as u, normalizeStyle as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderList as g, shallowRef as _, toDisplayString as v, unref as y, watch as b } from "vue";
+import x from "dompurify";
+import { Marked as S } from "marked";
+//#region src/XMarkdown/components/DebugPanel.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "xmd-debug-content" }, w = { class: "xmd-debug-stat" }, T = { class: "xmd-debug-stat" }, E = {
+	class: "xmd-debug-chart",
+	viewBox: "0 0 200 60"
+}, D = ["d"], O = 60, k = /* @__PURE__ */ c({
+	__name: "DebugPanel",
+	props: { className: {} },
+	setup(e) {
+		let t = h(!1), n = h({
+			x: 20,
+			y: 20
+		}), r = h({
+			x: 0,
+			y: 0
+		}), o = h(0), s = h(0), c = h([]), l = null, g = 0, _ = 0;
+		function y() {
+			g = performance.now(), _ = 0;
+			function e() {
+				_++;
+				let t = performance.now(), n = t - g;
+				if (n >= 1e3) {
+					if (o.value = Math.round(_ * 1e3 / n), _ = 0, g = t, "memory" in performance) {
+						let e = performance.memory;
+						s.value = e ? Math.round(e.usedJSHeapSize / 1024 / 1024) : 0;
+					}
+					c.value.push({
+						fps: o.value,
+						memory: s.value,
+						timestamp: Date.now()
+					}), c.value.length > O && c.value.shift();
+				}
+				l = requestAnimationFrame(e);
+			}
+			l = requestAnimationFrame(e);
+		}
+		function b() {
+			l !== null && (cancelAnimationFrame(l), l = null);
+		}
+		function x(e) {
+			t.value = !0, r.value = {
+				x: e.clientX - n.value.x,
+				y: e.clientY - n.value.y
+			};
+		}
+		function S(e) {
+			t.value && (n.value = {
+				x: e.clientX - r.value.x,
+				y: e.clientY - r.value.y
+			});
+		}
+		function k() {
+			t.value = !1;
+		}
+		function A(e) {
+			return e >= 55 ? "#52c41a" : e >= 40 ? "#faad14" : "#ff4d4f";
+		}
+		function j() {
+			return c.value.length < 2 ? "" : `M ${c.value.map((e, t) => `${t / (O - 1) * 200},${60 - e.fps / 60 * 60}`).join(" L ")}`;
+		}
+		return f(() => {
+			y(), document.addEventListener("mousemove", S), document.addEventListener("mouseup", k);
+		}), p(() => {
+			b(), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", k);
+		}), (t, r) => (m(), i("div", {
+			class: u(["xmd-debug-panel", e.className]),
+			style: d({
+				left: `${n.value.x}px`,
+				top: `${n.value.y}px`
+			})
+		}, [a("div", {
+			class: "xmd-debug-header",
+			onMousedown: x
+		}, [...r[0] ||= [a("span", null, "Debug Panel", -1)]], 32), a("div", C, [
+			a("div", w, [r[1] ||= a("span", { class: "xmd-debug-label" }, "FPS:", -1), a("span", { style: d({ color: A(o.value) }) }, v(o.value), 5)]),
+			a("div", T, [r[2] ||= a("span", { class: "xmd-debug-label" }, "Memory:", -1), a("span", null, v(s.value) + " MB", 1)]),
+			(m(), i("svg", E, [a("path", {
+				d: j(),
+				fill: "none",
+				stroke: "#1890ff",
+				"stroke-width": "2"
+			}, null, 8, D)]))
+		])], 6));
+	}
+}), A = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, j = /* @__PURE__ */ A(k, [["__scopeId", "data-v-d6923a13"]]), ee = { class: "xmd-tail" }, M = /* @__PURE__ */ A(/* @__PURE__ */ c({
+	__name: "TailIndicator",
+	props: { content: { default: "▋" } },
+	setup(e) {
+		return (t, n) => (m(), i("span", ee, v(e.content), 1));
+	}
+}), [["__scopeId", "data-v-802ace82"]]), N = /* @__PURE__ */ function(e) {
+	return e.Text = "text", e.Link = "link", e.Image = "image", e.Html = "html", e.Emphasis = "emphasis", e.List = "list", e.Table = "table", e.InlineCode = "inline-code", e;
+}({}), P = {
+	image: [/^!\[[^\]\r\n]{0,1000}$/, /^!\[[^\r\n]{0,1000}\]\(*[^)\r\n]{0,1000}$/],
+	link: [/^\[[^\]\r\n]{0,1000}$/, /^\[[^\r\n]{0,1000}\]\(*[^)\r\n]{0,1000}$/],
+	html: [/^<\/$/, /^<\/?[a-zA-Z][a-zA-Z0-9-]{0,100}[^>\r\n]{0,1000}$/],
+	commonEmphasis: [/^(\*{1,3}|_{1,3})(?!\s)(?!.*\1$)[^\r\n]{0,1000}$/],
+	list: [/^[-+*]\s{0,3}$/, /^[-+*]\s{1,3}(\*{1,3}|_{1,3})(?!\s)(?!.*\1$)[^\r\n]{0,1000}$/],
+	"inline-code": [/^`[^`\r\n]{0,300}$/]
+}, F = (e) => {
+	if (e.includes("\n\n")) return !1;
+	let t = e.split("\n");
+	if (t.length <= 1) return !0;
+	let [n, r] = t, i = n.trim();
+	if (!/^\|.*\|$/.test(i)) return !1;
+	let a = r.trim().split("|").map((e) => e.trim()).filter(Boolean), o = /^:?-+:?$/;
+	return a.every((e, t) => t === a.length - 1 && e === ":" || o.test(e));
+}, I = {
+	[N.Link]: {
+		tokenType: N.Link,
+		isStartOfToken: (e) => e.startsWith("["),
+		isStreamingValid: (e) => P.link.some((t) => t.test(e))
+	},
+	[N.Image]: {
+		tokenType: N.Image,
+		isStartOfToken: (e) => e.startsWith("!"),
+		isStreamingValid: (e) => P.image.some((t) => t.test(e))
+	},
+	[N.Html]: {
+		tokenType: N.Html,
+		isStartOfToken: (e) => e.startsWith("<"),
+		isStreamingValid: (e) => P.html.some((t) => t.test(e))
+	},
+	[N.Emphasis]: {
+		tokenType: N.Emphasis,
+		isStartOfToken: (e) => e.startsWith("*") || e.startsWith("_"),
+		isStreamingValid: (e) => P.commonEmphasis.some((t) => t.test(e))
+	},
+	[N.List]: {
+		tokenType: N.List,
+		isStartOfToken: (e) => /^[-+*]/.test(e),
+		isStreamingValid: (e) => P.list.some((t) => t.test(e)),
+		getCommitPrefix: (e) => {
+			let t = e.match(/^([-+*]\s{0,3})/)?.[1], n = t ? e.slice(t.length) : "";
+			return t && n.startsWith("`") ? t : null;
+		}
+	},
+	[N.Table]: {
+		tokenType: N.Table,
+		isStartOfToken: (e) => e.startsWith("|"),
+		isStreamingValid: F
+	},
+	[N.InlineCode]: {
+		tokenType: N.InlineCode,
+		isStartOfToken: (e) => e.startsWith("`"),
+		isStreamingValid: (e) => P["inline-code"].some((t) => t.test(e))
+	}
+}, L = (e, t) => {
+	let n = I[t];
+	if (!n) return;
+	let { token: r, pending: i } = e;
+	if (r === N.Text && n.isStartOfToken(i)) {
+		e.token = t;
+		return;
+	}
+	if (r === t && !n.isStreamingValid(i)) {
+		let t = n.getCommitPrefix?.(i);
+		if (t) {
+			e.completeMarkdown += t, e.pending = i.slice(t.length), e.token = N.Text;
+			return;
+		}
+		B(e);
+	}
+}, R = Object.values(I).filter((e) => !!e), z = () => ({
+	pending: "",
+	token: N.Text,
+	processedLength: 0,
+	completeMarkdown: ""
+}), B = (e) => {
+	e.pending &&= (e.completeMarkdown += e.pending, ""), e.token = N.Text;
+}, te = (e, t = !1) => {
+	let n = e.split("\n"), r = !1, i = "", a = 0;
+	for (let e = 0; e < n.length; e++) {
+		let o = n[e], s = (o.endsWith("\r") ? o.slice(0, -1) : o).match(/^(`{3,}|~{3,})(.*)$/);
+		if (!s) continue;
+		let c = s[1], l = s[2], u = c[0], d = c.length;
+		if (!r) {
+			r = !0, i = u, a = d;
+			continue;
+		}
+		u === i && d >= a && /^\s*$/.test(l) && (t || e < n.length - 1) && (r = !1, i = "", a = 0);
+	}
+	return r;
+}, ne = (e) => {
+	let t = "";
+	for (let n = 0; n < e.length; n++) {
+		let r = e.charCodeAt(n);
+		r >= 55296 && r <= 56319 ? n + 1 < e.length && e.charCodeAt(n + 1) >= 56320 && e.charCodeAt(n + 1) <= 57343 && (t += e[n] + e[n + 1], n++) : (r < 56320 || r > 57343) && (t += e[n]);
+	}
+	return t;
+}, V = (e) => {
+	try {
+		return encodeURIComponent(e);
+	} catch (t) {
+		return t instanceof URIError ? encodeURIComponent(ne(e)) : "";
+	}
+};
+function H(e, t, n) {
+	let r = h(z()), i = h("");
+	function a(e, t) {
+		let { token: r, pending: i } = e;
+		if (r === N.Text || r === N.Image && i === "!") return;
+		if (r === N.Table && i.split("\n").length > 2) return i;
+		let a = t?.incompleteMarkdownComponentMap?.[r] ?? `incomplete-${r}`;
+		if (n?.value?.[a]) return `<${a} data-raw="${V(i)}" />`;
+	}
+	function o(e, t) {
+		if (!e) {
+			i.value = "", r.value = z();
+			return;
+		}
+		let n = r.value.completeMarkdown + r.value.pending;
+		e.startsWith(n) || (r.value = z());
+		let o = r.value, s = e.slice(o.processedLength);
+		if (!s) {
+			let e = a(o, t);
+			i.value = o.completeMarkdown + (e || "");
+			return;
+		}
+		o.processedLength += s.length;
+		for (let e of s) {
+			if (o.pending += e, te(o.completeMarkdown + o.pending)) {
+				B(o);
+				continue;
+			}
+			if (o.token === N.Text) for (let e of R) L(o, e.tokenType);
+			else {
+				let e = R.find((e) => e.tokenType === o.token);
+				if (e && L(o, e.tokenType), o.token === N.Text) for (let e of R) L(o, e.tokenType);
+			}
+			o.token === N.Text && B(o);
+		}
+		let c = a(o, t);
+		i.value = o.completeMarkdown + (c || "");
+	}
+	function s() {
+		r.value = z(), i.value = "";
+	}
+	return b([e, () => t.value?.hasNextChunk], ([e, n]) => {
+		let a = t.value;
+		if (!n) {
+			i.value = e, r.value = {
+				pending: "",
+				token: N.Text,
+				processedLength: e.length,
+				completeMarkdown: e
+			};
+			return;
+		}
+		o(e, a);
+	}, { immediate: !0 }), {
+		processedContent: i,
+		reset: s
+	};
+}
+//#endregion
+//#region src/XMarkdown/composables/useTail.ts
+var U = "▋";
+function W(e) {
+	let n = t(() => {
+		let t = e.value?.tail;
+		return t ? typeof t == "boolean" ? U : t.content || U : null;
+	});
+	return {
+		tailContent: n,
+		tailComponent: t(() => {
+			let t = e.value?.tail;
+			return !t || typeof t == "boolean" ? null : t.component || null;
+		}),
+		showTail: t(() => e.value?.hasNextChunk && n.value !== null)
+	};
+}
+//#endregion
+//#region src/XMarkdown/core/Parser.ts
+var re = {
+	"&": "&amp;",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function G(e) {
+	return /[&<>"']/.test(e) ? e.replace(/[&<>"']/g, (e) => re[e] || e) : e;
+}
+var K = class {
+	options;
+	markdownInstance;
+	injectTail = !1;
+	constructor(e = {}) {
+		this.options = {
+			openLinksInNewTab: e.openLinksInNewTab ?? !0,
+			paragraphTag: e.paragraphTag ?? "p",
+			injectTail: e.injectTail ?? !1,
+			protectCustomTags: e.protectCustomTags ?? !0,
+			escapeRawHtml: e.escapeRawHtml ?? !1,
+			config: {
+				gfm: !0,
+				...e.config
+			},
+			components: e.components ?? {},
+			streamStatus: e.streamStatus ?? "done",
+			codeBlockStatus: e.codeBlockStatus ?? {}
+		}, this.markdownInstance = new S(this.options.config), this.configureRenderers();
+	}
+	updateMarkedConfig(e) {
+		this.options.config = {
+			...this.options.config,
+			...e
+		}, this.markdownInstance = new S(this.options.config), this.configureRenderers();
+	}
+	configureRenderers() {
+		this.markdownInstance.use({ renderer: {
+			html: (e) => this.options.escapeRawHtml ? G(e) : e,
+			link: (e, t, n) => `<a href="${e}"${t ? ` title="${t}"` : ""}${this.options.openLinksInNewTab ? " target=\"_blank\" rel=\"noopener noreferrer\"" : ""}>${n}</a>`,
+			paragraph: (e) => this.options.paragraphTag === "p" ? `<p>${e}</p>` : `<${this.options.paragraphTag}>${e}</${this.options.paragraphTag}>`,
+			code: (e, t, n) => {
+				let r = t || "";
+				return `<pre><code class="language-${r}"${r ? ` data-lang="${r}"` : ""} data-block="true"${` data-state="${this.getCodeBlockState(r)}"`}>${n ? e : G(e)}</code></pre>`;
+			}
+		} });
+	}
+	getCodeBlockState(e) {
+		return this.options.codeBlockStatus[e] ?? this.options.streamStatus;
+	}
+	parse(e, t) {
+		this.injectTail = t?.injectTail ?? !1;
+		let n = e;
+		this.options.protectCustomTags && (n = this.protectCustomTags(n)), this.options.escapeRawHtml && (n = this.escapeRawHtml(n));
+		let r = this.markedParse(n), i = this.sanitize(r);
+		return this.injectTail ? this.injectTailMarker(i) : i;
+	}
+	markedParse(e) {
+		return this.markdownInstance.parse(e);
+	}
+	sanitize(e) {
+		let t = Object.keys(this.options.components);
+		return x.sanitize(e, {
+			ADD_ATTR: [
+				"target",
+				"data-lang",
+				"data-block",
+				"data-state",
+				"data-raw",
+				"data-icon",
+				"data-description",
+				"icon",
+				"description",
+				"rel"
+			],
+			ADD_TAGS: ["xmd-tail", ...t]
+		});
+	}
+	protectCustomTags(e) {
+		let t = /<[A-Z][a-zA-Z0-9]*[^>]*>[\s\S]*?<\/[A-Z][a-zA-Z0-9]*>/g, n = e, r = 0;
+		return n = n.replace(t, () => {
+			let e = `__CUSTOM_TAG_${r}__`;
+			return r++, e;
+		}), n;
+	}
+	escapeRawHtml(e) {
+		return e.replace(/<[^>]+>/g, (e) => G(e));
+	}
+	injectTailMarker(e) {
+		if (e.includes("<xmd-tail></xmd-tail>")) return e;
+		let t = document.createElement("div");
+		t.innerHTML = e;
+		let n = (e) => {
+			let t = Array.from(e.childNodes);
+			for (let e = t.length - 1; e >= 0; e--) {
+				let r = t[e];
+				if (r.nodeType === Node.TEXT_NODE) {
+					if ((r.textContent || "").trim()) return r;
+					continue;
+				}
+				if (r.nodeType === Node.ELEMENT_NODE) return n(r) || r;
+			}
+			return null;
+		}, r = n(t);
+		if (!r || r.nodeType !== Node.TEXT_NODE) return e;
+		let i = document.createElement("xmd-tail");
+		return r.parentNode?.insertBefore(i, r.nextSibling), t.innerHTML;
+	}
+	setOptions(e) {
+		let { config: t, ...n } = e;
+		Object.assign(this.options, n), t && this.updateMarkedConfig(t);
+	}
+}, q = /* @__PURE__ */ c({
+	__name: "AnimationText",
+	props: {
+		text: {},
+		fadeDuration: { default: 200 },
+		easing: { default: "ease-in-out" }
+	},
+	setup(n) {
+		let r = n, a = h([]), o = h("");
+		function s(e) {
+			if (e === o.value) return;
+			if (!(o.value && e.startsWith(o.value))) {
+				a.value = [e], o.value = e;
+				return;
+			}
+			let t = e.slice(o.value.length);
+			t && (a.value = [...a.value, t], o.value = e);
+		}
+		b(() => r.text, s, { immediate: !0 });
+		let c = t(() => ({
+			animation: `x-markdown-fade-in ${r.fadeDuration}ms ${r.easing} forwards`,
+			color: "inherit"
+		}));
+		return (t, n) => (m(!0), i(e, null, g(a.value, (e, t) => (m(), i("span", {
+			key: `animation-text-${t}`,
+			style: d(c.value)
+		}, v(e), 5))), 128));
+	}
+}), J = new Set([
+	"area",
+	"base",
+	"br",
+	"col",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"link",
+	"meta",
+	"param",
+	"source",
+	"track",
+	"wbr"
+]), Y = /\/\s*>$/;
+function X(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = [], i = {};
+	t.forEach((e) => {
+		i[e] = 0;
+	});
+	let a = /<\/?([a-zA-Z][a-zA-Z0-9-]*)[^>]*>/g, o;
+	for (; (o = a.exec(e)) !== null;) {
+		let e = o[0], n = o[1].toLowerCase();
+		if (!t.includes(n) || e.includes("<!--") || e.includes("<![CDATA[")) continue;
+		let a = Y.test(e), s = !e.startsWith("</");
+		if (!(a || !s) && !J.has(n)) if (s) {
+			i[n] = (i[n] || 0) + 1;
+			let e = `${n}-${i[n]}`;
+			r.push({
+				name: n,
+				instanceId: e
+			});
+		} else {
+			let e = r.findLast((e) => e.name === n);
+			if (e) {
+				let t = r.lastIndexOf(e);
+				r.splice(t, 1);
+			}
+		}
+	}
+	return r.forEach((e) => {
+		n.add(e.instanceId);
+	}), n;
+}
+//#endregion
+//#region src/XMarkdown/core/VueRenderer.ts
+var ie = 200, ae = /[^\r\n\s]+/, oe = /* @__PURE__ */ "math.maction.maligngroup.malignmark.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mlongdiv.mmultiscripts.mn.mo.mover.mpadded.mphantom.mprescripts.mroot.mrow.ms.mscarries.mscarry.msgroup.msline.mspace.msqrt.msrow.mstack.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.semantics.annotation.annotation-xml".split("."), Z = class {
+	options;
+	constructor(e = {}) {
+		this.options = {
+			components: e.components ?? {},
+			enableAnimation: e.enableAnimation ?? !0,
+			animationConfig: {
+				fadeDuration: e.animationConfig?.fadeDuration ?? ie,
+				easing: e.animationConfig?.easing ?? "ease-in-out"
+			}
+		};
+	}
+	render(t) {
+		let n = this.sanitize(t), r = X(n, Object.keys(this.options.components)), i = this.parseToVNodes(n, r);
+		return i.length === 0 ? l("span", "") : i.length === 1 ? i[0] : l(e, i);
+	}
+	sanitize(e) {
+		let t = [...new Set([
+			...Object.keys(this.options.components),
+			"p",
+			"br",
+			"span",
+			"div",
+			"a",
+			"img",
+			"ul",
+			"ol",
+			"li",
+			"h1",
+			"h2",
+			"h3",
+			"h4",
+			"h5",
+			"h6",
+			"blockquote",
+			"pre",
+			"code",
+			"em",
+			"strong",
+			"del",
+			"ins",
+			"table",
+			"thead",
+			"tbody",
+			"tr",
+			"th",
+			"td",
+			"hr",
+			"xmd-tail",
+			...oe
+		])];
+		return x.sanitize(e, {
+			ALLOWED_TAGS: t,
+			ALLOWED_ATTR: [
+				"class",
+				"style",
+				"aria-hidden",
+				"aria-label",
+				"role",
+				"xmlns",
+				"encoding",
+				"href",
+				"src",
+				"title",
+				"alt",
+				"target",
+				"rel",
+				"data-lang",
+				"data-block",
+				"data-state",
+				"data-raw",
+				"data-icon",
+				"data-description",
+				"icon",
+				"description"
+			]
+		});
+	}
+	parseToVNodes(e, t) {
+		let n = `<div>${e}</div>`, r = document.createElement("div");
+		r.innerHTML = n;
+		let i = [];
+		return Array.from(r.childNodes).forEach((e) => {
+			let n = this.convertNode(e, t);
+			n && i.push(n);
+		}), i;
+	}
+	convertNode(e, t) {
+		if (e.nodeType === Node.TEXT_NODE) {
+			let t = e.textContent || "", n = e.parentNode instanceof Element ? e.parentNode.tagName.toLowerCase() : "", r = !!(n && this.options.components[n]);
+			return this.options.enableAnimation && ae.test(t) && !r ? this.wrapWithAnimation(t) : o(t);
+		}
+		if (e.nodeType !== Node.ELEMENT_NODE) return null;
+		let n = e, r = n.tagName.toLowerCase(), i = this.options.components[r];
+		if (i) {
+			let e = this.extractComponentProps(n, r, t), a = [];
+			return Array.from(n.childNodes).forEach((e) => {
+				let n = this.convertNode(e, t);
+				n && a.push(n);
+			}), a.length === 0 ? l(i, e) : l(i, e, { default: () => a });
+		}
+		return r === "xmd-tail" ? l("span", { class: "xmd-tail" }, "▋") : this.convertNativeElement(n, r, t);
+	}
+	convertNativeElement(e, t, n) {
+		let r = [], i = {};
+		return Array.from(e.attributes).forEach((e) => {
+			i[e.name] = e.value;
+		}), Array.from(e.childNodes).forEach((e) => {
+			let t = this.convertNode(e, n);
+			t && r.push(t);
+		}), l(t, i, r);
+	}
+	extractComponentProps(e, t, n) {
+		let r = {};
+		return r.streamStatus = Array.from(n).find((e) => e.startsWith(t)) ? "loading" : "done", Array.from(e.attributes).forEach((e) => {
+			r[e.name] = e.value;
+		}), r;
+	}
+	wrapWithAnimation(e) {
+		return l(q, {
+			text: e,
+			fadeDuration: this.options.animationConfig.fadeDuration,
+			easing: this.options.animationConfig.easing
+		});
+	}
+	setOptions(e) {
+		e.components && (this.options.components = {
+			...this.options.components,
+			...e.components
+		}), e.enableAnimation !== void 0 && (this.options.enableAnimation = e.enableAnimation), e.animationConfig && (this.options.animationConfig = {
+			...this.options.animationConfig,
+			...e.animationConfig
+		});
+	}
+}, se = /* @__PURE__ */ c({
+	__name: "index",
+	props: {
+		content: { default: "" },
+		components: { default: () => ({}) },
+		streaming: { default: void 0 },
+		config: { default: () => ({ gfm: !0 }) },
+		debug: {
+			type: Boolean,
+			default: !1
+		},
+		protectCustomTagNewlines: {
+			type: Boolean,
+			default: !0
+		},
+		escapeRawHtml: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		style: {},
+		openLinksInNewTab: {
+			type: Boolean,
+			default: !0
+		},
+		paragraphTag: { default: "p" }
+	},
+	setup(e) {
+		let a = e, o = t(() => a.content || ""), f = t(() => a.streaming), { processedContent: p } = H(o, f, t(() => a.components)), { tailContent: g, tailComponent: v, showTail: x } = W(f), S = t(() => {
+			let e = { ...a.components };
+			if (!x.value || !g.value) return e;
+			let t = v.value || M, n = g.value, r = c({
+				name: "XmdTailBridge",
+				setup() {
+					return () => l(t, { content: n });
+				}
+			});
+			return {
+				...e,
+				"xmd-tail": r
+			};
+		}), C = c({
+			name: "XmdVNodeRenderer",
+			props: { node: {
+				type: Object,
+				required: !0
+			} },
+			setup(e) {
+				return () => e.node;
+			}
+		}), w = _(new K({
+			openLinksInNewTab: a.openLinksInNewTab,
+			paragraphTag: a.paragraphTag,
+			protectCustomTags: a.protectCustomTagNewlines,
+			escapeRawHtml: a.escapeRawHtml,
+			config: a.config,
+			components: a.components
+		})), T = _(new Z({
+			components: S.value,
+			enableAnimation: a.streaming?.enableAnimation ?? !0,
+			animationConfig: a.streaming?.animationConfig
+		})), E = h(0), D = () => {
+			E.value += 1;
+		}, O = t(() => (E.value, w.value.parse(p.value, { injectTail: x.value }))), k = t(() => (E.value, T.value.render(O.value)));
+		return b(() => [
+			a.openLinksInNewTab,
+			a.paragraphTag,
+			a.protectCustomTagNewlines,
+			a.escapeRawHtml
+		], () => {
+			w.value.setOptions({
+				openLinksInNewTab: a.openLinksInNewTab,
+				paragraphTag: a.paragraphTag,
+				protectCustomTags: a.protectCustomTagNewlines,
+				escapeRawHtml: a.escapeRawHtml
+			}), D();
+		}), b(() => a.config, (e) => {
+			w.value.setOptions({ config: e }), D();
+		}, { deep: !0 }), b(() => a.components, (e) => {
+			w.value.setOptions({ components: e }), D();
+		}, { deep: !0 }), b(S, (e) => {
+			T.value.setOptions({ components: e }), D();
+		}, { deep: !0 }), b(() => a.streaming, (e) => {
+			T.value.setOptions({
+				enableAnimation: e?.enableAnimation ?? !0,
+				animationConfig: e?.animationConfig
+			}), D();
+		}, { deep: !0 }), (t, a) => (m(), i("div", {
+			class: u(["x-markdown", e.className]),
+			style: d(e.style)
+		}, [s(y(C), { node: k.value }, null, 8, ["node"]), e.debug ? (m(), n(j, { key: 0 })) : r("", !0)], 6));
+	}
+});
+//#endregion
+//#region src/XMarkdown/composables/useParser.ts
+function Q(e) {
+	let t = _(null);
+	function n(e) {
+		return new K(e);
+	}
+	function r(r, i) {
+		return t.value ||= n(i || e), i && t.value.setOptions(i), t.value.parse(r);
+	}
+	function i(e) {
+		t.value = n(e);
+	}
+	return {
+		parser: t,
+		parse: r,
+		resetParser: i
+	};
+}
+//#endregion
+//#region src/XMarkdown/composables/useRenderer.ts
+function ce(e) {
+	let t = _(null);
+	function n(e) {
+		return new Z(e);
+	}
+	function r(r, i) {
+		return t.value ||= n(i || e), i && t.value.setOptions(i), t.value.render(r);
+	}
+	function i(e) {
+		t.value = n(e);
+	}
+	return {
+		renderer: t,
+		render: r,
+		resetRenderer: i
+	};
+}
+//#endregion
+//#region src/XMarkdown/utils/tail.ts
+var $ = "▋";
+function le(e) {
+	return e ? e === !0 ? $ : e.content || $ : null;
+}
+//#endregion
+export { q as AnimationText, j as DebugPanel, K as Parser, M as TailIndicator, Z as VueRenderer, se as XMarkdown, X as detectUnclosedComponentTags, le as resolveTailContent, Q as useParser, ce as useRenderer, H as useStreaming, W as useTail };