@antdv-next/x-markdown 0.0.1 → 0.1.0-beta.1

package/dist/index.js

@@ -1,740 +1,13 @@
-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 };
+import AnimationText_default from "./XMarkdown/components/AnimationText.js";
+import DebugPanel_default from "./XMarkdown/components/DebugPanel.js";
+import TailIndicator_default from "./XMarkdown/components/TailIndicator.js";
+import { useStreaming } from "./XMarkdown/composables/useStreaming.js";
+import { Parser } from "./XMarkdown/core/Parser.js";
+import { useParser } from "./XMarkdown/composables/useParser.js";
+import { detectUnclosedComponentTags } from "./XMarkdown/core/detectUnclosedComponentTags.js";
+import { VueRenderer } from "./XMarkdown/core/VueRenderer.js";
+import { useRenderer } from "./XMarkdown/composables/useRenderer.js";
+import { useTail } from "./XMarkdown/composables/useTail.js";
+import XMarkdown_default from "./XMarkdown/index2.js";
+import { resolveTailContent } from "./XMarkdown/utils/tail.js";
+export { AnimationText_default as AnimationText, DebugPanel_default as DebugPanel, Parser, TailIndicator_default as TailIndicator, VueRenderer, XMarkdown_default as XMarkdown, detectUnclosedComponentTags, resolveTailContent, useParser, useRenderer, useStreaming, useTail };