@prosekit/extensions 0.14.2 → 0.16.0-beta.0

package/dist/prosekit-extensions-page.d.ts

@@ -0,0 +1,114 @@
+import { Command } from "@prosekit/pm/state";
+import { Extension, PlainExtension, Union } from "@prosekit/core";
+import { Attrs } from "@prosekit/pm/model";
+
+//#region src/page/page-break-commands.d.ts
+/**
+ * @internal
+ */
+type PageBreakCommandsExtension = Extension<{
+  Commands: {
+    insertPageBreak: [];
+  };
+}>;
+/**
+ * @internal
+ */
+declare function insertPageBreak(): Command;
+/**
+ * @internal
+ */
+declare function definePageBreakCommands(): PageBreakCommandsExtension;
+//#endregion
+//#region src/page/page-break-keymap.d.ts
+/**
+ * @internal
+ */
+type PageBreakKeymapExtension = PlainExtension;
+/**
+ * @internal
+ */
+declare function definePageBreakKeymap(): PageBreakKeymapExtension;
+//#endregion
+//#region src/page/page-break-spec.d.ts
+/**
+ * @internal
+ */
+type PageBreakSpecExtension = Extension<{
+  Nodes: {
+    pageBreak: Attrs;
+  };
+}>;
+/**
+ * @internal
+ */
+declare function definePageBreakSpec(): PageBreakSpecExtension;
+declare module '@prosekit/pm/model' {
+  interface NodeSpec {
+    pageBreak?: boolean | undefined;
+  }
+} //# sourceMappingURL=page-break-spec.d.ts.map
+//#endregion
+//#region src/page/page-break.d.ts
+/**
+ * @internal
+ */
+type PageBreakExtension = Union<[PageBreakSpecExtension, PageBreakCommandsExtension, PageBreakKeymapExtension]>;
+/**
+ * @public
+ */
+declare function definePageBreak(): PageBreakExtension;
+//#endregion
+//#region src/page/page-rendering.d.ts
+/**
+ * @public
+ */
+interface PageRenderingOptions {
+  /**
+   * The width of the page in px.
+   *
+   * @default 794 (Portrait A4 paper size in 96 DPI)
+   */
+  pageWidth?: number;
+  /**
+   * The height of the page in px.
+   *
+   * @default 1123 (Portrait A4 paper size in 96 DPI)
+   */
+  pageHeight?: number;
+  /**
+   * The top margin of the page in px.
+   *
+   * @default 70
+   */
+  marginTop?: number;
+  /**
+   * The right margin of the page in px.
+   *
+   * @default 70
+   */
+  marginRight?: number;
+  /**
+   * The bottom margin of the page in px.
+   *
+   * @default 70
+   */
+  marginBottom?: number;
+  /**
+   * The left margin of the page in px.
+   *
+   * @default 70
+   */
+  marginLeft?: number;
+}
+/**
+ * @public
+ */
+declare function definePageRendering(options?: PageRenderingOptions): PageRenderingExtension;
+/**
+ * @internal
+ */
+type PageRenderingExtension = Extension;
+//#endregion
+export { type PageBreakCommandsExtension, type PageBreakExtension, type PageBreakKeymapExtension, type PageBreakSpecExtension, type PageRenderingExtension, type PageRenderingOptions, definePageBreak, definePageBreakCommands, definePageBreakKeymap, definePageBreakSpec, definePageRendering, insertPageBreak };
+//# sourceMappingURL=prosekit-extensions-page.d.ts.map

package/dist/prosekit-extensions-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit-extensions-page.d.ts","names":[],"sources":["../src/page/page-break-commands.ts","../src/page/page-break-keymap.ts","../src/page/page-break-spec.ts","../src/page/page-break.ts","../src/page/page-rendering.ts"],"mappings":";;;;;;;;KAOY,0BAAA,GAA6B,SAAA;EACvC,QAAA;IACE,eAAA;EAAA;AAAA;;;;iBAoBY,eAAA,CAAA,GAAmB,OAAA;AAAnC;;;AAAA,iBAOgB,uBAAA,CAAA,GAA2B,0BAAA;;;;;;KC7B/B,wBAAA,GAA2B,cAAA;ADAvC;;;AAAA,iBCKgB,qBAAA,CAAA,GAAyB,wBAAA;;;;;;KCN7B,sBAAA,GAAyB,SAAA;EACnC,KAAA;IACE,SAAA,EAAW,KAAA;EAAA;AAAA;;;;iBAOC,mBAAA,CAAA,GAAuB,sBAAA;AAAA;EAAA,UAc3B,QAAA;IACR,SAAA;EAAA;AAAA;;;;AFvBJ;;KGEY,kBAAA,GAAqB,KAAA,EAC9B,sBAAA,EAAwB,0BAAA,EAA4B,wBAAA;;;AHmBvD;iBGbgB,eAAA,CAAA,GAAmB,kBAAA;;;;;;UCLlB,oBAAA;EJJL;;;;;EIUV,SAAA;EJRE;;;AAoBJ;;EILE,UAAA;EJKiC;;AAOnC;;;EILE,SAAA;EJKmE;;;;AC7BrE;EG+BE,WAAA;;;;AH1BF;;EGiCE,YAAA;EHjCuC;;;;;EGwCvC,UAAA;AAAA;;;;iBAMc,mBAAA,CAAoB,OAAA,GAAS,oBAAA,GAA4B,sBAAA;;;;KAS7D,sBAAA,GAAyB,SAAA"}

package/dist/prosekit-extensions-page.js

@@ -0,0 +1,324 @@
+import { Plugin, PluginKey } from "@prosekit/pm/state";
+import { defineCommands, defineKeymap, defineNodeSpec, definePlugin, getNodeType, union } from "@prosekit/core";
+import { Decoration, DecorationSet } from "@prosekit/pm/view";
+import { Fragment, Slice } from "@prosekit/pm/model";
+import { getId, once } from "@ocavue/utils";
+import { HTMLElement, customElements } from "server-dom-shim";
+//#region src/page/page-break-commands.ts
+const insertPageBreakCommand = (state, dispatch) => {
+	if (!dispatch) return true;
+	const { schema, tr } = state;
+	const node = getNodeType(schema, "pageBreak").createChecked();
+	const pos = tr.selection.anchor;
+	const slice = new Slice(Fragment.from(node), 0, 0);
+	tr.replaceRange(pos, pos, slice).scrollIntoView();
+	dispatch(tr);
+	return true;
+};
+/**
+* @internal
+*/
+function insertPageBreak() {
+	return insertPageBreakCommand;
+}
+/**
+* @internal
+*/
+function definePageBreakCommands() {
+	return defineCommands({ insertPageBreak });
+}
+//#endregion
+//#region src/page/page-break-keymap.ts
+/**
+* @internal
+*/
+function definePageBreakKeymap() {
+	return defineKeymap({ "Mod-Enter": insertPageBreak() });
+}
+//#endregion
+//#region src/page/page-break-spec.ts
+/**
+* @internal
+*/
+function definePageBreakSpec() {
+	return defineNodeSpec({
+		name: "pageBreak",
+		group: "block",
+		selectable: true,
+		parseDOM: [{ tag: "div.prosekit-page-break" }],
+		toDOM() {
+			return [
+				"div",
+				{ class: "prosekit-horizontal-rule prosekit-page-break" },
+				["hr"]
+			];
+		},
+		pageBreak: true
+	});
+}
+//#endregion
+//#region src/page/page-break.ts
+/**
+* @public
+*/
+function definePageBreak() {
+	return union(definePageBreakSpec(), definePageBreakCommands(), definePageBreakKeymap());
+}
+//#endregion
+//#region src/page/page-element.ts
+/**
+* @internal
+*/
+const PAGE_CHUNK_TAG_NAME = "pm-page-chunk";
+/**
+* @internal
+*/
+const registerPageChunkElement = /* @__PURE__ */ once(() => {
+	if (typeof window === "undefined" || customElements.get("pm-page-chunk")) return;
+	customElements.define(PAGE_CHUNK_TAG_NAME, PageChunkElement);
+});
+var PageChunkElement = class extends HTMLElement {
+	static {
+		this.observedAttributes = [
+			"data-group",
+			"data-break",
+			"data-h",
+			"data-mt",
+			"data-mb",
+			"data-size"
+		];
+	}
+	#group = "";
+	#forceNextBreak = false;
+	#pageHeight = 0;
+	#pageMarginTop = 0;
+	#pageMarginBottom = 0;
+	#size = void 0;
+	#updateRequested = false;
+	#contentBoxHeight = 0;
+	#isHead = false;
+	#isTail = false;
+	#paddingTop = 0;
+	#paddingBottom = 0;
+	#isHeadPending = false;
+	#isTailPending = false;
+	#paddingTopPending = 0;
+	#paddingBottomPending = 0;
+	connectedCallback() {
+		this.#parseDataAttributes();
+		if (this.#isLeader()) this.#isHeadPending = true;
+		this.#render();
+		this.#contentBoxHeight = this.clientHeight - this.#paddingTop - this.#paddingBottom;
+		observeElement(this);
+		this.#requestUpdate();
+	}
+	disconnectedCallback() {
+		unobserveElement(this);
+	}
+	attributeChangedCallback(_, oldValue, newValue) {
+		if (oldValue === newValue) return;
+		this.#parseDataAttributes();
+		this.#requestUpdate();
+	}
+	#parseDataAttributes() {
+		this.#group = this.getAttribute("data-group") || "";
+		this.#forceNextBreak = this.hasAttribute("data-break");
+		this.#pageHeight = this.#parseFloatAttribute("data-h");
+		this.#pageMarginTop = this.#parseFloatAttribute("data-mt");
+		this.#pageMarginBottom = this.#parseFloatAttribute("data-mb");
+		const sizeAttr = this.getAttribute("data-size");
+		this.#size = sizeAttr ? Number.parseInt(sizeAttr, 10) : void 0;
+	}
+	#parseFloatAttribute(name) {
+		const value = this.getAttribute(name);
+		return value != null ? Number.parseFloat(value) : 0;
+	}
+	#isLeader() {
+		return this.#size != null;
+	}
+	#render() {
+		if (this.#paddingTop !== this.#paddingTopPending || this.#paddingBottom !== this.#paddingBottomPending) Object.assign(this.style, {
+			paddingTop: `${this.#paddingTop = this.#paddingTopPending}px`,
+			paddingBottom: `${this.#paddingBottom = this.#paddingBottomPending}px`
+		});
+		if (this.#isHead !== this.#isHeadPending) this.toggleAttribute("data-page-head", this.#isHead = this.#isHeadPending);
+		if (this.#isTail !== this.#isTailPending) this.toggleAttribute("data-page-tail", this.#isTail = this.#isTailPending);
+	}
+	setHeight(height) {
+		if (Math.abs(this.#contentBoxHeight - height) < .1) return;
+		this.#contentBoxHeight = height;
+		this.#requestUpdate();
+	}
+	/**
+	* Schedules a batched page layout recalculation.
+	*
+	* Any chunk can call this method, but the actual layout work (#updateAll)
+	* always runs on the leader chunk, because it needs to iterate over every
+	* chunk in order to compute page breaks.
+	*
+	* Two nested microtasks are used to batch updates:
+	*
+	*   Microtask 1 – Delegation: non-leader chunks forward the request to the
+	*   leader chunk, so multiple chunks changing in the same tick only trigger
+	*   one layout pass.
+	*
+	*   Microtask 2 – Execution: the leader chunk defers #updateAll to a second
+	*   microtask so that any other attribute / resize changes that were queued
+	*   in the same tick (and forwarded during microtask 1) are already reflected
+	*   before the layout is recalculated.
+	*
+	* The #updateRequested flag acts as a deduplication guard so that rapid
+	* successive calls (e.g. multiple attributes changing at once) result in at
+	* most one scheduled pass per chunk.
+	*/
+	#requestUpdate() {
+		if (this.#updateRequested) return;
+		this.#updateRequested = true;
+		queueMicrotask(() => {
+			if (!this.#isLeader()) {
+				this.#updateRequested = false;
+				const leader = findLeaderChunk(this, this.#group);
+				if (!leader) return;
+				leader.#requestUpdate();
+				return;
+			}
+			queueMicrotask(() => {
+				this.#updateRequested = false;
+				this.#updateAll();
+			});
+		});
+	}
+	#updateAll() {
+		if (!this.isConnected) return;
+		const elements = findAllChunks(this, this.#group);
+		const count = elements.length;
+		if (count === 0) return;
+		const pageHeight = this.#pageHeight;
+		const pageMarginTop = this.#pageMarginTop;
+		const maxContentHeight = pageHeight - pageMarginTop - this.#pageMarginBottom;
+		let currentContentHeight = 0;
+		let forceNextBreak = false;
+		for (let i = 0; i < count; i++) {
+			const element = elements[i];
+			const h = element.#contentBoxHeight;
+			const isHead = forceNextBreak || i === 0 || currentContentHeight + h > maxContentHeight;
+			forceNextBreak = element.#forceNextBreak;
+			if (isHead && i > 0) {
+				const prev = elements[i - 1];
+				prev.#paddingBottomPending = Math.max(0, pageHeight - pageMarginTop - currentContentHeight);
+				prev.#isTailPending = true;
+				currentContentHeight = h;
+			} else currentContentHeight += h;
+			element.#paddingTopPending = isHead ? pageMarginTop : 0;
+			element.#paddingBottomPending = 0;
+			element.#isTailPending = false;
+			element.#isHeadPending = isHead;
+		}
+		const last = elements[count - 1];
+		last.#paddingBottomPending = Math.max(0, pageHeight - pageMarginTop - currentContentHeight);
+		last.#isTailPending = true;
+		for (const element of elements) element.#render();
+	}
+};
+function handleResize(entries) {
+	for (const entry of entries) {
+		const contentBoxHeight = entry.contentBoxSize?.[0]?.blockSize ?? entry.contentRect.height;
+		entry.target.setHeight(contentBoxHeight);
+	}
+}
+const getResizeObserver = /* @__PURE__ */ once(() => {
+	return new ResizeObserver(handleResize);
+});
+function observeElement(element) {
+	getResizeObserver().observe(element);
+}
+function unobserveElement(element) {
+	getResizeObserver().unobserve(element);
+}
+function findLeaderChunk(element, group) {
+	return element.closest(".ProseMirror")?.querySelector(`${PAGE_CHUNK_TAG_NAME}[data-group="${group}"][data-size]`);
+}
+function findAllChunks(element, group) {
+	const elements = element.closest(".ProseMirror")?.querySelectorAll(`${PAGE_CHUNK_TAG_NAME}[data-group="${group}"]`);
+	return Array.from(elements || []);
+}
+//#endregion
+//#region src/page/page-rendering.ts
+/**
+* @public
+*/
+function definePageRendering(options = {}) {
+	return definePlugin(createPageRenderingPlugin(options));
+}
+function createPageRenderingPlugin(options) {
+	const { pageWidth = 794, pageHeight = 1123, marginTop = 70, marginRight = 70, marginBottom = 70, marginLeft = 70 } = options;
+	const key = new PluginKey("prosekit-page-render");
+	function createDecorationSet(doc, group) {
+		const decorations = [];
+		const totalCount = doc.childCount;
+		doc.forEach((node, pos, index) => {
+			const isPageBreak = node.type.spec.pageBreak;
+			decorations.push(Decoration.node(pos, pos + node.nodeSize, {
+				"nodeName": PAGE_CHUNK_TAG_NAME,
+				"data-group": group,
+				"data-break": isPageBreak ? "true" : void 0,
+				"data-h": String(pageHeight),
+				"data-mt": String(marginTop),
+				"data-mb": String(marginBottom),
+				"data-size": index === 0 ? String(totalCount) : void 0
+			}));
+		});
+		return DecorationSet.create(doc, decorations);
+	}
+	return new Plugin({
+		key,
+		view: () => {
+			registerPageChunkElement();
+			return {};
+		},
+		state: {
+			init: (_config, state) => {
+				const group = `page-group-${getId()}`;
+				return [group, createDecorationSet(state.doc, group)];
+			},
+			apply: (tr, value, oldState, newState) => {
+				if (!tr.docChanged) return value;
+				const [group, decoration] = value;
+				let needRecreate = oldState.doc.childCount !== newState.doc.childCount;
+				if (!needRecreate) {
+					const count = oldState.doc.childCount;
+					for (let i = 0; i < count; i++) {
+						const oldNode = oldState.doc.child(i);
+						const newNode = newState.doc.child(i);
+						if (oldNode.type !== newNode.type) {
+							needRecreate = true;
+							break;
+						}
+					}
+				}
+				if (!needRecreate) {
+					const mapped = decoration.map(tr.mapping, tr.doc, { onRemove: () => {
+						needRecreate = true;
+					} });
+					if (!needRecreate) return [group, mapped];
+				}
+				return [group, createDecorationSet(newState.doc, group)];
+			}
+		},
+		props: {
+			decorations: (state) => {
+				return key.getState(state)?.[1];
+			},
+			attributes: { style: [
+				`--page-margin-right:${marginRight}px;`,
+				`--page-margin-left:${marginLeft}px;`,
+				`--page-width:${pageWidth}px;`,
+				`--page-height:${pageHeight}px;`
+			].join("") }
+		}
+	});
+}
+//#endregion
+export { definePageBreak, definePageBreakCommands, definePageBreakKeymap, definePageBreakSpec, definePageRendering, insertPageBreak };
+
+//# sourceMappingURL=prosekit-extensions-page.js.map

package/dist/prosekit-extensions-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit-extensions-page.js","names":["#parseDataAttributes","#isLeader","#isHeadPending","#render","#contentBoxHeight","#paddingTop","#paddingBottom","#requestUpdate","#group","#forceNextBreak","#pageHeight","#parseFloatAttribute","#pageMarginTop","#pageMarginBottom","#size","#paddingTopPending","#paddingBottomPending","#isHead","#isTail","#isTailPending","#updateRequested","#updateAll"],"sources":["../src/page/page-break-commands.ts","../src/page/page-break-keymap.ts","../src/page/page-break-spec.ts","../src/page/page-break.ts","../src/page/page-element.ts","../src/page/page-rendering.ts"],"sourcesContent":["import { defineCommands, getNodeType, type Extension } from '@prosekit/core'\nimport { Fragment, Slice } from '@prosekit/pm/model'\nimport type { Command } from '@prosekit/pm/state'\n\n/**\n * @internal\n */\nexport type PageBreakCommandsExtension = Extension<{\n  Commands: {\n    insertPageBreak: []\n  }\n}>\n\nconst insertPageBreakCommand: Command = (state, dispatch): boolean => {\n  if (!dispatch) return true\n\n  const { schema, tr } = state\n  const type = getNodeType(schema, 'pageBreak')\n  const node = type.createChecked()\n  const pos = tr.selection.anchor\n  const slice = new Slice(Fragment.from(node), 0, 0)\n  tr.replaceRange(pos, pos, slice).scrollIntoView()\n  dispatch(tr)\n  return true\n}\n\n/**\n * @internal\n */\nexport function insertPageBreak(): Command {\n  return insertPageBreakCommand\n}\n\n/**\n * @internal\n */\nexport function definePageBreakCommands(): PageBreakCommandsExtension {\n  return defineCommands({\n    insertPageBreak: insertPageBreak,\n  })\n}\n","import { defineKeymap, type PlainExtension } from '@prosekit/core'\n\nimport { insertPageBreak } from './page-break-commands.ts'\n\n/**\n * @internal\n */\nexport type PageBreakKeymapExtension = PlainExtension\n\n/**\n * @internal\n */\nexport function definePageBreakKeymap(): PageBreakKeymapExtension {\n  return defineKeymap({\n    'Mod-Enter': insertPageBreak(),\n  })\n}\n","import { defineNodeSpec, type Extension } from '@prosekit/core'\nimport type { Attrs } from '@prosekit/pm/model'\n\n/**\n * @internal\n */\nexport type PageBreakSpecExtension = Extension<{\n  Nodes: {\n    pageBreak: Attrs\n  }\n}>\n\n/**\n * @internal\n */\nexport function definePageBreakSpec(): PageBreakSpecExtension {\n  return defineNodeSpec({\n    name: 'pageBreak',\n    group: 'block',\n    selectable: true,\n    parseDOM: [{ tag: 'div.prosekit-page-break' }],\n    toDOM() {\n      return ['div', { class: 'prosekit-horizontal-rule prosekit-page-break' }, ['hr']]\n    },\n    pageBreak: true,\n  })\n}\n\ndeclare module '@prosekit/pm/model' {\n  interface NodeSpec {\n    pageBreak?: boolean | undefined\n  }\n}\n","import { union, type Union } from '@prosekit/core'\n\nimport { definePageBreakCommands, type PageBreakCommandsExtension } from './page-break-commands.ts'\nimport { definePageBreakKeymap, type PageBreakKeymapExtension } from './page-break-keymap.ts'\nimport { definePageBreakSpec, type PageBreakSpecExtension } from './page-break-spec.ts'\n\n/**\n * @internal\n */\nexport type PageBreakExtension = Union<\n  [PageBreakSpecExtension, PageBreakCommandsExtension, PageBreakKeymapExtension]\n>\n\n/**\n * @public\n */\nexport function definePageBreak(): PageBreakExtension {\n  return union(\n    definePageBreakSpec(),\n    definePageBreakCommands(),\n    definePageBreakKeymap(),\n  )\n}\n","import { once } from '@ocavue/utils'\nimport { customElements, HTMLElement } from 'server-dom-shim'\n\n/**\n * @internal\n */\nexport const PAGE_CHUNK_TAG_NAME = 'pm-page-chunk'\n\n/**\n * @internal\n */\nexport const registerPageChunkElement: VoidFunction = /* @__PURE__ */ once(() => {\n  if (typeof window === 'undefined' || customElements.get(PAGE_CHUNK_TAG_NAME)) return\n  customElements.define(PAGE_CHUNK_TAG_NAME, PageChunkElement)\n})\n\nclass PageChunkElement extends HTMLElement {\n  static observedAttributes = [\n    'data-group',\n    'data-break',\n    'data-h',\n    'data-mt',\n    'data-mb',\n\n    // Only the first chunk of the whole document has this attribute.\n    'data-size',\n  ]\n\n  // Data attributes set by external code\n  #group: string = ''\n  #forceNextBreak: boolean = false\n  #pageHeight: number = 0\n  #pageMarginTop: number = 0\n  #pageMarginBottom: number = 0\n  #size: number | undefined = undefined\n\n  // Internal states\n  #updateRequested: boolean = false\n  #contentBoxHeight: number = 0\n\n  // Rendering states\n  #isHead: boolean = false\n  #isTail: boolean = false\n  #paddingTop: number = 0\n  #paddingBottom: number = 0\n\n  // Pending rendering states\n  #isHeadPending: boolean = false\n  #isTailPending: boolean = false\n  #paddingTopPending: number = 0\n  #paddingBottomPending: number = 0\n\n  connectedCallback() {\n    this.#parseDataAttributes()\n\n    if (this.#isLeader()) {\n      this.#isHeadPending = true\n    }\n\n    this.#render()\n\n    // Get the initial content box height when the resize observer is not started yet. Notice that\n    // `this.clientHeight` is an integer while the content box height can be a float, so this is not\n    // accurate but should be good enough for the first render.\n    this.#contentBoxHeight = this.clientHeight - this.#paddingTop - this.#paddingBottom\n\n    observeElement(this)\n\n    this.#requestUpdate()\n  }\n\n  disconnectedCallback() {\n    unobserveElement(this)\n  }\n\n  attributeChangedCallback(_: string, oldValue: string | null, newValue: string | null) {\n    if (oldValue === newValue) return\n    this.#parseDataAttributes()\n    this.#requestUpdate()\n  }\n\n  #parseDataAttributes() {\n    this.#group = this.getAttribute('data-group') || ''\n    this.#forceNextBreak = this.hasAttribute('data-break')\n    this.#pageHeight = this.#parseFloatAttribute('data-h')\n    this.#pageMarginTop = this.#parseFloatAttribute('data-mt')\n    this.#pageMarginBottom = this.#parseFloatAttribute('data-mb')\n\n    const sizeAttr = this.getAttribute('data-size')\n    this.#size = sizeAttr ? Number.parseInt(sizeAttr, 10) : undefined\n  }\n\n  #parseFloatAttribute(name: string): number {\n    const value = this.getAttribute(name)\n    return value != null ? Number.parseFloat(value) : 0\n  }\n\n  #isLeader() {\n    return this.#size != null\n  }\n\n  #render() {\n    if (this.#paddingTop !== this.#paddingTopPending || this.#paddingBottom !== this.#paddingBottomPending) {\n      Object.assign(this.style, {\n        paddingTop: `${this.#paddingTop = this.#paddingTopPending}px`,\n        paddingBottom: `${this.#paddingBottom = this.#paddingBottomPending}px`,\n      })\n    }\n    if (this.#isHead !== this.#isHeadPending) {\n      this.toggleAttribute('data-page-head', this.#isHead = this.#isHeadPending)\n    }\n    if (this.#isTail !== this.#isTailPending) {\n      this.toggleAttribute('data-page-tail', this.#isTail = this.#isTailPending)\n    }\n  }\n\n  setHeight(height: number) {\n    // Avoid potential float number precision issues\n    if (Math.abs(this.#contentBoxHeight - height) < 0.1) {\n      return\n    }\n    this.#contentBoxHeight = height\n    this.#requestUpdate()\n  }\n\n  /**\n   * Schedules a batched page layout recalculation.\n   *\n   * Any chunk can call this method, but the actual layout work (#updateAll)\n   * always runs on the leader chunk, because it needs to iterate over every\n   * chunk in order to compute page breaks.\n   *\n   * Two nested microtasks are used to batch updates:\n   *\n   *   Microtask 1 – Delegation: non-leader chunks forward the request to the\n   *   leader chunk, so multiple chunks changing in the same tick only trigger\n   *   one layout pass.\n   *\n   *   Microtask 2 – Execution: the leader chunk defers #updateAll to a second\n   *   microtask so that any other attribute / resize changes that were queued\n   *   in the same tick (and forwarded during microtask 1) are already reflected\n   *   before the layout is recalculated.\n   *\n   * The #updateRequested flag acts as a deduplication guard so that rapid\n   * successive calls (e.g. multiple attributes changing at once) result in at\n   * most one scheduled pass per chunk.\n   */\n  #requestUpdate() {\n    if (this.#updateRequested) {\n      return\n    }\n\n    this.#updateRequested = true\n    queueMicrotask(() => {\n      if (!this.#isLeader()) {\n        this.#updateRequested = false\n        const leader = findLeaderChunk(this, this.#group)\n        if (!leader) return\n        leader.#requestUpdate()\n        return\n      }\n      queueMicrotask(() => {\n        this.#updateRequested = false\n        this.#updateAll()\n      })\n    })\n  }\n\n  #updateAll() {\n    if (!this.isConnected) {\n      return\n    }\n\n    const elements = findAllChunks(this, this.#group)\n    const count = elements.length\n    if (count === 0) return\n\n    const pageHeight = this.#pageHeight\n    const pageMarginTop = this.#pageMarginTop\n    const maxContentHeight = pageHeight - pageMarginTop - this.#pageMarginBottom\n\n    let currentContentHeight = 0\n    let forceNextBreak = false\n\n    for (let i = 0; i < count; i++) {\n      const element = elements[i]\n      const h = element.#contentBoxHeight\n      const isHead = forceNextBreak || i === 0 || (currentContentHeight + h > maxContentHeight)\n\n      forceNextBreak = element.#forceNextBreak\n\n      if (isHead && i > 0) {\n        const prev = elements[i - 1]\n        prev.#paddingBottomPending = Math.max(0, pageHeight - pageMarginTop - currentContentHeight)\n        prev.#isTailPending = true\n        currentContentHeight = h\n      } else {\n        currentContentHeight += h\n      }\n\n      element.#paddingTopPending = isHead ? pageMarginTop : 0\n      element.#paddingBottomPending = 0\n      element.#isTailPending = false\n      element.#isHeadPending = isHead\n    }\n\n    const last = elements[count - 1]\n    last.#paddingBottomPending = Math.max(0, pageHeight - pageMarginTop - currentContentHeight)\n    last.#isTailPending = true\n\n    for (const element of elements) {\n      element.#render()\n    }\n  }\n}\n\nfunction handleResize(entries: ResizeObserverEntry[]) {\n  for (const entry of entries) {\n    const contentBoxHeight = entry.contentBoxSize?.[0]?.blockSize ?? entry.contentRect.height\n    const element = entry.target as PageChunkElement\n    element.setHeight(contentBoxHeight)\n  }\n}\n\nconst getResizeObserver = /* @__PURE__ */ once(() => {\n  return new ResizeObserver(handleResize)\n})\n\nfunction observeElement(element: PageChunkElement) {\n  getResizeObserver().observe(element)\n}\n\nfunction unobserveElement(element: PageChunkElement) {\n  getResizeObserver().unobserve(element)\n}\n\nfunction findLeaderChunk(element: HTMLElement, group: string): PageChunkElement | null | undefined {\n  const root = element.closest('.ProseMirror')\n  return root?.querySelector<PageChunkElement>(`${PAGE_CHUNK_TAG_NAME}[data-group=\"${group}\"][data-size]`)\n}\n\nfunction findAllChunks(element: HTMLElement, group: string): PageChunkElement[] {\n  const root = element.closest('.ProseMirror')\n  const elements = root?.querySelectorAll<PageChunkElement>(`${PAGE_CHUNK_TAG_NAME}[data-group=\"${group}\"]`)\n  return Array.from(elements || [])\n}\n","import { getId } from '@ocavue/utils'\nimport { definePlugin, type Extension } from '@prosekit/core'\nimport type { Node } from '@prosekit/pm/model'\nimport { Plugin, PluginKey } from '@prosekit/pm/state'\nimport { Decoration, DecorationSet } from '@prosekit/pm/view'\n\nimport { PAGE_CHUNK_TAG_NAME, registerPageChunkElement } from './page-element.ts'\n\n/**\n * @public\n */\nexport interface PageRenderingOptions {\n  /**\n   * The width of the page in px.\n   *\n   * @default 794 (Portrait A4 paper size in 96 DPI)\n   */\n  pageWidth?: number\n\n  /**\n   * The height of the page in px.\n   *\n   * @default 1123 (Portrait A4 paper size in 96 DPI)\n   */\n  pageHeight?: number\n\n  /**\n   * The top margin of the page in px.\n   *\n   * @default 70\n   */\n  marginTop?: number\n\n  /**\n   * The right margin of the page in px.\n   *\n   * @default 70\n   */\n  marginRight?: number\n\n  /**\n   * The bottom margin of the page in px.\n   *\n   * @default 70\n   */\n  marginBottom?: number\n\n  /**\n   * The left margin of the page in px.\n   *\n   * @default 70\n   */\n  marginLeft?: number\n}\n\n/**\n * @public\n */\nexport function definePageRendering(options: PageRenderingOptions = {}): PageRenderingExtension {\n  return definePlugin(\n    createPageRenderingPlugin(options),\n  )\n}\n\n/**\n * @internal\n */\nexport type PageRenderingExtension = Extension\n\nfunction createPageRenderingPlugin(options: PageRenderingOptions): Plugin {\n  const {\n    pageWidth = 794,\n    pageHeight = 1123,\n    marginTop = 70,\n    marginRight = 70,\n    marginBottom = 70,\n    marginLeft = 70,\n  } = options\n\n  type PluginState = [group: string, decoration: DecorationSet]\n\n  const key = new PluginKey<PluginState>('prosekit-page-render')\n\n  function createDecorationSet(doc: Node, group: string): DecorationSet {\n    const decorations: Decoration[] = []\n    const totalCount = doc.childCount\n\n    doc.forEach((node, pos, index) => {\n      const isPageBreak: boolean | undefined = node.type.spec.pageBreak\n\n      decorations.push(Decoration.node(pos, pos + node.nodeSize, {\n        'nodeName': PAGE_CHUNK_TAG_NAME,\n        'data-group': group,\n        'data-break': isPageBreak ? 'true' : undefined,\n        'data-h': String(pageHeight),\n        'data-mt': String(marginTop),\n        'data-mb': String(marginBottom),\n        'data-size': index === 0 ? String(totalCount) : undefined,\n      }))\n    })\n\n    return DecorationSet.create(doc, decorations)\n  }\n\n  return new Plugin<PluginState>({\n    key,\n    view: () => {\n      registerPageChunkElement()\n      return {}\n    },\n    state: {\n      init: (_config, state): PluginState => {\n        const group = `page-group-${getId()}`\n        const decoration = createDecorationSet(state.doc, group)\n        return [group, decoration]\n      },\n      apply: (tr, value, oldState, newState): PluginState => {\n        if (!tr.docChanged) return value\n\n        const [group, decoration] = value\n\n        let needRecreate = oldState.doc.childCount !== newState.doc.childCount\n\n        if (!needRecreate) {\n          const count = oldState.doc.childCount\n          for (let i = 0; i < count; i++) {\n            const oldNode = oldState.doc.child(i)\n            const newNode = newState.doc.child(i)\n            if (oldNode.type !== newNode.type) {\n              needRecreate = true\n              break\n            }\n          }\n        }\n\n        if (!needRecreate) {\n          const mapped = decoration.map(tr.mapping, tr.doc, {\n            onRemove: () => {\n              needRecreate = true\n            },\n          })\n          if (!needRecreate) {\n            return [group, mapped]\n          }\n        }\n\n        return [group, createDecorationSet(newState.doc, group)]\n      },\n    },\n    props: {\n      decorations: (state) => {\n        return key.getState(state)?.[1]\n      },\n      attributes: {\n        style: [\n          `--page-margin-right:${marginRight}px;`,\n          `--page-margin-left:${marginLeft}px;`,\n          `--page-width:${pageWidth}px;`,\n          `--page-height:${pageHeight}px;`,\n        ].join(''),\n      },\n    },\n  })\n}\n"],"mappings":"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"}

package/dist/prosekit-extensions-paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-paragraph.d.ts","names":[],"sources":["../src/paragraph/paragraph-commands.ts","../src/paragraph/paragraph-keymap.ts","../src/paragraph/paragraph-spec.ts","../src/paragraph/paragraph.ts"],"mappings":";;;;;;;;KAMY,0BAAA,GAA6B,SAAA;EACvC,QAAA;IACE,YAAA;EAAA;AAAA;AAcJ;;;AAAA,iBAAgB,uBAAA,CAAA,GAA2B,0BAAA;;;;;;iBCf3B,qBAAA,CAAA,GAAyB,cAAA;;;;;;KCD7B,sBAAA,GAAyB,SAAA;EACnC,KAAA;IACE,SAAA,EAAW,KAAA;EAAA;AAAA;;;;;AFcf;iBELgB,mBAAA,CAAA,GAAuB,sBAAA;;;;;AFXvC;KGGY,kBAAA,GAAqB,KAAA,EAAO,sBAAA,EAAwB,0BAAA;;;;;;;;AHahE;iBGHgB,eAAA,CAAA,GAAmB,kBAAA"}
+{"version":3,"file":"prosekit-extensions-paragraph.d.ts","names":[],"sources":["../src/paragraph/paragraph-commands.ts","../src/paragraph/paragraph-keymap.ts","../src/paragraph/paragraph-spec.ts","../src/paragraph/paragraph.ts"],"mappings":";;;;;;;;KAMY,0BAAA,GAA6B,SAAA;EACvC,QAAA;IACE,YAAA;EAAA;AAAA;AAcJ;;;AAAA,iBAAgB,uBAAA,CAAA,GAA2B,0BAAA;;;;;;iBCf3B,qBAAA,CAAA,GAAyB,cAAA;;;;;;KCD7B,sBAAA,GAAyB,SAAA;EACnC,KAAA;IACE,SAAA,EAAW,KAAA;EAAA;AAAA;;;;;AFcf;iBELgB,mBAAA,CAAA,GAAuB,sBAAA;;;;;AFXvC;KGIY,kBAAA,GAAqB,KAAA,EAAO,sBAAA,EAAwB,0BAAA;;;;;;;;AHYhE;iBGFgB,eAAA,CAAA,GAAmB,kBAAA"}

package/dist/prosekit-extensions-paragraph.js

@@ -1,5 +1,4 @@
-import { Priority, defineCommands, defineKeymap, defineNodeSpec, setBlockType, union, withPriority } from "@prosekit/core";
-
+import { defineCommands, defineKeymap, defineNodeSpec, setBlockType, union, withPriority } from "@prosekit/core";
 //#region src/paragraph/paragraph-commands.ts
 /**
 * @internal
@@ -13,7 +12,6 @@ function setParagraph() {
 function defineParagraphCommands() {
 	return defineCommands({ setParagraph });
 }
-
 //#endregion
 //#region src/paragraph/paragraph-keymap.ts
 /**
@@ -22,7 +20,6 @@ function defineParagraphCommands() {
 function defineParagraphKeymap() {
 	return defineKeymap({ "Mod-Alt-0": setParagraph() });
 }
-
 //#endregion
 //#region src/paragraph/paragraph-spec.ts
 /**
@@ -41,7 +38,6 @@ function defineParagraphSpec() {
 		}
 	});
 }
-
 //#endregion
 //#region src/paragraph/paragraph.ts
 /**
@@ -53,9 +49,9 @@ function defineParagraphSpec() {
 * default block node for most cases.
 */
 function defineParagraph() {
-	return union(withPriority(defineParagraphSpec(), Priority.highest), defineParagraphCommands(), defineParagraphKeymap());
+	return union(withPriority(defineParagraphSpec(), 4), defineParagraphCommands(), defineParagraphKeymap());
 }
-
 //#endregion
 export { defineParagraph, defineParagraphCommands, defineParagraphKeymap, defineParagraphSpec };
+
 //# sourceMappingURL=prosekit-extensions-paragraph.js.map

package/dist/prosekit-extensions-paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-paragraph.js","names":[],"sources":["../src/paragraph/paragraph-commands.ts","../src/paragraph/paragraph-keymap.ts","../src/paragraph/paragraph-spec.ts","../src/paragraph/paragraph.ts"],"sourcesContent":["import { defineCommands, setBlockType, type Extension } from '@prosekit/core'\nimport type { Command } from '@prosekit/pm/state'\n\n/**\n * @internal\n */\nexport type ParagraphCommandsExtension = Extension<{\n  Commands: {\n    setParagraph: []\n  }\n}>\n\n/**\n * @internal\n */\nexport function setParagraph(): Command {\n  return setBlockType({ type: 'paragraph' })\n}\n\n/**\n * @internal\n */\nexport function defineParagraphCommands(): ParagraphCommandsExtension {\n  return defineCommands({ setParagraph })\n}\n","import { defineKeymap, type PlainExtension } from '@prosekit/core'\n\nimport { setParagraph } from './paragraph-commands.ts'\n\n/**\n * @internal\n */\nexport function defineParagraphKeymap(): PlainExtension {\n  return defineKeymap({\n    'Mod-Alt-0': setParagraph(),\n  })\n}\n","import { defineNodeSpec, type Extension } from '@prosekit/core'\nimport type { Attrs } from '@prosekit/pm/model'\n\n/**\n * @internal\n */\nexport type ParagraphSpecExtension = Extension<{\n  Nodes: {\n    paragraph: Attrs\n  }\n}>\n\n/**\n * @internal\n *\n * Defines a paragraph node spec.\n */\nexport function defineParagraphSpec(): ParagraphSpecExtension {\n  return defineNodeSpec({\n    name: 'paragraph',\n    content: 'inline*',\n    group: 'block',\n    parseDOM: [{ tag: 'p' }],\n    toDOM() {\n      return ['p', 0]\n    },\n  })\n}\n","import { Priority, union, withPriority, type Union } from '@prosekit/core'\n\nimport { defineParagraphCommands, type ParagraphCommandsExtension } from './paragraph-commands.ts'\nimport { defineParagraphKeymap } from './paragraph-keymap.ts'\nimport { defineParagraphSpec, type ParagraphSpecExtension } from './paragraph-spec.ts'\n\n/**\n * @internal\n */\nexport type ParagraphExtension = Union<[ParagraphSpecExtension, ParagraphCommandsExtension]>\n\n/**\n * @public\n *\n * Defines a paragraph node.\n *\n * The paragraph node spec has the highest priority, because it should be the\n * default block node for most cases.\n */\nexport function defineParagraph(): ParagraphExtension {\n  return union(\n    withPriority(defineParagraphSpec(), Priority.highest),\n    defineParagraphCommands(),\n    defineParagraphKeymap(),\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAgB,eAAwB;AACtC,QAAO,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;AAM5C,SAAgB,0BAAsD;AACpE,QAAO,eAAe,EAAE,cAAc,CAAC;;;;;;;;AChBzC,SAAgB,wBAAwC;AACtD,QAAO,aAAa,EAClB,aAAa,cAAc,EAC5B,CAAC;;;;;;;;;;ACOJ,SAAgB,sBAA8C;AAC5D,QAAO,eAAe;EACpB,MAAM;EACN,SAAS;EACT,OAAO;EACP,UAAU,CAAC,EAAE,KAAK,KAAK,CAAC;EACxB,QAAQ;AACN,UAAO,CAAC,KAAK,EAAE;;EAElB,CAAC;;;;;;;;;;;;;ACPJ,SAAgB,kBAAsC;AACpD,QAAO,MACL,aAAa,qBAAqB,EAAE,SAAS,QAAQ,EACrD,yBAAyB,EACzB,uBAAuB,CACxB"}
+{"version":3,"file":"prosekit-extensions-paragraph.js","names":[],"sources":["../src/paragraph/paragraph-commands.ts","../src/paragraph/paragraph-keymap.ts","../src/paragraph/paragraph-spec.ts","../src/paragraph/paragraph.ts"],"sourcesContent":["import { defineCommands, setBlockType, type Extension } from '@prosekit/core'\nimport type { Command } from '@prosekit/pm/state'\n\n/**\n * @internal\n */\nexport type ParagraphCommandsExtension = Extension<{\n  Commands: {\n    setParagraph: []\n  }\n}>\n\n/**\n * @internal\n */\nexport function setParagraph(): Command {\n  return setBlockType({ type: 'paragraph' })\n}\n\n/**\n * @internal\n */\nexport function defineParagraphCommands(): ParagraphCommandsExtension {\n  return defineCommands({ setParagraph })\n}\n","import { defineKeymap, type PlainExtension } from '@prosekit/core'\n\nimport { setParagraph } from './paragraph-commands.ts'\n\n/**\n * @internal\n */\nexport function defineParagraphKeymap(): PlainExtension {\n  return defineKeymap({\n    'Mod-Alt-0': setParagraph(),\n  })\n}\n","import { defineNodeSpec, type Extension } from '@prosekit/core'\nimport type { Attrs } from '@prosekit/pm/model'\n\n/**\n * @internal\n */\nexport type ParagraphSpecExtension = Extension<{\n  Nodes: {\n    paragraph: Attrs\n  }\n}>\n\n/**\n * @internal\n *\n * Defines a paragraph node spec.\n */\nexport function defineParagraphSpec(): ParagraphSpecExtension {\n  return defineNodeSpec({\n    name: 'paragraph',\n    content: 'inline*',\n    group: 'block',\n    parseDOM: [{ tag: 'p' }],\n    toDOM() {\n      return ['p', 0]\n    },\n  })\n}\n","import type { Priority } from '@prosekit/core'\nimport { union, withPriority, type Union } from '@prosekit/core'\n\nimport { defineParagraphCommands, type ParagraphCommandsExtension } from './paragraph-commands.ts'\nimport { defineParagraphKeymap } from './paragraph-keymap.ts'\nimport { defineParagraphSpec, type ParagraphSpecExtension } from './paragraph-spec.ts'\n\n/**\n * @internal\n */\nexport type ParagraphExtension = Union<[ParagraphSpecExtension, ParagraphCommandsExtension]>\n\n/**\n * @public\n *\n * Defines a paragraph node.\n *\n * The paragraph node spec has the highest priority, because it should be the\n * default block node for most cases.\n */\nexport function defineParagraph(): ParagraphExtension {\n  return union(\n    withPriority(defineParagraphSpec(), 4 satisfies typeof Priority.highest),\n    defineParagraphCommands(),\n    defineParagraphKeymap(),\n  )\n}\n"],"mappings":";;;;;AAeA,SAAgB,eAAwB;AACtC,QAAO,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;AAM5C,SAAgB,0BAAsD;AACpE,QAAO,eAAe,EAAE,cAAc,CAAC;;;;;;;AChBzC,SAAgB,wBAAwC;AACtD,QAAO,aAAa,EAClB,aAAa,cAAc,EAC5B,CAAC;;;;;;;;;ACOJ,SAAgB,sBAA8C;AAC5D,QAAO,eAAe;EACpB,MAAM;EACN,SAAS;EACT,OAAO;EACP,UAAU,CAAC,EAAE,KAAK,KAAK,CAAC;EACxB,QAAQ;AACN,UAAO,CAAC,KAAK,EAAE;;EAElB,CAAC;;;;;;;;;;;;ACNJ,SAAgB,kBAAsC;AACpD,QAAO,MACL,aAAa,qBAAqB,EAAE,EAAoC,EACxE,yBAAyB,EACzB,uBAAuB,CACxB"}

package/dist/prosekit-extensions-paste-rule.js

@@ -1,3 +1,2 @@
-import { n as definePasteRule, t as defineMarkPasteRule } from "./mark-paste-rule--F1QPUcU.js";
-
-export { defineMarkPasteRule, definePasteRule };
+import { n as definePasteRule, t as defineMarkPasteRule } from "./paste-rule.js";
+export { defineMarkPasteRule, definePasteRule };

package/dist/prosekit-extensions-placeholder.js

@@ -1,8 +1,7 @@
-import { p as findTable } from "./table-B81i9oH9.js";
+import { p as findTable } from "./table.js";
 import { Plugin, PluginKey } from "@prosekit/pm/state";
 import { definePlugin, isInCodeBlock, isTextSelection, maybeRun } from "@prosekit/core";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";
-
 //#region src/placeholder/index.ts
 /**
 * Add a placeholder text to the editor when the current block or document is
@@ -44,7 +43,7 @@ function createPlaceholderDecoration(state, placeholderText) {
 		"data-placeholder": placeholderText
 	});
 }
-
 //#endregion
 export { definePlaceholder };
+
 //# sourceMappingURL=prosekit-extensions-placeholder.js.map

package/dist/prosekit-extensions-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-placeholder.js","names":[],"sources":["../src/placeholder/index.ts"],"sourcesContent":["import { definePlugin, isInCodeBlock, isTextSelection, maybeRun, type PlainExtension } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { Plugin, PluginKey, type EditorState } from '@prosekit/pm/state'\nimport { Decoration, DecorationSet } from '@prosekit/pm/view'\n\nimport { findTable } from '../table/index.ts'\n\nexport interface PlaceholderOptions {\n  /**\n   * The placeholder to use. It can be a static string or a function that\n   * receives the current editor state and returns a string.\n   */\n  placeholder: string | ((state: EditorState) => string)\n\n  /**\n   * By default, the placeholder text will be shown whenever the current text\n   * cursor is in an empty text node and it's not inside a code block or a\n   * table node.\n   *\n   * If you only want to show the placeholder when the whole doc is empty, you\n   * can set this option to 'doc'.\n   *\n   * You can also pass a function that receives the current editor state and\n   * returns a boolean value to determine whether the placeholder should be\n   * shown.\n   *\n   * @default 'block'\n   */\n  strategy?: 'doc' | 'block' | ((state: EditorState) => boolean)\n}\n\n/**\n * Add a placeholder text to the editor when the current block or document is\n * empty.\n */\nexport function definePlaceholder(options: PlaceholderOptions): PlainExtension {\n  return definePlugin(createPlaceholderPlugin(options))\n}\n\nfunction createPlaceholderPlugin({\n  placeholder,\n  strategy = 'block',\n}: PlaceholderOptions): Plugin {\n  return new Plugin({\n    key: new PluginKey('prosekit-placeholder'),\n    props: {\n      decorations: (state) => {\n        const strategyFn = typeof strategy === 'function'\n          ? strategy\n          : strategy === 'doc'\n          ? docStrategy\n          : defaultStrategy\n\n        if (!strategyFn(state)) {\n          return null\n        }\n\n        const placeholderText: string = maybeRun(placeholder, state)\n        const deco = createPlaceholderDecoration(state, placeholderText)\n        if (!deco) {\n          return null\n        }\n\n        return DecorationSet.create(state.doc, [deco])\n      },\n    },\n  })\n}\n\nfunction defaultStrategy(state: EditorState): boolean {\n  return !isInCodeBlock(state.selection) && !findTable(state.selection.$from)\n}\n\nfunction docStrategy(state: EditorState): boolean {\n  return isDocEmpty(state.doc) && defaultStrategy(state)\n}\n\nfunction isDocEmpty(doc: ProseMirrorNode) {\n  return doc.childCount <= 1 && !doc.firstChild?.content.size\n}\n\nfunction createPlaceholderDecoration(\n  state: EditorState,\n  placeholderText: string,\n): Decoration | null {\n  if (!placeholderText) return null\n\n  const { selection } = state\n  if (!selection.empty || !isTextSelection(selection)) return null\n\n  const $pos = selection.$anchor\n  const node = $pos.parent\n  if (node.content.size > 0) return null\n\n  const before = $pos.before()\n\n  return Decoration.node(before, before + node.nodeSize, {\n    'class': 'prosekit-placeholder',\n    'data-placeholder': placeholderText,\n  })\n}\n"],"mappings":";;;;;;;;;;AAmCA,SAAgB,kBAAkB,SAA6C;AAC7E,QAAO,aAAa,wBAAwB,QAAQ,CAAC;;AAGvD,SAAS,wBAAwB,EAC/B,aACA,WAAW,WACkB;AAC7B,QAAO,IAAI,OAAO;EAChB,KAAK,IAAI,UAAU,uBAAuB;EAC1C,OAAO,EACL,cAAc,UAAU;AAOtB,OAAI,EANe,OAAO,aAAa,aACnC,WACA,aAAa,QACb,cACA,iBAEY,MAAM,CACpB,QAAO;GAIT,MAAM,OAAO,4BAA4B,OADT,SAAS,aAAa,MAAM,CACI;AAChE,OAAI,CAAC,KACH,QAAO;AAGT,UAAO,cAAc,OAAO,MAAM,KAAK,CAAC,KAAK,CAAC;KAEjD;EACF,CAAC;;AAGJ,SAAS,gBAAgB,OAA6B;AACpD,QAAO,CAAC,cAAc,MAAM,UAAU,IAAI,CAAC,UAAU,MAAM,UAAU,MAAM;;AAG7E,SAAS,YAAY,OAA6B;AAChD,QAAO,WAAW,MAAM,IAAI,IAAI,gBAAgB,MAAM;;AAGxD,SAAS,WAAW,KAAsB;AACxC,QAAO,IAAI,cAAc,KAAK,CAAC,IAAI,YAAY,QAAQ;;AAGzD,SAAS,4BACP,OACA,iBACmB;AACnB,KAAI,CAAC,gBAAiB,QAAO;CAE7B,MAAM,EAAE,cAAc;AACtB,KAAI,CAAC,UAAU,SAAS,CAAC,gBAAgB,UAAU,CAAE,QAAO;CAE5D,MAAM,OAAO,UAAU;CACvB,MAAM,OAAO,KAAK;AAClB,KAAI,KAAK,QAAQ,OAAO,EAAG,QAAO;CAElC,MAAM,SAAS,KAAK,QAAQ;AAE5B,QAAO,WAAW,KAAK,QAAQ,SAAS,KAAK,UAAU;EACrD,SAAS;EACT,oBAAoB;EACrB,CAAC"}
+{"version":3,"file":"prosekit-extensions-placeholder.js","names":[],"sources":["../src/placeholder/index.ts"],"sourcesContent":["import { definePlugin, isInCodeBlock, isTextSelection, maybeRun, type PlainExtension } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { Plugin, PluginKey, type EditorState } from '@prosekit/pm/state'\nimport { Decoration, DecorationSet } from '@prosekit/pm/view'\n\nimport { findTable } from '../table/index.ts'\n\nexport interface PlaceholderOptions {\n  /**\n   * The placeholder to use. It can be a static string or a function that\n   * receives the current editor state and returns a string.\n   */\n  placeholder: string | ((state: EditorState) => string)\n\n  /**\n   * By default, the placeholder text will be shown whenever the current text\n   * cursor is in an empty text node and it's not inside a code block or a\n   * table node.\n   *\n   * If you only want to show the placeholder when the whole doc is empty, you\n   * can set this option to 'doc'.\n   *\n   * You can also pass a function that receives the current editor state and\n   * returns a boolean value to determine whether the placeholder should be\n   * shown.\n   *\n   * @default 'block'\n   */\n  strategy?: 'doc' | 'block' | ((state: EditorState) => boolean)\n}\n\n/**\n * Add a placeholder text to the editor when the current block or document is\n * empty.\n */\nexport function definePlaceholder(options: PlaceholderOptions): PlainExtension {\n  return definePlugin(createPlaceholderPlugin(options))\n}\n\nfunction createPlaceholderPlugin({\n  placeholder,\n  strategy = 'block',\n}: PlaceholderOptions): Plugin {\n  return new Plugin({\n    key: new PluginKey('prosekit-placeholder'),\n    props: {\n      decorations: (state) => {\n        const strategyFn = typeof strategy === 'function'\n          ? strategy\n          : strategy === 'doc'\n          ? docStrategy\n          : defaultStrategy\n\n        if (!strategyFn(state)) {\n          return null\n        }\n\n        const placeholderText: string = maybeRun(placeholder, state)\n        const deco = createPlaceholderDecoration(state, placeholderText)\n        if (!deco) {\n          return null\n        }\n\n        return DecorationSet.create(state.doc, [deco])\n      },\n    },\n  })\n}\n\nfunction defaultStrategy(state: EditorState): boolean {\n  return !isInCodeBlock(state.selection) && !findTable(state.selection.$from)\n}\n\nfunction docStrategy(state: EditorState): boolean {\n  return isDocEmpty(state.doc) && defaultStrategy(state)\n}\n\nfunction isDocEmpty(doc: ProseMirrorNode) {\n  return doc.childCount <= 1 && !doc.firstChild?.content.size\n}\n\nfunction createPlaceholderDecoration(\n  state: EditorState,\n  placeholderText: string,\n): Decoration | null {\n  if (!placeholderText) return null\n\n  const { selection } = state\n  if (!selection.empty || !isTextSelection(selection)) return null\n\n  const $pos = selection.$anchor\n  const node = $pos.parent\n  if (node.content.size > 0) return null\n\n  const before = $pos.before()\n\n  return Decoration.node(before, before + node.nodeSize, {\n    'class': 'prosekit-placeholder',\n    'data-placeholder': placeholderText,\n  })\n}\n"],"mappings":";;;;;;;;;AAmCA,SAAgB,kBAAkB,SAA6C;AAC7E,QAAO,aAAa,wBAAwB,QAAQ,CAAC;;AAGvD,SAAS,wBAAwB,EAC/B,aACA,WAAW,WACkB;AAC7B,QAAO,IAAI,OAAO;EAChB,KAAK,IAAI,UAAU,uBAAuB;EAC1C,OAAO,EACL,cAAc,UAAU;AAOtB,OAAI,EANe,OAAO,aAAa,aACnC,WACA,aAAa,QACb,cACA,iBAEY,MAAM,CACpB,QAAO;GAIT,MAAM,OAAO,4BAA4B,OADT,SAAS,aAAa,MAAM,CACI;AAChE,OAAI,CAAC,KACH,QAAO;AAGT,UAAO,cAAc,OAAO,MAAM,KAAK,CAAC,KAAK,CAAC;KAEjD;EACF,CAAC;;AAGJ,SAAS,gBAAgB,OAA6B;AACpD,QAAO,CAAC,cAAc,MAAM,UAAU,IAAI,CAAC,UAAU,MAAM,UAAU,MAAM;;AAG7E,SAAS,YAAY,OAA6B;AAChD,QAAO,WAAW,MAAM,IAAI,IAAI,gBAAgB,MAAM;;AAGxD,SAAS,WAAW,KAAsB;AACxC,QAAO,IAAI,cAAc,KAAK,CAAC,IAAI,YAAY,QAAQ;;AAGzD,SAAS,4BACP,OACA,iBACmB;AACnB,KAAI,CAAC,gBAAiB,QAAO;CAE7B,MAAM,EAAE,cAAc;AACtB,KAAI,CAAC,UAAU,SAAS,CAAC,gBAAgB,UAAU,CAAE,QAAO;CAE5D,MAAM,OAAO,UAAU;CACvB,MAAM,OAAO,KAAK;AAClB,KAAI,KAAK,QAAQ,OAAO,EAAG,QAAO;CAElC,MAAM,SAAS,KAAK,QAAQ;AAE5B,QAAO,WAAW,KAAK,QAAQ,SAAS,KAAK,UAAU;EACrD,SAAS;EACT,oBAAoB;EACrB,CAAC"}

package/dist/prosekit-extensions-readonly.js

@@ -1,6 +1,5 @@
 import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
 import { definePlugin } from "@prosekit/core";
-
 //#region src/readonly/index.ts
 /**
 * Make the editor read-only.
@@ -12,7 +11,7 @@ const plugin = new ProseMirrorPlugin({
 	key: new PluginKey("prosekey-readonly"),
 	props: { editable: () => false }
 });
-
 //#endregion
 export { defineReadonly };
+
 //# sourceMappingURL=prosekit-extensions-readonly.js.map

package/dist/prosekit-extensions-readonly.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-extensions-readonly.js","names":[],"sources":["../src/readonly/index.ts"],"sourcesContent":["import { definePlugin, type PlainExtension } from '@prosekit/core'\nimport { PluginKey, ProseMirrorPlugin } from '@prosekit/pm/state'\n\n/**\n * Make the editor read-only.\n */\nexport function defineReadonly(): PlainExtension {\n  return definePlugin(plugin)\n}\n\nconst plugin = new ProseMirrorPlugin({\n  key: new PluginKey('prosekey-readonly'),\n  props: {\n    editable: () => false,\n  },\n})\n"],"mappings":";;;;;;;AAMA,SAAgB,iBAAiC;AAC/C,QAAO,aAAa,OAAO;;AAG7B,MAAM,SAAS,IAAI,kBAAkB;CACnC,KAAK,IAAI,UAAU,oBAAoB;CACvC,OAAO,EACL,gBAAgB,OACjB;CACF,CAAC"}
+{"version":3,"file":"prosekit-extensions-readonly.js","names":[],"sources":["../src/readonly/index.ts"],"sourcesContent":["import { definePlugin, type PlainExtension } from '@prosekit/core'\nimport { PluginKey, ProseMirrorPlugin } from '@prosekit/pm/state'\n\n/**\n * Make the editor read-only.\n */\nexport function defineReadonly(): PlainExtension {\n  return definePlugin(plugin)\n}\n\nconst plugin = new ProseMirrorPlugin({\n  key: new PluginKey('prosekey-readonly'),\n  props: {\n    editable: () => false,\n  },\n})\n"],"mappings":";;;;;;AAMA,SAAgB,iBAAiC;AAC/C,QAAO,aAAa,OAAO;;AAG7B,MAAM,SAAS,IAAI,kBAAkB;CACnC,KAAK,IAAI,UAAU,oBAAoB;CACvC,OAAO,EACL,gBAAgB,OACjB;CACF,CAAC"}

package/dist/prosekit-extensions-search.js

@@ -1,6 +1,5 @@
 import { defineCommands, definePlugin } from "@prosekit/core";
 import { SearchQuery, findNext, findNextNoWrap, findPrev, findPrevNoWrap, replaceAll, replaceCurrent, replaceNext, replaceNextNoWrap, search } from "prosemirror-search";
-
 //#region src/search/index.ts
 /**
 * Defines an extension that stores a current search query and replace string.
@@ -49,7 +48,7 @@ function defineSearchCommands() {
 		replaceAll: () => withScrollActiveIntoView(replaceAll)
 	});
 }
-
 //#endregion
 export { defineSearchCommands, defineSearchQuery };
+
 //# sourceMappingURL=prosekit-extensions-search.js.map