@aicayzer/inkkit 0.1.6 → 0.2.0

package/README.md

@@ -1,48 +1,32 @@
-# InkKit
+# Inkkit
 
-A Markdown editor for the web and for apps that host a web view. It edits formatted text and keeps your Markdown as you wrote it: a document you open and leave is saved unchanged, and an edit rewrites only the blocks it touches.
+A Markdown editor for web pages and for apps that host a web view. People edit formatted text, and your app saves the Markdown as it was written: an unedited document is saved unchanged, and an edit rewrites only the blocks it touches.
 
-- Formatted and source editing, with one undo history
-- Tables, task lists, footnotes, callouts, highlights and reference links
-- Mermaid diagram previews, offline
-- Copy as readable text or HTML, or copy the Markdown itself
-- Images and files through your own storage adapter
-- Your app owns the toolbar, menus, files and appearance
-
-## How it works
+<details>
+<summary>How Inkkit preserves Markdown</summary>
 
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/aicayzer/inkkit/main/docs/images/how-inkkit-works-dark.svg">
-  <img src="https://raw.githubusercontent.com/aicayzer/inkkit/main/docs/images/how-inkkit-works.svg" width="800" alt="An ordinary Markdown editor rebuilds the whole file when it saves, so list markers, spacing and escaping change. InkKit loads the file and edits it formatted with Milkdown. A preservation layer between Milkdown and the file saves a note you open and leave byte for byte unchanged. After an edit, it keeps unchanged blocks as their original bytes, writes only edited blocks with Milkdown, and reads the result back. If it reopens as the same document, the edit is kept and saved. If not, the edit is refused and the note stays as it was. Your app owns the files, storage, toolbar and appearance.">
+  <source media="(prefers-color-scheme: dark)" srcset="docs/images/how-inkkit-works-dark.svg">
+  <img src="docs/images/how-inkkit-works.svg" alt="Inkkit keeps unchanged source and checks edited blocks before your app saves them.">
 </picture>
 
-A formatted Markdown editor usually rebuilds the whole file when it saves, so opening and saving a note can change list markers, spacing and escaping that you never touched. InkKit adds a preservation layer between [Milkdown](https://milkdown.dev) and the file. A note that you open and leave is saved byte for byte unchanged, and after an edit only the blocks you edited are rewritten. InkKit reads the result of each edit back and refuses the edit if it would not reopen as the same document.
-
-For the exact guarantees, see [Preservation](https://github.com/aicayzer/inkkit/blob/main/docs/preservation.md).
+</details>
 
-## Install
+## Get started
 
 ```sh
 npm install @aicayzer/inkkit
 ```
 
-An app that does not render diagrams can import from `@aicayzer/inkkit/core` instead. That entry leaves Mermaid out of the app's bundle and keeps diagrams as editable source. See [Builds without diagrams](https://github.com/aicayzer/inkkit/blob/main/docs/api.md#builds-without-diagrams).
-
-## Supported engines
-
-InkKit supports Safari and `WKWebView` 17.5 or later (iOS 17.5, macOS 14.5), Chrome and Edge 123 or later, and Firefox 125 or later. The host page must declare UTF-8. See [Supported engines](https://github.com/aicayzer/inkkit/blob/main/docs/integration.md#supported-engines) for the APIs behind these versions.
-
-## Use
-
 ```ts
 import { InkKitEditor } from '@aicayzer/inkkit'
 import '@aicayzer/inkkit/style.css'
 
 const editor = await InkKitEditor.mount(document.getElementById('editor')!, {
-  changed({ generation, revision, text }) {},
-  commandStateChanged({ caret }) {},
-  openLink(href) {},
-  copy(text) {},
+  changed() {},
+  error(error) {
+    console.error(error.code, error.message)
+  },
 })
 
 editor.loadDocument({
@@ -55,17 +39,9 @@ editor.loadDocument({
 const { text } = editor.snapshot(1)
 ```
 
-## Built with InkKit
-
-- [Memos](https://github.com/aicayzer/memos): a small Mac app for memos, in one floating window
-- [PadPad](https://github.com/aicayzer/padpad): a small Mac app for quick text and files
-
-## Learn more
+## Documentation
 
-- [Supported syntax](https://github.com/aicayzer/inkkit/blob/main/docs/supported-syntax.md)
-- [Integration guide](https://github.com/aicayzer/inkkit/blob/main/docs/integration.md)
-- [API reference](https://github.com/aicayzer/inkkit/blob/main/docs/api.md)
-- [All documentation](https://github.com/aicayzer/inkkit/blob/main/docs/README.md)
+[inkkit.cyzr.me](https://inkkit.cyzr.me) covers how Inkkit works, compatibility, integration guides and the API reference.
 
 ## License
 

package/dist/chunks/{core-nIObsA9D.js → core-C612uj1Q.js}

@@ -22734,7 +22734,7 @@ var SerializerState = class extends Stack {
 	#closeMark;
 };
 //#endregion
-//#region node_modules/.pnpm/prosemirror-view@1.42.6_patch_hash=a3414754d6cb6cd32517617a4affee5f7895ca0b3b976186951d43106adf18b3/node_modules/prosemirror-view/dist/index.js
+//#region node_modules/.pnpm/prosemirror-view@1.42.6_patch_hash=808819d35255b79fc131ebc4873ab2fbcd47cd8f5bc05cd11e8caab02ecee548/node_modules/prosemirror-view/dist/index.js
 var domIndex = function(node) {
 	for (var index = 0;; index++) {
 		node = node.previousSibling;
@@ -25232,6 +25232,17 @@ editHandlers.keydown = (view, _event) => {
 	view.input.lastKeyCodeTime = Date.now();
 	if (android && chrome && event.keyCode == 13) return;
 	if (event.keyCode != 229) view.domObserver.forceFlush();
+	if (event.keyCode != 229 && ![
+		16,
+		17,
+		18,
+		91,
+		92,
+		93
+	].includes(event.keyCode)) {
+		view.domObserver.flush();
+		view.input.lastFocus = 0;
+	}
 	if (ios && event.keyCode == 13 && !event.ctrlKey && !event.altKey && !event.metaKey) {
 		let now = Date.now();
 		view.input.lastIOSEnter = now;
@@ -31243,6 +31254,18 @@ function mermaidPreview(onError) {
 	}));
 }
 //#endregion
+//#region src/literal-text.ts
+/** Literal lines stay in their textblock, including headings and table cells. */
+function literalTextNodes(schema, text, marks, isHTML) {
+	const nodes = [];
+	const lines = text.replace(/\r\n?/g, "\n").split("\n");
+	lines.forEach((line, index) => {
+		if (index) nodes.push(schema.nodes.hardbreak.create({ isHTML }, null, index === lines.length - 1 && line === "" ? [] : marks));
+		if (line) nodes.push(schema.text(line, marks));
+	});
+	return nodes;
+}
+//#endregion
 //#region node_modules/.pnpm/rope-sequence@1.3.4/node_modules/rope-sequence/dist/index.js
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence() {};
@@ -31697,6 +31720,13 @@ A command function that redoes the last undone change, if any.
 */
 var redo = buildCommand(true, true);
 /**
+The amount of redoable events available in a given editor state.
+*/
+function redoDepth(state) {
+	let hist = historyKey.getState(state);
+	return hist ? hist.undone.eventCount : 0;
+}
+/**
 Returns true if the given transaction was generated by the history
 plugin.
 */
@@ -34978,7 +35008,7 @@ var associationAttrs = {
 	identifier: { default: "" }
 };
 /** Whether an element reads as `text`, with whitespace collapsed as shown. */
-function showsText$1(dom, text) {
+function showsText(dom, text) {
 	const shown = (value) => value.replace(/\s+/g, " ").trim();
 	return shown(dom.textContent ?? "") === shown(text);
 }
@@ -35003,7 +35033,7 @@ var references = [
 				const url = dom.getAttribute("data-inkkit-url") ?? "";
 				const label = dom.getAttribute("data-inkkit-label") ?? "";
 				const title = dom.getAttribute("data-inkkit-title");
-				if (!isSafeLinkTarget(url) || !showsText$1(dom, definitionText(label, url, title))) return false;
+				if (!isSafeLinkTarget(url) || !showsText(dom, definitionText(label, url, title))) return false;
 				return {
 					label,
 					identifier: dom.getAttribute("data-inkkit-reference-definition") ?? "",
@@ -35055,7 +35085,7 @@ var references = [
 			tag: "sup[data-inkkit-footnote-reference]",
 			getAttrs: (dom) => {
 				const label = dom.getAttribute("data-inkkit-label") ?? "";
-				return showsText$1(dom, label) ? {
+				return showsText(dom, label) ? {
 					label,
 					identifier: dom.getAttribute("data-inkkit-footnote-reference") ?? ""
 				} : false;
@@ -35499,7 +35529,7 @@ var wikiLinkSchema = $node("inkkit_wiki_link", () => ({
 		tag: "span[data-inkkit-wiki]",
 		getAttrs(dom) {
 			const parsed = parseLinkedSyntax(dom.getAttribute("data-inkkit-wiki-raw") ?? "", dom.getAttribute("data-inkkit-wiki-table") === "true");
-			return parsed && !parsed.embed && showsWikiTarget(parsed) && showsText$1(dom, parsed.label) ? {
+			return parsed && !parsed.embed && showsWikiTarget(parsed) && showsText(dom, parsed.label) ? {
 				raw: parsed.raw,
 				target: parsed.target,
 				fragment: parsed.fragment,
@@ -43706,6 +43736,7 @@ function commentNode(inline) {
 		marks: "",
 		code: true,
 		defining: true,
+		createGapCursor: !inline,
 		attrs: {
 			syntax: { default: "html" },
 			block: { default: !inline }
@@ -44118,7 +44149,7 @@ function nodeText(node, missingImages, fileDescriptions) {
 	}
 	return clipboardText(node.content, missingImages, fileDescriptions);
 }
-function clipboardContent(content, schema) {
+function clipboardDOM(content, schema) {
 	content = shareableFragment(content);
 	const container = document.createElement("div");
 	const serializer = DOMSerializer.fromSchema(schema);
@@ -44148,14 +44179,30 @@ function clipboardContent(content, schema) {
 		label.textContent = `[${definition.getAttribute("data-inkkit-label")}] `;
 		definition.prepend(label);
 	}
+	return container;
+}
+function clipboardContent(content, schema) {
 	return {
 		text: clipboardText(content),
-		html: container.innerHTML
+		html: clipboardDOM(content, schema).innerHTML
+	};
+}
+function clipboardSerializer(schema) {
+	const serializer = DOMSerializer.fromSchema(schema);
+	const safe = new DOMSerializer(serializer.nodes, serializer.marks);
+	safe.serializeFragment = (content, options = {}, target) => {
+		const output = target ?? (options.document ?? document).createDocumentFragment();
+		output.append(...clipboardDOM(content, schema).childNodes);
+		return output;
 	};
+	return safe;
 }
-var visibleClipboard = $prose(() => new Plugin({
+var visibleClipboard = $prose((ctx) => new Plugin({
 	key: new PluginKey("visibleClipboard"),
-	props: { clipboardTextSerializer: (slice) => clipboardText(slice.content) }
+	props: {
+		clipboardSerializer: clipboardSerializer(ctx.get(schemaCtx)),
+		clipboardTextSerializer: (slice) => clipboardText(slice.content)
+	}
 }));
 /** Export a frozen document fragment; presentation URLs never enter the clipboard. */
 async function portableClipboard(content, schema, markdown, adapter, context, completeDiagrams, files, signal = new AbortController().signal) {
@@ -44878,50 +44925,63 @@ function blockDropRange(view, x, y) {
 * callout, where typing would change text the reader can't see or didn't
 * choose.
 */
-function caretAfter(doc, pos) {
+function caretAfter(doc, pos, folds = /* @__PURE__ */ new Map()) {
+	const hides = (node) => isComment(node) || node.type.name === "inkkit_callout" && (folds.get(node) ?? node.attrs.fold === "-");
+	const concealedDepth = ($pos) => {
+		for (let depth = 1; depth <= $pos.depth; depth++) if (hides($pos.node(depth))) return depth;
+		return -1;
+	};
+	const concealed = ($pos) => concealedDepth($pos) >= 0;
 	const $pos = doc.resolve(pos);
 	const before = $pos.nodeBefore;
 	if (before?.isTextblock && !concealed(doc.resolve(pos - 1))) return TextSelection.create(doc, pos - 1);
-	if (GapCursor.valid($pos)) return new GapCursor($pos);
+	const gap = GapCursor;
+	const forward = before && !showsText(before) ? shownText(doc, pos, 1) : null;
+	if (forward) return forward;
+	if (gap.valid($pos)) return new GapCursor($pos);
 	const [first, second] = before && !showsText(before) ? [1, -1] : [-1, 1];
 	return shownText(doc, pos, first) ?? shownText(doc, pos, second) ?? Selection.near($pos);
-}
-function hides(node) {
-	return isComment(node) || node.type.name === "inkkit_callout" && node.attrs.fold === "-";
-}
-function concealedDepth($pos) {
-	for (let depth = 1; depth <= $pos.depth; depth++) if (hides($pos.node(depth))) return depth;
-	return -1;
-}
-function concealed($pos) {
-	return concealedDepth($pos) >= 0;
-}
-function showsText(node) {
-	if (hides(node)) return false;
-	if (node.isTextblock) return true;
-	let found = false;
-	node.descendants((child) => {
-		if (found || hides(child)) return false;
-		if (child.isTextblock) found = true;
-		return !found;
-	});
-	return found;
-}
-function shownText(doc, pos, dir) {
-	let $from = doc.resolve(pos);
-	for (;;) {
-		const found = TextSelection.findFrom($from, dir, true);
-		if (!found) return null;
-		const depth = concealedDepth(found.$head);
-		if (depth < 0) return found;
-		$from = doc.resolve(dir > 0 ? found.$head.after(depth) : found.$head.before(depth));
+	function showsText(node) {
+		if (hides(node)) return false;
+		if (node.isTextblock) return true;
+		let found = false;
+		node.descendants((child) => {
+			if (found || hides(child)) return false;
+			if (child.isTextblock) found = true;
+			return !found;
+		});
+		return found;
 	}
+	function shownText(doc, pos, dir) {
+		let $from = doc.resolve(pos);
+		for (;;) {
+			const found = TextSelection.findFrom($from, dir, true);
+			if (!found) return null;
+			const depth = concealedDepth(found.$head);
+			if (depth < 0) return found;
+			$from = doc.resolve(dir > 0 ? found.$head.after(depth) : found.$head.before(depth));
+		}
+	}
+}
+/** Capture reader folding before dispatch, then map it to the new document. */
+function calloutFolds(view, tr) {
+	const folds = /* @__PURE__ */ new Map();
+	view.state.doc.descendants((node, pos) => {
+		if (node.type.name !== "inkkit_callout") return;
+		const dom = view.nodeDOM(pos);
+		if (!(dom instanceof HTMLElement)) return;
+		const mapped = tr.mapping.mapResult(pos, 1);
+		if (mapped.deleted) return;
+		const next = tr.doc.nodeAt(mapped.pos);
+		if (next?.type === node.type) folds.set(next, dom.getAttribute("data-inkkit-folded") === "true");
+	});
+	return folds;
 }
 /**
 * Puts the caret just after what the transaction's last step inserted, so
 * typing continues after pasted or dropped content instead of replacing it.
 */
-function caretAfterInsertion(tr) {
+function caretAfterInsertion(tr, view) {
 	const map = tr.mapping.maps[tr.mapping.maps.length - 1];
 	let end;
 	map?.forEach((_from, _to, _newFrom, newTo) => {
@@ -44929,7 +44989,7 @@ function caretAfterInsertion(tr) {
 	});
 	if (end == null) return tr;
 	const $end = tr.doc.resolve(end);
-	return tr.setSelection($end.parent.inlineContent ? TextSelection.create(tr.doc, end) : caretAfter(tr.doc, end));
+	return tr.setSelection($end.parent.inlineContent ? TextSelection.create(tr.doc, end) : caretAfter(tr.doc, end, view && calloutFolds(view, tr)));
 }
 //#endregion
 //#region src/code-fences.ts
@@ -45099,13 +45159,16 @@ function lineBreakHTML(value) {
 		"<br/>"
 	].includes(value.trim());
 }
-function restoreInlineBreaks(node) {
-	if (node.type === "paragraph" && node.children.length > 1 || node.type === "heading" || node.type === "tableCell") node.children = node.children.map((child) => child.type === "html" && lineBreakHTML(child.value) ? {
-		type: "break",
-		data: { inkkitHTMLBreak: true },
-		position: child.position
-	} : child);
-	if ("children" in node) node.children.forEach(restoreInlineBreaks);
+function restoreInlineBreaks(node, inline = false) {
+	const restore = node.type === "paragraph" && node.children.length > 1 || node.type === "heading" || node.type === "tableCell" || inline;
+	if ("children" in node) {
+		node.children = node.children.map((child) => restore && child.type === "html" && lineBreakHTML(child.value) ? {
+			type: "break",
+			data: { inkkitHTMLBreak: true },
+			position: child.position
+		} : child);
+		node.children.forEach((child) => restoreInlineBreaks(child, restore));
+	}
 }
 function containsUnsupported(node, images, inline = false) {
 	if (!inline && node.type === "html" && lineBreakHTML(node.value)) return false;
@@ -46010,6 +46073,12 @@ function retainSource(before, after, source, canonical, lineEnding, inTable = fa
 		}, source, canonical, lineEnding, inTable);
 		const first = before.children[0];
 		if (spacer(first)) return retained;
+		const gap = source.slice(first.position.end.offset, before.children[1].position.start.offset);
+		if (!/\r?\n[ \t]*\r?\n/.test(gap)) {
+			const from = first.position.start.offset - start;
+			const to = before.children[1].position.start.offset - start;
+			return retained.startsWith(source.slice(start, start + to)) ? retained.slice(0, from) + retained.slice(to) : retained;
+		}
 		const from = first.position.start.offset - start;
 		const to = first.position.end.offset - start;
 		return retained.startsWith(source.slice(start, before.children[1].position.start.offset)) ? retained.slice(0, from) + "<br />" + retained.slice(to) : retained;
@@ -48145,6 +48214,7 @@ var calloutSchema = $node("inkkit_callout", (ctx) => ({
 	group: "block",
 	content: "block+",
 	defining: true,
+	createGapCursor: true,
 	attrs: {
 		kind: { default: "NOTE" },
 		marker: { default: "[!NOTE]" },
@@ -50190,7 +50260,23 @@ function padShortRows(node) {
 	if ("children" in node) node.children.forEach(padShortRows);
 }
 var remarkDialectPlugin = $remark("remarkDialect", () => remarkDialect);
-var commonmarkWithLiteralReferences = commonmark.filter((plugin) => !remarkInlineLinkPlugin.includes(plugin) && plugin !== hardbreakClearMarkPlugin && !hardbreakKeymap.some((part) => part === plugin) && plugin !== syncHeadingIdPlugin && plugin !== createCodeBlockInputRule);
+var preservingSoftBreaks = $remark("preservingSoftBreaks", () => () => (tree) => {
+	const walk = (parent) => {
+		parent.children = parent.children.flatMap((child) => {
+			if ("children" in child) walk(child);
+			if (child.type !== "text" || !/[\r\n]/.test(child.value)) return [child];
+			return child.value.split(/(\r?\n|\r)/).flatMap((value) => !value ? [] : /^(?:\r?\n|\r)$/.test(value) ? [{
+				type: "break",
+				data: { isInline: true }
+			}] : [{
+				type: "text",
+				value
+			}]);
+		});
+	};
+	walk(tree);
+});
+var commonmarkWithLiteralReferences = commonmark.filter((plugin) => !remarkInlineLinkPlugin.includes(plugin) && !remarkLineBreak.includes(plugin) && plugin !== hardbreakClearMarkPlugin && !hardbreakKeymap.some((part) => part === plugin) && plugin !== syncHeadingIdPlugin && plugin !== createCodeBlockInputRule);
 var breaksWithoutMarks = $prose((ctx) => new Plugin({
 	key: new PluginKey("inkkitBreaksWithoutMarks"),
 	appendTransaction(transactions, oldState, newState) {
@@ -50200,9 +50286,24 @@ var breaksWithoutMarks = $prose((ctx) => new Plugin({
 		const end = oldState.doc.content.findDiffEnd(newState.doc.content).b;
 		const type = hardbreakSchema.type(ctx);
 		const tr = newState.tr;
+		newState.doc.nodesBetween(start, Math.max(start, end), (node, pos) => {
+			if (!node.isTextblock || !node.firstChild) return;
+			let count = 0;
+			for (let index = 0; index < node.childCount; index++) {
+				const child = node.child(index);
+				if (child.type !== type || !child.attrs.isInline || child.attrs.isHTML) break;
+				let previous = pos + 1 + count;
+				for (let transaction = transactions.length - 1; transaction >= 0; transaction--) previous = transactions[transaction].mapping.invert().map(previous, 1);
+				const before = oldState.doc.nodeAt(previous);
+				if (before?.type !== type || !before.attrs.isInline || before.attrs.isHTML || oldState.doc.resolve(previous).parentOffset === 0) break;
+				count += child.nodeSize;
+			}
+			if (count) tr.delete(tr.mapping.map(pos + 1), tr.mapping.map(pos + 1 + count));
+			return false;
+		});
 		newState.doc.nodesBetween(start, Math.max(start, end), (node, pos) => {
 			if (node.type !== type) return;
-			for (const mark of node.marks) if (mark.type.spec.code) tr.removeMark(pos, pos + 1, mark.type);
+			for (const mark of node.marks) if (mark.type.spec.code) tr.removeMark(tr.mapping.map(pos), tr.mapping.map(pos + 1), mark.type);
 		});
 		return tr.steps.length ? tr : null;
 	}
@@ -50464,6 +50565,7 @@ function createDialect(images, wikiLinks = false, files = false) {
 		wikiLinks || files ? linkedSyntax(wikiLinks, files) : [],
 		createLiteralPreservation(images || files),
 		commonmarkWithLiteralReferences,
+		preservingSoftBreaks,
 		$node("doc", () => ({
 			...docSchema.schema,
 			attrs: {
@@ -51419,7 +51521,8 @@ var ImageView = class {
 				return;
 			}
 			const presentation = state.presentation;
-			if (presentation.kind === "missing" || presentation.kind === "error") this.card(label, presentation.kind === "missing" ? this.runtime.labels.fileMissing : this.runtime.labels.fileError, true);
+			if (presentation.kind === "missing") this.card(label, this.runtime.labels.fileMissing, true);
+			else if (presentation.kind === "error") this.card(label, presentation.message || this.runtime.labels.fileError, true);
 			else if (presentation.kind === "image") {
 				this.renderImage(presentation.url, label, width);
 				this.card(label);
@@ -53763,7 +53866,7 @@ function pasteSpreadsheet(ctx, input, at) {
 	}
 	let grid;
 	try {
-		grid = input.html?.match(/<table[\s>]/i) ? htmlGrid(view.state.schema, input.html) : input.text.includes("	") ? textGrid(view.state.schema, input.text) : void 0;
+		grid = input.html?.match(/<table[\s>]/i) ? htmlGrid(view.state.schema, input.html) : !input.html && input.text.includes("	") && (inTable || looksLikeGrid(input.text)) ? textGrid(view.state.schema, input.text) : void 0;
 	} catch (error) {
 		if (inTable || !input.html) throw error;
 		if (!standaloneTable(input.html)) return false;
@@ -53781,7 +53884,7 @@ function pasteSpreadsheet(ctx, input, at) {
 		if (cursor < input.html.length) children.push(schema.text(input.html.slice(cursor)));
 		const content = importableSlice(ctx, new Slice(Fragment.from(schema.nodes.literal_markdown.create(null, children)), 0, 0)).content;
 		const selection = view.state.selection;
-		dispatchTableOperation(view, at ? caretAfterInsertion(view.state.tr.replaceWith(at.from, at.to, content)) : selection.$from.parent.type.name === "paragraph" && selection.empty && selection.$from.parent.content.size === 0 ? view.state.tr.replaceWith(selection.$from.before(), selection.$from.after(), content) : content.childCount === 1 ? view.state.tr.replaceSelectionWith(content.firstChild) : view.state.tr.replaceSelection(new Slice(content, 0, 0)));
+		dispatchTableOperation(view, at ? caretAfterInsertion(view.state.tr.replaceWith(at.from, at.to, content), view) : selection.$from.parent.type.name === "paragraph" && selection.empty && selection.$from.parent.content.size === 0 ? view.state.tr.replaceWith(selection.$from.before(), selection.$from.after(), content) : content.childCount === 1 ? view.state.tr.replaceSelectionWith(content.firstChild) : view.state.tr.replaceSelection(new Slice(content, 0, 0)));
 		return true;
 	}
 	if (!grid) return false;
@@ -53796,7 +53899,7 @@ function pasteSpreadsheet(ctx, input, at) {
 			if (node === table) tableStart = pos + 1;
 		});
 		if (tableStart < 0) reject();
-		tr.setSelection(caretAfter(tr.doc, tableStart - 1 + table.nodeSize));
+		tr.setSelection(caretAfter(tr.doc, tableStart - 1 + table.nodeSize, calloutFolds(view, tr)));
 		dispatchTableOperation(view, tr);
 		return true;
 	}
@@ -53841,6 +53944,12 @@ function standaloneTable(html) {
 function reject() {
 	throw new InkKitError("preservation", "This spreadsheet cannot be represented safely in a Markdown table. Paste as plain text outside the table to retain its source.");
 }
+function looksLikeGrid(input) {
+	const rows = input.replace(/\r\n?/g, "\n").replace(/\n$/, "").split("\n");
+	if (rows.length < 2) return false;
+	const widths = rows.map((row) => row.split("	").length);
+	return widths[0] > 1 && widths.every((width) => width === widths[0]) && rows.some((row) => row.split("	")[0].trim().length > 0);
+}
 function textGrid(schema, input) {
 	const text = input.replace(/\r\n?/g, "\n").replace(/\n$/, "");
 	const rows = [[]];
@@ -54031,7 +54140,10 @@ var PasteController = class {
 		return mapped?.operation === operation ? mapped : operation;
 	}
 	cancelPending() {
+		const operation = this.active;
+		if (!operation) return;
 		this.active = void 0;
+		operation.controller.abort();
 		this.options.onPendingChanged?.();
 	}
 	destroy() {
@@ -54043,6 +54155,26 @@ var PasteController = class {
 		const current = this.options.context();
 		if (this.active !== operation || current.documentId !== context.documentId || current.generation !== context.generation) throw new InkKitError("stale-document", "The document changed while images were importing.");
 	}
+	async importImage(image, context, operation) {
+		this.assertContext(context, operation);
+		const signal = operation.controller.signal;
+		let abort;
+		const cancelled = new Promise((_, reject) => {
+			abort = () => reject(new InkKitError(this.dead ? "destroyed" : "stale-document", "The image import was cancelled."));
+			signal.addEventListener("abort", abort, { once: true });
+		});
+		try {
+			return await Promise.race([new Promise((resolve) => {
+				resolve(this.options.adapter.importImage(image, {
+					...context,
+					signal
+				}));
+			}), cancelled]);
+		} finally {
+			signal.removeEventListener("abort", abort);
+			this.assertContext(context, operation);
+		}
+	}
 	commit(apply) {
 		return this.options.commit ? this.options.commit(apply) : apply();
 	}
@@ -54057,12 +54189,13 @@ var PasteController = class {
 		const blocks = Fragment.fromArray(topLevel(view.state.schema, slice.content));
 		const tr = view.state.tr.replaceWith(range.from, range.to, blocks);
 		const end = tr.mapping.map(range.to);
-		this.dispatch(view, tr.setSelection(caretAfter(tr.doc, end)).scrollIntoView());
+		this.dispatch(view, tr.setSelection(caretAfter(tr.doc, end, calloutFolds(view, tr))).scrollIntoView());
 	}
 	/** Imports the input at the selection, or in place of `target`. */
 	async run(input, files = [], target) {
 		if (this.dead) throw new InkKitError("destroyed", "The editor was destroyed.");
 		if (this.pending) throw new InkKitError("operation-pending", "An image paste is still pending.");
+		input = this.options.restoreCopy?.(input) ?? input;
 		const context = { ...this.options.context() };
 		const ctx = this.options.ctx();
 		const view = ctx.get(editorViewCtx);
@@ -54073,9 +54206,12 @@ var PasteController = class {
 			from: exit,
 			to: exit
 		};
-		const operation = target ? { ...target } : {
-			from: view.state.selection.from,
-			to: view.state.selection.to
+		const operation = {
+			...target ?? {
+				from: view.state.selection.from,
+				to: view.state.selection.to
+			},
+			controller: new AbortController()
 		};
 		const inCode = () => view.state.doc.resolve(this.anchor(operation).from).parent.type.spec.code;
 		this.active = operation;
@@ -54103,8 +54239,12 @@ var PasteController = class {
 					this.dispatch(view, caretAfterInsertion(view.state.tr.insertText(input.text, anchor.from, anchor.to)).scrollIntoView());
 					return;
 				}
-				const paragraphs = input.text.replace(/\r\n?/g, "\n").split("\n").map((line) => schema.nodes.paragraph.create(null, line ? schema.text(line) : void 0));
-				slice = new Slice(Fragment.fromArray(paragraphs), 1, 1);
+				const anchor = this.anchor(operation);
+				const start = view.state.doc.resolve(anchor.from);
+				const end = view.state.doc.resolve(anchor.to);
+				const marks = view.state.storedMarks ?? (anchor.from === anchor.to ? start.marks() : start.marksAcross(end)) ?? [];
+				const nodes = literalTextNodes(schema, input.text, marks, htmlBreakAt(start));
+				slice = new Slice(Fragment.from(schema.nodes.paragraph.create(null, nodes)), 1, 1);
 			} else if (input.html) {
 				const container = visibleContent(ctx, input.html);
 				const imported = /* @__PURE__ */ new Map();
@@ -54120,14 +54260,14 @@ var PasteController = class {
 						if (!reference) {
 							const captured = images.find((image) => image.source === source) ?? dataImage(source) ?? positional[index++];
 							if (!captured || !this.options.adapter) throw new Error("The pasted image is unavailable.");
-							reference = (await this.options.adapter.importImage(captured, { ...context })).reference;
+							reference = (await this.importImage(captured, context, operation)).reference;
 							this.assertContext(context, operation);
 							imported.set(source, reference);
 						}
 						element.setAttribute("src", reference);
 						element.removeAttribute("srcset");
 					} catch (error) {
-						if (error instanceof InkKitError) throw error;
+						if (error instanceof InkKitError && error.code !== "image-unavailable") throw error;
 						element.replaceWith(document.createTextNode(`[${alt}: image unavailable]`));
 						this.options.onError?.(coded(error, "image-unavailable", error instanceof Error ? error.message : "The pasted image is unavailable."));
 					}
@@ -54172,7 +54312,7 @@ var PasteController = class {
 				if (input.text) nodes.push(schema.nodes.paragraph.create(null, schema.text(input.text)));
 				for (const image of images) try {
 					if (!this.options.adapter) throw new InkKitError("image-unavailable", "No image adapter is configured.");
-					const imported = await this.options.adapter.importImage(image, { ...context });
+					const imported = await this.importImage(image, context, operation);
 					this.assertContext(context, operation);
 					const imageNode = schema.nodes.image?.create({
 						src: imported.reference,
@@ -54219,8 +54359,8 @@ var PasteController = class {
 				});
 				return;
 			}
-			if (anchor.from === anchor.to && insertion.parent.type.name === "paragraph" && insertion.parent.content.size === 0 && slice.content.firstChild?.isBlock && slice.content.firstChild.type.spec.isolating) this.dispatch(view, caretAfterInsertion(view.state.tr.replaceRange(insertion.before(), insertion.after(), new Slice(slice.content, 0, 0))).scrollIntoView());
-			else this.dispatch(view, caretAfterInsertion(view.state.tr.replaceRange(anchor.from, anchor.to, source == null ? slice : withEdgeSpaces(slice, source, view.state.doc.resolve(anchor.from), view.state.doc.resolve(anchor.to)))).scrollIntoView());
+			if (anchor.from === anchor.to && insertion.parent.type.name === "paragraph" && insertion.parent.content.size === 0 && slice.content.firstChild?.isBlock && slice.content.firstChild.type.spec.isolating) this.dispatch(view, caretAfterInsertion(view.state.tr.replaceRange(insertion.before(), insertion.after(), new Slice(slice.content, 0, 0)), view).scrollIntoView());
+			else this.dispatch(view, caretAfterInsertion(view.state.tr.replaceRange(anchor.from, anchor.to, source == null ? slice : withEdgeSpaces(slice, source, view.state.doc.resolve(anchor.from), view.state.doc.resolve(anchor.to))), view).scrollIntoView());
 		} finally {
 			if (this.active === operation) {
 				this.active = void 0;
@@ -55095,14 +55235,7 @@ function replacementSlice(state, from, to, value) {
 	const nodes = [];
 	if (start.parent.type.spec.code) {
 		if (value) nodes.push(state.schema.text(value, marks));
-	} else {
-		const isHTML = htmlBreakAt(start);
-		const lines = value.split("\n");
-		lines.forEach((line, index) => {
-			if (index) nodes.push(state.schema.nodes.hardbreak.create({ isHTML }, null, index === lines.length - 1 && line === "" ? [] : marks));
-			if (line) nodes.push(state.schema.text(line, marks));
-		});
-	}
+	} else nodes.push(...literalTextNodes(state.schema, value, marks, htmlBreakAt(start)));
 	return new Slice(Fragment.fromArray(nodes), 0, 0);
 }
 function replaceFormatted(view, search, replacement, preflight, all = false) {
@@ -55229,17 +55362,35 @@ function navigateFormattedHeading(view, requested, context) {
 }
 //#endregion
 //#region src/tasks.ts
+function onTaskMarker(event) {
+	const target = event.target;
+	if (!(target instanceof HTMLElement) || !target.matches("li[data-item-type=\"task\"]")) return false;
+	const marker = getComputedStyle(target, "::before");
+	const rect = target.getBoundingClientRect();
+	const left = rect.left + parseFloat(marker.left);
+	const top = rect.top + parseFloat(marker.top);
+	return event.clientX >= left && event.clientX <= left + parseFloat(marker.width) && event.clientY >= top && event.clientY <= top + parseFloat(marker.height);
+}
 var taskListPlugin = $prose(() => new Plugin({
 	key: new PluginKey("taskToggle"),
-	props: { handleClickOn(view, _pos, node, nodePos, event) {
-		if (!view.editable) return false;
-		if (node.type.name !== "list_item" || node.attrs.checked == null) return false;
-		if (!event.target.matches("li[data-item-type=\"task\"]")) return false;
-		view.dispatch(view.state.tr.setNodeMarkup(nodePos, void 0, {
-			...node.attrs,
-			checked: !node.attrs.checked
-		}));
-		return true;
+	props: { handleDOMEvents: {
+		mousedown(view, event) {
+			if (!view.editable || event.button !== 0 || !onTaskMarker(event)) return false;
+			event.preventDefault();
+			return true;
+		},
+		click(view, event) {
+			if (!view.editable || event.button !== 0 || !onTaskMarker(event)) return false;
+			const nodePos = view.posAtDOM(event.target, 0) - 1;
+			const node = view.state.doc.nodeAt(nodePos);
+			if (node?.type.name !== "list_item" || node.attrs.checked == null) return false;
+			event.preventDefault();
+			view.dispatch(view.state.tr.setNodeMarkup(nodePos, void 0, {
+				...node.attrs,
+				checked: !node.attrs.checked
+			}));
+			return true;
+		}
 	} }
 }));
 function listItemsInSelection(view) {
@@ -55929,6 +56080,15 @@ function caretState(state) {
 		quoted: quoted($from, $to)
 	};
 }
+function terminalSelection(doc) {
+	const $end = doc.resolve(doc.content.size);
+	const gap = GapCursor;
+	if (isImageBlock(doc.lastChild) && gap.valid($end)) return new GapCursor($end);
+	const text = Selection.findFrom($end, -1, true);
+	if (text) return text;
+	if (gap.valid($end)) return new GapCursor($end);
+	throw new InkKitError("preservation", "Document has no safe writing position");
+}
 function quoted($from, $to) {
 	return $from.blockRange($to, (node) => node.type.name === "blockquote") != null;
 }
@@ -56124,7 +56284,7 @@ var sourceGroupDelay = 500;
 var sourceStepLimit = 100;
 /**
 * The editor. Create it with `InkKitEditor.mount`, load a document, and read it back with
-* `snapshot`. The reference is https://github.com/aicayzer/inkkit/blob/main/docs/api.md.
+* `snapshot`. The reference is https://inkkit.cyzr.me/reference/editor.
 */
 var InkKitEditor = class InkKitEditor {
 	options;
@@ -56141,6 +56301,8 @@ var InkKitEditor = class InkKitEditor {
 	typedSteps = [];
 	undoneSteps = [];
 	formattedUndone = 0;
+	formattedRedoLimit;
+	historyDirection;
 	lastSourceInput = 0;
 	syncingSource = false;
 	mode = "formatted";
@@ -56158,6 +56320,52 @@ var InkKitEditor = class InkKitEditor {
 	auxClickHandler;
 	untrackLinkModifier;
 	footnoteKeyHandler;
+	localCopies = /* @__PURE__ */ new Map();
+	rememberCopy(output, markdown, content, privateSource = false, actualCopy = false) {
+		let comments = privateSource;
+		content.descendants((node) => {
+			const labelled = (label) => typeof label === "string" && literalCommentSpans(label).length > 0;
+			if (isComment(node) || /^(?:reference|footnote)_/.test(node.type.name) && labelled(node.attrs.label) || node.marks.some((mark) => mark.type.name === "link" && (labelled(mark.attrs.label) || commentProvenance(mark.attrs.referenceContent)))) comments = true;
+		});
+		if (!comments) {
+			if (actualCopy) this.localCopies.clear();
+			return output;
+		}
+		const key = JSON.stringify([
+			output.text,
+			output.html,
+			markdown
+		]);
+		const previous = this.localCopies.get(key);
+		if (previous) {
+			output.html = previous.html;
+			if (actualCopy) this.localCopies.clear();
+			this.localCopies.set(key, previous);
+			return output;
+		}
+		const wrapper = document.createElement("div");
+		const token = Array.from(crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(16)), (byte) => byte.toString(16).padStart(2, "0")).join("");
+		wrapper.setAttribute("data-inkkit-local-copy", token);
+		wrapper.innerHTML = output.html;
+		output.html = wrapper.outerHTML;
+		if (actualCopy) this.localCopies.clear();
+		this.localCopies.set(key, {
+			text: output.text,
+			html: output.html,
+			markdown
+		});
+		return output;
+	}
+	retainCopy(html) {
+		for (const [key, copy] of this.localCopies) if (copy.html !== html) this.localCopies.delete(key);
+	}
+	restoreCopy(input) {
+		const copy = [...this.localCopies.values()].find((copy) => copy.text === input.text && copy.html === input.html);
+		return copy && input.markdown == null && !input.plainText && copy.text === input.text && copy.html === input.html ? {
+			...input,
+			markdown: copy.markdown
+		} : input;
+	}
 	copyHandler;
 	originalSource = "";
 	reportingSuppressed = false;
@@ -56373,7 +56581,9 @@ var InkKitEditor = class InkKitEditor {
 			revision: this.session.mark(),
 			lastMarkdown: this.lastMarkdown,
 			literalMatch: this.literalMatch,
-			textScope: this.textScope
+			textScope: this.textScope,
+			formattedRedoLimit: this.formattedRedoLimit,
+			formattedUndone: this.formattedUndone
 		};
 	}
 	finish(call, before, failure) {
@@ -56395,6 +56605,8 @@ var InkKitEditor = class InkKitEditor {
 		this.lastMarkdown = before.lastMarkdown;
 		this.literalMatch = before.literalMatch;
 		this.textScope = before.textScope;
+		this.formattedRedoLimit = before.formattedRedoLimit;
+		this.formattedUndone = before.formattedUndone;
 	}
 	/** Reports a refused edit to the facade call that made it, or else to `events.error`. */
 	refuse(error) {
@@ -56535,7 +56747,7 @@ var InkKitEditor = class InkKitEditor {
 			table: this.literalSurface ? void 0 : tableContext(state),
 			commands: {
 				undo: mutable && (!!this.pendingSource || undo(state)),
-				redo: mutable && (this.undoneSteps.length > 0 || !this.pendingSource && redo(state)),
+				redo: mutable && (this.undoneSteps.length > 0 || !this.pendingSource && this.formattedRedoLimit !== 0 && redo(state)),
 				insertText: mutable,
 				paste: mutable,
 				replace: mutable,
@@ -56705,7 +56917,9 @@ var InkKitEditor = class InkKitEditor {
 		this.assertAlive();
 		expectString(text, "text");
 		this.assertMutation(expectedGeneration);
-		return this.applySource(text, true);
+		const changed = this.applySource(text, true);
+		if (changed) this.localCopies.clear();
+		return changed;
 	}
 	applySource(text, isolated, from, to, native = false) {
 		if (!this.writable) throw new InkKitError("read-only", "The editor is read-only");
@@ -56724,6 +56938,7 @@ var InkKitEditor = class InkKitEditor {
 		const previous = this.pendingSource;
 		const continuing = previous && !previous.closed && !closed && now - this.lastSourceInput <= sourceGroupDelay;
 		if (previous && !continuing) this.rememberTypedStep(previous);
+		this.formattedRedoLimit = 0;
 		this.lastSourceInput = now;
 		this.undoneSteps = [];
 		this.formattedUndone = 0;
@@ -56851,7 +57066,7 @@ var InkKitEditor = class InkKitEditor {
 			}
 		}
 		let tr = view.state.tr.replaceWith(0, view.state.doc.content.size, parsed.content).setDocAttribute(sourceAttribute, provenance).setMeta(sourceReplacement, true);
-		tr.setSelection(Selection.atEnd(tr.doc));
+		tr.setSelection(terminalSelection(tr.doc));
 		if (isolated) tr = closeHistory(tr);
 		view.dispatch(tr);
 		if (isolated) view.dispatch(closeHistory(view.state.tr).setMeta("addToHistory", false));
@@ -56862,7 +57077,7 @@ var InkKitEditor = class InkKitEditor {
 		this.assertMutation(expectedGeneration);
 		if (this.literalSurface && this.stepTypedSource("undo")) return true;
 		const view = this.editor.ctx.get(editorViewCtx);
-		const undone = !this.literalSurface && undoSmartPunctuation(view.state, view.dispatch) || undo(view.state, view.dispatch);
+		const undone = !this.literalSurface && undoSmartPunctuation(view.state, view.dispatch) || this.stepFormattedHistory("undo");
 		if (undone) {
 			if (this.literalSurface && this.undoneSteps.length) this.formattedUndone++;
 			else this.undoneSteps = [];
@@ -56875,14 +57090,30 @@ var InkKitEditor = class InkKitEditor {
 		const view = this.editor.ctx.get(editorViewCtx);
 		if (this.literalSurface) {
 			if (this.formattedUndone > 0) {
-				this.formattedUndone--;
-				if (redo(view.state, view.dispatch)) return true;
+				if (this.formattedRedoLimit !== 0 && redo(view.state)) {
+					const redone = this.stepFormattedHistory("redo");
+					if (redone) this.formattedUndone--;
+					return redone;
+				}
 				this.formattedUndone = 0;
 			}
 			if (this.stepTypedSource("redo")) return true;
 			if (this.pendingSource) return false;
 		}
-		return redo(view.state, view.dispatch);
+		return this.stepFormattedHistory("redo");
+	}
+	stepFormattedHistory(direction) {
+		if (direction === "redo" && this.formattedRedoLimit === 0) return false;
+		const view = this.editor.ctx.get(editorViewCtx);
+		const before = view.state;
+		const previous = this.historyDirection;
+		this.historyDirection = direction;
+		try {
+			(direction === "undo" ? undo : redo)(before, view.dispatch);
+			return view.state !== before;
+		} finally {
+			this.historyDirection = previous;
+		}
 	}
 	replaceLiteralSelection(text, isolated = true, retainEndings = false) {
 		const value = this.plain.value;
@@ -56985,16 +57216,22 @@ var InkKitEditor = class InkKitEditor {
 		const metadata = referenceMetadata(this.editor.ctx, selectedDoc ?? doc, content);
 		if (metadata != null) result.html = withReferenceMetadata(result.html, metadata);
 		this.assertCaptured(captured);
+		this.rememberCopy(result, markdown, content, selectedSource != null && selectedSource.markdown !== selectedSource.shareable);
 		return {
 			...version,
 			...result
 		};
 	}
+	/** Cancels the pending image paste without changing the document or editability. */
+	cancelPendingImports(expectedGeneration) {
+		this.assertReady(expectedGeneration);
+		this.pasteController.cancelPending();
+	}
 	/** Pastes content the host read from the native clipboard. Capture it once; don't read the
 	*  clipboard again while this runs. */
 	async paste(input, expectedGeneration) {
 		this.assertAlive();
-		input = clipboardInput(input);
+		input = this.restoreCopy(clipboardInput(input));
 		this.assertMutation(expectedGeneration);
 		if (this.literalSurface) {
 			this.pasteAsPlainText(this.mode === "source" && this.formatType === "md" ? input.markdown ?? input.text : input.text);
@@ -57027,14 +57264,9 @@ var InkKitEditor = class InkKitEditor {
 			else {
 				const { schema } = view.state;
 				const marks = view.state.storedMarks ?? (view.state.selection.empty ? view.state.selection.$from.marks() : view.state.selection.$from.marksAcross(view.state.selection.$to)) ?? [];
-				const children = [];
 				const isHTML = !inHiddenComment && htmlBreakAt(view.state.selection.$from);
 				const lines = text.replace(/\r\n?/g, "\n").split("\n");
-				lines.forEach((line, index) => {
-					const finalBreak = index === lines.length - 1 && line === "";
-					if (index) children.push(schema.nodes.hardbreak.create({ isHTML }, null, finalBreak ? [] : marks));
-					if (line) children.push(schema.text(line, marks));
-				});
+				const children = literalTextNodes(schema, text, marks, isHTML);
 				if (!children.length) {
 					view.dispatch(view.state.tr.deleteSelection());
 					return;
@@ -57077,12 +57309,14 @@ var InkKitEditor = class InkKitEditor {
 	async destroy() {
 		if (this.destroyed) return;
 		this.destroyed = true;
+		this.localCopies.clear();
 		this.ready = false;
 		this.session.close();
 		this.pendingSource = void 0;
 		this.typedSteps = [];
 		this.undoneSteps = [];
 		this.formattedUndone = 0;
+		this.formattedRedoLimit = void 0;
 		this.cancelExports();
 		this.mediaPolicy();
 		this.pasteController.destroy();
@@ -57122,6 +57356,7 @@ var InkKitEditor = class InkKitEditor {
 			if (portable && this.events.clipboard) this.clipboardSnapshot("selection").then(async (content) => {
 				if (cut) refuseUnportableCut(content);
 				await writeClipboard(this.events, content);
+				this.retainCopy(content.html);
 				if (cut) {
 					this.assertCut(captured);
 					this.plain.setSelectionRange(from, to);
@@ -57131,6 +57366,7 @@ var InkKitEditor = class InkKitEditor {
 			else {
 				const output = clipboardContent(parsed.content, parsed.type.schema);
 				if (!event.clipboardData) return;
+				this.rememberCopy(output, selected.markdown, parsed.content, selected.markdown !== selected.shareable, true);
 				event.clipboardData.setData("text/plain", output.text);
 				event.clipboardData.setData("text/html", output.html);
 				if (portable) {
@@ -57155,6 +57391,7 @@ var InkKitEditor = class InkKitEditor {
 		instance.ownsRootClass = !root.classList.contains("inkkit-root");
 		root.classList.add("inkkit-root");
 		instance.pasteController = new PasteController({
+			restoreCopy: (input) => instance.restoreCopy(input),
 			ctx: () => instance.editor.ctx,
 			context: () => instance.context(),
 			adapter: options.images,
@@ -57258,6 +57495,14 @@ var InkKitEditor = class InkKitEditor {
 							return;
 						}
 					}
+					if (instance.formattedRedoLimit !== void 0) {
+						const depth = redoDepth(next);
+						if (depth === 0) instance.formattedRedoLimit = void 0;
+						else if (next !== this.state) {
+							if (instance.historyDirection === "undo") instance.formattedRedoLimit = Math.min(depth, instance.formattedRedoLimit + 1);
+							else if (instance.historyDirection === "redo") instance.formattedRedoLimit = Math.max(0, instance.formattedRedoLimit - 1);
+						}
+					}
 					this.updateState(next);
 				},
 				handleScrollToSelection: () => {
@@ -57265,7 +57510,7 @@ var InkKitEditor = class InkKitEditor {
 					return true;
 				}
 			}));
-		}).use(labelsCtx).use(instance.pasteController.plugin).use(visibleClipboard).use($prose(() => instance.suggestions.plugin())).use(instance.keymapPlugin).use(createDialect(Boolean(options.images || options.files), Boolean(options.wikiLinks), Boolean(options.files))).use(codeControlCtx).use(codeControlsPlugin(() => instance.viewport().rect)).use(tablePlugins).use(tableBlock).use(instance.changePlugin).use(instance.historyInputPlugin).use(history).use(clipboard).use(cursor).use(taskListPlugin).use(quoteBackspace).use(calloutEnter).use(literalEnter).use(literalReread).use(listItemBackspace).use(listItemShiftTab).use(nestedItemEnter).use(rejoinLists).use(movedListItems).use(textInputPolicy).use(events.copy ? codeCopyPlugin((text) => events.copy?.(text)) : []).use(placeholderPlugin).use(options.rendering?.codeHighlighting === false ? [] : (await import("./highlight-CeNqcHAb.js")).highlightPlugin).use(options.rendering?.diagramPreview === false || !diagramsAvailable() ? [] : mermaidPreview((error) => instance.report(error))).use(selectionPlugin).use($prose(() => search())).use(instance.policyPlugin).use(options.wikiLinks ? wikiLinkView(options.wikiLinks, {
+		}).use(labelsCtx).use(instance.pasteController.plugin).use(visibleClipboard).use($prose(() => instance.suggestions.plugin())).use(instance.keymapPlugin).use(createDialect(Boolean(options.images || options.files), Boolean(options.wikiLinks), Boolean(options.files))).use(codeControlCtx).use(codeControlsPlugin(() => instance.viewport().rect)).use(tablePlugins).use(tableBlock).use(instance.changePlugin).use(instance.historyInputPlugin).use(history).use(clipboard).use(cursor).use(taskListPlugin).use(quoteBackspace).use(calloutEnter).use(literalEnter).use(literalReread).use(listItemBackspace).use(listItemShiftTab).use(nestedItemEnter).use(rejoinLists).use(movedListItems).use(textInputPolicy).use(events.copy ? codeCopyPlugin((text) => events.copy?.(text)) : []).use(placeholderPlugin).use(options.rendering?.codeHighlighting === false ? [] : (await import("./highlight-AI86evan.js")).highlightPlugin).use(options.rendering?.diagramPreview === false || !diagramsAvailable() ? [] : mermaidPreview((error) => instance.report(error))).use(selectionPlugin).use($prose(() => search())).use(instance.policyPlugin).use(options.wikiLinks ? wikiLinkView(options.wikiLinks, {
 			capture: () => instance.adapterCapture(),
 			active: () => instance.ready && !instance.destroyed && !instance.literalSurface,
 			labels: {
@@ -57345,6 +57590,7 @@ var InkKitEditor = class InkKitEditor {
 			event.preventDefault();
 			instance.paste({
 				text: event.clipboardData.getData("text/plain"),
+				html: event.clipboardData.getData("text/html"),
 				markdown: event.clipboardData.getData("text/markdown") || void 0
 			}).catch((error) => instance.report(error));
 		});
@@ -57414,11 +57660,13 @@ var InkKitEditor = class InkKitEditor {
 					instance.snapshot();
 					const content = expanded;
 					const valid = fragment.firstChild?.isInline ? Fragment.from(view.state.schema.nodes.paragraph.create(null, fragment)) : fragment;
-					selectionMarkdown(instance.editor.ctx, view.state.doc, valid);
+					const markdown = selectionMarkdown(instance.editor.ctx, view.state.doc, valid);
 					const output = clipboardContent(content, view.state.schema);
-					event.clipboardData.setData("text/plain", output.text);
 					const metadata = referenceMetadata(instance.editor.ctx, view.state.doc, valid);
-					event.clipboardData.setData("text/html", metadata != null ? withReferenceMetadata(output.html, metadata) : output.html);
+					if (metadata != null) output.html = withReferenceMetadata(output.html, metadata);
+					instance.rememberCopy(output, markdown, fragment, false, true);
+					event.clipboardData.setData("text/plain", output.text);
+					event.clipboardData.setData("text/html", output.html);
 					if (event.type === "cut" && instance.writable) view.dispatch(view.state.tr.deleteSelection().scrollIntoView());
 				} catch (error) {
 					instance.report(error);
@@ -57434,6 +57682,7 @@ var InkKitEditor = class InkKitEditor {
 				instance.clipboardSnapshot("selection").then(async (content) => {
 					if (cut) refuseUnportableCut(content);
 					await writeClipboard(events, content);
+					instance.retainCopy(content.html);
 					if (cut) {
 						instance.assertCut(captured);
 						view.dispatch(view.state.tr.deleteRange(from, to).scrollIntoView());
@@ -57481,6 +57730,7 @@ var InkKitEditor = class InkKitEditor {
 		this.typedSteps = [];
 		this.undoneSteps = [];
 		this.formattedUndone = 0;
+		this.formattedRedoLimit = void 0;
 		this.mode = "formatted";
 		this.plainComposing = false;
 		this.beforePlainInput = void 0;
@@ -57860,6 +58110,7 @@ var InkKitEditor = class InkKitEditor {
 		}])[0]);
 	}
 	load(markdown, preservation) {
+		this.localCopies.clear();
 		this.originalSource = markdown;
 		const { ctx } = this.editor;
 		const view = ctx.get(editorViewCtx);
@@ -57876,9 +58127,7 @@ var InkKitEditor = class InkKitEditor {
 		this.preservation = preservation;
 		this.carried = void 0;
 		this.lastMarkdown = markdown;
-		const { doc } = view.state;
-		const $end = doc.resolve(doc.content.size);
-		const end = isImageBlock(doc.lastChild) ? new GapCursor($end) : Selection.findFrom($end, -1, true) ?? Selection.atEnd(doc);
+		const end = terminalSelection(view.state.doc);
 		view.dispatch(setSearchState(view.state.tr.setSelection(end), new SearchQuery({ search: "" })));
 	}
 	/** Selects the next match and returns whether there was one. */
@@ -58607,6 +58856,7 @@ var InkKitEditor = class InkKitEditor {
 			"printableSnapshot",
 			"clipboardSnapshot",
 			"paste",
+			"cancelPendingImports",
 			"pasteAsPlainText",
 			"commandState",
 			"setEditable",

package/dist/chunks/{highlight-CeNqcHAb.js → highlight-AI86evan.js}

@@ -1,4 +1,4 @@
-import { a as Decoration, c as PluginKey, d as __toESM, i as $prose, o as DecorationSet, s as Plugin, u as __commonJSMin } from "./core-nIObsA9D.js";
+import { a as Decoration, c as PluginKey, d as __toESM, i as $prose, o as DecorationSet, s as Plugin, u as __commonJSMin } from "./core-C612uj1Q.js";
 //#region node_modules/.pnpm/highlight.js@11.11.2/node_modules/highlight.js/es/languages/arduino.js
 /** @type LanguageFn */
 function cPlusPlus(hljs) {

package/dist/core.d.ts

@@ -1,5 +1,5 @@
 export { InkKitEditor } from './editor.js';
 export type { EditorEvents, EditorOptions, TextInputPreferences, CommandState, EditingMode, CaretState, Mark, Block, FormatCommand, FormatOptions, KeyInput, ImageInsertion, ShortcutName, Keymap, } from './editor.js';
 export { InkKitError } from './types.js';
-export type { DocumentFormat, EditorLabels, Heading, TableCommand, TableOptions, BlockMoveDirection, DocumentContext, DocumentInput, DocumentSnapshot, DocumentVersion, EditorErrorCode, ImageAdapter, WikiLinkReference, WikiLinkAdapter, FileReference, ClientPoint, FileContext, FilePresentation, FileAdapter, CapturedImage, PortableImage, ClipboardInput, ClipboardOutput, ClipboardScope, ClipboardImage, ClipboardDiagram, PrintableDocument, PrintableWarning, TextRange, ReadableTextSnapshot, TextRect, ViewportInsets, ViewportOptions, ViewportSnapshot, } from './types.js';
+export type { DocumentFormat, EditorLabels, Heading, TableCommand, TableOptions, BlockMoveDirection, DocumentContext, DocumentInput, DocumentSnapshot, DocumentVersion, EditorErrorCode, ImageAdapter, ImageImportContext, WikiLinkReference, WikiLinkAdapter, FileReference, ClientPoint, FileContext, FilePresentation, FileAdapter, CapturedImage, PortableImage, ClipboardInput, ClipboardOutput, ClipboardScope, ClipboardImage, ClipboardDiagram, PrintableDocument, PrintableWarning, TextRange, ReadableTextSnapshot, TextRect, ViewportInsets, ViewportOptions, ViewportSnapshot, } from './types.js';
 export type { SlashMenuOptions, SlashCommandName, SlashCommand } from './types.js';

package/dist/core.js

@@ -1,2 +1,2 @@
-import { r as InkKitError, t as InkKitEditor } from "./chunks/core-nIObsA9D.js";
+import { r as InkKitError, t as InkKitEditor } from "./chunks/core-C612uj1Q.js";
 export { InkKitEditor, InkKitError };

package/dist/editor.d.ts

@@ -143,7 +143,7 @@ export interface EditorEvents {
 export declare const editorEvents: readonly ["changed", "commandStateChanged", "openLink", "copy", "error", "clipboard"];
 /**
  * The editor. Create it with `InkKitEditor.mount`, load a document, and read it back with
- * `snapshot`. The reference is https://github.com/aicayzer/inkkit/blob/main/docs/api.md.
+ * `snapshot`. The reference is https://inkkit.cyzr.me/reference/editor.
  */
 export declare class InkKitEditor {
     private readonly options;
@@ -160,6 +160,8 @@ export declare class InkKitEditor {
     private typedSteps;
     private undoneSteps;
     private formattedUndone;
+    private formattedRedoLimit?;
+    private historyDirection?;
     private lastSourceInput;
     private syncingSource;
     private mode;
@@ -177,6 +179,10 @@ export declare class InkKitEditor {
     private auxClickHandler?;
     private untrackLinkModifier?;
     private footnoteKeyHandler?;
+    private readonly localCopies;
+    private rememberCopy;
+    private retainCopy;
+    private restoreCopy;
     private copyHandler?;
     private originalSource;
     private reportingSuppressed;
@@ -298,6 +304,7 @@ export declare class InkKitEditor {
     undo(expectedGeneration?: number): boolean;
     /** Returns whether a history step applied. */
     redo(expectedGeneration?: number): boolean;
+    private stepFormattedHistory;
     private replaceLiteralSelection;
     /** The complete current text, which is what a host saves. It throws rather than return partial
      *  text. */
@@ -314,6 +321,8 @@ export declare class InkKitEditor {
     /** Prepares the document or the selection for the native clipboard. Rejects with `stale-document`
      *  if the document changes first. */
     clipboardSnapshot(scope?: ClipboardScope, expectedGeneration?: number): Promise<ClipboardOutput>;
+    /** Cancels the pending image paste without changing the document or editability. */
+    cancelPendingImports(expectedGeneration?: number): void;
     /** Pastes content the host read from the native clipboard. Capture it once; don't read the
      *  clipboard again while this runs. */
     paste(input: ClipboardInput, expectedGeneration?: number): Promise<void>;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { n as registerMermaid, r as InkKitError, t as InkKitEditor } from "./chunks/core-nIObsA9D.js";
+import { n as registerMermaid, r as InkKitError, t as InkKitEditor } from "./chunks/core-C612uj1Q.js";
 //#region src/index.ts
 registerMermaid(async () => (await import("mermaid")).default);
 //#endregion

package/dist/style.css

@@ -154,9 +154,11 @@
   transform: translate(-50%, -50%);
   border-radius: 4px;
   box-shadow: 0 0 0 1px var(--_inkkit-rule);
-  cursor: grab;
   touch-action: none;
 }
+.inkkit-root .inkkit-table-controls .inkkit-table-grip:not(:disabled) {
+  cursor: grab;
+}
 .inkkit-root .inkkit-table-grip[data-inkkit-axis='column'] {
   width: 24px;
   height: 14px;
@@ -252,6 +254,10 @@
   outline-offset: 2px;
   border-radius: 6px;
 }
+/* A gap or node selection draws its own indicator, not a native text caret. */
+.inkkit-root .ProseMirror.ProseMirror-hideselection {
+  caret-color: transparent;
+}
 .inkkit-root .ProseMirror-gapcursor {
   display: none;
   pointer-events: none;

package/dist/types.d.ts

@@ -51,6 +51,10 @@ export interface PortableImage {
     mimeType: string;
     filename?: string;
 }
+/** The document and cancellation signal for one image import. */
+export interface ImageImportContext extends DocumentContext {
+    signal: AbortSignal;
+}
 /** Stores, shows and exports the images a host owns. References stay opaque to the editor. */
 export interface ImageAdapter {
     /** The display URL for `reference`, or `undefined` when the image is unavailable. */
@@ -58,7 +62,7 @@ export interface ImageAdapter {
         url: string;
     } | undefined;
     /** Stores the bytes and returns the reference to write into the Markdown. */
-    importImage(input: CapturedImage, context: DocumentContext): Promise<{
+    importImage(input: CapturedImage, context: ImageImportContext): Promise<{
         reference: string;
     }>;
     /** The stored bytes and type of `reference`, for portable clipboard and print output. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicayzer/inkkit",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "description": "A preserving Markdown editor for offline web views and the web",
   "license": "MIT",
   "type": "module",