@haklex/rich-compose 0.2.0 → 0.6.0

package/dist/index.mjs

@@ -1,7 +1,432 @@
 import { NestedContentRendererProvider } from "@haklex/rich-editor";
-import { RichRenderer } from "@haklex/rich-static-renderer";
-import { Fragment, Suspense, lazy, memo, useCallback } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { Fragment, Suspense, cloneElement, createElement, isValidElement, lazy, memo, useCallback, useEffect, useMemo, useRef } from "react";
+import { ColorSchemeProvider, FootnoteDefinitionsProvider, LinkFavicon, NestedContentRendererProvider as NestedContentRendererProvider$1, RendererConfigProvider, RendererWrapper, RubyRenderer, allNodes, detailsClassNames, detailsStyles, editorTheme, getTagBgColor, getVariantClass, gridClassNames, gridStyles, normalizeSerializedEditorState, semanticClassNames, sharedStyles, useOptionalNestedContentRenderer } from "@haklex/rich-editor/static";
+import { PortalThemeProvider } from "@haklex/rich-style-token";
+import { createHeadlessEditor } from "@lexical/headless";
+import { $getRoot } from "lexical";
+import { Link } from "lucide-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/static-renderer/components/HtmlComment.tsx
+function HtmlComment({ text }) {
+	const anchorRef = useRef(null);
+	const commentRef = useRef(null);
+	useEffect(() => {
+		const anchor = anchorRef.current;
+		if (!anchor) return;
+		const parent = anchor.parentNode;
+		if (!parent) return;
+		let comment = commentRef.current;
+		if (!comment || comment.parentNode !== parent) {
+			comment = document.createComment(text);
+			parent.insertBefore(comment, anchor);
+			commentRef.current = comment;
+		} else if (comment.data !== text) comment.data = text;
+		return () => {
+			if (commentRef.current?.parentNode) commentRef.current.parentNode.removeChild(commentRef.current);
+			commentRef.current = null;
+		};
+	}, [text]);
+	return /* @__PURE__ */ jsx("template", {
+		suppressHydrationWarning: true,
+		"data-rich-comment-anchor": "",
+		ref: anchorRef
+	});
+}
+//#endregion
+//#region src/static-renderer/table.css.ts
+var tableWrapper = "icqzyn0";
+var table = "icqzyn1";
+var tableHead = "icqzyn2";
+var tableCell = "icqzyn3";
+//#endregion
+//#region src/static-renderer/engine/renderBuiltinNode.tsx
+var shared$1 = (key) => `${semanticClassNames[key]} ${sharedStyles[key]}`;
+var headingClassNames = {
+	h1: shared$1("headingH1"),
+	h2: shared$1("headingH2"),
+	h3: shared$1("headingH3"),
+	h4: shared$1("headingH4"),
+	h5: shared$1("headingH5"),
+	h6: shared$1("headingH6")
+};
+function textToSlug(text) {
+	return text.toLowerCase().trim().replaceAll(/[^\s\w\u3000-\u9FFF\uAC00-\uD7AF\uFF00-\uFFEF-]/g, "").replaceAll(/[\s_]+/g, "-").replaceAll(/^-+|-+$/g, "");
+}
+function extractText(node) {
+	if (node.type === "comment") return "";
+	if (node.text) return node.text;
+	if (node.children) return node.children.map(extractText).join("");
+	return "";
+}
+function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
+	switch (node.type) {
+		case "root": return /* @__PURE__ */ jsx(Fragment$1, { children });
+		case "paragraph": {
+			const align = node.format ? { textAlign: node.format } : void 0;
+			return /* @__PURE__ */ jsx("p", {
+				className: shared$1("paragraph"),
+				style: align,
+				children
+			}, key);
+		}
+		case "heading": {
+			const Tag = node.tag;
+			const baseSlug = textToSlug(textContent || extractText(node));
+			let slug = baseSlug;
+			if (baseSlug) {
+				const count = headingSlugs.get(baseSlug);
+				if (count !== void 0) {
+					slug = `${baseSlug}-${count}`;
+					headingSlugs.set(baseSlug, count + 1);
+				} else headingSlugs.set(baseSlug, 1);
+			}
+			return /* @__PURE__ */ jsxs(Tag, {
+				className: headingClassNames[Tag],
+				id: slug || void 0,
+				children: [slug && /* @__PURE__ */ jsx("a", {
+					className: shared$1("headingAnchor"),
+					href: `#${slug}`,
+					tabIndex: 0,
+					children: /* @__PURE__ */ jsx(Link, {
+						"aria-hidden": true,
+						size: 14,
+						strokeWidth: 2
+					})
+				}), children]
+			}, key);
+		}
+		case "quote": return /* @__PURE__ */ jsx("blockquote", {
+			className: shared$1("quote"),
+			children
+		}, key);
+		case "list": return /* @__PURE__ */ jsx(node.listType === "number" ? "ol" : "ul", {
+			className: node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl"),
+			start: node.start !== 1 ? node.start : void 0,
+			children
+		}, key);
+		case "listitem": {
+			const isChecklist = node.checked !== void 0;
+			const hasNestedList = node.children?.some((c) => c.type === "list");
+			const value = typeof node.value === "number" && node.value > 1 ? node.value : void 0;
+			let cls;
+			if (hasNestedList) cls = shared$1("listNestedItem");
+			else if (isChecklist) cls = node.checked ? `${shared$1("listItem")} ${shared$1("listItemChecked")}` : `${shared$1("listItem")} ${shared$1("listItemUnchecked")}`;
+			else cls = shared$1("listItem");
+			return /* @__PURE__ */ jsx("li", {
+				className: cls,
+				value,
+				children
+			}, key);
+		}
+		case "link": return /* @__PURE__ */ jsxs("a", {
+			className: shared$1("link"),
+			href: node.url,
+			rel: node.rel || "noopener",
+			target: node.target || "_blank",
+			children: [/* @__PURE__ */ jsx(LinkFavicon, { href: node.url }), children]
+		}, key);
+		case "autolink": return /* @__PURE__ */ jsxs("a", {
+			className: shared$1("link"),
+			href: node.url,
+			rel: "noopener",
+			target: "_blank",
+			children: [/* @__PURE__ */ jsx(LinkFavicon, { href: node.url }), children]
+		}, key);
+		case "horizontalrule": return /* @__PURE__ */ jsx("hr", { className: shared$1("hr") }, key);
+		case "table": return /* @__PURE__ */ jsx("div", {
+			className: tableWrapper,
+			children: /* @__PURE__ */ jsx("table", {
+				className: table,
+				children
+			})
+		}, key);
+		case "tablerow": return /* @__PURE__ */ jsx("tr", { children }, key);
+		case "tablecell": return /* @__PURE__ */ jsx(node.headerState ? "th" : "td", {
+			className: node.headerState ? tableHead : tableCell,
+			colSpan: node.colSpan > 1 ? node.colSpan : void 0,
+			children
+		}, key);
+		case "details": {
+			const summary = node.summary || "";
+			return /* @__PURE__ */ jsxs("details", {
+				className: `${detailsClassNames.details} ${detailsStyles.details}`,
+				open: node.open || void 0,
+				children: [/* @__PURE__ */ jsxs("summary", {
+					className: `${detailsClassNames.summary} ${detailsStyles.summary}`,
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: `${detailsClassNames.chevron} ${detailsStyles.chevron}`,
+						children: /* @__PURE__ */ jsx("svg", {
+							fill: "none",
+							height: "20",
+							stroke: "currentColor",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: "1.5",
+							viewBox: "0 0 20 20",
+							width: "20",
+							children: /* @__PURE__ */ jsx("path", { d: "M8 6L12 10L8 14" })
+						})
+					}), /* @__PURE__ */ jsx("span", {
+						className: `${detailsClassNames.summaryText} ${detailsStyles.summaryText}`,
+						children: summary
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: `${detailsClassNames.content} ${detailsStyles.content}`,
+					children
+				})]
+			}, key);
+		}
+		case "spoiler": return /* @__PURE__ */ jsx("span", {
+			className: shared$1("spoiler"),
+			role: "button",
+			tabIndex: 0,
+			children
+		}, key);
+		case "tag": return /* @__PURE__ */ jsx("span", {
+			className: shared$1("tag"),
+			style: { backgroundColor: getTagBgColor(node.text) },
+			children: node.text
+		}, key);
+		case "comment": return /* @__PURE__ */ jsx(HtmlComment, { text: node.text ?? "" }, key);
+		case "ruby": return createElement(RendererWrapper, {
+			key,
+			rendererKey: "Ruby",
+			defaultRenderer: RubyRenderer,
+			props: {
+				reading: node.reading ?? "",
+				children
+			}
+		});
+		case "code": return /* @__PURE__ */ jsx("pre", {
+			className: "rich-code-block",
+			children: /* @__PURE__ */ jsx("code", { children })
+		}, key);
+		case "code-highlight": return /* @__PURE__ */ jsx("span", { children: node.text }, key);
+		case "linebreak": return /* @__PURE__ */ jsx("br", {}, key);
+		case "tab": return /* @__PURE__ */ jsx("span", { children: "  " }, key);
+		default: return null;
+	}
+}
+//#endregion
+//#region src/static-renderer/engine/renderTextNode.tsx
+var shared = (key) => `${semanticClassNames[key]} ${sharedStyles[key]}`;
+var FORMAT_FLAGS = [
+	[1, "textBold"],
+	[2, "textItalic"],
+	[4, "textStrikethrough"],
+	[8, "textUnderline"],
+	[16, "textCode"],
+	[32, "textSubscript"],
+	[64, "textSuperscript"],
+	[128, "textHighlight"]
+];
+function parseCSSText(cssText) {
+	const style = {};
+	for (const part of cssText.split(";")) {
+		const colonIndex = part.indexOf(":");
+		if (colonIndex === -1) continue;
+		const prop = part.slice(0, colonIndex).trim();
+		const value = part.slice(colonIndex + 1).trim();
+		if (!prop || !value) continue;
+		const camelProp = prop.replaceAll(/-([a-z])/g, (_, c) => c.toUpperCase());
+		style[camelProp] = value;
+	}
+	return style;
+}
+function renderTextNode(node, key) {
+	let element = node.text;
+	const format = node.format || 0;
+	for (const [flag, styleKey] of FORMAT_FLAGS) if (format & flag) element = /* @__PURE__ */ jsx("span", {
+		className: shared(styleKey),
+		children: element
+	}, `${key}-${flag}`);
+	if (node.style) element = /* @__PURE__ */ jsx("span", {
+		style: parseCSSText(node.style),
+		children: element
+	}, key);
+	return element;
+}
+//#endregion
+//#region src/static-renderer/preprocess/footnote.ts
+function preprocessFootnotes(state) {
+	const definitions = {};
+	const seen = /* @__PURE__ */ new Set();
+	const displayNumberMap = {};
+	let counter = 1;
+	function walk(node) {
+		if (node.type === "footnote" && node.identifier) {
+			const id = node.identifier;
+			if (!seen.has(id)) {
+				seen.add(id);
+				displayNumberMap[id] = counter++;
+			}
+		}
+		if (node.type === "footnote-section" && node.definitions) Object.assign(definitions, node.definitions);
+		if (node.children) for (const child of node.children) walk(child);
+		if (node.root) walk(node.root);
+		if (node.content && typeof node.content === "object" && node.content.root) walk(node.content);
+		if (node.cells && Array.isArray(node.cells)) {
+			for (const cell of node.cells) if (cell && cell.root) walk(cell);
+		}
+	}
+	walk(state);
+	for (const id of seen) if (!(id in definitions)) definitions[id] = "";
+	return {
+		definitions,
+		displayNumberMap
+	};
+}
+//#endregion
+//#region src/static-renderer/RichRenderer.tsx
+var alertClassName = (type) => `${semanticClassNames.alert} ${sharedStyles.alert} rich-alert-${type}`;
+function wrapDecoration(serialized, key, decoration) {
+	switch (serialized.type) {
+		case "alert-quote": return createElement("div", {
+			key,
+			className: alertClassName(serialized.alertType)
+		}, decoration);
+		case "banner": return createElement("div", {
+			key,
+			className: `rich-banner rich-banner-${serialized.bannerType}`
+		}, decoration);
+		case "grid-container": return createElement("div", {
+			key,
+			className: `${gridClassNames.container} ${gridStyles.container}`
+		}, decoration);
+		default:
+			if (isValidElement(decoration)) return cloneElement(decoration, { key });
+			return decoration;
+	}
+}
+function applyBlockId(element, blockId, nodeKey) {
+	if (!blockId) return element;
+	if (isValidElement(element) && typeof element.type === "string") return cloneElement(element, { "data-block-id": blockId });
+	return /* @__PURE__ */ jsx("div", {
+		className: "rich-block-anchor",
+		"data-block-id": blockId,
+		children: element
+	}, `${nodeKey}-block-anchor`);
+}
+function renderTree(node, editor, editorConfig, headingSlugs, key, blockId, builtinNodeOverrides) {
+	const nodeKey = node.getKey ? node.getKey() : key;
+	if (typeof node.decorate === "function") try {
+		const decoration = node.decorate(editor, editorConfig);
+		if (decoration != null) return applyBlockId(wrapDecoration(node.exportJSON ? node.exportJSON() : {}, nodeKey, decoration), blockId, nodeKey);
+	} catch {}
+	const serialized = node.exportJSON ? node.exportJSON() : {};
+	if (serialized.type === "text") return renderTextNode(serialized, nodeKey);
+	const childNodes = typeof node.getChildren === "function" ? node.getChildren() : [];
+	if (Array.isArray(serialized.children) && serialized.children.length === 0 && childNodes.length > 0) serialized.children = childNodes.map((c) => ({ type: typeof c.getType === "function" ? c.getType() : c.__type }));
+	let children = null;
+	if (childNodes.length > 0) children = childNodes.map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `${nodeKey}-${i}`, void 0, builtinNodeOverrides));
+	const textContent = node.getTextContent ? node.getTextContent() : void 0;
+	const override = builtinNodeOverrides?.[serialized.type];
+	if (override) {
+		const defaultRenderer = () => renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent);
+		return applyBlockId(override(serialized, nodeKey, children, defaultRenderer), blockId, nodeKey);
+	}
+	return applyBlockId(renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent), blockId, nodeKey);
+}
+function renderEditorToReact(value, nodes, builtinNodeOverrides) {
+	const editor = createHeadlessEditor({
+		nodes,
+		theme: editorTheme,
+		editable: false,
+		onError: (error) => {
+			console.error("[RichRenderer]", error);
+		}
+	});
+	const editorConfig = {
+		namespace: "ssr",
+		theme: editorTheme
+	};
+	const normalizedValue = normalizeSerializedEditorState(value);
+	const editorState = editor.parseEditorState(normalizedValue);
+	editor.setEditorState(editorState);
+	const footnoteData = preprocessFootnotes(normalizedValue);
+	const rawRootChildren = normalizedValue.root?.children;
+	let content = null;
+	editorState.read(() => {
+		const root = $getRoot();
+		const headingSlugs = /* @__PURE__ */ new Map();
+		content = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+	});
+	const renderNestedContent = (state) => {
+		const nestedEditor = createHeadlessEditor({
+			nodes,
+			theme: editorTheme,
+			editable: false,
+			onError: (error) => {
+				console.error("[RichRenderer:nested]", error);
+			}
+		});
+		const nestedEditorConfig = {
+			namespace: "ssr-nested",
+			theme: editorTheme
+		};
+		const normalizedState = normalizeSerializedEditorState(state);
+		const nestedState = nestedEditor.parseEditorState(normalizedState);
+		nestedEditor.setEditorState(nestedState);
+		let nested = null;
+		const nestedRawChildren = normalizedState.root?.children;
+		nestedState.read(() => {
+			const root = $getRoot();
+			const headingSlugs = /* @__PURE__ */ new Map();
+			nested = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+		});
+		return nested;
+	};
+	return {
+		content,
+		footnoteData,
+		renderNestedContent
+	};
+}
+function RichRenderer({ value, variant = "article", theme = "light", className, style, as: Component = "div", nested = false, rendererConfig, extraNodes, builtinNodeOverrides }) {
+	const variantClass = getVariantClass(variant);
+	const outerRenderNestedContent = useOptionalNestedContentRenderer();
+	const { content, footnoteData, renderNestedContent } = useMemo(() => {
+		return renderEditorToReact(value, extraNodes ? [...allNodes, ...extraNodes] : allNodes, builtinNodeOverrides);
+	}, [
+		builtinNodeOverrides,
+		extraNodes,
+		value
+	]);
+	const classes = [
+		"rich-content",
+		variantClass,
+		className
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(PortalThemeProvider, {
+		className: variantClass,
+		theme,
+		children: /* @__PURE__ */ jsx(ColorSchemeProvider, {
+			colorScheme: theme,
+			children: /* @__PURE__ */ jsx(RendererConfigProvider, {
+				config: rendererConfig,
+				mode: "renderer",
+				variant,
+				children: /* @__PURE__ */ jsx(FootnoteDefinitionsProvider, {
+					definitions: footnoteData.definitions,
+					displayNumberMap: footnoteData.displayNumberMap,
+					children: /* @__PURE__ */ jsx(NestedContentRendererProvider$1, {
+						value: outerRenderNestedContent ?? renderNestedContent,
+						children: /* @__PURE__ */ jsx(Component, {
+							suppressHydrationWarning: true,
+							className: classes,
+							"data-rich-nested": nested ? "true" : void 0,
+							"data-theme": theme,
+							style,
+							children: content
+						})
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
 //#region src/core/dedup.ts
 /**
 * Merge preset and modules, deduplicating by:
@@ -113,7 +538,7 @@ function composeRenderer(opts) {
 	const finalConfig = {
 		...syncMap,
 		...lazyMap,
-		...opts.overrides ?? {}
+		...opts.overrides
 	};
 	const ComposedProviders = composeProviders(merged);
 	const builtinNodeOverrides = opts.builtinNodeOverrides;
@@ -143,4 +568,4 @@ function composeRenderer(opts) {
 	return memo(ComposedRenderer);
 }
 //#endregion
-export { composeRenderer, dedupNodes, mergeModules, wrapLazy };
+export { RichRenderer, composeRenderer, dedupNodes, mergeModules, wrapLazy };

package/dist/modules/alert/index.d.ts

@@ -1,3 +1,3 @@
-export { AlertRenderer } from './renderer';
 export { alertModule } from './module';
+export { AlertRenderer } from './renderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/modules/alert/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/alert/module.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,eAAO,MAAM,WAAW,EAAE,kBAGzB,CAAA"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/alert/module.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,eAAO,MAAM,WAAW,EAAE,kBAGzB,CAAC"}

package/dist/modules/alert/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/alert/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAElE,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,eAAe,aAAa,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/alert/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,eAAe,aAAa,CAAC"}

package/dist/modules/banner/index.d.ts

@@ -1,3 +1,3 @@
-export { BannerRenderer } from './renderer';
 export { bannerModule } from './module';
+export { BannerRenderer } from './renderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/modules/banner/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/banner/module.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAA"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/banner/module.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAC"}

package/dist/modules/banner/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/banner/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEpE,OAAO,EAAE,cAAc,EAAE,CAAA;AACzB,eAAe,cAAc,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/banner/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,eAAe,cAAc,CAAC"}

package/dist/modules/chat/index.d.ts

@@ -1,5 +1,5 @@
-export type { ChatMessage, ChatParticipant, ChatParticipantKind, ChatRendererProps, ChatVariant, SerializedChatNode, } from '@haklex/rich-ext-chat/static';
-export { $createChatNode, $isChatNode, ChatNode, chatNodes, } from './node';
-export { ChatRenderer } from './renderer';
 export { chatModule } from './module';
+export { $createChatNode, $isChatNode, ChatNode, chatNodes } from './node';
+export { ChatRenderer } from './renderer';
+export type { ChatMessage, ChatParticipant, ChatParticipantKind, ChatRendererProps, ChatVariant, SerializedChatNode, } from '@haklex/rich-ext-chat/static';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,GACnB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EACL,eAAe,EACf,WAAW,EACX,QAAQ,EACR,SAAS,GACV,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,YAAY,EACV,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,GACnB,MAAM,8BAA8B,CAAC"}

package/dist/modules/chat/index.mjs

@@ -1,11 +1,18 @@
 import { $createChatNode, $isChatNode, ChatNode, chatNodes } from "./node.mjs";
 import { ChatRenderer } from "./renderer.mjs";
-import { ChatRenderer as ChatRenderer$1, chatNodes as chatNodes$1 } from "@haklex/rich-ext-chat/static";
+import { chatNodes as chatNodes$1 } from "@haklex/rich-ext-chat/node";
 //#region src/modules/chat/module.ts
+/**
+* Chat module — registers ChatNode (light) and lazy-loads ChatRenderer.
+*
+* Consumers can write a thin override module using `chatNodes` from
+* `@haklex/rich-ext-chat/node` plus a custom `renderers: { Chat: ... }` to
+* keep the default ChatRenderer chunk out of their bundle.
+*/
 var chatModule = {
 	name: "chat",
 	nodes: chatNodes$1,
-	renderers: { Chat: ChatRenderer$1 }
+	lazyRenderers: { Chat: () => import("@haklex/rich-ext-chat/renderer") }
 };
 //#endregion
 export { $createChatNode, $isChatNode, ChatNode, ChatRenderer, chatModule, chatNodes };

package/dist/modules/chat/module.d.ts

@@ -1,3 +1,10 @@
 import { RichRendererModule } from '../../core/types';
+/**
+ * Chat module — registers ChatNode (light) and lazy-loads ChatRenderer.
+ *
+ * Consumers can write a thin override module using `chatNodes` from
+ * `@haklex/rich-ext-chat/node` plus a custom `renderers: { Chat: ... }` to
+ * keep the default ChatRenderer chunk out of their bundle.
+ */
 export declare const chatModule: RichRendererModule;
 //# sourceMappingURL=module.d.ts.map

package/dist/modules/chat/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/module.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,eAAO,MAAM,UAAU,EAAE,kBAIxB,CAAA"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/module.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,kBAMxB,CAAC"}

package/dist/modules/chat/node.d.ts

@@ -1,3 +1,3 @@
-export type { SerializedChatNode } from '@haklex/rich-ext-chat/static';
-export { $createChatNode, $isChatNode, ChatNode, chatNodes, } from '@haklex/rich-ext-chat/static';
+export type { SerializedChatNode } from '@haklex/rich-ext-chat/node';
+export { $createChatNode, $isChatNode, ChatNode, chatNodes } from '@haklex/rich-ext-chat/node';
 //# sourceMappingURL=node.d.ts.map

package/dist/modules/chat/node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/node.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EACL,eAAe,EACf,WAAW,EACX,QAAQ,EACR,SAAS,GACV,MAAM,8BAA8B,CAAA"}
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/node.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/modules/chat/node.mjs

@@ -1,2 +1,2 @@
-import { $createChatNode, $isChatNode, ChatNode, chatNodes } from "@haklex/rich-ext-chat/static";
+import { $createChatNode, $isChatNode, ChatNode, chatNodes } from "@haklex/rich-ext-chat/node";
 export { $createChatNode, $isChatNode, ChatNode, chatNodes };

package/dist/modules/chat/renderer.d.ts

@@ -1,4 +1,4 @@
-import { ChatRenderer } from '@haklex/rich-ext-chat/static';
+import { ChatRenderer } from '@haklex/rich-ext-chat/renderer';
 export { ChatRenderer };
 export default ChatRenderer;
 //# sourceMappingURL=renderer.d.ts.map

package/dist/modules/chat/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,eAAe,YAAY,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/chat/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}

package/dist/modules/chat/renderer.mjs

@@ -1,4 +1,4 @@
-import { ChatRenderer } from "@haklex/rich-ext-chat/static";
+import { ChatRenderer } from "@haklex/rich-ext-chat/renderer";
 //#region src/modules/chat/renderer.tsx
 var renderer_default = ChatRenderer;
 //#endregion

package/dist/modules/code-block/index.d.ts

@@ -1,3 +1,3 @@
-export { CodeBlockRenderer } from './renderer';
 export { codeBlockModule } from './module';
+export { CodeBlockRenderer } from './renderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/code-block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/code-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/code-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/modules/code-block/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/code-block/module.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAG1D;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,kBAQ7B,CAAA"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/code-block/module.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,kBAQ7B,CAAC"}

package/dist/modules/code-block/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/code-block/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/modules/code-block/renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAe,iBAAiB,CAAC"}

package/dist/modules/code-snippet/index.d.ts

@@ -1,5 +1,5 @@
+export { codeSnippetModule } from './module';
 export type { SerializedCodeSnippetNode } from './node';
 export { $createCodeSnippetNode, $isCodeSnippetNode, CodeSnippetNode, codeSnippetNodes, } from './node';
 export { CodeSnippetRenderer } from './renderer';
-export { codeSnippetModule } from './module';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/code-snippet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/code-snippet/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAA;AACvD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/code-snippet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/modules/code-snippet/index.mjs

@@ -1,11 +1,16 @@
 import { $createCodeSnippetNode, $isCodeSnippetNode, CodeSnippetNode, codeSnippetNodes } from "./node.mjs";
 import { CodeSnippetRenderer } from "./renderer.mjs";
-import { CodeSnippetRenderer as CodeSnippetRenderer$1, codeSnippetNodes as codeSnippetNodes$1 } from "@haklex/rich-ext-code-snippet/static";
+import { codeSnippetNodes as codeSnippetNodes$1 } from "@haklex/rich-ext-code-snippet/node";
 //#region src/modules/code-snippet/module.ts
+/**
+* Code-snippet module — registers CodeSnippetNode (light) and lazy-loads
+* CodeSnippetRenderer (shiki). Consumers can supply a thin override module
+* to keep the heavy shiki-based default out of the bundle.
+*/
 var codeSnippetModule = {
 	name: "code-snippet",
 	nodes: codeSnippetNodes$1,
-	renderers: { CodeSnippet: CodeSnippetRenderer$1 }
+	lazyRenderers: { CodeSnippet: () => import("@haklex/rich-ext-code-snippet/renderer") }
 };
 //#endregion
 export { $createCodeSnippetNode, $isCodeSnippetNode, CodeSnippetNode, CodeSnippetRenderer, codeSnippetModule, codeSnippetNodes };

package/dist/modules/code-snippet/module.d.ts

@@ -1,3 +1,8 @@
 import { RichRendererModule } from '../../core/types';
+/**
+ * Code-snippet module — registers CodeSnippetNode (light) and lazy-loads
+ * CodeSnippetRenderer (shiki). Consumers can supply a thin override module
+ * to keep the heavy shiki-based default out of the bundle.
+ */
 export declare const codeSnippetModule: RichRendererModule;
 //# sourceMappingURL=module.d.ts.map