@cocoar/vue-markdown 1.13.0-beta.6 → 1.13.0

package/dist/index.css

@@ -1,2 +1,2 @@
-.coar-markdown{--coar-markdown-text:var(--coar-text-neutral-primary);--coar-markdown-link:var(--coar-text-brand-primary,var(--coar-text-neutral-primary));--coar-markdown-muted-text:var(--coar-text-neutral-tertiary);--coar-markdown-border:var(--coar-border-neutral-tertiary);--coar-markdown-surface:var(--coar-background-neutral-primary);--coar-markdown-surface-muted:var(--coar-background-neutral-tertiary,var(--coar-background-neutral-primary));--coar-markdown-radius:var(--coar-radius-xs);--coar-markdown-space-1:var(--coar-spacing-s,.5rem);--coar-markdown-space-2:var(--coar-spacing-m,1rem);--coar-markdown-heading-block-start:var(--coar-spacing-xxxl,4rem);color:var(--coar-markdown-text);display:block}.coar-markdown :where(h1,h2,h3,h4,h5,h6){font-family:var(--coar-font-family-title,inherit);color:var(--coar-markdown-text)}.coar-markdown h1{font-size:var(--coar-font-size-xl);font-weight:var(--coar-font-weight-bold);line-height:var(--coar-line-height-tight)}.coar-markdown h2{font-size:var(--coar-font-size-l);font-weight:var(--coar-font-weight-bold);line-height:1.25}.coar-markdown h3{font-size:var(--coar-font-size-m);font-weight:var(--coar-font-weight-semi-bold);line-height:var(--coar-line-height-snug)}.coar-markdown h4{font-size:var(--coar-font-size-s);font-weight:var(--coar-font-weight-semi-bold);line-height:1.35}.coar-markdown h5{font-size:var(--coar-font-size-xs);font-weight:var(--coar-font-weight-semi-bold);line-height:var(--coar-line-height-normal)}.coar-markdown h6{font-size:var(--coar-font-size-xxs);font-weight:var(--coar-font-weight-medium);line-height:1.45}.coar-markdown-heading,.coar-markdown-paragraph,.coar-markdown-blockquote,.coar-markdown-list,.coar-markdown-code-block,.coar-markdown-table,.coar-markdown-hr{margin:0}.coar-markdown>:where(h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,pre,table,hr,.coar-code-block-host,.coar-table-host){margin-block:0 var(--coar-markdown-space-2)}.coar-markdown>:where(h1,h2,h3,h4,h5,h6){margin-block-start:var(--coar-markdown-heading-block-start)}.coar-markdown>:where(h1,h2,h3,h4,h5,h6)+:where(h1,h2,h3,h4,h5,h6){margin-block-start:var(--coar-markdown-space-1)}.coar-markdown>:where(h1,h2,h3,h4,h5,h6):first-child{margin-block-start:0}.coar-markdown-blockquote{padding-inline:var(--coar-markdown-space-2);border-left:2px solid var(--coar-markdown-border)}.coar-markdown-list{padding-inline-start:var(--coar-spacing-l,1.5rem);list-style-position:outside}.coar-markdown-list--unordered{list-style-type:disc}.coar-markdown-list--ordered{list-style-type:decimal}.coar-markdown-list-item{margin-block:.25em;display:list-item}.coar-markdown-list-item--task{align-items:flex-start;gap:var(--coar-spacing-s,.5rem);list-style:none;display:flex}.coar-markdown-list-item-content{min-width:0}.coar-markdown-task-checkbox{margin-top:.15em}.coar-markdown-code-block,.coar-markdown-code{display:block}.coar-markdown-inline-code{color:var(--coar-text-accent-secondary,var(--coar-markdown-link));background:0 0;border:0;border-radius:0;padding:0}.coar-markdown-link{color:var(--coar-markdown-link);text-decoration:underline}.coar-markdown-image{vertical-align:middle;max-width:100%;height:auto}.coar-markdown-table{border:1px solid var(--coar-markdown-border);border-radius:var(--coar-markdown-radius);border-collapse:separate;border-spacing:0;width:100%;overflow:hidden}.coar-markdown-table-cell{padding:var(--coar-markdown-space-1);vertical-align:top;border-right:1px solid var(--coar-markdown-border);border-bottom:1px solid var(--coar-markdown-border)}.coar-markdown-table :where(tr) .coar-markdown-table-cell:last-child{border-right:0}.coar-markdown-table :where(tbody) tr:last-child .coar-markdown-table-cell{border-bottom:0}.coar-markdown-table :where(thead) .coar-markdown-table-cell{background:var(--coar-markdown-surface-muted);font-weight:600}.coar-markdown-hr{border:0;border-top:1px solid var(--coar-markdown-border)}.coar-markdown-unsupported,.coar-markdown-unsupported-inline{color:var(--coar-markdown-muted-text);font-style:italic}.coar-markdown-unsupported{padding:var(--coar-markdown-space-1);border:1px dashed var(--coar-markdown-border);border-radius:var(--coar-markdown-radius);background:var(--coar-markdown-surface)}
+.coar-markdown{--coar-markdown-text:var(--coar-text-neutral-primary);--coar-markdown-link:var(--coar-text-brand-primary,var(--coar-text-neutral-primary));--coar-markdown-muted-text:var(--coar-text-neutral-tertiary);--coar-markdown-border:var(--coar-border-neutral-tertiary);--coar-markdown-surface:var(--coar-background-neutral-primary);--coar-markdown-surface-muted:var(--coar-background-neutral-tertiary,var(--coar-background-neutral-primary));--coar-markdown-radius:var(--coar-radius-xs);--coar-markdown-space-1:var(--coar-spacing-s,.5rem);--coar-markdown-space-2:var(--coar-spacing-m,1rem);--coar-markdown-heading-block-start:var(--coar-spacing-xxxl,4rem);color:var(--coar-markdown-text);display:block}.coar-markdown :where(h1,h2,h3,h4,h5,h6){font-family:var(--coar-font-family-title,inherit);color:var(--coar-markdown-text)}.coar-markdown h1{font-size:var(--coar-font-size-xl);font-weight:var(--coar-font-weight-bold);line-height:var(--coar-line-height-tight)}.coar-markdown h2{font-size:var(--coar-font-size-l);font-weight:var(--coar-font-weight-bold);line-height:1.25}.coar-markdown h3{font-size:var(--coar-font-size-m);font-weight:var(--coar-font-weight-semi-bold);line-height:var(--coar-line-height-snug)}.coar-markdown h4{font-size:var(--coar-font-size-s);font-weight:var(--coar-font-weight-semi-bold);line-height:1.35}.coar-markdown h5{font-size:var(--coar-font-size-xs);font-weight:var(--coar-font-weight-semi-bold);line-height:var(--coar-line-height-normal)}.coar-markdown h6{font-size:var(--coar-font-size-xxs);font-weight:var(--coar-font-weight-medium);line-height:1.45}.coar-markdown-heading,.coar-markdown-paragraph,.coar-markdown-blockquote,.coar-markdown-list,.coar-markdown-code-block,.coar-markdown-table,.coar-markdown-hr{margin:0}.coar-markdown>:where(h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,pre,table,hr,.coar-code-block-host,.coar-table-host){margin-block:0 var(--coar-markdown-space-2)}.coar-markdown>:where(h1,h2,h3,h4,h5,h6){margin-block-start:var(--coar-markdown-heading-block-start)}.coar-markdown>:where(h1,h2,h3,h4,h5,h6)+:where(h1,h2,h3,h4,h5,h6){margin-block-start:var(--coar-markdown-space-1)}.coar-markdown>:where(h1,h2,h3,h4,h5,h6):first-child{margin-block-start:0}.coar-markdown-blockquote{padding-inline:var(--coar-markdown-space-2);border-left:2px solid var(--coar-markdown-border)}.coar-markdown-list{padding-inline-start:var(--coar-spacing-l,1.5rem);list-style-position:outside}.coar-markdown-list--unordered{list-style-type:disc}.coar-markdown-list--ordered{list-style-type:decimal}.coar-markdown-list-item{margin-block:.25em;display:list-item}.coar-markdown-list-item--task{align-items:flex-start;gap:var(--coar-spacing-s,.5rem);list-style:none;display:flex}.coar-markdown-list-item-content{min-width:0}.coar-markdown-task-checkbox{margin-top:.15em}.coar-markdown-code-block,.coar-markdown-code{display:block}.coar-markdown-inline-code{color:var(--coar-text-accent-secondary,var(--coar-markdown-link));background:0 0;border:0;border-radius:0;padding:0}.coar-markdown-link{color:var(--coar-markdown-link);text-decoration:underline}.coar-markdown-image{vertical-align:middle;max-width:100%;height:auto}.coar-markdown :where(table),.coar-markdown-table{border-collapse:collapse;border-spacing:0;width:100%;font-size:var(--coar-body-small-base-size,.9rem);line-height:var(--coar-line-height-relaxed,1.5);display:table}.coar-markdown :where(table thead),.coar-markdown-table>thead{background:var(--coar-markdown-surface-muted)}.coar-markdown :where(table th),.coar-markdown-table>thead th{padding:.625rem var(--coar-markdown-space-2);text-align:left;vertical-align:top;font-weight:var(--coar-font-weight-semi-bold,600);font-size:var(--coar-component-s-font-size,.85em);color:var(--coar-markdown-text);border-bottom:1px solid var(--coar-markdown-border);text-transform:uppercase;letter-spacing:.025em}.coar-markdown :where(table td),.coar-markdown-table>tbody td{padding:.625rem var(--coar-markdown-space-2);text-align:left;vertical-align:top;color:var(--coar-text-neutral-secondary,var(--coar-markdown-text));border-bottom:1px solid var(--coar-markdown-border)}.coar-markdown :where(table tbody tr:nth-child(odd)),.coar-markdown-table>tbody tr:nth-child(odd){background:var(--coar-markdown-surface)}.coar-markdown :where(table tbody tr:nth-child(2n)),.coar-markdown-table>tbody tr:nth-child(2n){background:var(--coar-markdown-surface-muted)}.coar-markdown :where(table tbody tr:last-child td),.coar-markdown-table>tbody tr:last-child td{border-bottom:0}.coar-markdown-table-cell{padding:var(--coar-markdown-space-1);vertical-align:top;border-right:1px solid var(--coar-markdown-border);border-bottom:1px solid var(--coar-markdown-border)}.coar-markdown-hr{border:0;border-top:1px solid var(--coar-markdown-border)}.coar-markdown-unsupported,.coar-markdown-unsupported-inline{color:var(--coar-markdown-muted-text);font-style:italic}.coar-markdown-unsupported{padding:var(--coar-markdown-space-1);border:1px dashed var(--coar-markdown-border);border-radius:var(--coar-markdown-radius);background:var(--coar-markdown-surface)}
 /*$vite$:1*/

package/dist/index.d.ts

@@ -1,3 +1,22 @@
+/**
+ * Public surface for `@cocoar/vue-markdown`.
+ *
+ * The package contains both:
+ * - The user-facing `<CoarMarkdown>` viewer component.
+ * - The shared **rendering registry** (`MarkdownViewerRenderers`,
+ *   `defaultMarkdownRenderers`, `RenderNode`, …) — same registry the editor
+ *   (`@cocoar/vue-markdown-editor`) consumes so a code block, table, etc.
+ *   looks identical whether the user is reading or writing.
+ *
+ * Apps overriding renderers can either:
+ * - Pass a `renderers` prop to `<CoarMarkdown>` for a per-instance override.
+ * - Call `app.provide(MARKDOWN_RENDERERS_KEY, ...)` for an app-wide default.
+ */
 export { default as CoarMarkdown } from './CoarMarkdown.vue';
 export type { CoarMarkdownProps } from './CoarMarkdown.vue';
+export { MARKDOWN_RENDERERS_KEY, rendererNameFor } from './registry';
+export type { MarkdownEditorNodeViewSpec, MarkdownEditorNodeViews, MarkdownRendererName, MarkdownRendererProps, MarkdownViewerRenderers, } from './registry';
+export { defaultMarkdownRenderers, DefaultBlockquote, DefaultCodeBlock, DefaultEmphasis, DefaultHeading, DefaultImage, DefaultInlineCode, DefaultLineBreak, DefaultLink, DefaultList, DefaultListItem, DefaultParagraph, DefaultStrikethrough, DefaultStrong, DefaultTable, DefaultTableCell, DefaultTableRow, DefaultText, DefaultThematicBreak, DefaultUnsupported, } from './default-renderers';
+export { RenderNode, renderMarkdownNodes } from './RenderNode';
+export * from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACrE,YAAY,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAIpB,OAAO,EACL,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAI/D,cAAc,WAAW,CAAC"}

package/dist/index.js

@@ -1,209 +1,363 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, resolveComponent as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
-import { CoarCodeBlock as g, CoarTable as _ } from "@cocoar/vue-ui";
+import { Fragment as e, createBlock as t, createElementBlock as n, defineComponent as r, h as i, inject as a, openBlock as o, provide as ee, renderList as s, unref as c } from "vue";
+import { CoarCodeBlock as l } from "@cocoar/vue-ui";
 //#region src/helpers.ts
-function v(e) {
+function u(e) {
 	let t = e.attrs?.depth;
 	if (typeof t != "number") return 1;
 	let n = Math.trunc(t);
 	return n <= 1 ? 1 : n === 2 ? 2 : n === 3 ? 3 : n === 4 ? 4 : n === 5 ? 5 : 6;
 }
-function y(e) {
+function d(e) {
 	let t = e.attrs?.anchor;
 	return typeof t == "string" && t.length > 0 ? t : null;
 }
-function b(e) {
+function f(e) {
 	let t = e.attrs?.language;
 	return typeof t == "string" && t.trim().length > 0 ? t.trim() : "text";
 }
-function x(e) {
+function p(e) {
 	return !!e.attrs?.ordered;
 }
-function S(e) {
+function m(e) {
 	let t = e.attrs?.start;
 	return typeof t == "number" ? t : null;
 }
-function C(e) {
+function h(e) {
 	return typeof e.attrs?.checked == "boolean";
 }
-function w(e) {
+function g(e) {
 	return e.attrs?.checked === !0;
 }
-function T(e) {
+function _(e) {
 	let t = e.attrs?.url;
 	return typeof t == "string" && t.length > 0 ? t : null;
 }
-function E(e) {
-	let t = T(e);
+function v(e) {
+	let t = _(e);
 	return t ? t.startsWith("#") && typeof window < "u" ? `${window.location.pathname}${window.location.search}${t}` : t : null;
 }
-function D(e) {
-	let t = T(e);
-	return t && I(t) ? "_blank" : null;
+function y(e) {
+	let t = _(e);
+	return t && O(t) ? "_blank" : null;
 }
-function O(e) {
-	let t = T(e);
-	return t && I(t) ? "noopener noreferrer" : null;
+function b(e) {
+	let t = _(e);
+	return t && O(t) ? "noopener noreferrer" : null;
 }
-function k(e) {
+function x(e) {
 	let t = e.attrs?.url;
 	return typeof t == "string" && t.trim().length > 0 ? t.trim() : null;
 }
-function A(e) {
+function S(e) {
 	let t = e.attrs?.alt;
 	return typeof t == "string" ? t : "";
 }
-function j(e) {
+function C(e) {
 	let t = e.attrs?.title;
 	return typeof t == "string" && t.trim().length > 0 ? t.trim() : null;
 }
-function M(e, t) {
-	return F(e, t) === "right";
+function w(e, t) {
+	return D(e, t) === "right";
 }
-function N(e, t) {
-	return F(e, t) === "center";
+function T(e, t) {
+	return D(e, t) === "center";
 }
-function P(e) {
+function E(e) {
 	let t = e.attrs?.originalType;
 	return typeof t == "string" ? t : String(e.type);
 }
-function F(e, t) {
+function D(e, t) {
 	let n = e.attrs?.align;
 	if (!Array.isArray(n)) return null;
 	let r = n[t];
 	return r === "left" || r === "right" || r === "center" ? r : null;
 }
-function I(e) {
+function O(e) {
 	let t = e.trim();
 	return t.startsWith("#") || t.startsWith("/") || t.startsWith("./") || t.startsWith("../") || t.startsWith("mailto:") || t.startsWith("tel:") ? !1 : t.startsWith("http://") || t.startsWith("https://");
 }
 //#endregion
-//#region src/MarkdownInlineNode.vue?vue&type=script&setup=true&lang.ts
-var L = { key: 1 }, R = { key: 2 }, z = { key: 3 }, B = {
-	key: 4,
-	class: "coar-markdown-inline-code"
-}, V = { key: 5 }, H = [
-	"href",
-	"target",
-	"rel"
-], U = [
-	"src",
-	"alt",
-	"title"
-], W = {
-	key: 8,
-	class: "coar-markdown-unsupported-inline"
-}, G = /* @__PURE__ */ s({
-	__name: "MarkdownInlineNode",
-	props: { nodes: {} },
-	setup(i) {
-		return (s, c) => {
-			let f = d("MarkdownInlineNode", !0);
-			return l(!0), r(e, null, u(i.nodes, (i) => (l(), r(e, { key: i.id }, [i.type === "text" ? (l(), r(e, { key: 0 }, [a(p(i.text ?? ""), 1)], 64)) : i.type === "emphasis" ? (l(), r("em", L, [o(f, { nodes: i.children ?? [] }, null, 8, ["nodes"])])) : i.type === "strong" ? (l(), r("strong", R, [o(f, { nodes: i.children ?? [] }, null, 8, ["nodes"])])) : i.type === "strikethrough" ? (l(), r("del", z, [o(f, { nodes: i.children ?? [] }, null, 8, ["nodes"])])) : i.type === "inlineCode" ? (l(), r("code", B, p(i.text ?? ""), 1)) : i.type === "lineBreak" ? (l(), r("br", V)) : i.type === "link" ? (l(), r(e, { key: 6 }, [m(E)(i) ? (l(), r("a", {
-				key: 0,
+//#region src/default-renderers.ts
+var k = {
+	node: {
+		type: Object,
+		required: !0
+	},
+	renderChildren: {
+		type: Function,
+		required: !0
+	},
+	renderNodes: {
+		type: Function,
+		required: !0
+	}
+}, A = r({
+	name: "DefaultHeading",
+	props: k,
+	setup(e) {
+		return () => {
+			let t = u(e.node), n = d(e.node);
+			return i(`h${t}`, {
+				id: n ?? void 0,
+				class: "coar-markdown-heading"
+			}, e.renderChildren());
+		};
+	}
+}), j = r({
+	name: "DefaultParagraph",
+	props: k,
+	setup(e) {
+		return () => i("p", { class: "coar-markdown-paragraph" }, e.renderChildren());
+	}
+}), M = r({
+	name: "DefaultBlockquote",
+	props: k,
+	setup(e) {
+		return () => i("blockquote", { class: "coar-markdown-blockquote" }, e.renderChildren());
+	}
+}), N = r({
+	name: "DefaultList",
+	props: k,
+	setup(e) {
+		return () => {
+			let t = p(e.node), n = t ? "ol" : "ul", r = t ? m(e.node) : null;
+			return i(n, {
+				class: ["coar-markdown-list", t ? "coar-markdown-list--ordered" : "coar-markdown-list--unordered"],
+				start: r ?? void 0
+			}, e.renderChildren());
+		};
+	}
+}), P = r({
+	name: "DefaultListItem",
+	props: k,
+	setup(e) {
+		return () => {
+			let t = h(e.node), n = t && g(e.node), r = [];
+			return t && r.push(i("input", {
+				class: "coar-markdown-task-checkbox",
+				type: "checkbox",
+				checked: n,
+				disabled: !0,
+				"aria-hidden": "true",
+				tabindex: -1
+			})), r.push(i("div", { class: "coar-markdown-list-item-content" }, e.renderChildren())), i("li", { class: ["coar-markdown-list-item", t ? "coar-markdown-list-item--task" : null] }, r);
+		};
+	}
+}), F = r({
+	name: "DefaultCodeBlock",
+	props: k,
+	setup(e) {
+		return () => i(l, {
+			class: "coar-markdown-code-block",
+			code: e.node.text ?? "",
+			language: f(e.node),
+			collapsible: !1,
+			showCopy: !0
+		});
+	}
+}), I = r({
+	name: "DefaultTable",
+	props: k,
+	setup(e) {
+		return () => {
+			let t = e.node.children ?? [];
+			if (t.length === 0) return i("table", { class: "coar-markdown-table" });
+			let [n, ...r] = t;
+			return i("table", { class: "coar-markdown-table" }, [i("thead", null, [i("tr", null, (n.children ?? []).map((t, n) => i("th", {
+				key: t.id,
+				class: [w(e.node, n) ? "text-right" : null, T(e.node, n) ? "text-center" : null]
+			}, e.renderNodes(t.children ?? []))))]), i("tbody", null, r.map((t) => i("tr", { key: t.id }, (t.children ?? []).map((t, n) => i("td", {
+				key: t.id,
+				class: [w(e.node, n) ? "text-right" : null, T(e.node, n) ? "text-center" : null]
+			}, e.renderNodes(t.children ?? []))))))]);
+		};
+	}
+}), L = r({
+	name: "DefaultTableRow",
+	props: k,
+	setup(e) {
+		return () => i("tr", null, e.renderChildren());
+	}
+}), R = r({
+	name: "DefaultTableCell",
+	props: k,
+	setup(e) {
+		return () => i("td", { class: "coar-markdown-table-cell" }, e.renderChildren());
+	}
+}), z = r({
+	name: "DefaultThematicBreak",
+	props: k,
+	setup() {
+		return () => i("hr", { class: "coar-markdown-hr" });
+	}
+}), B = r({
+	name: "DefaultText",
+	props: k,
+	setup(e) {
+		return () => e.node.text ?? "";
+	}
+}), V = r({
+	name: "DefaultEmphasis",
+	props: k,
+	setup(e) {
+		return () => i("em", null, e.renderChildren());
+	}
+}), H = r({
+	name: "DefaultStrong",
+	props: k,
+	setup(e) {
+		return () => i("strong", null, e.renderChildren());
+	}
+}), U = r({
+	name: "DefaultStrikethrough",
+	props: k,
+	setup(e) {
+		return () => i("del", null, e.renderChildren());
+	}
+}), W = r({
+	name: "DefaultInlineCode",
+	props: k,
+	setup(e) {
+		return () => i("code", { class: "coar-markdown-inline-code" }, e.node.text ?? "");
+	}
+}), G = r({
+	name: "DefaultLink",
+	props: k,
+	setup(e) {
+		return () => {
+			let t = v(e.node);
+			return t ? i("a", {
 				class: "coar-markdown-link",
-				href: m(E)(i),
-				target: m(D)(i) ?? void 0,
-				rel: m(O)(i) ?? void 0
-			}, [o(f, { nodes: i.children ?? [] }, null, 8, ["nodes"])], 8, H)) : (l(), t(f, {
-				key: 1,
-				nodes: i.children ?? []
-			}, null, 8, ["nodes"]))], 64)) : i.type === "image" ? (l(), r(e, { key: 7 }, [m(k)(i) ? (l(), r("img", {
-				key: 0,
+				href: t,
+				target: y(e.node) ?? void 0,
+				rel: b(e.node) ?? void 0
+			}, e.renderChildren()) : e.renderChildren();
+		};
+	}
+}), K = r({
+	name: "DefaultImage",
+	props: k,
+	setup(e) {
+		return () => {
+			let t = x(e.node);
+			return t ? i("img", {
 				class: "coar-markdown-image",
-				src: m(k)(i),
-				alt: m(A)(i),
-				title: m(j)(i) ?? void 0,
+				src: t,
+				alt: S(e.node),
+				title: C(e.node) ?? void 0,
 				loading: "lazy"
-			}, null, 8, U)) : n("", !0)], 64)) : (l(), r("span", W, "[unsupported]"))], 64))), 128);
+			}) : null;
 		};
 	}
-}), K = {
-	key: 1,
-	class: "coar-markdown-paragraph"
-}, q = {
-	key: 2,
-	class: "coar-markdown-blockquote"
-}, J = ["start"], Y = {
-	key: 1,
-	class: "coar-markdown-list coar-markdown-list--unordered"
-}, X = ["checked"], Z = { class: "coar-markdown-list-item-content" }, Q = {
-	key: 6,
-	class: "coar-markdown-hr"
-}, $ = {
-	key: 9,
-	class: "coar-markdown-table-cell"
-}, ee = {
-	key: 10,
-	class: "coar-markdown-unsupported"
-}, te = /* @__PURE__ */ s({
-	__name: "MarkdownBlockNode",
+}), q = r({
+	name: "DefaultLineBreak",
+	props: k,
+	setup() {
+		return () => i("br");
+	}
+}), J = r({
+	name: "DefaultUnsupported",
+	props: k,
+	setup(e) {
+		return () => i("div", { class: "coar-markdown-unsupported" }, `Unsupported markdown node: ${E(e.node)}`);
+	}
+}), Y = {
+	heading: A,
+	paragraph: j,
+	blockquote: M,
+	list: N,
+	listItem: P,
+	codeBlock: F,
+	table: I,
+	tableRow: L,
+	tableCell: R,
+	thematicBreak: z,
+	text: B,
+	emphasis: V,
+	strong: H,
+	strikethrough: U,
+	inlineCode: W,
+	link: G,
+	image: K,
+	lineBreak: q,
+	unsupported: J
+};
+//#endregion
+//#region src/registry.ts
+function X(e) {
+	return e in Z ? e : "unsupported";
+}
+var Z = {
+	heading: !0,
+	paragraph: !0,
+	blockquote: !0,
+	list: !0,
+	listItem: !0,
+	codeBlock: !0,
+	table: !0,
+	tableRow: !0,
+	tableCell: !0,
+	thematicBreak: !0,
+	text: !0,
+	emphasis: !0,
+	strong: !0,
+	strikethrough: !0,
+	inlineCode: !0,
+	link: !0,
+	image: !0,
+	lineBreak: !0,
+	unsupported: !0
+}, Q = Symbol.for("coar:markdown-renderers"), $ = r({
+	name: "RenderNode",
 	props: {
-		nodes: {},
-		tableNode: {}
+		node: {
+			type: Object,
+			required: !0
+		},
+		renderers: {
+			type: Object,
+			default: void 0
+		}
 	},
-	setup(a) {
-		return (s, T) => {
-			let E = d("MarkdownBlockNode", !0);
-			return l(!0), r(e, null, u(a.nodes, (a) => (l(), r(e, { key: a.id }, [a.type === "heading" ? (l(), t(f("h" + m(v)(a)), {
-				key: 0,
-				id: m(y)(a) ?? void 0,
-				class: "coar-markdown-heading"
-			}, {
-				default: h(() => [o(G, { nodes: a.children ?? [] }, null, 8, ["nodes"])]),
-				_: 2
-			}, 1032, ["id"])) : a.type === "paragraph" ? (l(), r("p", K, [o(G, { nodes: a.children ?? [] }, null, 8, ["nodes"])])) : a.type === "blockquote" ? (l(), r("blockquote", q, [o(E, { nodes: a.children ?? [] }, null, 8, ["nodes"])])) : a.type === "list" ? (l(), r(e, { key: 3 }, [m(x)(a) ? (l(), r("ol", {
-				key: 0,
-				class: "coar-markdown-list coar-markdown-list--ordered",
-				start: m(S)(a) ?? void 0
-			}, [o(E, { nodes: a.children ?? [] }, null, 8, ["nodes"])], 8, J)) : (l(), r("ul", Y, [o(E, { nodes: a.children ?? [] }, null, 8, ["nodes"])]))], 64)) : a.type === "listItem" ? (l(), r("li", {
-				key: 4,
-				class: c(["coar-markdown-list-item", { "coar-markdown-list-item--task": m(C)(a) }])
-			}, [m(C)(a) ? (l(), r("input", {
-				key: 0,
-				class: "coar-markdown-task-checkbox",
-				type: "checkbox",
-				checked: m(w)(a),
-				disabled: "",
-				"aria-hidden": "true",
-				tabindex: "-1"
-			}, null, 8, X)) : n("", !0), i("div", Z, [o(E, { nodes: a.children ?? [] }, null, 8, ["nodes"])])], 2)) : a.type === "codeBlock" ? (l(), t(m(g), {
-				key: 5,
-				class: "coar-markdown-code-block",
-				code: a.text ?? "",
-				language: m(b)(a),
-				collapsible: !1,
-				"show-copy": !0
-			}, null, 8, ["code", "language"])) : a.type === "thematicBreak" ? (l(), r("hr", Q)) : a.type === "table" ? (l(), t(m(_), {
-				key: 7,
-				variant: "plain",
-				hover: ""
-			}, {
-				default: h(() => [(a.children ?? []).length > 0 ? (l(), r(e, { key: 0 }, [i("thead", null, [i("tr", null, [(l(!0), r(e, null, u((a.children ?? [])[0]?.children ?? [], (e, t) => (l(), r("th", {
-					key: e.id,
-					class: c({
-						"text-right": m(M)(a, t),
-						"text-center": m(N)(a, t)
-					})
-				}, [o(G, { nodes: e.children ?? [] }, null, 8, ["nodes"])], 2))), 128))])]), i("tbody", null, [(l(!0), r(e, null, u((a.children ?? []).slice(1), (t) => (l(), r("tr", { key: t.id }, [(l(!0), r(e, null, u(t.children ?? [], (e, t) => (l(), r("td", {
-					key: e.id,
-					class: c({
-						"text-right": m(M)(a, t),
-						"text-center": m(N)(a, t)
-					})
-				}, [o(G, { nodes: e.children ?? [] }, null, 8, ["nodes"])], 2))), 128))]))), 128))])], 64)) : n("", !0)]),
-				_: 2
-			}, 1024)) : a.type === "tableRow" ? (l(), t(E, {
-				key: 8,
-				nodes: a.children ?? []
-			}, null, 8, ["nodes"])) : a.type === "tableCell" ? (l(), r("td", $, [o(G, { nodes: a.children ?? [] }, null, 8, ["nodes"])])) : (l(), r("div", ee, " Unsupported markdown node: " + p(m(P)(a)), 1))], 64))), 128);
+	setup(e) {
+		let t = a(Q, void 0), n = () => e.renderers ?? t ?? Y;
+		e.renderers && ee(Q, e.renderers);
+		let r = (e) => e.map((e) => i($, {
+			node: e,
+			key: e.id
+		})), o = () => r(e.node.children ?? []);
+		return () => {
+			let t = n()[X(e.node.type)];
+			return i(t, {
+				node: e.node,
+				renderChildren: o,
+				renderNodes: r
+			});
 		};
 	}
-}), ne = { class: "coar-markdown" }, re = /* @__PURE__ */ s({
+});
+function te(e, t) {
+	return e.map((e) => i($, {
+		node: e,
+		renderers: t,
+		key: e.id
+	}));
+}
+//#endregion
+//#region src/CoarMarkdown.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "coar-markdown" }, re = /* @__PURE__ */ r({
 	__name: "CoarMarkdown",
-	props: { doc: {} },
-	setup(e) {
-		return (t, n) => (l(), r("div", ne, [o(te, { nodes: e.doc.nodes }, null, 8, ["nodes"])]));
+	props: {
+		doc: {},
+		renderers: {}
+	},
+	setup(r) {
+		return (i, a) => (o(), n("div", ne, [(o(!0), n(e, null, s(r.doc.nodes, (e) => (o(), t(c($), {
+			key: e.id,
+			node: e,
+			renderers: r.renderers
+		}, null, 8, ["node", "renderers"]))), 128))]));
 	}
 });
 //#endregion
-export { re as CoarMarkdown };
+export { re as CoarMarkdown, M as DefaultBlockquote, F as DefaultCodeBlock, V as DefaultEmphasis, A as DefaultHeading, K as DefaultImage, W as DefaultInlineCode, q as DefaultLineBreak, G as DefaultLink, N as DefaultList, P as DefaultListItem, j as DefaultParagraph, U as DefaultStrikethrough, H as DefaultStrong, I as DefaultTable, R as DefaultTableCell, L as DefaultTableRow, B as DefaultText, z as DefaultThematicBreak, J as DefaultUnsupported, Q as MARKDOWN_RENDERERS_KEY, $ as RenderNode, f as codeBlockLanguage, Y as defaultMarkdownRenderers, d as headingAnchor, u as headingDepth, S as imageAlt, x as imageSrc, C as imageTitle, p as isOrderedList, T as isTableColumnCenterAligned, w as isTableColumnRightAligned, h as isTaskListItem, v as linkHref, b as linkRel, y as linkTarget, _ as linkUrl, m as listStart, te as renderMarkdownNodes, X as rendererNameFor, g as taskChecked, E as unsupportedType };

package/dist/registry.d.ts

@@ -0,0 +1,84 @@
+import { Component, InjectionKey, VNode } from 'vue';
+import { MarkdownNode, MarkdownNodeType } from '@cocoar/vue-markdown-core';
+/**
+ * Props every viewer renderer receives.
+ *
+ * - `renderChildren()` — sugar for `renderNodes(node.children ?? [])`. Use it
+ *   for the common case of rendering the node's direct children in order.
+ * - `renderNodes(arr)` — render any list of `MarkdownNode`s through the
+ *   registry. Needed for components like `DefaultTable` that emit a non-trivial
+ *   DOM structure and want to delegate the inline content of *individual cells*
+ *   back to the registry.
+ */
+export interface MarkdownRendererProps<TNode extends MarkdownNode = MarkdownNode> {
+    node: TNode;
+    renderChildren: () => VNode[];
+    renderNodes: (nodes: readonly MarkdownNode[]) => VNode[];
+}
+/**
+ * Component map: one renderer per `MarkdownNodeType`. Every type listed in
+ * `markdown-core`'s `MarkdownNodeType` union has an entry — explicit completeness
+ * keeps the registry honest. `unsupported` is the fallback shown when a node
+ * type slips through without a renderer.
+ */
+export interface MarkdownViewerRenderers {
+    heading: Component<MarkdownRendererProps>;
+    paragraph: Component<MarkdownRendererProps>;
+    blockquote: Component<MarkdownRendererProps>;
+    list: Component<MarkdownRendererProps>;
+    listItem: Component<MarkdownRendererProps>;
+    codeBlock: Component<MarkdownRendererProps>;
+    table: Component<MarkdownRendererProps>;
+    tableRow: Component<MarkdownRendererProps>;
+    tableCell: Component<MarkdownRendererProps>;
+    thematicBreak: Component<MarkdownRendererProps>;
+    text: Component<MarkdownRendererProps>;
+    emphasis: Component<MarkdownRendererProps>;
+    strong: Component<MarkdownRendererProps>;
+    strikethrough: Component<MarkdownRendererProps>;
+    inlineCode: Component<MarkdownRendererProps>;
+    link: Component<MarkdownRendererProps>;
+    image: Component<MarkdownRendererProps>;
+    lineBreak: Component<MarkdownRendererProps>;
+    unsupported: Component<MarkdownRendererProps>;
+}
+export type MarkdownRendererName = keyof MarkdownViewerRenderers;
+/**
+ * Map any node `type` string to a known renderer name. Falls back to
+ * `'unsupported'` when the type isn't in the registry — happens if
+ * `markdown-core` adds a node type before this registry catches up, or if a
+ * custom transformer emits a non-standard type. Accepts `string` (not just
+ * `MarkdownNodeType`) because `MarkdownNode.type` is widened to allow
+ * forward-compatible string literals.
+ */
+export declare function rendererNameFor(type: MarkdownNodeType | string): MarkdownRendererName;
+/**
+ * Vue inject key. Apps that want to globally override renderers can
+ * `app.provide(MARKDOWN_RENDERERS_KEY, ...)` once at startup. The viewer and
+ * editor both fall back to {@link defaultMarkdownRenderers} when no provider
+ * is present.
+ *
+ * Per-instance overrides flow through the `renderers` prop on the viewer /
+ * editor and win over the inject value, which wins over the default.
+ */
+export declare const MARKDOWN_RENDERERS_KEY: InjectionKey<MarkdownViewerRenderers>;
+/**
+ * Editor-side counterpart: optional ProseMirror NodeView factories per *PM
+ * node name* (note: PM uses snake_case — `code_block`, `table` — not the
+ * AST's camelCase). Defined here for completeness; the actual factories live
+ * in the editor package because they depend on Milkdown / PM types we don't
+ * want to pull into the viewer.
+ *
+ * Phase-1 scaffolding only — the editor wiring follows in phase 4.
+ */
+export interface MarkdownEditorNodeViewSpec {
+    /** PM node type name as it appears in the schema (e.g. `code_block`). */
+    pmNodeName: string;
+    /** Brief description for debugging / dev-tools — never user-facing. */
+    description: string;
+}
+export interface MarkdownEditorNodeViews {
+    code_block?: MarkdownEditorNodeViewSpec;
+    table?: MarkdownEditorNodeViewSpec;
+}
+//# sourceMappingURL=registry.d.ts.map

package/dist/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEhF;;;;;;;;;GASG;AACH,MAAM,WAAW,qBAAqB,CAAC,KAAK,SAAS,YAAY,GAAG,YAAY;IAC9E,IAAI,EAAE,KAAK,CAAC;IACZ,cAAc,EAAE,MAAM,KAAK,EAAE,CAAC;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,KAAK,KAAK,EAAE,CAAC;CAC1D;AAED;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IAEtC,OAAO,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC1C,SAAS,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC5C,UAAU,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC7C,IAAI,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC5C,KAAK,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC5C,aAAa,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAEhD,IAAI,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC3C,MAAM,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAChD,UAAU,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC7C,IAAI,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACvC,KAAK,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACxC,SAAS,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAE5C,WAAW,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;CAC/C;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,uBAAuB,CAAC;AAEjE;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,GAAG,oBAAoB,CAIrF;AAYD;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,EAAE,YAAY,CAAC,uBAAuB,CAExE,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,WAAW,0BAA0B;IACzC,yEAAyE;IACzE,UAAU,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC"}