@aicayzer/inkkit 0.3.1 → 0.3.2

package/dist/chunks/{core-Dx4gTiUo.js → core-DTew7k7c.js}

@@ -7916,7 +7916,7 @@ function postprocess(events) {
 * @returns {Array<Chunk>}
 *   Chunks.
 */
-var search$1 = /[\0\t\n\r]/g;
+var search$2 = /[\0\t\n\r]/g;
 /**
 * @returns {Preprocessor}
 *   Preprocess a value.
@@ -7941,8 +7941,8 @@ function preprocess() {
 			start = void 0;
 		}
 		while (startPosition < value.length) {
-			search$1.lastIndex = startPosition;
-			const match = search$1.exec(value);
+			search$2.lastIndex = startPosition;
+			const match = search$2.exec(value);
 			const endPosition = match && match.index !== void 0 ? match.index : value.length;
 			const code = value.charCodeAt(endPosition);
 			if (!match) {
@@ -22734,7 +22734,7 @@ var SerializerState = class extends Stack {
 	#closeMark;
 };
 //#endregion
-//#region node_modules/.pnpm/prosemirror-view@1.42.6_patch_hash=808819d35255b79fc131ebc4873ab2fbcd47cd8f5bc05cd11e8caab02ecee548/node_modules/prosemirror-view/dist/index.js
+//#region node_modules/.pnpm/prosemirror-view@1.42.6_patch_hash=f2853b430244e6a0ce28d0ee793854c199c3f40279a807cb6690af21fae2d25e/node_modules/prosemirror-view/dist/index.js
 var domIndex = function(node) {
 	for (var index = 0;; index++) {
 		node = node.previousSibling;
@@ -23907,7 +23907,7 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 		this.children = replaceNodes(this.children, pos, pos + text.length, view, desc);
 	}
 	update(node, outerDeco, innerDeco, view) {
-		if (this.dirty == NODE_DIRTY || !node.sameMarkup(this.node)) return false;
+		if (this.dirty == NODE_DIRTY || (this.parent ? !node.sameMarkup(this.node) : node.type != this.node.type)) return false;
 		this.updateInner(node, outerDeco, innerDeco, view);
 		return true;
 	}
@@ -44149,14 +44149,16 @@ function samePresentation(a, b) {
 var FileResolution = class {
 	runtime;
 	changed;
+	cache;
 	state = { status: "idle" };
 	reference;
 	key = "";
 	request;
 	dead = false;
-	constructor(runtime, changed) {
+	constructor(runtime, changed, cache) {
 		this.runtime = runtime;
 		this.changed = changed;
+		this.cache = cache;
 	}
 	update(reference) {
 		const key = JSON.stringify([
@@ -44167,11 +44169,29 @@ var FileResolution = class {
 		]);
 		this.reference = Object.freeze({ ...reference });
 		if (this.key === key && this.request?.isCurrent()) return;
+		if (this.key !== key) this.cache?.release(this, this.key);
 		this.key = key;
+		this.cache?.retain(this, key);
+		const cached = this.cache?.get(key);
+		if (cached) {
+			if (this.request?.pending) this.request.controller.abort();
+			this.request = {
+				controller: cached.controller,
+				pending: false,
+				isCurrent: cached.isCurrent
+			};
+			this.state = {
+				status: "resolved",
+				presentation: cached.presentation
+			};
+			this.changed();
+			return;
+		}
 		this.retry();
 	}
 	/** Resolves again from a blank loading card. */
 	retry() {
+		this.cache?.delete(this.key);
 		this.cancel();
 		this.start(true);
 	}
@@ -44180,17 +44200,19 @@ var FileResolution = class {
 	* the host's change doesn't affect neither blanks nor moves.
 	*/
 	refresh() {
+		this.cache?.delete(this.key);
 		if (this.dead || !this.runtime.active()) return;
 		if (this.state.status === "idle") this.retry();
 		else this.start(false);
 	}
 	start(blank) {
-		this.request?.controller.abort();
+		if (!this.cache || this.request?.pending) this.request?.controller.abort();
 		this.request = void 0;
 		if (this.dead || !this.reference || !this.runtime.active()) return;
 		const captured = this.runtime.capture();
 		const request = {
 			controller: new AbortController(),
+			pending: true,
 			isCurrent: captured.isCurrent
 		};
 		this.request = request;
@@ -44204,10 +44226,16 @@ var FileResolution = class {
 		}).then((presentation) => {
 			if (!this.current(request)) return;
 			const before = this.state;
+			request.pending = false;
 			this.state = {
 				status: "resolved",
 				presentation
 			};
+			this.cache?.set(this.key, {
+				presentation,
+				isCurrent: request.isCurrent,
+				controller: request.controller
+			});
 			if (before.status !== "resolved" || !samePresentation(before.presentation, presentation)) this.changed();
 		}, (failure) => {
 			if (!this.current(request)) return;
@@ -44228,9 +44256,63 @@ var FileResolution = class {
 		this.request = void 0;
 		this.state = { status: "idle" };
 	}
+	/** Hidden views keep an answer for this document, but never accept a late answer. */
+	suspend() {
+		if (this.request?.pending || this.state.status === "idle") this.cancel();
+	}
+	invalidate() {
+		this.cache?.delete(this.key);
+		this.cancel();
+	}
 	destroy() {
 		this.dead = true;
-		this.cancel();
+		this.cache?.release(this, this.key);
+		if (!this.cache || this.request?.pending || this.state.status !== "resolved") this.cancel();
+	}
+};
+/** A source commit may replace a node view without changing its authored reference. */
+var FilePresentationCache = class {
+	entries = /* @__PURE__ */ new Map();
+	retain(owner, key) {
+		let entry = this.entries.get(key);
+		if (!entry) this.entries.set(key, entry = {
+			owners: /* @__PURE__ */ new Set(),
+			controllers: /* @__PURE__ */ new Set()
+		});
+		entry.owners.add(owner);
+	}
+	release(owner, key) {
+		const entry = this.entries.get(key);
+		if (!entry) return;
+		entry.owners.delete(owner);
+		queueMicrotask(() => {
+			if (this.entries.get(key) === entry && !entry.owners.size) {
+				for (const controller of entry.controllers) controller.abort();
+				this.entries.delete(key);
+			}
+		});
+	}
+	get(key) {
+		const value = this.entries.get(key)?.value;
+		if (value && !value.isCurrent()) {
+			this.delete(key);
+			return;
+		}
+		return value;
+	}
+	set(key, value) {
+		const entry = this.entries.get(key);
+		if (!entry) return;
+		entry.value = value;
+		entry.controllers.add(value.controller);
+	}
+	delete(key) {
+		const entry = this.entries.get(key);
+		if (entry) {
+			for (const controller of entry.controllers) controller.abort();
+			entry.controllers.clear();
+			entry.value = void 0;
+		}
 	}
 };
 //#endregion
@@ -45319,6 +45401,81 @@ function caretAfterInsertion(tr, view) {
 	return tr.setSelection($end.parent.inlineContent ? TextSelection.create(tr.doc, end) : caretAfter(tr.doc, end, view && calloutFolds(view, tr)));
 }
 //#endregion
+//#region src/parser.ts
+/**
+* Milkdown's parser state, except that it throws where Milkdown would drop content. Milkdown
+* catches the failure to build a node (`createNodeInParserFail`), logs it and carries on without
+* the node and everything inside it, so the document it returns can silently lack part of its
+* source.
+*/
+var CheckedParserState = class extends ParserState {
+	constructor(schema) {
+		super(schema);
+		const closeNode = this.closeNode;
+		const addNode = this.addNode;
+		const unbuildable = (type, attrs, content) => {
+			try {
+				return !type.createAndFill(attrs, content);
+			} catch {
+				return true;
+			}
+		};
+		this.closeNode = () => {
+			const element = this.top();
+			if (!element || this.size() < 2 || unbuildable(element.type, element.attrs, element.content)) throw new Error(`Cannot build ${element?.type.name ?? "a node"}`);
+			return closeNode();
+		};
+		this.addNode = (type, attrs, content) => {
+			if (!this.top() || unbuildable(type, attrs, content)) throw new Error(`Cannot build ${type.name}`);
+			return addNode(type, attrs, content);
+		};
+	}
+};
+/** The document, or undefined when Milkdown cannot build all of it. */
+function build(schema, tree) {
+	try {
+		return new CheckedParserState(schema).next(tree).toDoc();
+	} catch {
+		return;
+	}
+}
+/**
+* Parses Markdown as Milkdown does, but never returns a document that lacks part of its source.
+* A top-level block that cannot be built is kept as its literal source, as unsupported syntax is,
+* so the rest of the document stays editable; when that is not enough, it throws `preservation`.
+*/
+function parseMarkdown(schema, remark, markdown, parsedTree) {
+	const tree = parsedTree ?? remark.runSync(remark.parse(markdown), markdown);
+	const doc = build(schema, tree);
+	if (doc) return doc;
+	const source = markdown.replace(/^\uFEFF/, "");
+	tree.children = tree.children.map((node) => {
+		if (build(schema, {
+			type: "root",
+			children: [node]
+		})) return node;
+		const start = node.position?.start.offset;
+		const end = node.position?.end.offset;
+		if (start == null || end == null) return node;
+		const value = source.slice(start, end);
+		return {
+			type: "inkkitLiteral",
+			value,
+			comments: literalCommentSpans(value),
+			position: node.position
+		};
+	});
+	const kept = build(schema, tree);
+	if (kept) return kept;
+	throw new InkKitError("preservation", "The Markdown cannot be shown without losing part of it");
+}
+/** Replaces Milkdown's parser with `parseMarkdown`, for every caller of `parserCtx`. */
+var checkedParser = (ctx) => async () => {
+	await ctx.wait(ParserReady);
+	const schema = ctx.get(schemaCtx);
+	ctx.set(parserCtx, (markdown) => parseMarkdown(schema, ctx.get(remarkCtx), markdown));
+};
+//#endregion
 //#region src/gutter.ts
 var listMarker = /(?:[-*+]|\d{1,9}[.)])(?=[ \t])/g;
 /**
@@ -46974,6 +47131,18 @@ var nothingCarried = {
 var Preservation = class Preservation {
 	ctx;
 	source;
+	static recent = /* @__PURE__ */ new WeakMap();
+	processor;
+	rawTree;
+	sourceTree;
+	static read(ctx, source) {
+		const cached = this.recent.get(ctx);
+		const previous = cached?.processor === ctx.get(remarkCtx) ? cached : void 0;
+		if (previous?.source === source) return previous;
+		const next = new Preservation(ctx, source, previous);
+		this.recent.set(ctx, next);
+		return next;
+	}
 	/** The document as loaded from `source`. */
 	baseline;
 	blocks = [];
@@ -46991,18 +47160,22 @@ var Preservation = class Preservation {
 	nestedLiterals = /* @__PURE__ */ new Set();
 	literalsRead = /* @__PURE__ */ new WeakSet();
 	definitionSources;
-	constructor(ctx, source) {
+	constructor(ctx, source, previous) {
 		this.ctx = ctx;
 		this.source = source;
 		try {
 			const parse = (text) => parseDoc(ctx, text);
-			this.baseline = parse(source);
 			this.lineEnding = !source.includes("\n") ? source.includes("\r") ? "\r" : "\n" : source.includes("\r\n") && !source.replaceAll("\r\n", "").includes("\n") ? "\r\n" : "\n";
-			const processor = ctx.get(remarkCtx);
+			const processor = this.processor = ctx.get(remarkCtx);
 			const offset = source.startsWith("") ? 1 : 0;
 			const body = source.slice(offset);
-			const rawTree = parseTree(ctx, source);
-			const tree = processor.runSync(structuredClone(rawTree), { value: body });
+			const incremental = previous?.readEditedSource(source);
+			const rawTree = incremental?.raw ?? parseTree(ctx, source);
+			const tree = incremental?.tree ?? processor.runSync(structuredClone(rawTree), { value: body });
+			this.rawTree = rawTree;
+			this.sourceTree = tree;
+			this.baseline = incremental?.doc ?? parseMarkdown(ctx.get(schemaCtx), processor, source, structuredClone(tree));
+			const positions = new Map(rawTree.children.map((node) => [`${node.position?.start.offset}:${node.position?.end.offset}`, node]));
 			for (const [index, node] of tree.children.entries()) {
 				let start = node.position?.start.offset;
 				const end = node.position?.end.offset;
@@ -47014,9 +47187,9 @@ var Preservation = class Preservation {
 				const text = source.slice(start, sourceEnd);
 				const own = this.baseline.childCount === tree.children.length;
 				const parsed = own ? this.baseline.type.create(null, [this.baseline.child(index)]) : parse(text);
-				const blockText = parsed.childCount === 1 ? blockForm(ctx, parsed.firstChild) : form(write(ctx, parsed));
+				const blockText = previous?.forms.get(parsed.firstChild) ?? (parsed.childCount === 1 ? blockForm(ctx, parsed.firstChild) : form(write(ctx, parsed)));
 				if (own) this.forms.set(this.baseline.child(index), blockText);
-				const ast = positionalNode(rawTree, node);
+				const ast = positions.get(`${node.position?.start.offset}:${node.position?.end.offset}`) ?? node;
 				if (parsed.childCount === 1 && parsed.firstChild.type.name === "literal_markdown") literalForms.set(ast, blockText);
 				this.blocks.push({
 					start,
@@ -47053,6 +47226,66 @@ var Preservation = class Preservation {
 			throw new PreservationError("Cannot read Markdown for preservation", { cause });
 		}
 	}
+	readEditedSource(source) {
+		if (this.source.startsWith("") || source.startsWith("") || /[\[\]<>%]/.test(this.source) || /[\[\]<>%]/.test(source) || this.blocks.length !== this.baseline.childCount || this.blocks.some((_, index) => !["paragraph", "heading"].includes(this.baseline.child(index).type.name))) return;
+		let prefix = 0, suffix = 0;
+		while (prefix < source.length && prefix < this.source.length && source[prefix] === this.source[prefix]) prefix++;
+		while (suffix < source.length - prefix && suffix < this.source.length - prefix && source[source.length - suffix - 1] === this.source[this.source.length - suffix - 1]) suffix++;
+		const first = Math.max(0, this.blocks.findIndex((block) => block.end >= prefix) - 1);
+		let last = this.blocks.findIndex((block) => block.start > this.source.length - suffix);
+		if (last < 0) last = this.blocks.length - 1;
+		else last = Math.min(this.blocks.length - 1, last + 1);
+		if (!this.blocks[first] || !this.blocks[last]) return;
+		const start = this.blocks[first].start;
+		const end = this.blocks[last].end;
+		const delta = source.length - this.source.length;
+		const nextEnd = end + delta;
+		if (nextEnd < start || prefix < start || this.source.length - suffix > end) return;
+		const part = new Preservation(this.ctx, source.slice(start, nextEnd));
+		if (part.blocks.length !== part.baseline.childCount || part.blocks.some((_, index) => !["paragraph", "heading"].includes(part.baseline.child(index).type.name))) return;
+		const lines = [0];
+		for (const match of source.matchAll(/\r\n|\r|\n/g)) lines.push(match.index + match[0].length);
+		const point = (offset) => {
+			let low = 0, high = lines.length;
+			while (low + 1 < high) {
+				const middle = low + high >> 1;
+				if (lines[middle] <= offset) low = middle;
+				else high = middle;
+			}
+			return {
+				offset,
+				line: low + 1,
+				column: offset - lines[low] + 1
+			};
+		};
+		const shifted = (node, amount) => {
+			const visit = (value) => {
+				if (Array.isArray(value)) return value.map(visit);
+				if (!value || typeof value !== "object") return value;
+				if ("offset" in value && typeof value.offset === "number") return point(value.offset + amount);
+				return Object.fromEntries(Object.entries(value).map(([key, child]) => [key, visit(child)]));
+			};
+			return visit(node);
+		};
+		const splice = (old, fresh) => ({
+			type: "root",
+			children: [
+				...old.children.slice(0, first),
+				...fresh.children.map((node) => shifted(node, start)),
+				...old.children.slice(last + 1).map((node) => shifted(node, delta))
+			]
+		});
+		const children = [];
+		this.baseline.forEach((node, _offset, index) => {
+			if (index === first) part.baseline.forEach((child) => children.push(child));
+			if (index < first || index > last) children.push(node);
+		});
+		return {
+			raw: splice(this.rawTree, part.rawTree),
+			tree: splice(this.sourceTree, part.sourceTree),
+			doc: this.baseline.copy(Fragment.fromArray(children))
+		};
+	}
 	retainBlock(block, after, canonical, joined = [], reorder) {
 		const offset = this.source.startsWith("") ? 1 : 0;
 		const start = block.ast.position?.start.offset;
@@ -47189,7 +47422,7 @@ var Preservation = class Preservation {
 	static plainInline(node) {
 		let plain = true;
 		node.descendants((child) => {
-			if (child.isInline && !child.isText && child.type.name !== "hardbreak") plain = false;
+			if (child.isInline && !child.isText && !["hardbreak", "footnote_reference"].includes(child.type.name)) plain = false;
 			return plain;
 		});
 		return plain;
@@ -47473,6 +47706,12 @@ var Preservation = class Preservation {
 		const block = position == null ? void 0 : this.blocks[position];
 		if (index === 0) return position === 0 && block ? this.source.slice(0, block.start) : this.source.startsWith("") ? "" : "";
 		const previous = positions[index - 1];
+		if (previous === this.blocks.length - 1 && position == null) {
+			const ending = this.source.slice(this.blocks[previous].end);
+			const lines = ending.replace(/\r\n?/g, "\n");
+			if (/\n[ \t]*\n/.test(lines)) return ending + (lines.endsWith("\n") ? "" : this.lineEnding);
+			return ending + this.lineEnding.repeat(lines.endsWith("\n") ? 1 : 2);
+		}
 		return previous != null && position === previous + 1 && block ? this.source.slice(this.blocks[previous].end, block.start) : this.lineEnding.repeat(2);
 	}
 	build(doc, positions, current, carried, from, to, canonical, tree) {
@@ -48505,81 +48744,6 @@ function normalizeTableColumnAlignment(element) {
 	return normalizeTableAlignment(header ?? element);
 }
 //#endregion
-//#region src/parser.ts
-/**
-* Milkdown's parser state, except that it throws where Milkdown would drop content. Milkdown
-* catches the failure to build a node (`createNodeInParserFail`), logs it and carries on without
-* the node and everything inside it, so the document it returns can silently lack part of its
-* source.
-*/
-var CheckedParserState = class extends ParserState {
-	constructor(schema) {
-		super(schema);
-		const closeNode = this.closeNode;
-		const addNode = this.addNode;
-		const unbuildable = (type, attrs, content) => {
-			try {
-				return !type.createAndFill(attrs, content);
-			} catch {
-				return true;
-			}
-		};
-		this.closeNode = () => {
-			const element = this.top();
-			if (!element || this.size() < 2 || unbuildable(element.type, element.attrs, element.content)) throw new Error(`Cannot build ${element?.type.name ?? "a node"}`);
-			return closeNode();
-		};
-		this.addNode = (type, attrs, content) => {
-			if (!this.top() || unbuildable(type, attrs, content)) throw new Error(`Cannot build ${type.name}`);
-			return addNode(type, attrs, content);
-		};
-	}
-};
-/** The document, or undefined when Milkdown cannot build all of it. */
-function build(schema, tree) {
-	try {
-		return new CheckedParserState(schema).next(tree).toDoc();
-	} catch {
-		return;
-	}
-}
-/**
-* Parses Markdown as Milkdown does, but never returns a document that lacks part of its source.
-* A top-level block that cannot be built is kept as its literal source, as unsupported syntax is,
-* so the rest of the document stays editable; when that is not enough, it throws `preservation`.
-*/
-function parseMarkdown(schema, remark, markdown) {
-	const tree = remark.runSync(remark.parse(markdown), markdown);
-	const doc = build(schema, tree);
-	if (doc) return doc;
-	const source = markdown.replace(/^\uFEFF/, "");
-	tree.children = tree.children.map((node) => {
-		if (build(schema, {
-			type: "root",
-			children: [node]
-		})) return node;
-		const start = node.position?.start.offset;
-		const end = node.position?.end.offset;
-		if (start == null || end == null) return node;
-		const value = source.slice(start, end);
-		return {
-			type: "inkkitLiteral",
-			value,
-			comments: literalCommentSpans(value),
-			position: node.position
-		};
-	});
-	const kept = build(schema, tree);
-	if (kept) return kept;
-	throw new InkKitError("preservation", "The Markdown cannot be shown without losing part of it");
-}
-/** Replaces Milkdown's parser with `parseMarkdown`, for every caller of `parserCtx`. */
-var checkedParser = (ctx) => async () => {
-	await ctx.wait(ParserReady);
-	const schema = ctx.get(schemaCtx);
-	ctx.set(parserCtx, (markdown) => parseMarkdown(schema, ctx.get(remarkCtx), markdown));
-};
-//#endregion
 //#region src/callouts.ts
 var kinds = /* @__PURE__ */ new Set([
 	"NOTE",
@@ -51648,8 +51812,7 @@ function modeSelectionMap(ctx, source, doc) {
 			if (at >= 0) append(value, Array.from({ length: value.length + 1 }, (_, index) => start + bom + at + index));
 		}
 	};
-	const processor = ctx.get(remarkCtx);
-	processor.runSync(processor.parse(source), { value: source }).children.forEach((node) => visit(node));
+	Preservation.read(ctx, source).sourceTree.children.forEach((node) => visit(node));
 	let cursor = 0;
 	doc.descendants((node, position) => {
 		if ([
@@ -51869,9 +52032,10 @@ var ImageView = class {
 	stopResize;
 	resolution;
 	previewFailed = false;
+	suspended = false;
 	/** Present when the host sets `files`, which then shows every image. */
 	runtime;
-	constructor(node, view, getPos, adapter, host, files, canMutate = () => true) {
+	constructor(node, view, getPos, adapter, host, files, cache, canMutate = () => true) {
 		this.node = node;
 		this.view = view;
 		this.getPos = getPos;
@@ -51900,7 +52064,7 @@ var ImageView = class {
 			}, () => {
 				this.previewFailed = false;
 				this.render();
-			});
+			}, cache);
 			this.resolution.update(this.reference());
 		}
 		this.render();
@@ -51933,18 +52097,33 @@ var ImageView = class {
 		if (!this.runtime) return;
 		const refresh = refreshOf(event);
 		if (refresh) {
-			if (!this.active() || !refreshes(refresh, this.reference().target)) return;
+			if (!refreshes(refresh, this.reference().target)) return;
+			if (!this.active()) {
+				this.resolution?.invalidate();
+				return;
+			}
 			if (this.previewFailed) this.resolution?.retry();
 			else this.resolution?.refresh();
 			return;
 		}
 		if (!this.active()) {
+			if (this.suspended) return;
+			this.suspended = true;
 			this.stopResize?.();
 			this.stopResize = void 0;
-			this.resolution?.cancel();
-			this.releaseMedia();
-			this.render();
-		} else this.resolution?.update(this.reference());
+			this.resolution?.suspend();
+			if (this.media || this.pdf) this.render();
+		} else {
+			const suspended = this.suspended;
+			this.suspended = false;
+			this.resolution?.update(this.reference());
+			const state = this.resolution?.state;
+			if (suspended && state?.status === "resolved" && [
+				"audio",
+				"video",
+				"pdf"
+			].includes(state.presentation.kind)) this.render();
+		}
 	};
 	cancelResize = () => {
 		if (!this.stopResize) return;
@@ -52092,6 +52271,14 @@ var ImageView = class {
 				return;
 			}
 			const presentation = state.presentation;
+			if (!this.active() && [
+				"audio",
+				"video",
+				"pdf"
+			].includes(presentation.kind)) {
+				this.card(label);
+				return;
+			}
 			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") {
@@ -52222,7 +52409,8 @@ function openArrow() {
 	return icon;
 }
 function imageView(adapter, host, files, canMutate = () => true) {
-	const view = (schema) => $view(schema.node, () => (node, view, getPos) => new ImageView(node, view, getPos, adapter, host, files, canMutate));
+	const cache = new FilePresentationCache();
+	const view = (schema) => $view(schema.node, () => (node, view, getPos) => new ImageView(node, view, getPos, adapter, host, files, cache, canMutate));
 	return [view(imageSchema), view(imageBlockSchema)];
 }
 //#endregion
@@ -55420,18 +55608,92 @@ function covered(state) {
 	const { from, to, empty, visible } = state.selection;
 	if (empty || !visible) return [];
 	const text = [];
-	state.doc.nodesBetween(from, to, (node, pos) => {
+	let index = 0;
+	state.doc.descendants((node, pos) => {
 		if (!node.isTextblock) return true;
 		const start = Math.max(from, pos + 1);
 		const end = Math.min(to, pos + node.nodeSize - 1);
 		if (end > start) text.push({
 			from: start,
-			to: end
+			to: end,
+			start: pos + 1,
+			end: pos + node.nodeSize - 1,
+			index
 		});
+		index++;
 		return false;
 	});
 	return text;
 }
+function blockContents(view) {
+	return Array.from(view.dom.querySelectorAll("p,h1,h2,h3,h4,h5,h6,pre,.inkkit-comment-block")).filter((element) => {
+		const excluded = element.closest(".ProseMirror-widget,[contenteditable=\"false\"]");
+		return !excluded || excluded === view.dom;
+	}).map((element) => element.tagName === "PRE" && !element.classList.contains("inkkit-literal-markdown") ? element.querySelector(":scope > code") ?? element : element);
+}
+function matchesBlock(node, content) {
+	if (!content) return false;
+	switch (node.type.name) {
+		case "paragraph": return content.tagName === "P";
+		case "heading": return content.tagName === `H${node.attrs.level}`;
+		case "code_block": return content.tagName === "CODE" && content.parentElement?.tagName === "PRE";
+		case "literal_markdown": return content.classList.contains("inkkit-literal-markdown");
+		case "comment_block": return content.classList.contains("inkkit-comment-block");
+		default: return false;
+	}
+}
+function blockRange(view, span, content) {
+	const range = view.dom.ownerDocument.createRange();
+	range.selectNodeContents(content);
+	const children = Array.from(content.childNodes);
+	const decoration = (node) => node instanceof Element && (node.classList.contains("ProseMirror-widget") || node.classList.contains("ProseMirror-trailingBreak"));
+	const first = children.find((node) => !decoration(node));
+	const last = [...children].reverse().find((node) => !decoration(node));
+	if (first) range.setStartBefore(first);
+	if (last) range.setEndAfter(last);
+	if (span.from !== span.start) {
+		const start = view.domAtPos(span.from);
+		range.setStart(start.node, start.offset);
+	}
+	if (span.to !== span.end) {
+		const end = view.domAtPos(span.to);
+		range.setEnd(end.node, end.offset);
+	}
+	return range;
+}
+function addBlockRanges(highlight, view, spans, contents) {
+	let first;
+	let last;
+	const flush = () => {
+		if (!first || !last) return;
+		const range = view.dom.ownerDocument.createRange();
+		range.setStart(first.content.firstChild, first.span.from - first.span.start);
+		range.setEnd(last.content.firstChild, last.span.to - last.span.start);
+		highlight.add(range);
+		first = last = void 0;
+	};
+	for (const span of spans) {
+		const content = contents[span.index];
+		if (!(/^(P|H[1-6])$/.test(content.tagName) && content.childNodes.length === 1 && content.firstChild?.nodeType === Node.TEXT_NODE)) {
+			flush();
+			highlight.add(blockRange(view, span, content));
+			continue;
+		}
+		if (last && last.content.nextSibling !== content) flush();
+		first ??= {
+			span,
+			content
+		};
+		last = {
+			span,
+			content
+		};
+	}
+	flush();
+}
+function setSelectionHostActive(view, active) {
+	Painter.of(view.dom.ownerDocument).hostActive(view, active);
+}
 function domRange(view, span) {
 	const start = view.domAtPos(span.from);
 	const end = view.domAtPos(span.to);
@@ -55473,6 +55735,13 @@ var Painter = class Painter {
 	custom = paintable();
 	owner = null;
 	windowFocused;
+	hostActivation = /* @__PURE__ */ new WeakMap();
+	painted;
+	hostActive(view, active) {
+		if (active === null) this.hostActivation.delete(view);
+		else this.hostActivation.set(view, active);
+		this.sync();
+	}
 	static of(doc) {
 		let painter = Painter.all.get(doc);
 		if (!painter) Painter.all.set(doc, painter = new Painter(doc));
@@ -55534,17 +55803,34 @@ var Painter = class Painter {
 		this.win[method]("blur", this.onWindow);
 	}
 	sync() {
-		for (const [view, root] of this.views) root.classList.toggle(activeClass, this.windowFocused && focused(view));
+		for (const [view, root] of this.views) root.classList.toggle(activeClass, (this.hostActivation.get(view) ?? this.windowFocused) && focused(view));
 		if (!this.custom) return;
 		const { owner } = this;
+		if (owner && this.painted?.owner === owner && this.painted.doc === owner.state.doc && this.painted.selection.eq(owner.state.selection)) return;
 		const spans = owner ? covered(owner.state) : [];
 		if (!owner || !spans.length) {
 			CSS.highlights.delete(name);
+			this.painted = void 0;
 			return;
 		}
 		const highlight = new Highlight();
-		for (const span of spans) highlight.add(domRange(owner, span));
+		const contents = blockContents(owner);
+		let blocks = 0;
+		let mapped = true;
+		owner.state.doc.descendants((node) => {
+			if (!node.isTextblock) return true;
+			if (!matchesBlock(node, contents[blocks])) mapped = false;
+			blocks++;
+			return false;
+		});
+		if (mapped && contents.length === blocks) addBlockRanges(highlight, owner, spans, contents);
+		else for (const span of spans) highlight.add(domRange(owner, span));
 		CSS.highlights.set(name, highlight);
+		this.painted = {
+			owner,
+			doc: owner.state.doc,
+			selection: owner.state.selection
+		};
 	}
 };
 var selectionPlugin = $prose(() => {
@@ -55866,7 +56152,7 @@ var searchKey = new PluginKey("search");
 Returns a plugin that stores a current search query and searched
 range, and highlights matches of the query.
 */
-function search(options = {}) {
+function search$1(options = {}) {
 	return new Plugin({
 		key: searchKey,
 		state: {
@@ -55915,6 +56201,56 @@ function setSearchState(tr, query, range = null) {
 }
 //#endregion
 //#region src/search.ts
+function search() {
+	const original = search$1();
+	return new Plugin({
+		...original.spec,
+		state: {
+			init: original.spec.state.init,
+			apply(tr, current, oldState, state) {
+				if (tr.getMeta(original) || current.range) return original.spec.state.apply.call(this, tr, current, oldState, state);
+				if (!current.query.valid || !tr.docChanged && !tr.selectionSet) return current;
+				let deco = tr.docChanged ? current.deco.map(tr.mapping, tr.doc) : current.deco;
+				let from = tr.doc.content.size, to = 0;
+				if (tr.docChanged) {
+					tr.mapping.maps.forEach((map, index) => map.forEach((_a, _b, start, end) => {
+						const rest = tr.mapping.slice(index + 1);
+						from = Math.min(from, rest.map(start, -1));
+						to = Math.max(to, rest.map(end, 1));
+					}));
+					if (from <= to) {
+						const left = tr.doc.resolve(Math.max(0, from - 1));
+						const right = tr.doc.resolve(Math.min(tr.doc.content.size, to + 1));
+						from = left.depth ? left.before(1) : left.pos;
+						to = right.depth ? right.after(1) : right.pos;
+						deco = deco.remove(deco.find(from, to));
+						const added = [];
+						for (let position = from; position < to;) {
+							const match = current.query.findNext(state, position, to);
+							if (!match) break;
+							added.push(Decoration.inline(match.from, match.to, { class: "ProseMirror-search-match" }));
+							position = Math.max(match.to, position + 1);
+						}
+						deco = deco.add(state.doc, added);
+					}
+				}
+				const previous = {
+					from: tr.mapping.map(oldState.selection.from),
+					to: tr.mapping.map(oldState.selection.to)
+				};
+				for (const [selection, active] of [[previous, false], [state.selection, true]]) {
+					const matches = deco.find(selection.from, selection.to).filter((item) => item.from === selection.from && item.to === selection.to);
+					const replacements = matches.map((item) => Decoration.inline(item.from, item.to, { class: active ? "ProseMirror-active-search-match" : "ProseMirror-search-match" }));
+					deco = deco.remove(matches).add(state.doc, replacements);
+				}
+				return {
+					...current,
+					deco
+				};
+			}
+		}
+	});
+}
 function escapedPattern(text) {
 	return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
@@ -56076,8 +56412,10 @@ function formattedLocations(doc) {
 	return headings;
 }
 function sourceLocations(ctx, source) {
-	const processor = ctx.get(remarkCtx);
-	const tree = processor.runSync(processor.parse(source), { value: source });
+	const cached = sourceOutlines.get(ctx);
+	if (cached?.source === source) return cached.headings;
+	const preservation = Preservation.read(ctx, source);
+	const tree = preservation.sourceTree;
 	const positions = [];
 	const bom = source.startsWith("") ? 1 : 0;
 	const visit = (node) => {
@@ -56088,13 +56426,19 @@ function sourceLocations(ctx, source) {
 		node.children?.forEach(visit);
 	};
 	visit(tree);
-	const parsed = formattedLocations(ctx.get(parserCtx)(source));
+	const parsed = formattedLocations(preservation.baseline);
 	if (positions.length !== parsed.length || positions.some((item, index) => item.level !== parsed[index].node.attrs.level)) throw new InkKitError("preservation", "The current Markdown headings cannot be located safely");
-	return parsed.map((heading, index) => ({
+	const headings = parsed.map((heading, index) => ({
 		...heading,
 		position: positions[index].position
 	}));
+	sourceOutlines.set(ctx, {
+		source,
+		headings
+	});
+	return headings;
 }
+var sourceOutlines = /* @__PURE__ */ new WeakMap();
 function entry(heading, context) {
 	return Object.freeze({
 		id: `heading:${context.key}:${heading.position}`,
@@ -57191,7 +57535,7 @@ var InkKitEditor = class InkKitEditor {
 				const anchor = view.state.doc.attrs[sourceAttribute];
 				const from = anchor?.from ?? this.plain.selectionStart;
 				const to = anchor?.to ?? this.plain.selectionEnd;
-				if (!this.plainComposing) this.plain.value = markdown;
+				if (!this.plainComposing) this.setSourceValue(markdown);
 				if (!this.plainComposing) {
 					this.plain.setSelectionRange(Math.min(from, this.plain.value.length), Math.min(to, this.plain.value.length));
 					this.revealLiteralSelection();
@@ -57440,6 +57784,12 @@ var InkKitEditor = class InkKitEditor {
 		}
 		this.publishCommandState();
 	}
+	/** Supplies native host activation for selection presentation. Null restores browser detection. */
+	setHostActive(active) {
+		this.assertAlive();
+		if (active !== null) expectBoolean(active, "active");
+		setSelectionHostActive(this.editor.ctx.get(editorViewCtx), active);
+	}
 	/** Replaces the input preferences. A field left out takes its default. Throws `composition`
 	*  during text composition. */
 	setTextInputPreferences(preferences) {
@@ -57458,11 +57808,13 @@ var InkKitEditor = class InkKitEditor {
 	}
 	applyInputPolicy() {
 		const view = this.editor.ctx.get(editorViewCtx);
-		const attributes = typeof view.props.attributes === "function" ? view.props.attributes(view.state) : view.props.attributes;
+		const inputAttributes = { ...typeof view.props.attributes === "function" ? view.props.attributes(view.state) : view.props.attributes };
+		delete inputAttributes["aria-readonly"];
+		if (!this.writable) inputAttributes["aria-readonly"] = "true";
 		view.setProps({
 			editable: () => this.writable && !this.literalSurface,
 			attributes: {
-				...attributes,
+				...inputAttributes,
 				role: "textbox",
 				"aria-multiline": "true",
 				"aria-label": this.options.labels?.formattedEditor ?? defaultLabels.formattedEditor
@@ -57627,7 +57979,7 @@ var InkKitEditor = class InkKitEditor {
 			if (provenance) {
 				preservation = this.sourcePreservations.get(provenance);
 				if (!preservation) {
-					preservation = new Preservation(this.editor.ctx, provenance.text);
+					preservation = Preservation.read(this.editor.ctx, provenance.text);
 					this.sourcePreservations.set(provenance, preservation);
 				}
 			}
@@ -57669,7 +58021,7 @@ var InkKitEditor = class InkKitEditor {
 		this.plainSearch = "";
 		this.literalMatch = void 0;
 		if (mode === "source") {
-			this.plain.value = text;
+			this.setSourceValue(text);
 			this.plain.setSelectionRange(Math.min(anchor, head), Math.max(anchor, head), anchor > head ? "backward" : "forward");
 		} else view.dispatch(view.state.tr.setSelection(TextSelection.between(view.state.doc.resolve(Math.min(anchor, view.state.doc.content.size)), view.state.doc.resolve(Math.min(head, view.state.doc.content.size)))).setMeta("addToHistory", false));
 		const suppressed = this.reportingSuppressed;
@@ -57754,10 +58106,27 @@ var InkKitEditor = class InkKitEditor {
 		if (this.typedSteps.length > sourceStepLimit) this.typedSteps.shift();
 	}
 	showTypedSource(text, from, to) {
-		this.plain.value = text;
+		this.setSourceValue(text);
 		this.plain.setSelectionRange(Math.min(from, this.plain.value.length), Math.min(to, this.plain.value.length));
 		this.revealLiteralSelection();
 	}
+	setSourceValue(text) {
+		const plain = this.plain;
+		if (text.length < 65536 || !plain.isConnected || this.plainComposing) {
+			plain.value = text;
+			return;
+		}
+		const focused = plain.ownerDocument.activeElement === plain;
+		const { selectionStart, selectionEnd, selectionDirection, scrollTop, scrollLeft } = plain;
+		const marker = plain.ownerDocument.createComment("source");
+		plain.replaceWith(marker);
+		plain.value = text;
+		marker.replaceWith(plain);
+		plain.setSelectionRange(selectionStart, selectionEnd, selectionDirection);
+		if (focused) plain.focus({ preventScroll: true });
+		plain.scrollTop = scrollTop;
+		plain.scrollLeft = scrollLeft;
+	}
 	/**
 	* Undoes or redoes typed source that the formatted document has not taken
 	* in, on the text alone. Returns whether there was a step to take.
@@ -57829,7 +58198,7 @@ var InkKitEditor = class InkKitEditor {
 		try {
 			if (this.formatType === "txt") parsed = view.state.schema.topNodeType.create(null, view.state.schema.nodes.paragraph.create(null, text ? view.state.schema.text(text) : void 0));
 			else {
-				const preservation = new Preservation(this.editor.ctx, text);
+				const preservation = Preservation.read(this.editor.ctx, text);
 				this.sourcePreservations.set(provenance, preservation);
 				parsed = preservation.baseline;
 			}
@@ -57993,7 +58362,7 @@ var InkKitEditor = class InkKitEditor {
 		const valid = content.firstChild?.isInline ? Fragment.from(schema.nodes.paragraph.create(null, content)) : content;
 		let markdown;
 		try {
-			markdown = selectedSource ? selectedSource.markdown : all ? snapshot.text : completeDiagrams.size ? new Preservation(this.editor.ctx, snapshot.text).serialize(doc.type.create(null, selectionContent(doc, valid))) : selectionMarkdown(this.editor.ctx, doc, valid);
+			markdown = selectedSource ? selectedSource.markdown : all ? snapshot.text : completeDiagrams.size ? Preservation.read(this.editor.ctx, snapshot.text).serialize(doc.type.create(null, selectionContent(doc, valid))) : selectionMarkdown(this.editor.ctx, doc, valid);
 		} catch (error) {
 			throw coded(error, "preservation");
 		}
@@ -58308,7 +58677,7 @@ var InkKitEditor = class InkKitEditor {
 					return true;
 				}
 			}));
-		}).use(labelsCtx).use(linkSchemesCtx).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(undoTypedRule).use(quoteBackspace).use(calloutEnter).use(literalEnter).use(literalReread).use(listItemBackspace).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-GlZZ_7st.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(linkSchemesCtx).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(undoTypedRule).use(quoteBackspace).use(calloutEnter).use(literalEnter).use(literalReread).use(listItemBackspace).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-LB7Mkd5W.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: {
@@ -58358,7 +58727,7 @@ var InkKitEditor = class InkKitEditor {
 		instance.plain.addEventListener("input", () => {
 			if (!instance.ready || !instance.literalSurface) return;
 			if (!instance.writable) {
-				instance.plain.value = instance.currentText();
+				instance.setSourceValue(instance.currentText());
 				return;
 			}
 			try {
@@ -58509,7 +58878,7 @@ var InkKitEditor = class InkKitEditor {
 		const markdown = input.format === "txt" ? "" : input.text;
 		let preservation;
 		try {
-			preservation = new Preservation(this.editor.ctx, markdown);
+			preservation = Preservation.read(this.editor.ctx, markdown);
 		} catch (error) {
 			throw new InkKitError("preservation", "The document was not loaded because its Markdown could not be shown without losing part of it", { cause: error });
 		}
@@ -58534,7 +58903,7 @@ var InkKitEditor = class InkKitEditor {
 		this.plainSearch = "";
 		this.literalMatch = void 0;
 		this.formatType = input.format;
-		this.plain.value = input.text;
+		this.setSourceValue(input.text);
 		this.plain.setSelectionRange(this.plain.value.length, this.plain.value.length);
 		this.load(markdown, preservation);
 		this.originalSource = input.text;
@@ -59115,7 +59484,7 @@ var InkKitEditor = class InkKitEditor {
 	* Resolves wiki links and file embeds again, all of them or those whose `target` is named, after
 	* something they point to changed. A file keeps its card until the new answer differs. Changes no
 	* document state, so it works in a read-only editor and during composition. Source and TXT modes
-	* draw no references, and they resolve afresh when formatted mode returns.
+	* draw no references; named file answers are invalidated and resolved when formatted mode returns.
 	*/
 	refreshReferences(targets, expectedGeneration) {
 		this.assertAlive();
@@ -59236,7 +59605,7 @@ var InkKitEditor = class InkKitEditor {
 		const view = this.editor.ctx.get(editorViewCtx);
 		const { doc, tr } = view.state;
 		const blocks = this.imageBlocks(images);
-		if (doc.childCount === 1 && doc.firstChild.content.size === 0) tr.replaceWith(0, doc.content.size, blocks);
+		if (doc.childCount === 1 && doc.firstChild.type.name === "paragraph" && doc.firstChild.content.size === 0 && this.currentText().trim() === "") tr.replaceWith(0, doc.content.size, blocks);
 		else tr.insert(doc.content.size, blocks);
 		view.dispatch(closeHistory(tr));
 		view.dispatch(closeHistory(view.state.tr).setMeta("addToHistory", false));
@@ -59704,6 +60073,7 @@ var InkKitEditor = class InkKitEditor {
 			"pasteAsPlainText",
 			"commandState",
 			"setEditable",
+			"setHostActive",
 			"setTextInputPreferences",
 			"setEditingMode",
 			"replaceSource",

package/dist/chunks/{highlight-GlZZ_7st.js → highlight-LB7Mkd5W.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-Dx4gTiUo.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-DTew7k7c.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.js

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

package/dist/editor.d.ts

@@ -267,6 +267,8 @@ export declare class InkKitEditor {
     get editable(): boolean;
     /** Turns editing on or off for both surfaces. Throws `composition` during text composition. */
     setEditable(editable: boolean): void;
+    /** Supplies native host activation for selection presentation. Null restores browser detection. */
+    setHostActive(active: boolean | null): void;
     /** Replaces the input preferences. A field left out takes its default. Throws `composition`
      *  during text composition. */
     setTextInputPreferences(preferences: TextInputPreferences): void;
@@ -299,6 +301,7 @@ export declare class InkKitEditor {
     private deferSource;
     private rememberTypedStep;
     private showTypedSource;
+    private setSourceValue;
     /**
      * Undoes or redoes typed source that the formatted document has not taken
      * in, on the text alone. Returns whether there was a step to take.
@@ -426,7 +429,7 @@ export declare class InkKitEditor {
      * Resolves wiki links and file embeds again, all of them or those whose `target` is named, after
      * something they point to changed. A file keeps its card until the new answer differs. Changes no
      * document state, so it works in a read-only editor and during composition. Source and TXT modes
-     * draw no references, and they resolve afresh when formatted mode returns.
+     * draw no references; named file answers are invalidated and resolved when formatted mode returns.
      */
     refreshReferences(targets?: readonly string[], expectedGeneration?: number): void;
     /** Replaces every binding. Keys are in ProseMirror's notation. A key given to two shortcuts goes

package/dist/index.js

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

package/dist/style.css

@@ -1,4 +1,5 @@
 .inkkit-root {
+  --_inkkit-font-size: var(--inkkit-font-size, 15px);
   box-sizing: border-box;
   color-scheme: var(--inkkit-color-scheme, light dark);
   color: var(--inkkit-text-color, CanvasText);
@@ -9,7 +10,7 @@
     system-ui,
     sans-serif
   );
-  font-size: var(--inkkit-font-size, 15px);
+  font-size: var(--_inkkit-font-size);
   line-height: var(--inkkit-line-height, normal);
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: none;
@@ -60,7 +61,7 @@
     var(--inkkit-padding-bottom, 48px);
   background: transparent;
   color: var(--_inkkit-text);
-  font: calc(var(--inkkit-font-size, 15px) * 1)/var(--inkkit-line-height, 1.5)
+  font: calc(var(--_inkkit-font-size) * 1)/var(--inkkit-line-height, 1.5)
     var(--_inkkit-mono);
 }
 
@@ -75,7 +76,7 @@
 .inkkit-root .inkkit-table-block {
   position: relative;
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
 }
 .inkkit-root .inkkit-table-scroll {
   overflow-x: auto;
@@ -91,9 +92,9 @@
 .inkkit-root .ProseMirror th {
   position: relative;
   box-sizing: border-box;
-  min-width: calc(var(--inkkit-font-size, 15px) * 4);
-  padding: calc(var(--inkkit-font-size, 15px) * 0.4)
-    calc(var(--inkkit-font-size, 15px) * 0.6);
+  min-width: calc(var(--_inkkit-font-size) * 4);
+  padding: calc(var(--_inkkit-font-size) * 0.4)
+    calc(var(--_inkkit-font-size) * 0.6);
   border: 0 solid var(--_inkkit-rule);
   border-width: 0 1px 1px 0;
   vertical-align: top;
@@ -263,7 +264,7 @@
 .inkkit-root .ProseMirror .inkkit-image-block {
   display: block;
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
   line-height: 0;
 }
 .inkkit-root .ProseMirror .inkkit-image-block > .inkkit-image {
@@ -526,7 +527,7 @@
 
 .inkkit-root .ProseMirror p {
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
 }
 
 .inkkit-root .ProseMirror h1,
@@ -534,32 +535,32 @@
 .inkkit-root .ProseMirror h3 {
   line-height: 1.25;
   letter-spacing: -0.01em;
-  margin: calc(var(--inkkit-font-size, 15px) * 1.867) 0
-    calc(var(--inkkit-font-size, 15px) * 0.533);
+  margin: calc(var(--_inkkit-font-size) * 1.867) 0
+    calc(var(--_inkkit-font-size) * 0.533);
 }
 
 .inkkit-root .ProseMirror h1 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1.733);
+  font-size: calc(var(--_inkkit-font-size) * 1.733);
   font-weight: 700;
 }
 
 .inkkit-root .ProseMirror h2 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1.4);
+  font-size: calc(var(--_inkkit-font-size) * 1.4);
   font-weight: 700;
 }
 
 .inkkit-root .ProseMirror h3 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1.133);
+  font-size: calc(var(--_inkkit-font-size) * 1.133);
   font-weight: 600;
 }
 
 .inkkit-root .ProseMirror h4,
 .inkkit-root .ProseMirror h5,
 .inkkit-root .ProseMirror h6 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1);
+  font-size: calc(var(--_inkkit-font-size) * 1);
   font-weight: 600;
-  margin: calc(var(--inkkit-font-size, 15px) * 1.333) 0
-    calc(var(--inkkit-font-size, 15px) * 0.4);
+  margin: calc(var(--_inkkit-font-size) * 1.333) 0
+    calc(var(--_inkkit-font-size) * 0.4);
 }
 
 .inkkit-root .ProseMirror strong {
@@ -600,25 +601,25 @@
   font-size: 0.88em;
   background: var(--_inkkit-code-bg);
   border-radius: 5px;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.067)
-    calc(var(--inkkit-font-size, 15px) * 0.333);
+  padding: calc(var(--_inkkit-font-size) * 0.067)
+    calc(var(--_inkkit-font-size) * 0.333);
 }
 
 .inkkit-root .ProseMirror pre {
   position: relative;
   font-family: var(--_inkkit-mono);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.867);
+  font-size: calc(var(--_inkkit-font-size) * 0.867);
   line-height: 1.5;
   background: var(--_inkkit-code-bg);
   border-radius: 8px;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.8)
-    calc(var(--inkkit-font-size, 15px) * 0.933);
-  margin: 0 0 calc(var(--inkkit-font-size, 15px) * 0.8);
+  padding: calc(var(--_inkkit-font-size) * 0.8)
+    calc(var(--_inkkit-font-size) * 0.933);
+  margin: 0 0 calc(var(--_inkkit-font-size) * 0.8);
   overflow-x: auto;
 }
 
 .inkkit-root .ProseMirror pre[data-language] {
-  padding-top: max(calc(var(--inkkit-font-size, 15px) * 2), 30px);
+  padding-top: max(calc(var(--_inkkit-font-size) * 2), 30px);
 }
 
 .inkkit-root .ProseMirror pre .inkkit-copy {
@@ -661,8 +662,8 @@
 }
 
 .inkkit-root .ProseMirror blockquote {
-  margin: 0 0 calc(var(--inkkit-font-size, 15px) * 0.8);
-  padding: 2px 0 2px calc(var(--inkkit-font-size, 15px) * 0.8);
+  margin: 0 0 calc(var(--_inkkit-font-size) * 0.8);
+  padding: 2px 0 2px calc(var(--_inkkit-font-size) * 0.8);
   border-left: 2px solid var(--_inkkit-accent);
 }
 
@@ -677,18 +678,18 @@
 .inkkit-root .ProseMirror hr {
   border: 0;
   border-top: 1px solid var(--_inkkit-rule);
-  margin: calc(var(--inkkit-font-size, 15px) * 1.333) 0;
+  margin: calc(var(--_inkkit-font-size) * 1.333) 0;
 }
 
 .inkkit-root .ProseMirror ul,
 .inkkit-root .ProseMirror ol {
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
-  padding-left: calc(var(--inkkit-font-size, 15px) * 1.733);
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
+  padding-left: calc(var(--_inkkit-font-size) * 1.733);
 }
 
 .inkkit-root .ProseMirror li {
-  margin: 0 0 calc(var(--inkkit-font-size, 15px) * 0.267);
+  margin: 0 0 calc(var(--_inkkit-font-size) * 0.267);
 }
 
 .inkkit-root .ProseMirror li > p {
@@ -697,7 +698,7 @@
 
 .inkkit-root .ProseMirror li ul,
 .inkkit-root .ProseMirror li ol {
-  margin-top: calc(var(--inkkit-font-size, 15px) * 0.267);
+  margin-top: calc(var(--_inkkit-font-size) * 0.267);
   margin-bottom: 0;
 }
 
@@ -712,7 +713,7 @@
   /* The box is centered on the first line: 1lh is the line height the item's
      text uses, including when it is normal, and --inkkit-checkbox-offset
      moves the box down for a font whose lines look off-center. */
-  --_inkkit-task-size: calc(var(--inkkit-font-size, 15px) * 0.933);
+  --_inkkit-task-size: calc(var(--_inkkit-font-size) * 0.933);
   --_inkkit-task-top: calc(
     (1lh - var(--_inkkit-task-size)) / 2 + var(--inkkit-checkbox-offset, 0px)
   );
@@ -721,7 +722,7 @@
 .inkkit-root .ProseMirror li[data-item-type='task']::before {
   content: '';
   position: absolute;
-  left: calc(var(--inkkit-font-size, 15px) * -1.667);
+  left: calc(var(--_inkkit-font-size) * -1.667);
   top: var(--_inkkit-task-top);
   width: var(--_inkkit-task-size);
   height: var(--_inkkit-task-size);
@@ -747,10 +748,10 @@
   li[data-item-type='task'][data-checked='true']::after {
   content: '';
   position: absolute;
-  left: calc(var(--inkkit-font-size, 15px) * -1.333);
-  top: calc(var(--_inkkit-task-top) + var(--inkkit-font-size, 15px) * 0.133);
-  width: calc(var(--inkkit-font-size, 15px) * 0.2);
-  height: calc(var(--inkkit-font-size, 15px) * 0.467);
+  left: calc(var(--_inkkit-font-size) * -1.333);
+  top: calc(var(--_inkkit-task-top) + var(--_inkkit-font-size) * 0.133);
+  width: calc(var(--_inkkit-font-size) * 0.2);
+  height: calc(var(--_inkkit-font-size) * 0.467);
   border: solid Canvas;
   border-width: 0 1.5px 1.5px 0;
   transform: rotate(45deg);
@@ -853,28 +854,28 @@
 .inkkit-root .ProseMirror .inkkit-literal-markdown {
   white-space: pre-wrap;
   font-family: var(--_inkkit-mono);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.9);
+  font-size: calc(var(--_inkkit-font-size) * 0.9);
 }
 
 .inkkit-root .inkkit-footnote-reference {
   cursor: pointer;
   color: var(--_inkkit-accent, currentColor);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.75);
+  font-size: calc(var(--_inkkit-font-size) * 0.75);
 }
 
 .inkkit-root .inkkit-footnote-definition {
   border-inline-start: 2px solid var(--_inkkit-muted, currentColor);
-  padding-inline-start: calc(var(--inkkit-font-size, 15px) * 1);
+  padding-inline-start: calc(var(--_inkkit-font-size) * 1);
 }
 
 .inkkit-root .inkkit-footnote-definition::before {
   content: '[' attr(data-inkkit-label) ']';
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.8);
+  font-size: calc(var(--_inkkit-font-size) * 0.8);
 }
 
 .inkkit-root .inkkit-reference-definition {
   font-family: var(--_inkkit-mono);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.8);
+  font-size: calc(var(--_inkkit-font-size) * 0.8);
   opacity: 0.7;
 }
 
@@ -886,8 +887,8 @@
 .inkkit-root .ProseMirror .inkkit-callout {
   --_inkkit-callout-color: var(--_inkkit-accent);
   border-inline-start: 3px solid var(--_inkkit-callout-color);
-  padding: calc(var(--inkkit-font-size, 15px) * 0.65)
-    calc(var(--inkkit-font-size, 15px) * 1);
+  padding: calc(var(--_inkkit-font-size) * 0.65)
+    calc(var(--_inkkit-font-size) * 1);
   background: color-mix(in srgb, var(--_inkkit-callout-color) 7%, transparent);
 }
 
@@ -907,14 +908,14 @@
 .inkkit-root .inkkit-callout-header {
   display: flex;
   align-items: baseline;
-  gap: calc(var(--inkkit-font-size, 15px) * 0.75);
+  gap: calc(var(--_inkkit-font-size) * 0.75);
 }
 
 .inkkit-root [data-inkkit-callout-toggle] {
   color: var(--_inkkit-muted);
   background: transparent;
   border: 0;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.25);
+  padding: calc(var(--_inkkit-font-size) * 0.25);
   cursor: pointer;
 }
 
@@ -936,7 +937,7 @@
 
 .inkkit-root [data-inkkit-comments-visible='true'] .inkkit-comment-block {
   display: block;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.5);
+  padding: calc(var(--_inkkit-font-size) * 0.5);
 }
 
 @media print {
@@ -980,7 +981,7 @@
 }
 .inkkit-root .inkkit-mermaid-preview[data-state='error'] {
   color: var(--inkkit-diagram-error-color, #9b2424);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.9);
+  font-size: calc(var(--_inkkit-font-size) * 0.9);
 }
 
 /* One ring for every control InkKit draws; the editing surfaces can be set apart. */
@@ -1028,8 +1029,8 @@
   background: var(--inkkit-menu-background, light-dark(#fff, #252529));
   color: var(--inkkit-menu-text, CanvasText);
   box-shadow: var(--inkkit-menu-shadow, 0 4px 18px #0003);
-  font: calc(var(--inkkit-font-size, 15px) * 14 / 15) /
-    calc(var(--inkkit-font-size, 15px) * 1.6)
+  font: calc(var(--_inkkit-font-size) * 14 / 15) /
+    calc(var(--_inkkit-font-size) * 1.6)
     var(--inkkit-font-family, system-ui, sans-serif);
 }
 .inkkit-root .inkkit-suggestions [role='option'] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicayzer/inkkit",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "A preserving Markdown editor for offline web views and the web",
   "license": "MIT",
   "type": "module",
@@ -38,7 +38,7 @@
   },
   "packageManager": "pnpm@11.0.9",
   "engines": {
-    "node": ">=22.14"
+    "node": ">=26"
   },
   "scripts": {
     "build": "node scripts/clean-build.mjs && tsc -p tsconfig.build.json && vite build --config vite.package.config.ts && node scripts/finish-build.mjs",