@dou-ui/editor 0.0.0-stage → 0.1.0-alpha.1

package/dist/core/file-drop.js

@@ -0,0 +1,56 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+// src/core/file-drop.ts
+var fileDropKey = "douFileDrop";
+/**
+* A plugin that hands pasted and dropped files to the targets. However many
+* extensions take files, the first such plugin sorts all of them out, so
+* an image and a PDF pasted together both arrive.
+*/
+function fileDropPlugin(target) {
+	const handle = (view, list, pos, event) => {
+		const files = Array.from(list ?? []);
+		if (!files.length) return false;
+		const targets = view.state.plugins.map((plugin) => plugin.spec[fileDropKey]).filter((item) => !!item);
+		if (targets[0] !== target) return false;
+		const ordered = [...targets.filter((item) => !item.fallback), ...targets.filter((item) => item.fallback)];
+		const runs = [];
+		for (const file of files) {
+			const owner = ordered.find((item) => item.accepts(file));
+			if (!owner) continue;
+			const last = runs.at(-1);
+			if (last?.target === owner) last.files.push(file);
+			else runs.push({
+				target: owner,
+				files: [file]
+			});
+		}
+		if (!runs.length) return false;
+		if (event && runs.length === 1 && runs[0].target.skipPaste?.(event, runs[0].files)) return false;
+		let at = pos;
+		for (const run of runs) at = run.target.insert(view, run.files, at);
+		return true;
+	};
+	return new Plugin({
+		key: new PluginKey(),
+		[fileDropKey]: target,
+		props: {
+			handlePaste(view, event) {
+				return handle(view, event.clipboardData?.files, view.state.selection.from, event);
+			},
+			handleDrop(view, event) {
+				const dragEvent = event;
+				if (!dragEvent.dataTransfer?.files.length) return false;
+				const at = view.posAtCoords({
+					left: dragEvent.clientX,
+					top: dragEvent.clientY
+				});
+				const handled = handle(view, dragEvent.dataTransfer.files, at?.pos ?? view.state.selection.from);
+				if (handled) event.preventDefault();
+				return handled;
+			}
+		}
+	});
+}
+export { fileDropPlugin };
+
+//# sourceMappingURL=file-drop.js.map

package/dist/core/file-drop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-drop.js","names":[],"sources":["../../src/core/file-drop.ts"],"sourcesContent":["import { Plugin, PluginKey } from 'prosemirror-state'\nimport type { EditorView } from 'prosemirror-view'\n\n/** A block type that takes pasted and dropped files, e.g. images or attachments. */\nexport interface FileDropTarget {\n  /** Whether the target takes this file. */\n  accepts: (file: File) => boolean\n  /** Takes files no other target accepts (attachments): asked last. */\n  fallback?: boolean\n  /** Insert blocks for the files after the block at `pos`; returns a position in the last one. */\n  insert: (view: EditorView, files: File[], pos: number) => number\n  /** Leave a paste to the browser, e.g. an image copied from a page comes with its address. */\n  skipPaste?: (event: ClipboardEvent, files: File[]) => boolean\n}\n\nconst fileDropKey = 'douFileDrop'\n\n/**\n * A plugin that hands pasted and dropped files to the targets. However many\n * extensions take files, the first such plugin sorts all of them out, so\n * an image and a PDF pasted together both arrive.\n */\nexport function fileDropPlugin(target: FileDropTarget): Plugin {\n  const handle = (\n    view: EditorView,\n    list: FileList | undefined | null,\n    pos: number,\n    event?: ClipboardEvent,\n  ) => {\n    const files = Array.from(list ?? [])\n    if (!files.length) return false\n    const targets = view.state.plugins\n      .map(\n        (plugin) =>\n          (plugin.spec as Record<string, unknown>)[fileDropKey] as FileDropTarget | undefined,\n      )\n      .filter((item): item is FileDropTarget => !!item)\n    // only the first file plugin does the work\n    if (targets[0] !== target) return false\n    const ordered = [\n      ...targets.filter((item) => !item.fallback),\n      ...targets.filter((item) => item.fallback),\n    ]\n    const runs: { target: FileDropTarget; files: File[] }[] = []\n    for (const file of files) {\n      const owner = ordered.find((item) => item.accepts(file))\n      if (!owner) continue\n      const last = runs.at(-1)\n      if (last?.target === owner) last.files.push(file)\n      else runs.push({ target: owner, files: [file] })\n    }\n    if (!runs.length) return false\n    if (event && runs.length === 1 && runs[0]!.target.skipPaste?.(event, runs[0]!.files))\n      return false\n    // in the order the files came\n    let at = pos\n    for (const run of runs) at = run.target.insert(view, run.files, at)\n    return true\n  }\n  return new Plugin({\n    key: new PluginKey(),\n    [fileDropKey]: target,\n    props: {\n      handlePaste(view: EditorView, event: ClipboardEvent) {\n        return handle(view, event.clipboardData?.files, view.state.selection.from, event)\n      },\n      handleDrop(view: EditorView, event: DragEvent) {\n        const dragEvent = event\n        if (!dragEvent.dataTransfer?.files.length) return false\n        const at = view.posAtCoords({ left: dragEvent.clientX, top: dragEvent.clientY })\n        const handled = handle(\n          view,\n          dragEvent.dataTransfer.files,\n          at?.pos ?? view.state.selection.from,\n        )\n        if (handled) event.preventDefault()\n        return handled\n      },\n    },\n  } as never)\n}\n"],"mappings":";;AAeA,IAAM,cAAc;;;;;;AAOpB,SAAgB,eAAe,QAAgC;CAC7D,MAAM,UACJ,MACA,MACA,KACA,UACG;EACH,MAAM,QAAQ,MAAM,KAAK,QAAQ,CAAC,CAAC;EACnC,IAAI,CAAC,MAAM,QAAQ,OAAO;EAC1B,MAAM,UAAU,KAAK,MAAM,QACxB,KACE,WACE,OAAO,KAAiC,YAC7C,CAAC,CACA,QAAQ,SAAiC,CAAC,CAAC,IAAI;EAElD,IAAI,QAAQ,OAAO,QAAQ,OAAO;EAClC,MAAM,UAAU,CACd,GAAG,QAAQ,QAAQ,SAAS,CAAC,KAAK,QAAQ,GAC1C,GAAG,QAAQ,QAAQ,SAAS,KAAK,QAAQ,CAC3C;EACA,MAAM,OAAoD,CAAC;EAC3D,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,QAAQ,QAAQ,MAAM,SAAS,KAAK,QAAQ,IAAI,CAAC;GACvD,IAAI,CAAC,OAAO;GACZ,MAAM,OAAO,KAAK,GAAG,EAAE;GACvB,IAAI,MAAM,WAAW,OAAO,KAAK,MAAM,KAAK,IAAI;QAC3C,KAAK,KAAK;IAAE,QAAQ;IAAO,OAAO,CAAC,IAAI;GAAE,CAAC;EACjD;EACA,IAAI,CAAC,KAAK,QAAQ,OAAO;EACzB,IAAI,SAAS,KAAK,WAAW,KAAK,KAAK,EAAE,CAAE,OAAO,YAAY,OAAO,KAAK,EAAE,CAAE,KAAK,GACjF,OAAO;EAET,IAAI,KAAK;EACT,KAAK,MAAM,OAAO,MAAM,KAAK,IAAI,OAAO,OAAO,MAAM,IAAI,OAAO,EAAE;EAClE,OAAO;CACT;CACA,OAAO,IAAI,OAAO;EAChB,KAAK,IAAI,UAAU;GAClB,cAAc;EACf,OAAO;GACL,YAAY,MAAkB,OAAuB;IACnD,OAAO,OAAO,MAAM,MAAM,eAAe,OAAO,KAAK,MAAM,UAAU,MAAM,KAAK;GAClF;GACA,WAAW,MAAkB,OAAkB;IAC7C,MAAM,YAAY;IAClB,IAAI,CAAC,UAAU,cAAc,MAAM,QAAQ,OAAO;IAClD,MAAM,KAAK,KAAK,YAAY;KAAE,MAAM,UAAU;KAAS,KAAK,UAAU;IAAQ,CAAC;IAC/E,MAAM,UAAU,OACd,MACA,UAAU,aAAa,OACvB,IAAI,OAAO,KAAK,MAAM,UAAU,IAClC;IACA,IAAI,SAAS,MAAM,eAAe;IAClC,OAAO;GACT;EACF;CACF,CAAU;AACZ"}

package/dist/core/highlight.js

@@ -0,0 +1,120 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+// src/core/highlight.ts
+var highlightKey = new PluginKey("dou-editor-highlight");
+/** Remembered results, by language and code: undo and redo find them again. */
+var CACHE_SIZE = 200;
+/** Read the tokens from highlighted HTML: the text of each `<span>` with its style and class. */
+function readTokens(html, code) {
+	const doc = new DOMParser().parseFromString(html, "text/html");
+	const root = doc.querySelector("code") ?? doc.body;
+	const tokens = [];
+	let offset = 0;
+	const walker = doc.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+	for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+		const text = node.textContent ?? "";
+		const span = node.parentElement;
+		const style = span?.getAttribute("style") ?? "";
+		const className = span && !span.classList.contains("line") ? span.className : "";
+		if (span && span !== root && (style || className) && text) tokens.push({
+			from: offset,
+			to: offset + text.length,
+			style,
+			className
+		});
+		offset += text.length;
+	}
+	const text = root.textContent ?? "";
+	if (text !== code && text !== `${code}\n`) return null;
+	return tokens;
+}
+var keyOf = (lang, code) => `${lang}\n${code}`;
+var isCode = (node) => !!node.type.spec.code;
+function decorate(doc, cache, previous) {
+	const decorations = [];
+	doc.descendants((node, pos) => {
+		if (!node.isTextblock) return true;
+		if (!isCode(node)) return false;
+		const start = pos + 1;
+		const tokens = cache.get(keyOf(node.attrs.language || "text", node.textContent));
+		if (tokens) for (const token of tokens) decorations.push(Decoration.inline(start + token.from, start + token.to, {
+			class: `dou-editor__token ${token.className}`.trim(),
+			style: token.style
+		}));
+		else decorations.push(...previous.find(start, start + node.content.size));
+		return false;
+	});
+	return DecorationSet.create(doc, decorations);
+}
+/**
+* Highlights code blocks with a highlighter that returns HTML. It runs
+* after each change (asynchronous highlighters are fine) and the colors
+* are laid over the text as decorations, so the document keeps plain text.
+*/
+function highlightPlugin(highlight) {
+	const cache = /* @__PURE__ */ new Map();
+	const pending = /* @__PURE__ */ new Set();
+	const highlighterOf = (state) => highlight ?? highlightKey.getState(state)?.fallback ?? null;
+	function remember(key, tokens) {
+		cache.delete(key);
+		cache.set(key, tokens);
+		if (cache.size > CACHE_SIZE) cache.delete(cache.keys().next().value);
+	}
+	/** Start highlighting the code blocks that have no result yet. */
+	function run(view) {
+		const highlighter = highlighterOf(view.state);
+		if (!highlighter) return;
+		view.state.doc.descendants((node) => {
+			if (!node.isTextblock) return true;
+			if (!isCode(node)) return false;
+			const lang = node.attrs.language || "text";
+			const code = node.textContent;
+			const key = keyOf(lang, code);
+			if (cache.has(key) || pending.has(key)) return false;
+			pending.add(key);
+			Promise.resolve().then(() => highlighter(code, lang)).then((html) => remember(key, readTokens(html, code) ?? []), () => remember(key, [])).then(() => {
+				pending.delete(key);
+				if (view.isDestroyed) return;
+				const tr = view.state.tr.setMeta(highlightKey, { refresh: true });
+				view.dispatch(tr.setMeta("addToHistory", false));
+			});
+			return false;
+		});
+	}
+	return new Plugin({
+		key: highlightKey,
+		state: {
+			init: (_config, state) => ({
+				decorations: decorate(state.doc, cache, DecorationSet.empty),
+				fallback: null
+			}),
+			apply(tr, value, _old, state) {
+				const meta = tr.getMeta(highlightKey);
+				const fallback = meta && "fallback" in meta ? meta.fallback ?? null : value.fallback;
+				if (!tr.docChanged && !meta?.refresh && fallback === value.fallback) return value;
+				const previous = value.decorations.map(tr.mapping, tr.doc);
+				return {
+					decorations: decorate(state.doc, cache, previous),
+					fallback
+				};
+			}
+		},
+		view(view) {
+			run(view);
+			return { update(current, before) {
+				if (current.state.doc !== before.doc || highlighterOf(current.state) !== highlighterOf(before)) run(current);
+			} };
+		},
+		props: { decorations: (state) => highlightKey.getState(state)?.decorations }
+	});
+}
+/** Set the highlighter used when the code block was not given one. */
+function setFallbackHighlighter(view, highlight) {
+	if (!highlightKey.get(view.state)) return;
+	if (highlightKey.getState(view.state)?.fallback === highlight) return;
+	const tr = view.state.tr.setMeta(highlightKey, { fallback: highlight });
+	view.dispatch(tr.setMeta("addToHistory", false));
+}
+export { highlightKey, highlightPlugin, readTokens, setFallbackHighlighter };
+
+//# sourceMappingURL=highlight.js.map

package/dist/core/highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.js","names":[],"sources":["../../src/core/highlight.ts"],"sourcesContent":["import type { Node as PMNode } from 'prosemirror-model'\nimport { Plugin, PluginKey, type EditorState, type Transaction } from 'prosemirror-state'\nimport { Decoration, DecorationSet, type EditorView } from 'prosemirror-view'\n\n/**\n * Turns code into highlighted HTML, the same function `DouCodeBlock` takes:\n * `(code, lang) => codeToHtml(code, { lang, themes, defaultColor: false })`\n * with shiki works as is.\n */\nexport type CodeHighlighter = (code: string, lang: string) => string | Promise<string>\n\n/** A highlighted stretch of a code block's text. */\ninterface Token {\n  from: number\n  to: number\n  style: string\n  className: string\n}\n\ninterface HighlightState {\n  decorations: DecorationSet\n  /** The highlighter the editor falls back on, e.g. one set up in ConfigProvider. */\n  fallback: CodeHighlighter | null\n}\n\ninterface HighlightMeta {\n  fallback?: CodeHighlighter | null\n  /** Highlighting finished somewhere: rebuild the decorations. */\n  refresh?: true\n}\n\nexport const highlightKey = new PluginKey<HighlightState>('dou-editor-highlight')\n\n/** Remembered results, by language and code: undo and redo find them again. */\nconst CACHE_SIZE = 200\n\n/** Read the tokens from highlighted HTML: the text of each `<span>` with its style and class. */\nexport function readTokens(html: string, code: string): Token[] | null {\n  const doc = new DOMParser().parseFromString(html, 'text/html')\n  const root = doc.querySelector('code') ?? doc.body\n  const tokens: Token[] = []\n  let offset = 0\n  const walker = doc.createTreeWalker(root, NodeFilter.SHOW_TEXT)\n  for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n    const text = node.textContent ?? ''\n    const span = node.parentElement\n    const style = span?.getAttribute('style') ?? ''\n    const className = span && !span.classList.contains('line') ? span.className : ''\n    if (span && span !== root && (style || className) && text)\n      tokens.push({ from: offset, to: offset + text.length, style, className })\n    offset += text.length\n  }\n  // a highlighter may end with a newline; anything else that does not\n  // match the code would put the colors in the wrong places\n  const text = root.textContent ?? ''\n  if (text !== code && text !== `${code}\\n`) return null\n  return tokens\n}\n\nconst keyOf = (lang: string, code: string) => `${lang}\\n${code}`\nconst isCode = (node: PMNode) => !!node.type.spec.code\n\nfunction decorate(\n  doc: PMNode,\n  cache: Map<string, Token[]>,\n  previous: DecorationSet,\n): DecorationSet {\n  const decorations: Decoration[] = []\n  doc.descendants((node, pos) => {\n    if (!node.isTextblock) return true\n    if (!isCode(node)) return false\n    const start = pos + 1\n    const tokens = cache.get(keyOf(node.attrs.language || 'text', node.textContent))\n    if (tokens) {\n      for (const token of tokens)\n        decorations.push(\n          Decoration.inline(start + token.from, start + token.to, {\n            class: `dou-editor__token ${token.className}`.trim(),\n            style: token.style,\n          }),\n        )\n    } else {\n      // keep the old colors (moved along with the edit) until the new ones arrive\n      decorations.push(...previous.find(start, start + node.content.size))\n    }\n    return false\n  })\n  return DecorationSet.create(doc, decorations)\n}\n\n/**\n * Highlights code blocks with a highlighter that returns HTML. It runs\n * after each change (asynchronous highlighters are fine) and the colors\n * are laid over the text as decorations, so the document keeps plain text.\n */\nexport function highlightPlugin(highlight?: CodeHighlighter): Plugin<HighlightState> {\n  const cache = new Map<string, Token[]>()\n  const pending = new Set<string>()\n  const highlighterOf = (state: EditorState) =>\n    highlight ?? highlightKey.getState(state)?.fallback ?? null\n\n  function remember(key: string, tokens: Token[]) {\n    cache.delete(key)\n    cache.set(key, tokens)\n    if (cache.size > CACHE_SIZE) cache.delete(cache.keys().next().value!)\n  }\n\n  /** Start highlighting the code blocks that have no result yet. */\n  function run(view: EditorView) {\n    const highlighter = highlighterOf(view.state)\n    if (!highlighter) return\n    view.state.doc.descendants((node) => {\n      if (!node.isTextblock) return true\n      if (!isCode(node)) return false\n      const lang = node.attrs.language || 'text'\n      const code = node.textContent\n      const key = keyOf(lang, code)\n      if (cache.has(key) || pending.has(key)) return false\n      pending.add(key)\n      Promise.resolve()\n        .then(() => highlighter(code, lang))\n        .then(\n          (html) => remember(key, readTokens(html, code) ?? []),\n          // a language the highlighter does not know stays plain\n          () => remember(key, []),\n        )\n        .then(() => {\n          pending.delete(key)\n          if (view.isDestroyed) return\n          const tr = view.state.tr.setMeta(highlightKey, { refresh: true } satisfies HighlightMeta)\n          view.dispatch(tr.setMeta('addToHistory', false))\n        })\n      return false\n    })\n  }\n\n  return new Plugin<HighlightState>({\n    key: highlightKey,\n    state: {\n      init: (_config, state) => ({\n        decorations: decorate(state.doc, cache, DecorationSet.empty),\n        fallback: null,\n      }),\n      apply(tr: Transaction, value, _old, state) {\n        const meta = tr.getMeta(highlightKey) as HighlightMeta | undefined\n        const fallback = meta && 'fallback' in meta ? (meta.fallback ?? null) : value.fallback\n        if (!tr.docChanged && !meta?.refresh && fallback === value.fallback) return value\n        const previous = value.decorations.map(tr.mapping, tr.doc)\n        return { decorations: decorate(state.doc, cache, previous), fallback }\n      },\n    },\n    view(view) {\n      run(view)\n      return {\n        update(current, before) {\n          if (\n            current.state.doc !== before.doc ||\n            highlighterOf(current.state) !== highlighterOf(before)\n          )\n            run(current)\n        },\n      }\n    },\n    props: {\n      decorations: (state) => highlightKey.getState(state)?.decorations,\n    },\n  })\n}\n\n/** Set the highlighter used when the code block was not given one. */\nexport function setFallbackHighlighter(view: EditorView, highlight: CodeHighlighter | null) {\n  if (!highlightKey.get(view.state)) return\n  if (highlightKey.getState(view.state)?.fallback === highlight) return\n  const tr = view.state.tr.setMeta(highlightKey, { fallback: highlight } satisfies HighlightMeta)\n  view.dispatch(tr.setMeta('addToHistory', false))\n}\n"],"mappings":"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"}

package/dist/core/input-rules.js

@@ -0,0 +1,61 @@
+import { blockAround } from "./blocks.js";
+import { TextSelection } from "prosemirror-state";
+import { InputRule, inputRules } from "prosemirror-inputrules";
+// src/core/input-rules.ts
+/**
+* A Markdown-style shortcut typed at the start of a block, e.g. `# ` for a
+* heading. It only applies to paragraphs, so typing `# ` inside a heading
+* or code stays literal. Input rules never run during IME composition.
+*/
+function blockInputRule(pattern, type, attrs) {
+	return new InputRule(pattern, (state, match, start, end) => {
+		const nodeType = state.schema.nodes[type];
+		const $start = state.doc.resolve(start);
+		if (!nodeType || $start.parent.type.name !== "paragraph") return null;
+		const tr = state.tr.delete(start, end);
+		tr.setBlockType(start, start, nodeType, attrs?.(match) ?? null);
+		return tr;
+	});
+}
+/**
+* A shortcut that fills an empty paragraph with a block without text (e.g.
+* `---` for a divider) and opens a paragraph below. The pattern matches the
+* whole paragraph, the character just typed included.
+*/
+function atomInputRule(pattern, type) {
+	return new InputRule(pattern, (state, match, start) => {
+		const nodeType = state.schema.nodes[type];
+		const $start = state.doc.resolve(start);
+		if (!nodeType || $start.parent.type.name !== "paragraph") return null;
+		if ($start.parent.content.size !== match[0].length - 1) return null;
+		const info = blockAround($start);
+		if (!info || info.group) return null;
+		const tr = state.tr.replaceWith(info.contentPos, info.contentPos + info.content.nodeSize, nodeType.create());
+		const at = info.pos + tr.doc.nodeAt(info.pos).nodeSize;
+		tr.insert(at, state.schema.nodes.block.create({ id: null }, state.schema.nodes.paragraph.create()));
+		tr.setSelection(TextSelection.create(tr.doc, at + 2));
+		return tr;
+	});
+}
+/**
+* Formatting typed inline, e.g. `**bold**`. The pattern's first group is
+* the marked text with its markers, the second the text alone. The
+* character just typed (the last marker) is not in the document yet.
+*/
+function markInputRule(pattern, mark) {
+	return new InputRule(pattern, (state, match, start, end) => {
+		const type = state.schema.marks[mark];
+		const [all, marked, text] = match;
+		if (!type || !all || !marked || !text) return null;
+		if (state.doc.resolve(start).parent.type.spec.code) return null;
+		const from = start + all.length - marked.length;
+		const marker = (marked.length - text.length) / 2;
+		return state.tr.delete(from + marker + text.length, end).delete(from, from + marker).addMark(from, from + text.length, type.create()).removeStoredMark(type);
+	});
+}
+function editorInputRules(rules) {
+	return inputRules({ rules });
+}
+export { atomInputRule, blockInputRule, editorInputRules, markInputRule };
+
+//# sourceMappingURL=input-rules.js.map

package/dist/core/input-rules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-rules.js","names":[],"sources":["../../src/core/input-rules.ts"],"sourcesContent":["import { InputRule, inputRules } from 'prosemirror-inputrules'\nimport { TextSelection, type Plugin } from 'prosemirror-state'\nimport { blockAround } from './blocks'\n\n/**\n * A Markdown-style shortcut typed at the start of a block, e.g. `# ` for a\n * heading. It only applies to paragraphs, so typing `# ` inside a heading\n * or code stays literal. Input rules never run during IME composition.\n */\nexport function blockInputRule(\n  pattern: RegExp,\n  type: string,\n  attrs?: (match: RegExpMatchArray) => Record<string, unknown>,\n) {\n  return new InputRule(pattern, (state, match, start, end) => {\n    const nodeType = state.schema.nodes[type]\n    const $start = state.doc.resolve(start)\n    if (!nodeType || $start.parent.type.name !== 'paragraph') return null\n    const tr = state.tr.delete(start, end)\n    tr.setBlockType(start, start, nodeType, attrs?.(match) ?? null)\n    return tr\n  })\n}\n\n/**\n * A shortcut that fills an empty paragraph with a block without text (e.g.\n * `---` for a divider) and opens a paragraph below. The pattern matches the\n * whole paragraph, the character just typed included.\n */\nexport function atomInputRule(pattern: RegExp, type: string) {\n  return new InputRule(pattern, (state, match, start) => {\n    const nodeType = state.schema.nodes[type]\n    const $start = state.doc.resolve(start)\n    // the last character is not in the document yet\n    if (!nodeType || $start.parent.type.name !== 'paragraph') return null\n    if ($start.parent.content.size !== match[0]!.length - 1) return null\n    const info = blockAround($start)\n    if (!info || info.group) return null\n    const tr = state.tr.replaceWith(\n      info.contentPos,\n      info.contentPos + info.content.nodeSize,\n      nodeType.create(),\n    )\n    const at = info.pos + tr.doc.nodeAt(info.pos)!.nodeSize\n    tr.insert(\n      at,\n      state.schema.nodes.block!.create({ id: null }, state.schema.nodes.paragraph!.create()),\n    )\n    tr.setSelection(TextSelection.create(tr.doc, at + 2))\n    return tr\n  })\n}\n\n/**\n * Formatting typed inline, e.g. `**bold**`. The pattern's first group is\n * the marked text with its markers, the second the text alone. The\n * character just typed (the last marker) is not in the document yet.\n */\nexport function markInputRule(pattern: RegExp, mark: string) {\n  return new InputRule(pattern, (state, match, start, end) => {\n    const type = state.schema.marks[mark]\n    const [all, marked, text] = match\n    if (!type || !all || !marked || !text) return null\n    if (state.doc.resolve(start).parent.type.spec.code) return null\n    const from = start + all.length - marked.length\n    const marker = (marked.length - text.length) / 2\n    const tr = state.tr\n      .delete(from + marker + text.length, end)\n      .delete(from, from + marker)\n      .addMark(from, from + text.length, type.create())\n      .removeStoredMark(type)\n    return tr\n  })\n}\n\nexport function editorInputRules(rules: InputRule[]): Plugin {\n  return inputRules({ rules })\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,eACd,SACA,MACA,OACA;CACA,OAAO,IAAI,UAAU,UAAU,OAAO,OAAO,OAAO,QAAQ;EAC1D,MAAM,WAAW,MAAM,OAAO,MAAM;EACpC,MAAM,SAAS,MAAM,IAAI,QAAQ,KAAK;EACtC,IAAI,CAAC,YAAY,OAAO,OAAO,KAAK,SAAS,aAAa,OAAO;EACjE,MAAM,KAAK,MAAM,GAAG,OAAO,OAAO,GAAG;EACrC,GAAG,aAAa,OAAO,OAAO,UAAU,QAAQ,KAAK,KAAK,IAAI;EAC9D,OAAO;CACT,CAAC;AACH;;;;;;AAOA,SAAgB,cAAc,SAAiB,MAAc;CAC3D,OAAO,IAAI,UAAU,UAAU,OAAO,OAAO,UAAU;EACrD,MAAM,WAAW,MAAM,OAAO,MAAM;EACpC,MAAM,SAAS,MAAM,IAAI,QAAQ,KAAK;EAEtC,IAAI,CAAC,YAAY,OAAO,OAAO,KAAK,SAAS,aAAa,OAAO;EACjE,IAAI,OAAO,OAAO,QAAQ,SAAS,MAAM,EAAE,CAAE,SAAS,GAAG,OAAO;EAChE,MAAM,OAAO,YAAY,MAAM;EAC/B,IAAI,CAAC,QAAQ,KAAK,OAAO,OAAO;EAChC,MAAM,KAAK,MAAM,GAAG,YAClB,KAAK,YACL,KAAK,aAAa,KAAK,QAAQ,UAC/B,SAAS,OAAO,CAClB;EACA,MAAM,KAAK,KAAK,MAAM,GAAG,IAAI,OAAO,KAAK,GAAG,CAAC,CAAE;EAC/C,GAAG,OACD,IACA,MAAM,OAAO,MAAM,MAAO,OAAO,EAAE,IAAI,KAAK,GAAG,MAAM,OAAO,MAAM,UAAW,OAAO,CAAC,CACvF;EACA,GAAG,aAAa,cAAc,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;EACpD,OAAO;CACT,CAAC;AACH;;;;;;AAOA,SAAgB,cAAc,SAAiB,MAAc;CAC3D,OAAO,IAAI,UAAU,UAAU,OAAO,OAAO,OAAO,QAAQ;EAC1D,MAAM,OAAO,MAAM,OAAO,MAAM;EAChC,MAAM,CAAC,KAAK,QAAQ,QAAQ;EAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,OAAO;EAC9C,IAAI,MAAM,IAAI,QAAQ,KAAK,CAAC,CAAC,OAAO,KAAK,KAAK,MAAM,OAAO;EAC3D,MAAM,OAAO,QAAQ,IAAI,SAAS,OAAO;EACzC,MAAM,UAAU,OAAO,SAAS,KAAK,UAAU;EAM/C,OALW,MAAM,GACd,OAAO,OAAO,SAAS,KAAK,QAAQ,GAAG,CAAC,CACxC,OAAO,MAAM,OAAO,MAAM,CAAC,CAC3B,QAAQ,MAAM,OAAO,KAAK,QAAQ,KAAK,OAAO,CAAC,CAAC,CAChD,iBAAiB,IACb;CACT,CAAC;AACH;AAEA,SAAgB,iBAAiB,OAA4B;CAC3D,OAAO,WAAW,EAAE,MAAM,CAAC;AAC7B"}

package/dist/core/keymap.js

@@ -0,0 +1,38 @@
+import { deleteSelectedAtom, duplicateBlocks, exitCode, insertBreak, joinBackward, joinForward, liftBlocks, newlineInCode, setBlockType, sinkBlocks, splitBlock, swapBlocks } from "./commands.js";
+import { selectCurrentBlocks } from "./block-selection.js";
+import { keymap } from "prosemirror-keymap";
+import { chainCommands, deleteSelection, selectAll } from "prosemirror-commands";
+import { redo, undo } from "prosemirror-history";
+// src/core/keymap.ts
+/** Two spaces in code; elsewhere `Tab` indents the block. */
+var indentCode = (state, dispatch) => {
+	if (!state.selection.$from.parent.type.spec.code) return false;
+	if (dispatch) dispatch(state.tr.insertText("  "));
+	return true;
+};
+/** The keys every editor has; marks and block types bring their own. */
+function editorKeymap(options = {}) {
+	const undoCommand = options.undo ?? undo;
+	const redoCommand = options.redo ?? redo;
+	return keymap({
+		Enter: chainCommands(newlineInCode, splitBlock),
+		"Shift-Enter": insertBreak,
+		"Mod-Enter": exitCode,
+		Backspace: chainCommands(deleteSelectedAtom, deleteSelection, joinBackward),
+		Delete: chainCommands(deleteSelectedAtom, deleteSelection, joinForward),
+		Tab: chainCommands(indentCode, sinkBlocks),
+		"Shift-Tab": liftBlocks,
+		Escape: selectCurrentBlocks,
+		"Mod-a": selectAll,
+		"Mod-z": undoCommand,
+		"Mod-Shift-z": redoCommand,
+		"Mod-y": redoCommand,
+		"Mod-Alt-0": setBlockType("paragraph"),
+		"Mod-d": duplicateBlocks,
+		"Mod-Shift-ArrowUp": swapBlocks(-1),
+		"Mod-Shift-ArrowDown": swapBlocks(1)
+	});
+}
+export { editorKeymap };
+
+//# sourceMappingURL=keymap.js.map

package/dist/core/keymap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keymap.js","names":[],"sources":["../../src/core/keymap.ts"],"sourcesContent":["import { chainCommands, deleteSelection, selectAll } from 'prosemirror-commands'\nimport { redo, undo } from 'prosemirror-history'\nimport { keymap } from 'prosemirror-keymap'\nimport type { Command, Plugin } from 'prosemirror-state'\nimport { selectCurrentBlocks } from './block-selection'\nimport {\n  deleteSelectedAtom,\n  duplicateBlocks,\n  exitCode,\n  insertBreak,\n  joinBackward,\n  joinForward,\n  liftBlocks,\n  swapBlocks,\n  newlineInCode,\n  setBlockType,\n  sinkBlocks,\n  splitBlock,\n} from './commands'\n\nexport interface KeymapOptions {\n  /** Undo and redo; the collaboration extension swaps in its own. */\n  undo?: Command\n  redo?: Command\n}\n\n/** Two spaces in code; elsewhere `Tab` indents the block. */\nconst indentCode: Command = (state, dispatch) => {\n  if (!state.selection.$from.parent.type.spec.code) return false\n  if (dispatch) dispatch(state.tr.insertText('  '))\n  return true\n}\n\n/** The keys every editor has; marks and block types bring their own. */\nexport function editorKeymap(options: KeymapOptions = {}): Plugin {\n  const undoCommand = options.undo ?? undo\n  const redoCommand = options.redo ?? redo\n  return keymap({\n    Enter: chainCommands(newlineInCode, splitBlock),\n    'Shift-Enter': insertBreak,\n    'Mod-Enter': exitCode,\n    Backspace: chainCommands(deleteSelectedAtom, deleteSelection, joinBackward),\n    Delete: chainCommands(deleteSelectedAtom, deleteSelection, joinForward),\n    // when nothing can be indented, Tab moves focus on as usual\n    Tab: chainCommands(indentCode, sinkBlocks),\n    'Shift-Tab': liftBlocks,\n    Escape: selectCurrentBlocks,\n    'Mod-a': selectAll,\n\n    'Mod-z': undoCommand,\n    'Mod-Shift-z': redoCommand,\n    'Mod-y': redoCommand,\n\n    'Mod-Alt-0': setBlockType('paragraph'),\n\n    'Mod-d': duplicateBlocks,\n    'Mod-Shift-ArrowUp': swapBlocks(-1),\n    'Mod-Shift-ArrowDown': swapBlocks(1),\n  })\n}\n"],"mappings":";;;;;;;AA2BA,IAAM,cAAuB,OAAO,aAAa;CAC/C,IAAI,CAAC,MAAM,UAAU,MAAM,OAAO,KAAK,KAAK,MAAM,OAAO;CACzD,IAAI,UAAU,SAAS,MAAM,GAAG,WAAW,IAAI,CAAC;CAChD,OAAO;AACT;;AAGA,SAAgB,aAAa,UAAyB,CAAC,GAAW;CAChE,MAAM,cAAc,QAAQ,QAAQ;CACpC,MAAM,cAAc,QAAQ,QAAQ;CACpC,OAAO,OAAO;EACZ,OAAO,cAAc,eAAe,UAAU;EAC9C,eAAe;EACf,aAAa;EACb,WAAW,cAAc,oBAAoB,iBAAiB,YAAY;EAC1E,QAAQ,cAAc,oBAAoB,iBAAiB,WAAW;EAEtE,KAAK,cAAc,YAAY,UAAU;EACzC,aAAa;EACb,QAAQ;EACR,SAAS;EAET,SAAS;EACT,eAAe;EACf,SAAS;EAET,aAAa,aAAa,WAAW;EAErC,SAAS;EACT,qBAAqB,WAAW,EAAE;EAClC,uBAAuB,WAAW,CAAC;CACrC,CAAC;AACH"}

package/dist/core/model.js

@@ -0,0 +1,196 @@
+import { isColor } from "./colors.js";
+import { Mark } from "prosemirror-model";
+// src/core/model.ts
+var MARK_ORDER = [
+	"bold",
+	"italic",
+	"underline",
+	"strike",
+	"code"
+];
+/** Built-in marks in a fixed order, then the others by name. */
+var markRank = (name) => {
+	const index = MARK_ORDER.indexOf(name);
+	return index < 0 ? MARK_ORDER.length : index;
+};
+/** A random id; UUIDs keep blocks created at the same time on two devices apart. */
+function createId() {
+	const crypto = globalThis.crypto;
+	if (crypto?.randomUUID) return crypto.randomUUID();
+	const bytes = /* @__PURE__ */ new Uint8Array(16);
+	if (crypto?.getRandomValues) crypto.getRandomValues(bytes);
+	else for (let i = 0; i < 16; i++) bytes[i] = Math.floor(Math.random() * 256);
+	bytes[6] = bytes[6] & 15 | 64;
+	bytes[8] = bytes[8] & 63 | 128;
+	const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0")).join("");
+	return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+function inlineOf(node) {
+	const result = [];
+	node.forEach((child) => {
+		if (child.type.name === "hardBreak") {
+			result.push({ type: "break" });
+			return;
+		}
+		if (!child.isText) {
+			result.push({
+				type: "inline",
+				name: child.type.name,
+				props: { ...child.attrs }
+			});
+			return;
+		}
+		const marks = child.marks.filter((mark) => !mark.type.spec.field).map((mark) => mark.type.name).filter((name) => name !== "link" && name !== "comment").sort((a, b) => markRank(a) - markRank(b) || a.localeCompare(b));
+		const link = child.marks.find((mark) => mark.type.name === "link")?.attrs.href;
+		const item = {
+			type: "text",
+			text: child.text ?? ""
+		};
+		if (marks.length) item.marks = marks;
+		if (link) item.link = link;
+		for (const mark of child.marks) {
+			const field = mark.type.spec.field;
+			if (field) item[field] = mark.attrs.value;
+		}
+		const comments = child.marks.filter((mark) => mark.type.name === "comment").map((mark) => mark.attrs.id);
+		if (comments.length) item.comments = comments;
+		const previous = result.at(-1);
+		if (previous?.type === "text" && previous.link === item.link && previous.color === item.color && previous.highlight === item.highlight && String(previous.marks ?? "") === String(item.marks ?? "") && String(previous.comments ?? "") === String(item.comments ?? "")) previous.text += item.text;
+		else result.push(item);
+	});
+	return result;
+}
+/** A content node's attributes; those its spec lists as `optionalProps` only when set. */
+function propsOf(content) {
+	const props = { ...content.attrs };
+	for (const name of content.type.spec.optionalProps ?? []) if (props[name] === null || props[name] === void 0) delete props[name];
+	return props;
+}
+/**
+* Blocks already read, by node. Nodes never change, so a block that wasn't
+* edited is the same object as last time: reading a large document after
+* typing one key only builds the blocks on the path to that key.
+*/
+var blockCache = /* @__PURE__ */ new WeakMap();
+var freeze = (value) => {
+	if (value && typeof value === "object" && !Object.isFrozen(value)) {
+		Object.freeze(value);
+		for (const item of Object.values(value)) freeze(item);
+	}
+	return value;
+};
+/** A block of the document; shared between reads, so frozen. */
+function blockFromNode(node) {
+	let block = blockCache.get(node);
+	if (!block) {
+		block = readBlock(node);
+		freeze(block);
+		blockCache.set(node, block);
+	}
+	return block;
+}
+function readBlock(node) {
+	const content = node.firstChild;
+	const group = node.childCount > 1 ? node.child(1) : null;
+	const children = [];
+	group?.forEach((child) => children.push(blockFromNode(child)));
+	const rows = content.type.spec.rows;
+	if (rows) {
+		const read = rows.read(content);
+		return {
+			id: node.attrs.id,
+			type: content.type.name,
+			props: read.props,
+			content: [],
+			rows: read.rows,
+			children
+		};
+	}
+	return {
+		id: node.attrs.id,
+		type: content.type.name,
+		props: propsOf(content),
+		content: content.type.spec.code ? codeText(content) : inlineOf(content),
+		children
+	};
+}
+function codeText(node) {
+	return node.textContent ? [{
+		type: "text",
+		text: node.textContent
+	}] : [];
+}
+function docToBlocks(doc) {
+	const blocks = [];
+	doc.forEach((node) => blocks.push(blockFromNode(node)));
+	return blocks;
+}
+function marksFor(schema, item) {
+	const marks = [];
+	for (const name of item.marks ?? []) {
+		const type = schema.marks[name];
+		if (type) marks.push(type.create());
+	}
+	if (item.link && schema.marks.link) marks.push(schema.marks.link.create({ href: item.link }));
+	for (const type of Object.values(schema.marks)) {
+		const field = type.spec.field;
+		const value = field && item[field];
+		if (!value) continue;
+		if (!isColor(value)) warnOnce(`"${value}" is not a palette color; dropped`);
+		else marks.push(type.create({ value }));
+	}
+	for (const id of item.comments ?? []) marks.push(schema.marks.comment.create({ id }));
+	return Mark.setFrom(marks);
+}
+function inlineNodes(schema, content, code) {
+	if (content === void 0) return [];
+	const items = typeof content === "string" ? [{
+		type: "text",
+		text: content
+	}] : content;
+	const nodes = [];
+	for (const item of items) if (item.type === "break") nodes.push(code ? schema.text("\n") : schema.nodes.hardBreak.create());
+	else if (item.type === "inline") {
+		const type = schema.nodes[item.name];
+		if (type?.isInline && !code) nodes.push(type.create(item.props));
+	} else if (item.text) nodes.push(schema.text(item.text, code ? [] : marksFor(schema, item)));
+	return nodes;
+}
+/**
+* The attributes a content type declares, taken from `props` where given.
+* A spec's `normalizeProps` can clamp them, e.g. a heading's level.
+*/
+function contentAttrs(type, props = {}) {
+	const attrs = {};
+	for (const name of Object.keys(type.spec.attrs ?? {})) if (props[name] !== void 0) attrs[name] = props[name];
+	const normalize = type.spec.normalizeProps;
+	return normalize ? normalize(attrs) : attrs;
+}
+function createContentNode(schema, type, props, content, rows) {
+	const nodeType = schema.nodes[type]?.isInGroup("blockContent") ? schema.nodes[type] : schema.nodes.paragraph;
+	const rowsSpec = nodeType.spec.rows;
+	if (rowsSpec) return rowsSpec.write(nodeType, props ?? {}, rows ?? []);
+	const attrs = contentAttrs(nodeType, props);
+	if (nodeType.isAtom || !nodeType.inlineContent) return nodeType.create(attrs);
+	return nodeType.create(attrs, inlineNodes(schema, content, !!nodeType.spec.code));
+}
+function nodeFromBlock(schema, block) {
+	const content = createContentNode(schema, block.type ?? "paragraph", block.props, block.content, block.rows);
+	const children = (block.children ?? []).map((child) => nodeFromBlock(schema, child));
+	const parts = children.length ? [content, schema.nodes.blockGroup.create(null, children)] : [content];
+	return schema.nodes.block.create({ id: block.id ?? createId() }, parts);
+}
+function blocksToDoc(schema, blocks) {
+	const list = blocks.length ? blocks : [{ type: "paragraph" }];
+	return schema.nodes.doc.create(null, list.map((block) => nodeFromBlock(schema, block)));
+}
+var warned = /* @__PURE__ */ new Set();
+/** A development warning, once per message. */
+function warnOnce(message) {
+	if (process.env.NODE_ENV === "production" || warned.has(message)) return;
+	warned.add(message);
+	console.warn(`[@dou-ui/editor] ${message}`);
+}
+export { blockFromNode, blocksToDoc, contentAttrs, createContentNode, createId, docToBlocks, inlineNodes, inlineOf, nodeFromBlock, warnOnce };
+
+//# sourceMappingURL=model.js.map

package/dist/core/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":[],"sources":["../../src/core/model.ts"],"sourcesContent":["import { Mark, type NodeType, type Node as PMNode, type Schema } from 'prosemirror-model'\nimport { isColor, type TextColor } from './colors'\nimport type { ContentType, MarkType } from './schema'\n\n/** A run of text with its formatting. */\nexport interface TextContent {\n  type: 'text'\n  text: string\n  /** Formatting, in a fixed order: bold, italic, underline, strike, code. */\n  marks?: MarkType[]\n  /** The link target, when the text is a link. */\n  link?: string\n  /** The text color, by palette name (e.g. `red`), with the `colors` extension. */\n  color?: TextColor\n  /** The background color, by palette name (e.g. `yellow`), with the `colors` extension. */\n  highlight?: TextColor\n  /** The ids of the comment threads about this text. */\n  comments?: string[]\n}\n\n/**\n * For the `colors` extension's marks (internal): a mark that carries one\n * color is stored on the text run under this name, e.g.\n * `{ text, color: 'red' }`, and keeps it in its `value` attribute.\n */\nexport type MarkField = 'color' | 'highlight'\n\n/** A line break inside a block (`Shift+Enter`). */\nexport interface BreakContent {\n  type: 'break'\n}\n\n/** An inline node an extension adds, e.g. a mention. */\nexport interface InlineNodeContent {\n  type: 'inline'\n  /** The node's name, e.g. `mention`. */\n  name: string\n  props: Record<string, unknown>\n}\n\nexport type InlineContent = TextContent | BreakContent | InlineNodeContent\n\n/** A block's attributes: those of the built-in types, and any an extension declares. */\nexport interface BlockProps {\n  /** Heading level, `1` to `3`. */\n  level?: number\n  /** Whether a to-do item is done. */\n  checked?: boolean\n  /** The language of a code block. */\n  language?: string\n  /** The tone of a callout: `info`, `tip`, `warning` or `danger`. */\n  tone?: string\n  /** How a paragraph, heading or quote lines up; left out when it follows the reading direction. */\n  align?: 'left' | 'center' | 'right'\n  [name: string]: unknown\n}\n\n/** A table cell: formatted text, and how far it reaches when merged. */\nexport interface TableCell {\n  content: InlineContent[]\n  /** Columns the cell spans, when more than one. */\n  colspan?: number\n  /** Rows the cell spans, when more than one. */\n  rowspan?: number\n}\n\n/** A table row: one cell for every column, including those a merged cell covers. */\nexport interface TableRow {\n  /** Stable across edits, like a block's id. */\n  id: string\n  cells: TableCell[]\n}\n\nexport interface PartialTableCell {\n  content?: InlineContent[] | string\n  colspan?: number\n  rowspan?: number\n}\n\nexport interface PartialTableRow {\n  id?: string\n  cells: (PartialTableCell | string)[]\n}\n\n/** One block of the document, as `v-model` reads and writes it. */\nexport interface Block {\n  /** Stable across edits; a random UUID unless you provide your own. */\n  id: string\n  type: ContentType\n  props: BlockProps\n  content: InlineContent[]\n  /** The rows of a table; other blocks have none. */\n  rows?: TableRow[]\n  children: Block[]\n}\n\n/**\n * The document the editor edits, bound with `v-model`: plain JSON to store\n * and send as it is. The editor writes full blocks; it reads partial ones.\n */\nexport interface EditorDocument<B extends PartialBlock = Block> {\n  /** The version of the format; see `migrateDocument`. */\n  version: 1\n  blocks: B[]\n}\n\n/** A block to insert: everything but the type is optional. */\nexport interface PartialBlock {\n  id?: string\n  type?: ContentType\n  props?: BlockProps\n  /** Inline content, or plain text. */\n  content?: InlineContent[] | string\n  rows?: PartialTableRow[]\n  children?: PartialBlock[]\n}\n\n/**\n * A content node spec field for blocks whose content is rows rather than\n * text (a table): how to read them into a block and build them back.\n */\nexport interface RowsSpec {\n  read: (node: PMNode) => { props: BlockProps; rows: TableRow[] }\n  write: (type: NodeType, props: BlockProps, rows: PartialTableRow[]) => PMNode\n  /** The node as a grid of ids and cell nodes, for collaboration. */\n  grid: (node: PMNode) => TableGrid\n}\n\n/** A table node laid out by ids. */\nexport interface TableGrid {\n  /** The props other than `columns`. */\n  props: BlockProps\n  /** Each column's id and its other fields (width, alignment). */\n  columns: { id: string; width?: number; align?: string }[]\n  /** Row ids, top to bottom. */\n  rows: string[]\n  /** The cells that are shown, merged ones by their top-left place. */\n  cells: GridCell[]\n}\n\nexport interface GridCell {\n  row: number\n  col: number\n  rowspan: number\n  colspan: number\n  /** The cell node; its content is inline. */\n  node: PMNode\n  /** Where the cell starts, counted from the start of the table's content. */\n  offset: number\n}\n\nconst MARK_ORDER: string[] = ['bold', 'italic', 'underline', 'strike', 'code']\n\n/** Built-in marks in a fixed order, then the others by name. */\nconst markRank = (name: string) => {\n  const index = MARK_ORDER.indexOf(name)\n  return index < 0 ? MARK_ORDER.length : index\n}\n\n/** A random id; UUIDs keep blocks created at the same time on two devices apart. */\nexport function createId(): string {\n  const crypto = globalThis.crypto\n  if (crypto?.randomUUID) return crypto.randomUUID()\n  // a v4 UUID from `getRandomValues`, or `Math.random` as a last resort\n  const bytes = new Uint8Array(16)\n  if (crypto?.getRandomValues) crypto.getRandomValues(bytes)\n  else for (let i = 0; i < 16; i++) bytes[i] = Math.floor(Math.random() * 256)\n  bytes[6] = (bytes[6]! & 0x0f) | 0x40\n  bytes[8] = (bytes[8]! & 0x3f) | 0x80\n  const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, '0')).join('')\n  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`\n}\n\n/* document → blocks */\n\nexport function inlineOf(node: PMNode): InlineContent[] {\n  const result: InlineContent[] = []\n  node.forEach((child) => {\n    if (child.type.name === 'hardBreak') {\n      result.push({ type: 'break' })\n      return\n    }\n    if (!child.isText) {\n      result.push({ type: 'inline', name: child.type.name, props: { ...child.attrs } })\n      return\n    }\n    const marks = child.marks\n      .filter((mark) => !mark.type.spec.field)\n      .map((mark) => mark.type.name)\n      .filter((name): name is MarkType => name !== 'link' && name !== 'comment')\n      // oxlint-disable-next-line unicorn/no-array-sort -- sorts the filtered copy\n      .sort((a, b) => markRank(a) - markRank(b) || a.localeCompare(b))\n    const link = child.marks.find((mark) => mark.type.name === 'link')?.attrs.href as\n      string | undefined\n    const item: TextContent = { type: 'text', text: child.text ?? '' }\n    if (marks.length) item.marks = marks\n    if (link) item.link = link\n    for (const mark of child.marks) {\n      const field = mark.type.spec.field as MarkField | undefined\n      if (field) item[field] = mark.attrs.value as TextColor\n    }\n    const comments = child.marks\n      .filter((mark) => mark.type.name === 'comment')\n      .map((mark) => mark.attrs.id as string)\n    if (comments.length) item.comments = comments\n    // merge with the previous run when the formatting is the same\n    const previous = result.at(-1)\n    if (\n      previous?.type === 'text' &&\n      previous.link === item.link &&\n      previous.color === item.color &&\n      previous.highlight === item.highlight &&\n      String(previous.marks ?? '') === String(item.marks ?? '') &&\n      String(previous.comments ?? '') === String(item.comments ?? '')\n    )\n      previous.text += item.text\n    else result.push(item)\n  })\n  return result\n}\n\n/** A content node's attributes; those its spec lists as `optionalProps` only when set. */\nfunction propsOf(content: PMNode): BlockProps {\n  const props: BlockProps = { ...content.attrs }\n  for (const name of (content.type.spec.optionalProps as string[] | undefined) ?? [])\n    if (props[name] === null || props[name] === undefined) delete props[name]\n  return props\n}\n\n/**\n * Blocks already read, by node. Nodes never change, so a block that wasn't\n * edited is the same object as last time: reading a large document after\n * typing one key only builds the blocks on the path to that key.\n */\nconst blockCache = new WeakMap<PMNode, Block>()\n\nconst freeze = <T>(value: T): T => {\n  if (value && typeof value === 'object' && !Object.isFrozen(value)) {\n    Object.freeze(value)\n    for (const item of Object.values(value)) freeze(item)\n  }\n  return value\n}\n\n/** A block of the document; shared between reads, so frozen. */\nexport function blockFromNode(node: PMNode): Block {\n  let block = blockCache.get(node)\n  if (!block) {\n    block = readBlock(node)\n    // a change to a shared block throws, instead of corrupting later reads\n    freeze(block)\n    blockCache.set(node, block)\n  }\n  return block\n}\n\nfunction readBlock(node: PMNode): Block {\n  const content = node.firstChild!\n  const group = node.childCount > 1 ? node.child(1) : null\n  const children: Block[] = []\n  group?.forEach((child) => children.push(blockFromNode(child)))\n  const rows = content.type.spec.rows as RowsSpec | undefined\n  if (rows) {\n    const read = rows.read(content)\n    return {\n      id: node.attrs.id as string,\n      type: content.type.name as ContentType,\n      props: read.props,\n      content: [],\n      rows: read.rows,\n      children,\n    }\n  }\n  return {\n    id: node.attrs.id as string,\n    type: content.type.name as ContentType,\n    props: propsOf(content),\n    content: content.type.spec.code ? codeText(content) : inlineOf(content),\n    children,\n  }\n}\n\nfunction codeText(node: PMNode): InlineContent[] {\n  return node.textContent ? [{ type: 'text', text: node.textContent }] : []\n}\n\nexport function docToBlocks(doc: PMNode): Block[] {\n  const blocks: Block[] = []\n  doc.forEach((node) => blocks.push(blockFromNode(node)))\n  return blocks\n}\n\n/* blocks → document */\n\nfunction marksFor(schema: Schema, item: TextContent): Mark[] {\n  const marks: Mark[] = []\n  for (const name of item.marks ?? []) {\n    const type = schema.marks[name]\n    if (type) marks.push(type.create())\n  }\n  if (item.link && schema.marks.link) marks.push(schema.marks.link.create({ href: item.link }))\n  for (const type of Object.values(schema.marks)) {\n    const field = type.spec.field as MarkField | undefined\n    const value = field && item[field]\n    if (!value) continue\n    // a color outside the palette is dropped\n    if (!isColor(value)) warnOnce(`\"${value}\" is not a palette color; dropped`)\n    else marks.push(type.create({ value }))\n  }\n  for (const id of item.comments ?? []) marks.push(schema.marks.comment!.create({ id }))\n  return Mark.setFrom(marks) as Mark[]\n}\n\nexport function inlineNodes(\n  schema: Schema,\n  content: PartialBlock['content'],\n  code: boolean,\n): PMNode[] {\n  if (content === undefined) return []\n  const items: InlineContent[] =\n    typeof content === 'string' ? [{ type: 'text', text: content }] : content\n  const nodes: PMNode[] = []\n  for (const item of items) {\n    if (item.type === 'break') {\n      nodes.push(code ? schema.text('\\n') : schema.nodes.hardBreak!.create())\n    } else if (item.type === 'inline') {\n      // an inline node whose extension is missing is left out\n      const type = schema.nodes[item.name]\n      if (type?.isInline && !code) nodes.push(type.create(item.props))\n    } else if (item.text) {\n      nodes.push(schema.text(item.text, code ? [] : marksFor(schema, item)))\n    }\n  }\n  return nodes\n}\n\n/**\n * The attributes a content type declares, taken from `props` where given.\n * A spec's `normalizeProps` can clamp them, e.g. a heading's level.\n */\nexport function contentAttrs(type: NodeType, props: BlockProps = {}) {\n  const attrs: Record<string, unknown> = {}\n  for (const name of Object.keys(type.spec.attrs ?? {})) {\n    if (props[name] !== undefined) attrs[name] = props[name]\n  }\n  const normalize = type.spec.normalizeProps as\n    ((attrs: Record<string, unknown>) => Record<string, unknown>) | undefined\n  return normalize ? normalize(attrs) : attrs\n}\n\nexport function createContentNode(\n  schema: Schema,\n  type: ContentType,\n  props?: BlockProps,\n  content?: PartialBlock['content'],\n  rows?: PartialTableRow[],\n): PMNode {\n  const nodeType = schema.nodes[type]?.isInGroup('blockContent')\n    ? schema.nodes[type]!\n    : schema.nodes.paragraph!\n  const rowsSpec = nodeType.spec.rows as RowsSpec | undefined\n  if (rowsSpec) return rowsSpec.write(nodeType, props ?? {}, rows ?? [])\n  const attrs = contentAttrs(nodeType, props)\n  if (nodeType.isAtom || !nodeType.inlineContent) return nodeType.create(attrs)\n  return nodeType.create(attrs, inlineNodes(schema, content, !!nodeType.spec.code))\n}\n\nexport function nodeFromBlock(schema: Schema, block: PartialBlock): PMNode {\n  const content = createContentNode(\n    schema,\n    block.type ?? 'paragraph',\n    block.props,\n    block.content,\n    block.rows,\n  )\n  const children = (block.children ?? []).map((child) => nodeFromBlock(schema, child))\n  const parts = children.length\n    ? [content, schema.nodes.blockGroup!.create(null, children)]\n    : [content]\n  return schema.nodes.block!.create({ id: block.id ?? createId() }, parts)\n}\n\nexport function blocksToDoc(schema: Schema, blocks: PartialBlock[]): PMNode {\n  const list = blocks.length ? blocks : [{ type: 'paragraph' as const }]\n  return schema.nodes.doc!.create(\n    null,\n    list.map((block) => nodeFromBlock(schema, block)),\n  )\n}\n\nconst warned = new Set<string>()\n\n/** A development warning, once per message. */\nexport function warnOnce(message: string) {\n  if (process.env.NODE_ENV === 'production' || warned.has(message)) return\n  warned.add(message)\n  console.warn(`[@dou-ui/editor] ${message}`)\n}\n"],"mappings":"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"}