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

package/dist/core/align.js

@@ -0,0 +1,94 @@
+import { warnOnce } from "./model.js";
+// src/core/align.ts
+var ALIGNS = [
+	"left",
+	"center",
+	"right"
+];
+var isAlign = (value) => ALIGNS.includes(value);
+/**
+* The alignment written on an element: `data-align`, `style="text-align"`
+* or `align`. Left is the reading direction: `null`, as it is stored.
+*/
+function alignOf(dom) {
+	const value = (dom.dataset?.align || dom.style?.textAlign || dom.getAttribute("align") || "").toLowerCase().replace("start", "left").replace("end", "right");
+	return isAlign(value) && value !== "left" ? value : null;
+}
+function withAttrs(spec, attrs) {
+	if (!Array.isArray(spec)) return spec;
+	const [tag, second, ...rest] = spec;
+	if (second && typeof second === "object" && !Array.isArray(second) && !("nodeType" in second)) {
+		const own = second;
+		const style = [own.style, attrs.style].filter(Boolean).join("; ");
+		return [
+			tag,
+			{
+				...own,
+				...attrs,
+				...style ? { style } : {}
+			},
+			...rest
+		];
+	}
+	return [
+		tag,
+		attrs,
+		...second === void 0 ? [] : [second],
+		...rest
+	];
+}
+/**
+* A text block that can be aligned: adds the `align` attribute, reads it
+* from pasted HTML and draws it. Used by paragraphs, headings and quotes;
+* custom text blocks can use it too.
+*/
+function alignable(spec) {
+	const toDOM = spec.toDOM;
+	const normalize = spec.normalizeProps;
+	return {
+		...spec,
+		normalizeProps: (attrs) => {
+			const next = normalize ? normalize(attrs) : attrs;
+			if (next.align === void 0 || next.align === null || isAlign(next.align)) return next.align === "left" ? {
+				...next,
+				align: null
+			} : next;
+			warnOnce(`align "${String(next.align)}" is not one of left, center, right; dropped`);
+			return {
+				...next,
+				align: null
+			};
+		},
+		attrs: {
+			...spec.attrs,
+			align: { default: null }
+		},
+		optionalProps: [...spec.optionalProps ?? [], "align"],
+		parseDOM: spec.parseDOM?.map((rule) => {
+			if (!("tag" in rule)) return rule;
+			const tagRule = rule;
+			return {
+				...tagRule,
+				getAttrs: (dom) => {
+					const own = tagRule.getAttrs ? tagRule.getAttrs(dom) : tagRule.attrs ?? null;
+					if (own === false) return false;
+					return {
+						...own ?? tagRule.attrs,
+						align: alignOf(dom)
+					};
+				}
+			};
+		}),
+		toDOM: toDOM ? (node) => {
+			const out = toDOM(node);
+			const align = node.attrs.align;
+			return isAlign(align) ? withAttrs(out, {
+				"data-align": align,
+				style: `text-align: ${align}`
+			}) : out;
+		} : void 0
+	};
+}
+export { ALIGNS, alignOf, alignable, isAlign };
+
+//# sourceMappingURL=align.js.map

package/dist/core/align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align.js","names":[],"sources":["../../src/core/align.ts"],"sourcesContent":["import { warnOnce } from './model'\nimport type { DOMOutputSpec, Node as PMNode, NodeSpec, TagParseRule } from 'prosemirror-model'\n\n/** How a block's text lines up; `null` (left out of `props`) follows the reading direction. */\nexport type BlockAlign = 'left' | 'center' | 'right'\n\nexport const ALIGNS: readonly BlockAlign[] = ['left', 'center', 'right']\n\nexport const isAlign = (value: unknown): value is BlockAlign => ALIGNS.includes(value as BlockAlign)\n\n/**\n * The alignment written on an element: `data-align`, `style=\"text-align\"`\n * or `align`. Left is the reading direction: `null`, as it is stored.\n */\nexport function alignOf(dom: HTMLElement): BlockAlign | null {\n  const value = (dom.dataset?.align || dom.style?.textAlign || dom.getAttribute('align') || '')\n    .toLowerCase()\n    .replace('start', 'left')\n    .replace('end', 'right')\n  return isAlign(value) && value !== 'left' ? value : null\n}\n\nfunction withAttrs(spec: DOMOutputSpec, attrs: Record<string, string>): DOMOutputSpec {\n  if (!Array.isArray(spec)) return spec\n  const [tag, second, ...rest] = spec as unknown as [string, unknown, ...unknown[]]\n  if (second && typeof second === 'object' && !Array.isArray(second) && !('nodeType' in second)) {\n    const own = second as Record<string, string>\n    const style = [own.style, attrs.style].filter(Boolean).join('; ')\n    return [tag, { ...own, ...attrs, ...(style ? { style } : {}) }, ...rest] as never\n  }\n  return [tag, attrs, ...(second === undefined ? [] : [second]), ...rest] as never\n}\n\n/**\n * A text block that can be aligned: adds the `align` attribute, reads it\n * from pasted HTML and draws it. Used by paragraphs, headings and quotes;\n * custom text blocks can use it too.\n */\nexport function alignable(spec: NodeSpec): NodeSpec {\n  const toDOM = spec.toDOM\n  const normalize = spec.normalizeProps as\n    ((attrs: Record<string, unknown>) => Record<string, unknown>) | undefined\n  return {\n    ...spec,\n    // one way to say \"left\": nothing set; anything else is dropped\n    normalizeProps: (attrs: Record<string, unknown>) => {\n      const next = normalize ? normalize(attrs) : attrs\n      if (next.align === undefined || next.align === null || isAlign(next.align)) {\n        return next.align === 'left' ? { ...next, align: null } : next\n      }\n      warnOnce(`align \"${String(next.align)}\" is not one of left, center, right; dropped`)\n      return { ...next, align: null }\n    },\n    attrs: { ...spec.attrs, align: { default: null } },\n    optionalProps: [...((spec.optionalProps as string[] | undefined) ?? []), 'align'],\n    parseDOM: spec.parseDOM?.map((rule) => {\n      if (!('tag' in rule)) return rule\n      const tagRule = rule as TagParseRule\n      return {\n        ...tagRule,\n        getAttrs: (dom: HTMLElement) => {\n          const own = tagRule.getAttrs ? tagRule.getAttrs(dom) : (tagRule.attrs ?? null)\n          if (own === false) return false\n          return { ...(own ?? tagRule.attrs), align: alignOf(dom) }\n        },\n      }\n    }),\n    toDOM: toDOM\n      ? (node: PMNode) => {\n          const out = toDOM(node)\n          const align = node.attrs.align as string | null\n          return isAlign(align)\n            ? withAttrs(out, { 'data-align': align, style: `text-align: ${align}` })\n            : out\n        }\n      : undefined,\n  }\n}\n"],"mappings":";;AAMA,IAAa,SAAgC;CAAC;CAAQ;CAAU;AAAO;AAEvE,IAAa,WAAW,UAAwC,OAAO,SAAS,KAAmB;;;;;AAMnG,SAAgB,QAAQ,KAAqC;CAC3D,MAAM,SAAS,IAAI,SAAS,SAAS,IAAI,OAAO,aAAa,IAAI,aAAa,OAAO,KAAK,GAAA,CACvF,YAAY,CAAC,CACb,QAAQ,SAAS,MAAM,CAAC,CACxB,QAAQ,OAAO,OAAO;CACzB,OAAO,QAAQ,KAAK,KAAK,UAAU,SAAS,QAAQ;AACtD;AAEA,SAAS,UAAU,MAAqB,OAA8C;CACpF,IAAI,CAAC,MAAM,QAAQ,IAAI,GAAG,OAAO;CACjC,MAAM,CAAC,KAAK,QAAQ,GAAG,QAAQ;CAC/B,IAAI,UAAU,OAAO,WAAW,YAAY,CAAC,MAAM,QAAQ,MAAM,KAAK,EAAE,cAAc,SAAS;EAC7F,MAAM,MAAM;EACZ,MAAM,QAAQ,CAAC,IAAI,OAAO,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,IAAI;EAChE,OAAO;GAAC;GAAK;IAAE,GAAG;IAAK,GAAG;IAAO,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GAAG;GAAG,GAAG;EAAI;CACzE;CACA,OAAO;EAAC;EAAK;EAAO,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,CAAC,MAAM;EAAI,GAAG;CAAI;AACxE;;;;;;AAOA,SAAgB,UAAU,MAA0B;CAClD,MAAM,QAAQ,KAAK;CACnB,MAAM,YAAY,KAAK;CAEvB,OAAO;EACL,GAAG;EAEH,iBAAiB,UAAmC;GAClD,MAAM,OAAO,YAAY,UAAU,KAAK,IAAI;GAC5C,IAAI,KAAK,UAAU,KAAA,KAAa,KAAK,UAAU,QAAQ,QAAQ,KAAK,KAAK,GACvE,OAAO,KAAK,UAAU,SAAS;IAAE,GAAG;IAAM,OAAO;GAAK,IAAI;GAE5D,SAAS,UAAU,OAAO,KAAK,KAAK,EAAE,6CAA6C;GACnF,OAAO;IAAE,GAAG;IAAM,OAAO;GAAK;EAChC;EACA,OAAO;GAAE,GAAG,KAAK;GAAO,OAAO,EAAE,SAAS,KAAK;EAAE;EACjD,eAAe,CAAC,GAAK,KAAK,iBAA0C,CAAC,GAAI,OAAO;EAChF,UAAU,KAAK,UAAU,KAAK,SAAS;GACrC,IAAI,EAAE,SAAS,OAAO,OAAO;GAC7B,MAAM,UAAU;GAChB,OAAO;IACL,GAAG;IACH,WAAW,QAAqB;KAC9B,MAAM,MAAM,QAAQ,WAAW,QAAQ,SAAS,GAAG,IAAK,QAAQ,SAAS;KACzE,IAAI,QAAQ,OAAO,OAAO;KAC1B,OAAO;MAAE,GAAI,OAAO,QAAQ;MAAQ,OAAO,QAAQ,GAAG;KAAE;IAC1D;GACF;EACF,CAAC;EACD,OAAO,SACF,SAAiB;GAChB,MAAM,MAAM,MAAM,IAAI;GACtB,MAAM,QAAQ,KAAK,MAAM;GACzB,OAAO,QAAQ,KAAK,IAChB,UAAU,KAAK;IAAE,cAAc;IAAO,OAAO,eAAe;GAAQ,CAAC,IACrE;EACN,IACA,KAAA;CACN;AACF"}

package/dist/core/block-selection.js

@@ -0,0 +1,155 @@
+import { blocksIn, findBlockById, selectedRange, siblingRangeBetween } from "./blocks.js";
+import { deleteBlocks, duplicateBlocks, liftBlocks, sinkBlocks, swapBlocks } from "./commands.js";
+import { keydownHandler } from "prosemirror-keymap";
+import { Plugin, PluginKey, TextSelection } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+// src/core/block-selection.ts
+var blockSelectionKey = new PluginKey("dou-editor-block-selection");
+function getBlockSelection(state) {
+	return blockSelectionKey.getState(state) ?? null;
+}
+/** The blocks of a block selection, or `null` when they can't be found. */
+function blockSelectionRange(state) {
+	const current = getBlockSelection(state);
+	if (!current) return null;
+	const anchor = findBlockById(state.doc, current.anchor);
+	const head = findBlockById(state.doc, current.head);
+	if (!anchor || !head) return null;
+	const [first, last] = anchor.pos <= head.pos ? [anchor, head] : [head, anchor];
+	const range = siblingRangeBetween(state.doc, first.pos + 1, last.pos + 1);
+	return range && range.depth === anchor.depth ? range : null;
+}
+/** Put the editor's own selection over the text of the selected blocks. */
+function spanSelection(tr, range) {
+	const blocks = blocksIn(range);
+	const first = blocks[0];
+	const last = blocks.at(-1);
+	const $from = tr.doc.resolve(first.contentPos + 1);
+	const $to = tr.doc.resolve(last.pos + last.node.nodeSize - 1);
+	tr.setSelection(TextSelection.between($from, $to));
+}
+/** Select whole blocks, from `anchor` to `head` (siblings). */
+function selectBlocks(anchor, head = anchor) {
+	return (state, dispatch) => {
+		const tr = state.tr.setMeta(blockSelectionKey, {
+			anchor,
+			head
+		});
+		const range = blockSelectionRange(state.apply(tr));
+		if (!range) return false;
+		if (dispatch) {
+			spanSelection(tr, range);
+			tr.setMeta(blockSelectionKey, {
+				anchor,
+				head
+			});
+			dispatch(tr.scrollIntoView());
+		}
+		return true;
+	};
+}
+var clearBlockSelection = (state, dispatch) => {
+	if (!getBlockSelection(state)) return false;
+	if (dispatch) dispatch(state.tr.setMeta(blockSelectionKey, null));
+	return true;
+};
+/** `Esc`: select the blocks the cursor or text selection is in. */
+var selectCurrentBlocks = (state, dispatch) => {
+	if (getBlockSelection(state)) return false;
+	const range = selectedRange(state);
+	if (!range) return false;
+	const blocks = blocksIn(range);
+	return selectBlocks(blocks[0].node.attrs.id, blocks.at(-1).node.attrs.id)(state, dispatch);
+};
+/** Leave the block selection with the cursor at the end of a block. */
+function placeCursor(view, block, atEnd = true) {
+	const tr = view.state.tr.setMeta(blockSelectionKey, null);
+	const pos = atEnd ? block.contentPos + block.content.nodeSize - 1 : block.contentPos + 1;
+	tr.setSelection(TextSelection.near(tr.doc.resolve(pos), atEnd ? -1 : 1));
+	view.dispatch(tr.scrollIntoView());
+}
+function moveHead(view, direction, extend) {
+	const state = view.state;
+	const current = getBlockSelection(state);
+	const range = blockSelectionRange(state);
+	if (!range) return false;
+	const head = findBlockById(state.doc, current.head);
+	const index = state.doc.resolve(head.pos).index() + direction;
+	if (index < 0 || index >= range.parent.childCount) return true;
+	const id = range.parent.child(index).attrs.id;
+	return selectBlocks(extend ? current.anchor : id, id)(state, view.dispatch);
+}
+/** Run a block command, then select the same blocks again. */
+function keepSelected(command) {
+	return (view) => {
+		const current = getBlockSelection(view.state);
+		if (!current || !command(view.state, view.dispatch)) return false;
+		selectBlocks(current.anchor, current.head)(view.state, view.dispatch);
+		return true;
+	};
+}
+var removeSelected = (view) => {
+	const range = blockSelectionRange(view.state);
+	if (!range) return false;
+	const tr = deleteBlocks(view.state.tr, blocksIn(range)).setMeta(blockSelectionKey, null);
+	view.dispatch(tr.scrollIntoView());
+	return true;
+};
+var blockKeys = keydownHandler({
+	ArrowUp: (_state, _dispatch, view) => moveHead(view, -1, false),
+	ArrowDown: (_state, _dispatch, view) => moveHead(view, 1, false),
+	"Shift-ArrowUp": (_state, _dispatch, view) => moveHead(view, -1, true),
+	"Shift-ArrowDown": (_state, _dispatch, view) => moveHead(view, 1, true),
+	Backspace: (_state, _dispatch, view) => removeSelected(view),
+	Delete: (_state, _dispatch, view) => removeSelected(view),
+	"Mod-d": (_state, _dispatch, view) => keepSelected(duplicateBlocks)(view),
+	"Mod-Shift-ArrowUp": (_state, _dispatch, view) => keepSelected(swapBlocks(-1))(view),
+	"Mod-Shift-ArrowDown": (_state, _dispatch, view) => keepSelected(swapBlocks(1))(view),
+	Tab: (_state, _dispatch, view) => keepSelected(sinkBlocks)(view),
+	"Shift-Tab": (_state, _dispatch, view) => keepSelected(liftBlocks)(view),
+	Escape: (state, dispatch) => clearBlockSelection(state, dispatch),
+	Enter: (state, _dispatch, view) => {
+		const current = getBlockSelection(state);
+		const head = findBlockById(state.doc, current.head);
+		if (head) placeCursor(view, head);
+		return true;
+	}
+});
+function blockSelectionPlugin() {
+	return new Plugin({
+		key: blockSelectionKey,
+		state: {
+			init: () => null,
+			apply(tr, value) {
+				const meta = tr.getMeta(blockSelectionKey);
+				if (meta !== void 0) return meta;
+				if (value && tr.selectionSet && !tr.docChanged) return null;
+				return value;
+			}
+		},
+		props: {
+			decorations(state) {
+				const range = blockSelectionRange(state);
+				if (!range) return null;
+				return DecorationSet.create(state.doc, blocksIn(range).map((block) => Decoration.node(block.pos, block.pos + block.node.nodeSize, { class: "is-selected" })));
+			},
+			attributes(state) {
+				return getBlockSelection(state) ? { class: "is-block-selecting" } : {};
+			},
+			handleKeyDown(view, event) {
+				const current = getBlockSelection(view.state);
+				if (!current) return false;
+				if (blockKeys(view, event)) return true;
+				if (event.key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey) {
+					const head = findBlockById(view.state.doc, current.head);
+					if (head) placeCursor(view, head);
+					return false;
+				}
+				return false;
+			}
+		}
+	});
+}
+export { blockSelectionKey, blockSelectionPlugin, blockSelectionRange, clearBlockSelection, getBlockSelection, selectBlocks, selectCurrentBlocks };
+
+//# sourceMappingURL=block-selection.js.map

package/dist/core/block-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-selection.js","names":[],"sources":["../../src/core/block-selection.ts"],"sourcesContent":["import { keydownHandler } from 'prosemirror-keymap'\nimport {\n  Plugin,\n  PluginKey,\n  TextSelection,\n  type Command,\n  type EditorState,\n  type Transaction,\n} from 'prosemirror-state'\nimport { Decoration, DecorationSet, type EditorView } from 'prosemirror-view'\nimport {\n  blocksIn,\n  findBlockById,\n  selectedRange,\n  siblingRangeBetween,\n  type BlockInfo,\n  type SiblingRange,\n} from './blocks'\nimport { duplicateBlocks, liftBlocks, swapBlocks, deleteBlocks, sinkBlocks } from './commands'\n\n/**\n * Whole blocks selected with `Esc` or from the block handle. The selected\n * blocks are siblings, from `anchor` to `head`. Underneath, the editor's\n * own selection spans their text, so copy and cut work as usual; the text\n * highlight is hidden and the blocks are tinted instead.\n */\nexport interface BlockSelection {\n  anchor: string\n  head: string\n}\n\nexport const blockSelectionKey = new PluginKey<BlockSelection | null>('dou-editor-block-selection')\n\nexport function getBlockSelection(state: EditorState): BlockSelection | null {\n  return blockSelectionKey.getState(state) ?? null\n}\n\n/** The blocks of a block selection, or `null` when they can't be found. */\nexport function blockSelectionRange(state: EditorState): SiblingRange | null {\n  const current = getBlockSelection(state)\n  if (!current) return null\n  const anchor = findBlockById(state.doc, current.anchor)\n  const head = findBlockById(state.doc, current.head)\n  if (!anchor || !head) return null\n  const [first, last] = anchor.pos <= head.pos ? [anchor, head] : [head, anchor]\n  const range = siblingRangeBetween(state.doc, first.pos + 1, last.pos + 1)\n  return range && range.depth === anchor.depth ? range : null\n}\n\n/** Put the editor's own selection over the text of the selected blocks. */\nfunction spanSelection(tr: Transaction, range: SiblingRange) {\n  const blocks = blocksIn(range)\n  const first = blocks[0]!\n  const last = blocks.at(-1)!\n  const $from = tr.doc.resolve(first.contentPos + 1)\n  const $to = tr.doc.resolve(last.pos + last.node.nodeSize - 1)\n  tr.setSelection(TextSelection.between($from, $to))\n}\n\n/** Select whole blocks, from `anchor` to `head` (siblings). */\nexport function selectBlocks(anchor: string, head = anchor): Command {\n  return (state, dispatch) => {\n    const tr = state.tr.setMeta(blockSelectionKey, { anchor, head })\n    const preview = state.apply(tr)\n    const range = blockSelectionRange(preview)\n    if (!range) return false\n    if (dispatch) {\n      spanSelection(tr, range)\n      tr.setMeta(blockSelectionKey, { anchor, head })\n      dispatch(tr.scrollIntoView())\n    }\n    return true\n  }\n}\n\nexport const clearBlockSelection: Command = (state, dispatch) => {\n  if (!getBlockSelection(state)) return false\n  if (dispatch) dispatch(state.tr.setMeta(blockSelectionKey, null))\n  return true\n}\n\n/** `Esc`: select the blocks the cursor or text selection is in. */\nexport const selectCurrentBlocks: Command = (state, dispatch) => {\n  if (getBlockSelection(state)) return false\n  const range = selectedRange(state)\n  if (!range) return false\n  const blocks = blocksIn(range)\n  return selectBlocks(blocks[0]!.node.attrs.id, blocks.at(-1)!.node.attrs.id)(state, dispatch)\n}\n\n/** Leave the block selection with the cursor at the end of a block. */\nfunction placeCursor(view: EditorView, block: BlockInfo, atEnd = true) {\n  const tr = view.state.tr.setMeta(blockSelectionKey, null)\n  const pos = atEnd ? block.contentPos + block.content.nodeSize - 1 : block.contentPos + 1\n  tr.setSelection(TextSelection.near(tr.doc.resolve(pos), atEnd ? -1 : 1))\n  view.dispatch(tr.scrollIntoView())\n}\n\nfunction moveHead(view: EditorView, direction: -1 | 1, extend: boolean) {\n  const state = view.state\n  const current = getBlockSelection(state)!\n  const range = blockSelectionRange(state)\n  if (!range) return false\n  const head = findBlockById(state.doc, current.head)!\n  const $head = state.doc.resolve(head.pos)\n  const index = $head.index() + direction\n  if (index < 0 || index >= range.parent.childCount) return true\n  const id = range.parent.child(index).attrs.id as string\n  return selectBlocks(extend ? current.anchor : id, id)(state, view.dispatch)\n}\n\n/** Run a block command, then select the same blocks again. */\nfunction keepSelected(command: Command): (view: EditorView) => boolean {\n  return (view) => {\n    const current = getBlockSelection(view.state)\n    if (!current || !command(view.state, view.dispatch)) return false\n    selectBlocks(current.anchor, current.head)(view.state, view.dispatch)\n    return true\n  }\n}\n\nconst removeSelected = (view: EditorView) => {\n  const range = blockSelectionRange(view.state)\n  if (!range) return false\n  const tr = deleteBlocks(view.state.tr, blocksIn(range)).setMeta(blockSelectionKey, null)\n  view.dispatch(tr.scrollIntoView())\n  return true\n}\n\nconst blockKeys = keydownHandler({\n  ArrowUp: (_state, _dispatch, view) => moveHead(view!, -1, false),\n  ArrowDown: (_state, _dispatch, view) => moveHead(view!, 1, false),\n  'Shift-ArrowUp': (_state, _dispatch, view) => moveHead(view!, -1, true),\n  'Shift-ArrowDown': (_state, _dispatch, view) => moveHead(view!, 1, true),\n  Backspace: (_state, _dispatch, view) => removeSelected(view!),\n  Delete: (_state, _dispatch, view) => removeSelected(view!),\n  'Mod-d': (_state, _dispatch, view) => keepSelected(duplicateBlocks)(view!),\n  'Mod-Shift-ArrowUp': (_state, _dispatch, view) => keepSelected(swapBlocks(-1))(view!),\n  'Mod-Shift-ArrowDown': (_state, _dispatch, view) => keepSelected(swapBlocks(1))(view!),\n  Tab: (_state, _dispatch, view) => keepSelected(sinkBlocks)(view!),\n  'Shift-Tab': (_state, _dispatch, view) => keepSelected(liftBlocks)(view!),\n  Escape: (state, dispatch) => clearBlockSelection(state, dispatch),\n  Enter: (state, _dispatch, view) => {\n    const current = getBlockSelection(state)!\n    const head = findBlockById(state.doc, current.head)\n    if (head) placeCursor(view!, head)\n    return true\n  },\n})\n\nexport function blockSelectionPlugin(): Plugin<BlockSelection | null> {\n  return new Plugin<BlockSelection | null>({\n    key: blockSelectionKey,\n    state: {\n      init: () => null,\n      apply(tr, value) {\n        const meta = tr.getMeta(blockSelectionKey) as BlockSelection | null | undefined\n        if (meta !== undefined) return meta\n        // any other selection change (a click, typing) ends it\n        if (value && tr.selectionSet && !tr.docChanged) return null\n        return value\n      },\n    },\n    props: {\n      decorations(state) {\n        const range = blockSelectionRange(state)\n        if (!range) return null\n        return DecorationSet.create(\n          state.doc,\n          blocksIn(range).map((block) =>\n            Decoration.node(block.pos, block.pos + block.node.nodeSize, { class: 'is-selected' }),\n          ),\n        )\n      },\n      attributes(state): Record<string, string> {\n        return getBlockSelection(state) ? { class: 'is-block-selecting' } : {}\n      },\n      handleKeyDown(view, event) {\n        const current = getBlockSelection(view.state)\n        if (!current) return false\n        if (blockKeys(view, event)) return true\n        // typing a character: back to text editing at the end of the head block\n        if (event.key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey) {\n          const head = findBlockById(view.state.doc, current.head)\n          if (head) placeCursor(view, head)\n          return false\n        }\n        return false\n      },\n    },\n  })\n}\n"],"mappings":";;;;;;AA+BA,IAAa,oBAAoB,IAAI,UAAiC,4BAA4B;AAElG,SAAgB,kBAAkB,OAA2C;CAC3E,OAAO,kBAAkB,SAAS,KAAK,KAAK;AAC9C;;AAGA,SAAgB,oBAAoB,OAAyC;CAC3E,MAAM,UAAU,kBAAkB,KAAK;CACvC,IAAI,CAAC,SAAS,OAAO;CACrB,MAAM,SAAS,cAAc,MAAM,KAAK,QAAQ,MAAM;CACtD,MAAM,OAAO,cAAc,MAAM,KAAK,QAAQ,IAAI;CAClD,IAAI,CAAC,UAAU,CAAC,MAAM,OAAO;CAC7B,MAAM,CAAC,OAAO,QAAQ,OAAO,OAAO,KAAK,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,MAAM;CAC7E,MAAM,QAAQ,oBAAoB,MAAM,KAAK,MAAM,MAAM,GAAG,KAAK,MAAM,CAAC;CACxE,OAAO,SAAS,MAAM,UAAU,OAAO,QAAQ,QAAQ;AACzD;;AAGA,SAAS,cAAc,IAAiB,OAAqB;CAC3D,MAAM,SAAS,SAAS,KAAK;CAC7B,MAAM,QAAQ,OAAO;CACrB,MAAM,OAAO,OAAO,GAAG,EAAE;CACzB,MAAM,QAAQ,GAAG,IAAI,QAAQ,MAAM,aAAa,CAAC;CACjD,MAAM,MAAM,GAAG,IAAI,QAAQ,KAAK,MAAM,KAAK,KAAK,WAAW,CAAC;CAC5D,GAAG,aAAa,cAAc,QAAQ,OAAO,GAAG,CAAC;AACnD;;AAGA,SAAgB,aAAa,QAAgB,OAAO,QAAiB;CACnE,QAAQ,OAAO,aAAa;EAC1B,MAAM,KAAK,MAAM,GAAG,QAAQ,mBAAmB;GAAE;GAAQ;EAAK,CAAC;EAE/D,MAAM,QAAQ,oBADE,MAAM,MAAM,EACM,CAAO;EACzC,IAAI,CAAC,OAAO,OAAO;EACnB,IAAI,UAAU;GACZ,cAAc,IAAI,KAAK;GACvB,GAAG,QAAQ,mBAAmB;IAAE;IAAQ;GAAK,CAAC;GAC9C,SAAS,GAAG,eAAe,CAAC;EAC9B;EACA,OAAO;CACT;AACF;AAEA,IAAa,uBAAgC,OAAO,aAAa;CAC/D,IAAI,CAAC,kBAAkB,KAAK,GAAG,OAAO;CACtC,IAAI,UAAU,SAAS,MAAM,GAAG,QAAQ,mBAAmB,IAAI,CAAC;CAChE,OAAO;AACT;;AAGA,IAAa,uBAAgC,OAAO,aAAa;CAC/D,IAAI,kBAAkB,KAAK,GAAG,OAAO;CACrC,MAAM,QAAQ,cAAc,KAAK;CACjC,IAAI,CAAC,OAAO,OAAO;CACnB,MAAM,SAAS,SAAS,KAAK;CAC7B,OAAO,aAAa,OAAO,EAAE,CAAE,KAAK,MAAM,IAAI,OAAO,GAAG,EAAE,CAAC,CAAE,KAAK,MAAM,EAAE,CAAC,CAAC,OAAO,QAAQ;AAC7F;;AAGA,SAAS,YAAY,MAAkB,OAAkB,QAAQ,MAAM;CACrE,MAAM,KAAK,KAAK,MAAM,GAAG,QAAQ,mBAAmB,IAAI;CACxD,MAAM,MAAM,QAAQ,MAAM,aAAa,MAAM,QAAQ,WAAW,IAAI,MAAM,aAAa;CACvF,GAAG,aAAa,cAAc,KAAK,GAAG,IAAI,QAAQ,GAAG,GAAG,QAAQ,KAAK,CAAC,CAAC;CACvE,KAAK,SAAS,GAAG,eAAe,CAAC;AACnC;AAEA,SAAS,SAAS,MAAkB,WAAmB,QAAiB;CACtE,MAAM,QAAQ,KAAK;CACnB,MAAM,UAAU,kBAAkB,KAAK;CACvC,MAAM,QAAQ,oBAAoB,KAAK;CACvC,IAAI,CAAC,OAAO,OAAO;CACnB,MAAM,OAAO,cAAc,MAAM,KAAK,QAAQ,IAAI;CAElD,MAAM,QADQ,MAAM,IAAI,QAAQ,KAAK,GACvB,CAAA,CAAM,MAAM,IAAI;CAC9B,IAAI,QAAQ,KAAK,SAAS,MAAM,OAAO,YAAY,OAAO;CAC1D,MAAM,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC,CAAC,MAAM;CAC3C,OAAO,aAAa,SAAS,QAAQ,SAAS,IAAI,EAAE,CAAC,CAAC,OAAO,KAAK,QAAQ;AAC5E;;AAGA,SAAS,aAAa,SAAiD;CACrE,QAAQ,SAAS;EACf,MAAM,UAAU,kBAAkB,KAAK,KAAK;EAC5C,IAAI,CAAC,WAAW,CAAC,QAAQ,KAAK,OAAO,KAAK,QAAQ,GAAG,OAAO;EAC5D,aAAa,QAAQ,QAAQ,QAAQ,IAAI,CAAC,CAAC,KAAK,OAAO,KAAK,QAAQ;EACpE,OAAO;CACT;AACF;AAEA,IAAM,kBAAkB,SAAqB;CAC3C,MAAM,QAAQ,oBAAoB,KAAK,KAAK;CAC5C,IAAI,CAAC,OAAO,OAAO;CACnB,MAAM,KAAK,aAAa,KAAK,MAAM,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,QAAQ,mBAAmB,IAAI;CACvF,KAAK,SAAS,GAAG,eAAe,CAAC;CACjC,OAAO;AACT;AAEA,IAAM,YAAY,eAAe;CAC/B,UAAU,QAAQ,WAAW,SAAS,SAAS,MAAO,IAAI,KAAK;CAC/D,YAAY,QAAQ,WAAW,SAAS,SAAS,MAAO,GAAG,KAAK;CAChE,kBAAkB,QAAQ,WAAW,SAAS,SAAS,MAAO,IAAI,IAAI;CACtE,oBAAoB,QAAQ,WAAW,SAAS,SAAS,MAAO,GAAG,IAAI;CACvE,YAAY,QAAQ,WAAW,SAAS,eAAe,IAAK;CAC5D,SAAS,QAAQ,WAAW,SAAS,eAAe,IAAK;CACzD,UAAU,QAAQ,WAAW,SAAS,aAAa,eAAe,CAAC,CAAC,IAAK;CACzE,sBAAsB,QAAQ,WAAW,SAAS,aAAa,WAAW,EAAE,CAAC,CAAC,CAAC,IAAK;CACpF,wBAAwB,QAAQ,WAAW,SAAS,aAAa,WAAW,CAAC,CAAC,CAAC,CAAC,IAAK;CACrF,MAAM,QAAQ,WAAW,SAAS,aAAa,UAAU,CAAC,CAAC,IAAK;CAChE,cAAc,QAAQ,WAAW,SAAS,aAAa,UAAU,CAAC,CAAC,IAAK;CACxE,SAAS,OAAO,aAAa,oBAAoB,OAAO,QAAQ;CAChE,QAAQ,OAAO,WAAW,SAAS;EACjC,MAAM,UAAU,kBAAkB,KAAK;EACvC,MAAM,OAAO,cAAc,MAAM,KAAK,QAAQ,IAAI;EAClD,IAAI,MAAM,YAAY,MAAO,IAAI;EACjC,OAAO;CACT;AACF,CAAC;AAED,SAAgB,uBAAsD;CACpE,OAAO,IAAI,OAA8B;EACvC,KAAK;EACL,OAAO;GACL,YAAY;GACZ,MAAM,IAAI,OAAO;IACf,MAAM,OAAO,GAAG,QAAQ,iBAAiB;IACzC,IAAI,SAAS,KAAA,GAAW,OAAO;IAE/B,IAAI,SAAS,GAAG,gBAAgB,CAAC,GAAG,YAAY,OAAO;IACvD,OAAO;GACT;EACF;EACA,OAAO;GACL,YAAY,OAAO;IACjB,MAAM,QAAQ,oBAAoB,KAAK;IACvC,IAAI,CAAC,OAAO,OAAO;IACnB,OAAO,cAAc,OACnB,MAAM,KACN,SAAS,KAAK,CAAC,CAAC,KAAK,UACnB,WAAW,KAAK,MAAM,KAAK,MAAM,MAAM,MAAM,KAAK,UAAU,EAAE,OAAO,cAAc,CAAC,CACtF,CACF;GACF;GACA,WAAW,OAA+B;IACxC,OAAO,kBAAkB,KAAK,IAAI,EAAE,OAAO,qBAAqB,IAAI,CAAC;GACvE;GACA,cAAc,MAAM,OAAO;IACzB,MAAM,UAAU,kBAAkB,KAAK,KAAK;IAC5C,IAAI,CAAC,SAAS,OAAO;IACrB,IAAI,UAAU,MAAM,KAAK,GAAG,OAAO;IAEnC,IAAI,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,WAAW,CAAC,MAAM,QAAQ;KAC/E,MAAM,OAAO,cAAc,KAAK,MAAM,KAAK,QAAQ,IAAI;KACvD,IAAI,MAAM,YAAY,MAAM,IAAI;KAChC,OAAO;IACT;IACA,OAAO;GACT;EACF;CACF,CAAC;AACH"}

package/dist/core/blocks.js

@@ -0,0 +1,132 @@
+// src/core/blocks.ts
+function infoAt(node, pos, depth) {
+	return {
+		node,
+		pos,
+		depth,
+		content: node.firstChild,
+		contentPos: pos + 1,
+		group: node.childCount > 1 ? node.child(1) : null
+	};
+}
+/** The innermost block around a position, or `null` between blocks. */
+function blockAround($pos) {
+	for (let depth = $pos.depth; depth > 0; depth--) {
+		const node = $pos.node(depth);
+		if (node.type.name === "block") return infoAt(node, $pos.before(depth), depth);
+	}
+	const after = $pos.nodeAfter;
+	if (after?.type.name === "block") return infoAt(after, $pos.pos, $pos.depth + 1);
+	return null;
+}
+/** The block with an id, by scanning the document. */
+function findBlockById(doc, id) {
+	let found = null;
+	doc.descendants((node, pos) => {
+		if (found) return false;
+		if (node.type.name === "block" && node.attrs.id === id) {
+			found = infoAt(node, pos, doc.resolve(pos).depth + 1);
+			return false;
+		}
+		return node.type.name === "block" || node.type.name === "blockGroup";
+	});
+	return found;
+}
+function rangeOf(doc, a, b) {
+	const $a = doc.resolve(a.pos);
+	const $b = doc.resolve(b.pos);
+	return {
+		parent: $a.parent,
+		parentStart: $a.start(),
+		depth: a.depth,
+		from: $a.index(),
+		to: $b.index(),
+		start: a.pos,
+		end: b.pos + b.node.nodeSize
+	};
+}
+/** The outer block at `depth` that contains `info`. */
+function climb(doc, info, depth) {
+	if (info.depth === depth) return info;
+	const $pos = doc.resolve(info.pos + 1);
+	return infoAt($pos.node(depth), $pos.before(depth), depth);
+}
+/**
+* The sibling blocks a selection spans. When its ends sit at different
+* levels, the range climbs to the level they share.
+*/
+function siblingRangeBetween(doc, from, to) {
+	let a = blockAround(doc.resolve(from));
+	let b = blockAround(doc.resolve(to));
+	if (!a || !b) return null;
+	let depth = Math.min(a.depth, b.depth);
+	for (;;) {
+		a = climb(doc, a, depth);
+		b = climb(doc, b, depth);
+		if (doc.resolve(a.pos).start() === doc.resolve(b.pos).start()) break;
+		depth -= 2;
+	}
+	return rangeOf(doc, a, b);
+}
+function selectedRange(state) {
+	const { from, to } = state.selection;
+	return siblingRangeBetween(state.doc, from, to);
+}
+/** The blocks of a range, in order. */
+function blocksIn(range) {
+	const list = [];
+	let pos = range.parentStart;
+	range.parent.forEach((node, offset, index) => {
+		if (index >= range.from && index <= range.to) list.push(infoAt(node, pos + offset, range.depth));
+	});
+	return list;
+}
+/** Every block in document order, outer before inner. */
+function allBlocks(doc) {
+	const list = [];
+	const visit = (container, start, depth) => {
+		container.forEach((block, offset) => {
+			const pos = start + offset;
+			list.push(infoAt(block, pos, depth));
+			if (block.childCount > 1) visit(block.child(1), pos + 1 + block.firstChild.nodeSize + 1, depth + 2);
+		});
+	};
+	visit(doc, 0, 1);
+	return list;
+}
+/** The deepest last block inside a block (itself when it has no children). */
+function lastDescendant(info) {
+	let current = info;
+	while (current.group) {
+		const group = current.group;
+		const lastPos = current.pos + 1 + current.content.nodeSize + 1 + group.content.size - group.lastChild.nodeSize;
+		current = infoAt(group.lastChild, lastPos, current.depth + 2);
+	}
+	return current;
+}
+/** The block that comes before `info` when reading top to bottom. */
+function previousInDocument(doc, info) {
+	const $pos = doc.resolve(info.pos);
+	const index = $pos.index();
+	if (index > 0) {
+		const before = $pos.parent.child(index - 1);
+		return lastDescendant(infoAt(before, info.pos - before.nodeSize, info.depth));
+	}
+	if (info.depth > 1) return infoAt($pos.node(info.depth - 2), $pos.before(info.depth - 2), info.depth - 2);
+	return null;
+}
+/** The block that comes after `info` when reading top to bottom. */
+function nextInDocument(doc, info) {
+	if (info.group) return infoAt(info.group.firstChild, info.pos + 1 + info.content.nodeSize + 1, info.depth + 2);
+	let current = info;
+	for (;;) {
+		const $pos = doc.resolve(current.pos);
+		const end = current.pos + current.node.nodeSize;
+		if ($pos.index() < $pos.parent.childCount - 1) return infoAt($pos.parent.child($pos.index() + 1), end, current.depth);
+		if (current.depth <= 1) return null;
+		current = infoAt($pos.node(current.depth - 2), $pos.before(current.depth - 2), current.depth - 2);
+	}
+}
+export { allBlocks, blockAround, blocksIn, findBlockById, infoAt, lastDescendant, nextInDocument, previousInDocument, selectedRange, siblingRangeBetween };
+
+//# sourceMappingURL=blocks.js.map

package/dist/core/blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.js","names":[],"sources":["../../src/core/blocks.ts"],"sourcesContent":["import type { Node as PMNode, ResolvedPos } from 'prosemirror-model'\nimport type { EditorState } from 'prosemirror-state'\n\n/** A `block` node and where it sits. */\nexport interface BlockInfo {\n  node: PMNode\n  /** The position right before the block. */\n  pos: number\n  /** Its depth in the document; top-level blocks are at depth 1. */\n  depth: number\n  /** The block's content node (paragraph, heading, …). */\n  content: PMNode\n  /** The position right before the content node. */\n  contentPos: number\n  /** The children, if any. */\n  group: PMNode | null\n}\n\nexport function infoAt(node: PMNode, pos: number, depth: number): BlockInfo {\n  return {\n    node,\n    pos,\n    depth,\n    content: node.firstChild!,\n    contentPos: pos + 1,\n    group: node.childCount > 1 ? node.child(1) : null,\n  }\n}\n\n/** The innermost block around a position, or `null` between blocks. */\nexport function blockAround($pos: ResolvedPos): BlockInfo | null {\n  for (let depth = $pos.depth; depth > 0; depth--) {\n    const node = $pos.node(depth)\n    if (node.type.name === 'block') return infoAt(node, $pos.before(depth), depth)\n  }\n  // right before a block, e.g. a node selection of it\n  const after = $pos.nodeAfter\n  if (after?.type.name === 'block') return infoAt(after, $pos.pos, $pos.depth + 1)\n  return null\n}\n\n/** The block with an id, by scanning the document. */\nexport function findBlockById(doc: PMNode, id: string): BlockInfo | null {\n  let found: BlockInfo | null = null\n  doc.descendants((node, pos) => {\n    if (found) return false\n    if (node.type.name === 'block' && node.attrs.id === id) {\n      found = infoAt(node, pos, doc.resolve(pos).depth + 1)\n      return false\n    }\n    // blocks only live in the doc and in groups; skip inline content\n    return node.type.name === 'block' || node.type.name === 'blockGroup'\n  })\n  return found\n}\n\n/** A run of sibling blocks inside one container (the doc or a group). */\nexport interface SiblingRange {\n  /** The container: the doc or a `blockGroup`. */\n  parent: PMNode\n  /** The position where the container's content starts. */\n  parentStart: number\n  /** Depth of the blocks. */\n  depth: number\n  /** First and last index, inclusive. */\n  from: number\n  to: number\n  /** Positions before the first and after the last block. */\n  start: number\n  end: number\n}\n\nfunction rangeOf(doc: PMNode, a: BlockInfo, b: BlockInfo): SiblingRange {\n  const $a = doc.resolve(a.pos)\n  const $b = doc.resolve(b.pos)\n  const parent = $a.parent\n  return {\n    parent,\n    parentStart: $a.start(),\n    depth: a.depth,\n    from: $a.index(),\n    to: $b.index(),\n    start: a.pos,\n    end: b.pos + b.node.nodeSize,\n  }\n}\n\n/** The outer block at `depth` that contains `info`. */\nfunction climb(doc: PMNode, info: BlockInfo, depth: number): BlockInfo {\n  if (info.depth === depth) return info\n  const $pos = doc.resolve(info.pos + 1)\n  return infoAt($pos.node(depth), $pos.before(depth), depth)\n}\n\n/**\n * The sibling blocks a selection spans. When its ends sit at different\n * levels, the range climbs to the level they share.\n */\nexport function siblingRangeBetween(doc: PMNode, from: number, to: number): SiblingRange | null {\n  let a = blockAround(doc.resolve(from))\n  let b = blockAround(doc.resolve(to))\n  if (!a || !b) return null\n  // climb two levels at a time (block > group > block) until both share a parent\n  let depth = Math.min(a.depth, b.depth)\n  for (;;) {\n    a = climb(doc, a, depth)\n    b = climb(doc, b, depth)\n    if (doc.resolve(a.pos).start() === doc.resolve(b.pos).start()) break\n    depth -= 2\n  }\n  return rangeOf(doc, a, b)\n}\n\nexport function selectedRange(state: EditorState): SiblingRange | null {\n  const { from, to } = state.selection\n  return siblingRangeBetween(state.doc, from, to)\n}\n\n/** The blocks of a range, in order. */\nexport function blocksIn(range: SiblingRange): BlockInfo[] {\n  const list: BlockInfo[] = []\n  let pos = range.parentStart\n  range.parent.forEach((node, offset, index) => {\n    if (index >= range.from && index <= range.to) list.push(infoAt(node, pos + offset, range.depth))\n  })\n  return list\n}\n\n/** Every block in document order, outer before inner. */\nexport function allBlocks(doc: PMNode): BlockInfo[] {\n  const list: BlockInfo[] = []\n  // walked by hand: resolving every position would scan the document again each time\n  const visit = (container: PMNode, start: number, depth: number) => {\n    container.forEach((block, offset) => {\n      const pos = start + offset\n      list.push(infoAt(block, pos, depth))\n      if (block.childCount > 1)\n        visit(block.child(1), pos + 1 + block.firstChild!.nodeSize + 1, depth + 2)\n    })\n  }\n  visit(doc, 0, 1)\n  return list\n}\n\n/** The deepest last block inside a block (itself when it has no children). */\nexport function lastDescendant(info: BlockInfo): BlockInfo {\n  let current = info\n  while (current.group) {\n    const group = current.group\n    const lastPos =\n      current.pos +\n      1 +\n      current.content.nodeSize +\n      1 +\n      group.content.size -\n      group.lastChild!.nodeSize\n    current = infoAt(group.lastChild!, lastPos, current.depth + 2)\n  }\n  return current\n}\n\n/** The block that comes before `info` when reading top to bottom. */\nexport function previousInDocument(doc: PMNode, info: BlockInfo): BlockInfo | null {\n  const $pos = doc.resolve(info.pos)\n  const index = $pos.index()\n  if (index > 0) {\n    const before = $pos.parent.child(index - 1)\n    return lastDescendant(infoAt(before, info.pos - before.nodeSize, info.depth))\n  }\n  // the first child: the previous is its parent block\n  if (info.depth > 1)\n    return infoAt($pos.node(info.depth - 2), $pos.before(info.depth - 2), info.depth - 2)\n  return null\n}\n\n/** The block that comes after `info` when reading top to bottom. */\nexport function nextInDocument(doc: PMNode, info: BlockInfo): BlockInfo | null {\n  if (info.group)\n    return infoAt(info.group.firstChild!, info.pos + 1 + info.content.nodeSize + 1, info.depth + 2)\n  let current = info\n  for (;;) {\n    const $pos = doc.resolve(current.pos)\n    const end = current.pos + current.node.nodeSize\n    if ($pos.index() < $pos.parent.childCount - 1)\n      return infoAt($pos.parent.child($pos.index() + 1), end, current.depth)\n    if (current.depth <= 1) return null\n    current = infoAt(\n      $pos.node(current.depth - 2),\n      $pos.before(current.depth - 2),\n      current.depth - 2,\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/core/changes.js

@@ -0,0 +1,85 @@
+// src/core/changes.ts
+var indexes = /* @__PURE__ */ new WeakMap();
+function indexOf(doc) {
+	const cached = indexes.get(doc);
+	if (cached) return cached;
+	const blocks = /* @__PURE__ */ new Map();
+	const children = /* @__PURE__ */ new Map();
+	const visit = (container, parent) => {
+		const ids = [];
+		container.forEach((block) => {
+			const id = block.attrs.id;
+			ids.push(id);
+			blocks.set(id, {
+				content: block.firstChild,
+				parent
+			});
+			if (block.childCount > 1) visit(block.child(1), id);
+		});
+		children.set(parent ?? "", ids);
+	};
+	visit(doc, null);
+	const index = {
+		blocks,
+		children
+	};
+	indexes.set(doc, index);
+	return index;
+}
+/** The positions that are not part of a longest increasing run: the fewest that moved. */
+function outOfOrder(order) {
+	const tails = [];
+	const previous = Array.from({ length: order.length });
+	for (let i = 0; i < order.length; i++) {
+		let low = 0;
+		let high = tails.length;
+		while (low < high) {
+			const mid = low + high >> 1;
+			if (order[tails[mid]] < order[i]) low = mid + 1;
+			else high = mid;
+		}
+		previous[i] = low > 0 ? tails[low - 1] : -1;
+		tails[low] = i;
+	}
+	const kept = /* @__PURE__ */ new Set();
+	for (let i = tails.at(-1) ?? -1; i >= 0; i = previous[i]) kept.add(i);
+	const moved = /* @__PURE__ */ new Set();
+	for (let i = 0; i < order.length; i++) if (!kept.has(i)) moved.add(i);
+	return moved;
+}
+/** What changed between two documents, block by block. */
+function diffBlocks(before, after) {
+	const changes = {
+		added: [],
+		removed: [],
+		updated: [],
+		moved: []
+	};
+	if (before === after) return changes;
+	const old = indexOf(before);
+	const next = indexOf(after);
+	for (const [id, placed] of next.blocks) {
+		const was = old.blocks.get(id);
+		if (!was) {
+			changes.added.push(id);
+			continue;
+		}
+		if (was.content !== placed.content && !was.content.eq(placed.content)) changes.updated.push(id);
+		if (was.parent !== placed.parent) changes.moved.push(id);
+	}
+	for (const id of old.blocks.keys()) if (!next.blocks.has(id)) changes.removed.push(id);
+	for (const [parent, ids] of next.children) {
+		const oldIds = old.children.get(parent);
+		if (!oldIds) continue;
+		if (oldIds === ids) continue;
+		const rank = new Map(oldIds.map((id, i) => [id, i]));
+		const stayed = ids.filter((id) => rank.has(id));
+		const order = stayed.map((id) => rank.get(id));
+		if (order.every((value, i) => i === 0 || order[i - 1] < value)) continue;
+		for (const i of outOfOrder(order)) changes.moved.push(stayed[i]);
+	}
+	return changes;
+}
+export { diffBlocks };
+
+//# sourceMappingURL=changes.js.map

package/dist/core/changes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"changes.js","names":[],"sources":["../../src/core/changes.ts"],"sourcesContent":["import type { Node as PMNode } from 'prosemirror-model'\n\n/** Which blocks a change touched, by id. */\nexport interface BlockChanges {\n  /** New blocks, including those pasted or split off. */\n  added: string[]\n  /** Blocks that are gone. */\n  removed: string[]\n  /** Blocks whose type, props, text or rows changed (not their children). */\n  updated: string[]\n  /** Blocks that got another parent or another place among their siblings. */\n  moved: string[]\n}\n\ninterface Placed {\n  content: PMNode\n  parent: string | null\n}\n\ninterface DocIndex {\n  blocks: Map<string, Placed>\n  /** Child ids in order, by parent id (`''` for the top level). */\n  children: Map<string, string[]>\n}\n\nconst indexes = new WeakMap<PMNode, DocIndex>()\n\nfunction indexOf(doc: PMNode): DocIndex {\n  const cached = indexes.get(doc)\n  if (cached) return cached\n  const blocks = new Map<string, Placed>()\n  const children = new Map<string, string[]>()\n  const visit = (container: PMNode, parent: string | null) => {\n    const ids: string[] = []\n    container.forEach((block) => {\n      const id = block.attrs.id as string\n      ids.push(id)\n      blocks.set(id, { content: block.firstChild!, parent })\n      if (block.childCount > 1) visit(block.child(1), id)\n    })\n    children.set(parent ?? '', ids)\n  }\n  visit(doc, null)\n  const index = { blocks, children }\n  indexes.set(doc, index)\n  return index\n}\n\n/** The positions that are not part of a longest increasing run: the fewest that moved. */\nfunction outOfOrder(order: number[]): Set<number> {\n  // patience sorting, keeping back links to rebuild the run\n  const tails: number[] = []\n  const previous = Array.from<number>({ length: order.length })\n  for (let i = 0; i < order.length; i++) {\n    let low = 0\n    let high = tails.length\n    while (low < high) {\n      const mid = (low + high) >> 1\n      if (order[tails[mid]!]! < order[i]!) low = mid + 1\n      else high = mid\n    }\n    previous[i] = low > 0 ? tails[low - 1]! : -1\n    tails[low] = i\n  }\n  const kept = new Set<number>()\n  for (let i = tails.at(-1) ?? -1; i >= 0; i = previous[i]!) kept.add(i)\n  const moved = new Set<number>()\n  for (let i = 0; i < order.length; i++) if (!kept.has(i)) moved.add(i)\n  return moved\n}\n\n/** What changed between two documents, block by block. */\nexport function diffBlocks(before: PMNode, after: PMNode): BlockChanges {\n  const changes: BlockChanges = { added: [], removed: [], updated: [], moved: [] }\n  if (before === after) return changes\n  const old = indexOf(before)\n  const next = indexOf(after)\n  for (const [id, placed] of next.blocks) {\n    const was = old.blocks.get(id)\n    if (!was) {\n      changes.added.push(id)\n      continue\n    }\n    if (was.content !== placed.content && !was.content.eq(placed.content)) changes.updated.push(id)\n    if (was.parent !== placed.parent) changes.moved.push(id)\n  }\n  for (const id of old.blocks.keys()) if (!next.blocks.has(id)) changes.removed.push(id)\n  // among siblings that stayed with the same parent, the fewest that changed place\n  for (const [parent, ids] of next.children) {\n    const oldIds = old.children.get(parent)\n    if (!oldIds) continue\n    if (oldIds === ids) continue\n    const rank = new Map(oldIds.map((id, i) => [id, i]))\n    const stayed = ids.filter((id) => rank.has(id))\n    const order = stayed.map((id) => rank.get(id)!)\n    // usually nothing changed place: skip the search\n    if (order.every((value, i) => i === 0 || order[i - 1]! < value)) continue\n    for (const i of outOfOrder(order)) changes.moved.push(stayed[i]!)\n  }\n  return changes\n}\n"],"mappings":"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"}

package/dist/core/colors.js

@@ -0,0 +1,16 @@
+// src/core/colors.ts
+/** The palette names; the colors follow the theme and the light or dark scheme. */
+var textColors = [
+	"gray",
+	"red",
+	"orange",
+	"yellow",
+	"green",
+	"blue",
+	"purple",
+	"pink"
+];
+var isColor = (value) => textColors.includes(value);
+export { isColor, textColors };
+
+//# sourceMappingURL=colors.js.map

package/dist/core/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":[],"sources":["../../src/core/colors.ts"],"sourcesContent":["/** The palette names; the colors follow the theme and the light or dark scheme. */\nexport const textColors = [\n  'gray',\n  'red',\n  'orange',\n  'yellow',\n  'green',\n  'blue',\n  'purple',\n  'pink',\n] as const\n\nexport type TextColor = (typeof textColors)[number]\n\nexport const isColor = (value: unknown): value is TextColor =>\n  textColors.includes(value as TextColor)\n"],"mappings":";;AACA,IAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,IAAa,WAAW,UACtB,WAAW,SAAS,KAAkB"}