@ctrl-ui/react 0.8.0

package/dist/chat-composer-attachment.js

@@ -0,0 +1,267 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { Button } from "./ui/button.js";
+import { ScrollArea } from "./ui/scroll-area.js";
+import { createContext, useContext } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+//#region src/chat-composer-attachment.tsx
+const ChatComposerAttachmentContext = createContext(null);
+function useChatComposerAttachmentContext() {
+	const context = useContext(ChatComposerAttachmentContext);
+	if (!context) throw new Error("ChatComposerAttachment compound components must be rendered inside <ChatComposerAttachment>.");
+	return context;
+}
+function extensionFromName(name) {
+	return name.match(/\.([a-z0-9]+)$/i)?.[1]?.toLowerCase() ?? "";
+}
+function kindFromAttachment(type, name) {
+	const mime = type?.toLowerCase() ?? "";
+	const extension = extensionFromName(name);
+	if (mime.startsWith("image/") || [
+		"avif",
+		"gif",
+		"heic",
+		"jpeg",
+		"jpg",
+		"png",
+		"webp"
+	].includes(extension)) return "image";
+	if (mime === "application/pdf" || extension === "pdf") return "pdf";
+	if (mime.includes("spreadsheet") || mime.includes("excel") || mime.includes("csv") || [
+		"csv",
+		"numbers",
+		"ods",
+		"tsv",
+		"xls",
+		"xlsx"
+	].includes(extension)) return "spreadsheet";
+	if (mime.startsWith("audio/") || [
+		"aac",
+		"flac",
+		"m4a",
+		"mp3",
+		"ogg",
+		"wav"
+	].includes(extension)) return "audio";
+	if (mime.startsWith("video/") || [
+		"avi",
+		"mov",
+		"mp4",
+		"webm"
+	].includes(extension)) return "video";
+	if (mime.includes("zip") || [
+		"7z",
+		"gz",
+		"rar",
+		"tar",
+		"zip"
+	].includes(extension)) return "archive";
+	if (mime.includes("document") || mime.includes("text") || [
+		"doc",
+		"docx",
+		"md",
+		"rtf",
+		"txt"
+	].includes(extension)) return "document";
+	return "file";
+}
+function progressValue(progress) {
+	if (typeof progress !== "number" || Number.isNaN(progress)) return void 0;
+	return Math.min(100, Math.max(0, progress));
+}
+function fallbackLabel(kind, extension) {
+	if (extension && extension.length <= 4) return extension.toUpperCase();
+	return {
+		image: "IMG",
+		pdf: "PDF",
+		spreadsheet: "XLS",
+		document: "DOC",
+		archive: "ZIP",
+		audio: "AUD",
+		video: "VID",
+		file: "FILE"
+	}[kind];
+}
+function defaultDescription(context) {
+	const progress = progressValue(context.progress);
+	if (context.description) return context.description;
+	if (context.status === "uploading") return `Uploading ${Math.round(progress ?? 0)}%`;
+	if (context.status === "error") return "Upload failed";
+	return fallbackLabel(context.kind, context.extension);
+}
+function ChatComposerAttachments({ label = "Attachments", className, viewportClassName, children, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-control-ui": "chat-composer-attachments",
+		"data-control-family": "chat-composer-attachment",
+		"data-slot": "root",
+		className: cn("min-w-0", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea, {
+			"data-control-ui": "chat-composer-attachments",
+			"data-slot": "scroll",
+			"aria-label": label,
+			lockAxis: "y",
+			mask: true,
+			scrollbarVisibility: "hover",
+			className: "w-full",
+			viewportClassName,
+			children: /* @__PURE__ */ jsx("ul", {
+				"data-control-ui": "chat-composer-attachments",
+				"data-control-family": "chat-composer-attachment",
+				"data-slot": "list",
+				className: "flex w-max min-w-full list-none",
+				children
+			})
+		})
+	});
+}
+function ChatComposerAttachment({ name, type, description, status = "idle", progress: progressInput, previewUrl, kind, variant = "auto", onRemove, removeLabel, className, children, role, "aria-label": ariaLabel, ...props }) {
+	const resolvedKind = kind ?? kindFromAttachment(type, name);
+	let resolvedVariant;
+	if (variant === "auto") resolvedVariant = previewUrl || resolvedKind === "image" ? "preview" : "file";
+	else resolvedVariant = variant;
+	const extension = extensionFromName(name);
+	const progress = progressValue(progressInput);
+	return /* @__PURE__ */ jsx(ChatComposerAttachmentContext.Provider, {
+		value: {
+			name,
+			type,
+			description,
+			status,
+			progress,
+			previewUrl,
+			kind: resolvedKind,
+			variant: resolvedVariant,
+			extension,
+			onRemove,
+			removeLabel
+		},
+		children: /* @__PURE__ */ jsx("li", {
+			role,
+			"aria-label": ariaLabel ?? name,
+			"data-control-ui": "chat-composer-attachment",
+			"data-control-family": "chat-composer-attachment",
+			"data-slot": "root",
+			"data-surface": "panel",
+			"data-kind": resolvedKind,
+			"data-state": status,
+			"data-variant": resolvedVariant,
+			className: cn("relative shrink-0 overflow-hidden", "flex items-center", className),
+			...props,
+			children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(ChatComposerAttachmentPreview, {}),
+				resolvedVariant === "file" && /* @__PURE__ */ jsxs(ChatComposerAttachmentContent, { children: [/* @__PURE__ */ jsx(ChatComposerAttachmentTitle, {}), /* @__PURE__ */ jsx(ChatComposerAttachmentDescription, {})] }),
+				/* @__PURE__ */ jsx(ChatComposerAttachmentRemove, {}),
+				/* @__PURE__ */ jsx(ChatComposerAttachmentProgress, {})
+			] })
+		})
+	});
+}
+function ChatComposerAttachmentPreview({ className, children, ...props }) {
+	const context = useChatComposerAttachmentContext();
+	const label = fallbackLabel(context.kind, context.extension);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-control-ui": "chat-composer-attachment",
+		"data-control-family": "chat-composer-attachment",
+		"data-slot": "preview",
+		className: cn("relative grid shrink-0 place-items-center overflow-hidden", className),
+		...props,
+		children: [children ?? (context.previewUrl ? /* @__PURE__ */ jsx("img", {
+			src: context.previewUrl,
+			alt: context.name,
+			loading: "lazy",
+			decoding: "async",
+			className: "h-full w-auto max-w-full object-contain"
+		}) : /* @__PURE__ */ jsx("span", {
+			"data-control-ui": "chat-composer-attachment",
+			"data-control-family": "chat-composer-attachment",
+			"data-slot": "preview-label",
+			className: "uppercase",
+			children: label
+		})), context.status === "uploading" && /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			"data-control-ui": "chat-composer-attachment",
+			"data-control-family": "chat-composer-attachment",
+			"data-slot": "status",
+			className: "absolute right-1 top-1"
+		})]
+	});
+}
+function ChatComposerAttachmentContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-control-ui": "chat-composer-attachment",
+		"data-control-family": "chat-composer-attachment",
+		"data-slot": "content",
+		className: cn("min-w-0 flex-1", className),
+		...props
+	});
+}
+function ChatComposerAttachmentTitle({ className, children, ...props }) {
+	const { name } = useChatComposerAttachmentContext();
+	return /* @__PURE__ */ jsx("div", {
+		"data-control-ui": "chat-composer-attachment",
+		"data-control-family": "chat-composer-attachment",
+		"data-slot": "title",
+		className: cn("truncate", className),
+		...props,
+		children: children ?? name
+	});
+}
+function ChatComposerAttachmentDescription({ className, children, ...props }) {
+	const context = useChatComposerAttachmentContext();
+	return /* @__PURE__ */ jsx("div", {
+		"data-control-ui": "chat-composer-attachment",
+		"data-control-family": "chat-composer-attachment",
+		"data-slot": "description",
+		className: cn("truncate", className),
+		"data-state": context.status,
+		...props,
+		children: children ?? defaultDescription(context)
+	});
+}
+function ChatComposerAttachmentRemove({ className, onClick, children, "aria-label": ariaLabel, ...props }) {
+	const { name, onRemove, removeLabel } = useChatComposerAttachmentContext();
+	if (!onRemove) return null;
+	function handleClick(event) {
+		onClick?.(event);
+		if (!event.defaultPrevented) onRemove?.();
+	}
+	return /* @__PURE__ */ jsx(Button, {
+		"data-control-ui": "chat-composer-attachment",
+		"data-chat-composer-attachment-remove": "true",
+		"data-slot": "remove",
+		"aria-label": ariaLabel ?? removeLabel ?? `Remove ${name}`,
+		size: "xs",
+		variant: "solid",
+		className: cn("absolute right-1 top-1 z-10", className),
+		onClick: handleClick,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(XIcon, {
+			"aria-hidden": "true",
+			className: "size-3"
+		})
+	});
+}
+function ChatComposerAttachmentProgress({ className, children, style, ...props }) {
+	const { status, progress } = useChatComposerAttachmentContext();
+	if (status !== "uploading" && progress == null) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		"data-control-ui": "chat-composer-attachment",
+		"data-control-family": "chat-composer-attachment",
+		"data-slot": "progress",
+		className: cn("absolute inset-x-0 bottom-0", className),
+		style,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx("div", {
+			"data-control-ui": "chat-composer-attachment",
+			"data-control-family": "chat-composer-attachment",
+			"data-slot": "progress-indicator",
+			className: "h-full",
+			style: { width: `${progress ?? 0}%` }
+		})
+	});
+}
+//#endregion
+export { ChatComposerAttachment, ChatComposerAttachmentContent, ChatComposerAttachmentDescription, ChatComposerAttachmentPreview, ChatComposerAttachmentProgress, ChatComposerAttachmentRemove, ChatComposerAttachmentTitle, ChatComposerAttachments };

package/dist/chat-composer-editor/extensions/mention.d.ts

@@ -0,0 +1,14 @@
+import { ChatComposerEditorExtension } from "../types.js";
+import { TriggerConfig, TriggerMenuItemData } from "../../hooks/use-trigger-menu.js";
+import { Command } from "prosemirror-state";
+//#region src/chat-composer-editor/extensions/mention.d.ts
+declare const deleteMentionBackward: Command;
+declare const deleteMentionForward: Command;
+type MentionExtensionConfig<Item extends TriggerMenuItemData = TriggerMenuItemData> = {
+  triggers: readonly TriggerConfig<Item>[];
+  side?: "top" | "bottom";
+  align?: "start" | "center" | "end";
+};
+declare function mentionExtension<Item extends TriggerMenuItemData = TriggerMenuItemData>({ triggers, side, align }: MentionExtensionConfig<Item>): ChatComposerEditorExtension;
+//#endregion
+export { MentionExtensionConfig, deleteMentionBackward, deleteMentionForward, mentionExtension };

package/dist/chat-composer-editor/extensions/mention.js

@@ -0,0 +1,278 @@
+"use client";
+import { spawnExitGhost } from "../ghost.js";
+import { detectTrigger } from "../../lib/trigger-detect.js";
+import { useTriggerMenu } from "../../hooks/use-trigger-menu.js";
+import { TriggerMenu, TriggerMenuEmpty, TriggerMenuIcon, TriggerMenuItem, TriggerMenuList } from "../../ui/trigger-menu.js";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/chat-composer-editor/extensions/mention.tsx
+function attrString(value, fallback) {
+	return typeof value === "string" ? value : fallback;
+}
+const mentionNode = {
+	group: "inline",
+	inline: true,
+	atom: true,
+	selectable: true,
+	draggable: false,
+	attrs: {
+		id: { default: "" },
+		label: { default: "" },
+		kind: { default: "mention" },
+		icon: { default: null }
+	},
+	parseDOM: [{
+		tag: "span[data-mention]",
+		getAttrs: (dom) => {
+			if (typeof dom === "string") return false;
+			return {
+				id: dom.getAttribute("data-id") ?? "",
+				label: dom.textContent ?? "",
+				kind: dom.getAttribute("data-mention") ?? "mention",
+				icon: dom.getAttribute("data-icon")
+			};
+		}
+	}],
+	toDOM: (node) => {
+		const label = attrString(node.attrs.label, "");
+		const id = attrString(node.attrs.id, "");
+		const kind = attrString(node.attrs.kind, "mention");
+		const icon = typeof node.attrs.icon === "string" ? node.attrs.icon : null;
+		const attrs = {
+			class: "inline-flex items-center align-baseline",
+			"data-control-ui": "chat-composer",
+			"data-control-family": "chat-composer",
+			"data-slot": "mention",
+			"data-mention": kind,
+			"data-id": id,
+			"data-icon": icon ?? "",
+			contenteditable: "false"
+		};
+		const labelSpan = [
+			"span",
+			{
+				class: "truncate",
+				"data-control-ui": "chat-composer",
+				"data-control-family": "chat-composer",
+				"data-slot": "mention-label"
+			},
+			label
+		];
+		return icon === null ? [
+			"span",
+			attrs,
+			labelSpan
+		] : [
+			"span",
+			attrs,
+			["img", {
+				src: icon,
+				alt: "",
+				class: "shrink-0",
+				"data-control-ui": "chat-composer",
+				"data-control-family": "chat-composer",
+				"data-slot": "mention-icon"
+			}],
+			labelSpan
+		];
+	},
+	leafText: (node) => `@${attrString(node.attrs.label, "")}`
+};
+const INACTIVE = {
+	active: false,
+	from: 0,
+	to: 0,
+	char: "",
+	query: "",
+	rect: null
+};
+function readEditorTrigger(view, triggerChars) {
+	const { selection } = view.state;
+	if (!selection.empty) return INACTIVE;
+	const { $from } = selection;
+	if (!$from.parent.isTextblock) return INACTIVE;
+	const start = $from.start();
+	const textBefore = view.state.doc.textBetween(start, $from.pos, void 0, () => "");
+	const match = detectTrigger(textBefore, triggerChars);
+	if (match === null) return INACTIVE;
+	const coords = view.coordsAtPos($from.pos);
+	return {
+		active: true,
+		from: start + match.start,
+		to: $from.pos,
+		char: match.char,
+		query: match.query,
+		rect: new DOMRect(coords.left, coords.top, 1, coords.bottom - coords.top)
+	};
+}
+function insertMention(view, from, to, attrs) {
+	const mention = view.state.schema.nodes.mention;
+	if (!mention) throw new Error("Mention extension requires a mention node in the editor schema.");
+	const node = mention.create({
+		id: attrs.id,
+		label: attrs.label,
+		kind: attrs.kind ?? "mention",
+		icon: attrs.icon ?? null
+	});
+	const transaction = view.state.tr.replaceWith(from, to, node);
+	transaction.insertText(" ");
+	view.dispatch(transaction);
+	view.focus();
+}
+function deleteTriggerToken(view, from, to) {
+	view.dispatch(view.state.tr.delete(from, to));
+	view.focus();
+}
+function ghostPill(view, pillPos) {
+	const dom = view?.nodeDOM(pillPos);
+	if (dom instanceof HTMLElement) spawnExitGhost(dom);
+}
+const deleteMentionBackward = (state, dispatch, view) => {
+	const { selection } = state;
+	if (!selection.empty) return false;
+	const { $from } = selection;
+	const before = $from.nodeBefore;
+	if (!before) return false;
+	if (before.type.name === "mention") {
+		const pillPos = $from.pos - before.nodeSize;
+		if (dispatch) {
+			ghostPill(view, pillPos);
+			dispatch(state.tr.delete(pillPos, $from.pos).scrollIntoView());
+		}
+		return true;
+	}
+	if (before.isText && before.text === " " && $from.pos === $from.end()) {
+		const beforeSpace = state.doc.resolve($from.pos - before.nodeSize).nodeBefore;
+		if (beforeSpace && beforeSpace.type.name === "mention") {
+			const pillPos = $from.pos - before.nodeSize - beforeSpace.nodeSize;
+			if (dispatch) {
+				ghostPill(view, pillPos);
+				dispatch(state.tr.delete(pillPos, $from.pos).scrollIntoView());
+			}
+			return true;
+		}
+	}
+	return false;
+};
+const deleteMentionForward = (state, dispatch, view) => {
+	const { selection } = state;
+	if (!selection.empty) return false;
+	const { $from } = selection;
+	const after = $from.nodeAfter;
+	if (after?.type.name !== "mention") return false;
+	if (dispatch) {
+		ghostPill(view, $from.pos);
+		dispatch(state.tr.delete($from.pos, $from.pos + after.nodeSize).scrollIntoView());
+	}
+	return true;
+};
+function collectMentions(doc) {
+	const mentions = [];
+	doc.descendants((node) => {
+		if (node.type.name === "mention") mentions.push({
+			id: attrString(node.attrs.id, ""),
+			label: attrString(node.attrs.label, ""),
+			kind: attrString(node.attrs.kind, "mention")
+		});
+	});
+	return mentions;
+}
+function MentionOverlay({ editor, triggers, side, align }) {
+	const chars = triggers.map((trigger) => trigger.char);
+	const controller = useTriggerMenu({
+		triggers,
+		onCommit: (item, trigger) => {
+			const view = editor.getView();
+			if (!view) return;
+			const state = readEditorTrigger(view, chars);
+			if (!state.active) return;
+			if ((trigger.insert ?? "replace") === "none") deleteTriggerToken(view, state.from, state.to);
+			else insertMention(view, state.from, state.to, {
+				id: item.id,
+				label: item.label,
+				kind: item.kind,
+				icon: item.image ?? null
+			});
+			trigger.onSelect?.(item, {
+				char: state.char,
+				query: state.query
+			});
+		}
+	});
+	useEffect(() => {
+		return editor.subscribe(() => {
+			const view = editor.getView();
+			if (!view) return;
+			const state = readEditorTrigger(view, chars);
+			controller.report(state.active ? {
+				char: state.char,
+				query: state.query,
+				start: state.from,
+				end: state.to
+			} : null, state.rect);
+		});
+	}, [
+		editor,
+		controller,
+		chars
+	]);
+	useEffect(() => {
+		return editor.registerKeyHandler((event) => {
+			const view = editor.getView();
+			if (!view) return false;
+			if (!readEditorTrigger(view, chars).active) return false;
+			return controller.handleKeyDown(event.key);
+		});
+	}, [
+		editor,
+		controller,
+		chars
+	]);
+	if (triggers.length === 0) return null;
+	return /* @__PURE__ */ jsx(TriggerMenu, {
+		open: controller.open,
+		onOpenChange: controller.setOpen,
+		anchorRect: controller.anchorRect,
+		side,
+		align,
+		children: /* @__PURE__ */ jsx(TriggerMenuList, { children: controller.items.length === 0 ? /* @__PURE__ */ jsx(TriggerMenuEmpty, { children: "No results" }) : controller.items.map((item, index) => /* @__PURE__ */ jsxs(TriggerMenuItem, {
+			active: index === controller.activeIndex,
+			disabled: item.disabled,
+			onPointerMove: () => controller.setActiveIndex(index),
+			onClick: () => controller.select(item),
+			children: [
+				item.icon ? /* @__PURE__ */ jsx(TriggerMenuIcon, { children: item.icon }) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-1 truncate",
+					children: item.label
+				}),
+				item.description ? /* @__PURE__ */ jsx("span", {
+					"data-control-ui": "chat-composer",
+					"data-control-family": "chat-composer",
+					"data-slot": "mention-description",
+					className: "truncate",
+					children: item.description
+				}) : null
+			]
+		}, item.id)) })
+	});
+}
+function mentionExtension({ triggers, side = "top", align = "start" }) {
+	return {
+		name: "mention",
+		nodes: { mention: mentionNode },
+		keymap: () => ({
+			Backspace: deleteMentionBackward,
+			Delete: deleteMentionForward
+		}),
+		submitPayload: (doc) => ({ mentions: collectMentions(doc) }),
+		Overlay: ({ editor }) => /* @__PURE__ */ jsx(MentionOverlay, {
+			editor,
+			triggers,
+			side,
+			align
+		})
+	};
+}
+//#endregion
+export { deleteMentionBackward, deleteMentionForward, mentionExtension };

package/dist/chat-composer-editor/ghost.d.ts

@@ -0,0 +1,5 @@
+//#region src/chat-composer-editor/ghost.d.ts
+declare function spawnExitGhost(source: HTMLElement, inherit?: readonly string[]): void;
+declare const MESSAGE_GHOST_INHERIT: readonly ["font-family", "font-size", "font-weight", "font-style", "line-height", "letter-spacing", "color", "padding", "white-space", "overflow-wrap", "word-break", "text-align"];
+//#endregion
+export { MESSAGE_GHOST_INHERIT, spawnExitGhost };

package/dist/chat-composer-editor/ghost.js

@@ -0,0 +1,55 @@
+"use client";
+//#region src/chat-composer-editor/ghost.ts
+const MESSAGE_INHERIT = [
+	"font-family",
+	"font-size",
+	"font-weight",
+	"font-style",
+	"line-height",
+	"letter-spacing",
+	"color",
+	"padding",
+	"white-space",
+	"overflow-wrap",
+	"word-break",
+	"text-align"
+];
+function prefersReducedMotion() {
+	return typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : false;
+}
+function spawnExitGhost(source, inherit = []) {
+	if (typeof document === "undefined") return;
+	if (prefersReducedMotion()) return;
+	const rect = source.getBoundingClientRect();
+	if (rect.width === 0 && rect.height === 0) return;
+	const ghost = document.createElement(source.tagName.toLowerCase());
+	for (const name of source.getAttributeNames()) {
+		const value = source.getAttribute(name);
+		if (value !== null) ghost.setAttribute(name, value);
+	}
+	ghost.innerHTML = source.innerHTML;
+	ghost.setAttribute("data-chat-composer-exit", "");
+	ghost.setAttribute("data-exiting", "");
+	ghost.setAttribute("aria-hidden", "true");
+	ghost.removeAttribute("contenteditable");
+	if (inherit.length > 0 && typeof getComputedStyle === "function") {
+		const computed = getComputedStyle(source);
+		for (const property of inherit) ghost.style.setProperty(property, computed.getPropertyValue(property));
+	}
+	ghost.style.position = "fixed";
+	ghost.style.left = `${rect.left}px`;
+	ghost.style.top = `${rect.top}px`;
+	ghost.style.width = `${rect.width}px`;
+	ghost.style.height = `${rect.height}px`;
+	ghost.style.margin = "0";
+	ghost.style.overflow = "hidden";
+	ghost.style.pointerEvents = "none";
+	ghost.style.zIndex = "50";
+	document.body.appendChild(ghost);
+	const remove = () => ghost.remove();
+	ghost.addEventListener("animationend", remove, { once: true });
+	window.setTimeout(remove, 600);
+}
+const MESSAGE_GHOST_INHERIT = MESSAGE_INHERIT;
+//#endregion
+export { MESSAGE_GHOST_INHERIT, spawnExitGhost };

package/dist/chat-composer-editor/schema.d.ts

@@ -0,0 +1,6 @@
+import { ChatComposerEditorExtension } from "./types.js";
+import { Schema } from "prosemirror-model";
+//#region src/chat-composer-editor/schema.d.ts
+declare function createEditorSchema(extensions: readonly ChatComposerEditorExtension[]): Schema;
+//#endregion
+export { createEditorSchema };

package/dist/chat-composer-editor/schema.js

@@ -0,0 +1,25 @@
+import { Schema } from "prosemirror-model";
+//#region src/chat-composer-editor/schema.ts
+const baseNodes = {
+	doc: { content: "block+" },
+	paragraph: {
+		group: "block",
+		content: "inline*",
+		parseDOM: [{ tag: "p" }],
+		toDOM: () => ["p", 0]
+	},
+	text: { group: "inline" }
+};
+function createEditorSchema(extensions) {
+	let nodes = { ...baseNodes };
+	for (const extension of extensions) if (extension.nodes) nodes = {
+		...nodes,
+		...extension.nodes
+	};
+	return new Schema({
+		nodes,
+		marks: {}
+	});
+}
+//#endregion
+export { createEditorSchema };

package/dist/chat-composer-editor/serialize.d.ts

@@ -0,0 +1,6 @@
+import { Node, Schema } from "prosemirror-model";
+//#region src/chat-composer-editor/serialize.d.ts
+declare function serializeDoc(doc: Node): string;
+declare function docFromText(schema: Schema, text: string): Node;
+//#endregion
+export { docFromText, serializeDoc };

package/dist/chat-composer-editor/serialize.js

@@ -0,0 +1,16 @@
+//#region src/chat-composer-editor/serialize.ts
+function serializeDoc(doc) {
+	return doc.textBetween(0, doc.content.size, "\n", (leaf) => {
+		const leafText = leaf.type.spec.leafText;
+		return typeof leafText === "function" ? leafText(leaf) : "";
+	});
+}
+function docFromText(schema, text) {
+	const paragraph = schema.nodes.paragraph;
+	const doc = schema.nodes.doc;
+	if (!paragraph || !doc) throw new Error("Chat composer schema requires doc and paragraph nodes.");
+	const blocks = text.split("\n").map((line) => paragraph.create(null, line === "" ? null : schema.text(line)));
+	return doc.create(null, blocks.length === 0 ? paragraph.create() : blocks);
+}
+//#endregion
+export { docFromText, serializeDoc };