@aicayzer/inkkit 0.3.2 → 0.3.3

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

@@ -28352,6 +28352,7 @@ var defaultLabels = {
 	slashBulletList: "Bulleted List",
 	slashOrderedList: "Numbered List",
 	slashTaskList: "Checklist",
+	taskCheckbox: "Task",
 	slashQuote: "Quote",
 	slashCodeBlock: "Code Block",
 	slashTable: "Table",
@@ -28393,6 +28394,7 @@ var defaultLabels = {
 	fileOpen: "Open",
 	filePreviewUnavailable: "Preview unavailable",
 	filePDFPreview: "Open to view this PDF",
+	imageResize: "Resize image",
 	wikiMissing: "Link unavailable",
 	comment: "Author comment",
 	preservedMarkdown: "Preserved Markdown"
@@ -52026,6 +52028,9 @@ var ImageView = class {
 	/** The card or picture, which a standalone image's block row holds. */
 	element;
 	image;
+	handle;
+	destroyed = false;
+	restoreResizeFocus = false;
 	media;
 	pdf;
 	width = null;
@@ -52143,6 +52148,7 @@ var ImageView = class {
 		this.pdf = void 0;
 	}
 	destroy() {
+		this.destroyed = true;
 		this.view.dom.removeEventListener("inkkit-cancel-resize", this.cancelResize);
 		this.view.dom.removeEventListener(mediaPolicyEvent, this.mediaPolicy);
 		this.stopResize?.();
@@ -52205,6 +52211,7 @@ var ImageView = class {
 		if (!state.selection.eq(selection)) this.view.dispatch(state.tr.setSelection(selection));
 	}
 	card(label, status, retry = false) {
+		if (this.resolution?.state.status !== "loading" && !this.handle) this.restoreResizeFocus = false;
 		const footer = document.createElement("span");
 		footer.className = "inkkit-file-footer";
 		const name = document.createElement("span");
@@ -52239,6 +52246,7 @@ var ImageView = class {
 		this.render();
 	}
 	render() {
+		if (this.handle && document.activeElement === this.handle) this.restoreResizeFocus = true;
 		this.stopResize?.();
 		this.stopResize = void 0;
 		this.releaseMedia();
@@ -52250,6 +52258,7 @@ var ImageView = class {
 		this.width = width;
 		this.element.textContent = "";
 		this.image = void 0;
+		this.handle = void 0;
 		if (this.runtime) {
 			this.element.classList.add("inkkit-file");
 			const state = this.resolution.state;
@@ -52301,6 +52310,7 @@ var ImageView = class {
 				const pdf = document.createElement("iframe");
 				pdf.title = label;
 				pdf.setAttribute("sandbox", "");
+				pdf.tabIndex = -1;
 				pdf.referrerPolicy = "no-referrer";
 				if (width != null) pdf.style.width = `${width}px`;
 				pdf.addEventListener("error", () => {
@@ -52311,6 +52321,7 @@ var ImageView = class {
 				this.element.append(pdf);
 				this.card(label, this.runtime.labels.filePDFPreview);
 			} else this.card(label);
+			this.restoreHandleFocus();
 			return;
 		}
 		const presentation = this.adapter?.presentation(String(this.node.attrs.src ?? ""));
@@ -52321,6 +52332,12 @@ var ImageView = class {
 		}
 		this.element.classList.remove("inkkit-image-absent");
 		this.renderImage(presentation.url, alt, width);
+		this.restoreHandleFocus();
+	}
+	restoreHandleFocus() {
+		if (!this.restoreResizeFocus || !this.handle) return;
+		this.restoreResizeFocus = false;
+		if (this.canResize() && document.activeElement === document.body) this.handle.focus({ preventScroll: true });
 	}
 	renderImage(url, alt, width) {
 		const image = document.createElement("img");
@@ -52337,9 +52354,57 @@ var ImageView = class {
 		preview.append(image);
 		const handle = document.createElement("span");
 		handle.className = "inkkit-image-handle";
+		handle.tabIndex = 0;
+		handle.setAttribute("role", "slider");
+		handle.setAttribute("aria-orientation", "horizontal");
+		handle.setAttribute("aria-label", `${this.host?.labels.imageResize ?? defaultLabels.imageResize} ${alt}`.trim());
+		handle.addEventListener("focus", this.updateHandle);
+		handle.addEventListener("keydown", this.resizeKey);
 		handle.addEventListener("pointerdown", this.startResize);
+		this.handle = handle;
 		this.element.append(preview, handle);
-	}
+		this.updateHandle();
+		image.addEventListener("load", this.updateHandle);
+	}
+	updateHandle = () => {
+		if (!this.handle || !this.image) return;
+		const width = Math.round(this.image.getBoundingClientRect().width || this.width || minimumWidth);
+		this.handle.setAttribute("aria-valuemin", String(Math.min(minimumWidth, width)));
+		this.handle.setAttribute("aria-valuemax", String(Math.max(minimumWidth, width, this.view.dom.clientWidth)));
+		this.handle.setAttribute("aria-valuenow", String(width));
+		this.handle.setAttribute("aria-valuetext", `${width}px`);
+	};
+	resizeKey = (event) => {
+		if (event.altKey || event.ctrlKey || event.metaKey || !this.canResize()) return;
+		const image = this.image;
+		if (!image || event.currentTarget !== this.handle || !this.handle.isConnected) return;
+		const limit = Math.max(minimumWidth, this.view.dom.clientWidth);
+		const current = Math.round(image.getBoundingClientRect().width || this.width || minimumWidth);
+		const step = event.shiftKey ? 1 : 10;
+		let width;
+		switch (event.key) {
+			case "ArrowLeft":
+			case "ArrowDown":
+				width = current - step;
+				break;
+			case "ArrowRight":
+			case "ArrowUp":
+				width = current + step;
+				break;
+			case "Home":
+				width = minimumWidth;
+				break;
+			case "End":
+				width = limit;
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		this.width = Math.min(limit, Math.max(minimumWidth, width));
+		this.commit();
+		this.handle?.focus({ preventScroll: true });
+		this.updateHandle();
+	};
 	startResize = (event) => {
 		event.preventDefault();
 		const image = this.image;
@@ -52394,7 +52459,7 @@ var ImageView = class {
 		this.view.dispatch(closeHistory(this.view.state.tr));
 	}
 	canResize() {
-		return this.view.editable && !this.view.composing && this.canMutate();
+		return !this.destroyed && this.view.editable && !this.view.composing && (!this.host || this.host.active()) && this.canMutate();
 	}
 };
 var svg$1 = "http://www.w3.org/2000/svg";
@@ -56483,28 +56548,141 @@ function onTaskMarker(event) {
 	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: { 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 taskListPlugin(run) {
+	return $prose((ctx) => {
+		const controls = /* @__PURE__ */ new Set();
+		function decorations(doc, from = 0, to = doc.content.size, items = /* @__PURE__ */ new Set()) {
+			const widgets = [];
+			doc.nodesBetween(from, to, (node, pos) => {
+				if (node.isTextblock) return false;
+				if (node.type.name !== "list_item") return;
+				items.add(pos + 1);
+				if (node.attrs.checked == null) return;
+				widgets.push(Decoration.widget(pos + 1, (view, getPos) => {
+					const checkbox = document.createElement("span");
+					checkbox.className = "inkkit-task-checkbox";
+					checkbox.contentEditable = "false";
+					checkbox.tabIndex = 0;
+					checkbox.setAttribute("role", "checkbox");
+					const current = () => {
+						const at = getPos();
+						return at == null ? void 0 : view.state.doc.nodeAt(at - 1);
+					};
+					const update = () => {
+						const task = current();
+						checkbox.setAttribute("aria-checked", String(!!task?.attrs.checked));
+						checkbox.setAttribute("aria-readonly", String(!view.editable));
+						checkbox.setAttribute("aria-label", task?.firstChild?.textContent || editorLabels(ctx).taskCheckbox);
+					};
+					controls.add(update);
+					update();
+					const toggle = () => {
+						const at = getPos();
+						const focused = document.activeElement === checkbox;
+						run(() => at != null && toggleTaskAt(view, at - 1));
+						if (focused && at != null) view.nodeDOM(at - 1)?.querySelector(":scope > .inkkit-task-checkbox")?.focus({ preventScroll: true });
+					};
+					checkbox.addEventListener("mousedown", (event) => event.preventDefault());
+					checkbox.addEventListener("click", (event) => {
+						event.preventDefault();
+						toggle();
+					});
+					checkbox.addEventListener("keydown", (event) => {
+						if (event.key !== " " && event.key !== "Enter") return;
+						event.preventDefault();
+						event.stopPropagation();
+						toggle();
+					});
+					checkbox.cleanup = () => controls.delete(update);
+					return checkbox;
+				}, {
+					side: -1,
+					key: "task-checkbox",
+					ignoreSelection: true,
+					stopEvent: () => true,
+					destroy: (node) => node.cleanup()
+				}));
+			});
+			return widgets;
+		}
+		function update(previous, tr) {
+			let mapped = previous.map(tr.mapping, tr.doc);
+			const ranges = [];
+			tr.mapping.maps.forEach((map, index) => {
+				const rest = tr.mapping.slice(index + 1);
+				map.forEach((_, __, from, to) => ranges.push([rest.map(from, -1), rest.map(to, 1)]));
+			});
+			if (ranges.length === 0) {
+				const start = tr.before.content.findDiffStart(tr.doc.content);
+				const end = tr.before.content.findDiffEnd(tr.doc.content);
+				if (start != null && end) ranges.push([start, Math.max(start, end.b)]);
+			}
+			for (const [from, to] of ranges) {
+				const items = /* @__PURE__ */ new Set();
+				const widgets = decorations(tr.doc, from, to, items);
+				const stale = new Set(mapped.find(from, to));
+				for (const pos of items) for (const widget of mapped.find(pos, pos)) stale.add(widget);
+				mapped = mapped.remove([...stale]).add(tr.doc, widgets);
+			}
+			return mapped;
 		}
-	} }
-}));
+		return new Plugin({
+			key: new PluginKey("taskToggle"),
+			state: {
+				init: (_, state) => DecorationSet.create(state.doc, decorations(state.doc)),
+				apply: (tr, previous) => tr.docChanged ? update(previous, tr) : previous
+			},
+			props: {
+				decorations(state) {
+					return this.getState(state);
+				},
+				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;
+						event.preventDefault();
+						run(() => toggleTaskAt(view, nodePos));
+						return true;
+					}
+				}
+			},
+			view: (view) => {
+				let editable = view.editable;
+				return { update(view, previousState) {
+					if (previousState.doc === view.state.doc && editable === view.editable) return;
+					editable = view.editable;
+					controls.forEach((update) => update());
+				} };
+			}
+		});
+	});
+}
+function toggleTaskAt(view, pos) {
+	const node = view.state.doc.nodeAt(pos);
+	if (node?.type.name !== "list_item" || node.attrs.checked == null) return false;
+	view.dispatch(view.state.tr.setNodeMarkup(pos, void 0, {
+		...node.attrs,
+		checked: !node.attrs.checked
+	}));
+	return true;
+}
+function taskAtCaret(state) {
+	const { $from } = state.selection;
+	for (let depth = $from.depth; depth > 0; depth--) {
+		const node = $from.node(depth);
+		if (node.type.name === "list_item") return node.attrs.checked == null ? void 0 : $from.before(depth);
+	}
+}
+function toggleTask(ctx) {
+	const view = ctx.get(editorViewCtx);
+	const pos = taskAtCaret(view.state);
+	return pos != null && toggleTaskAt(view, pos);
+}
 function listItemsInSelection(view) {
 	const { from, to } = view.state.selection;
 	const items = [];
@@ -56892,6 +57070,7 @@ var formatCommands = [
 	"bulletList",
 	"orderedList",
 	"taskList",
+	"toggleTask",
 	"link"
 ];
 /** Checks a format call's options against its command. */
@@ -56962,6 +57141,7 @@ var shortcutNames = [
 	"moveBlockDown",
 	"indent",
 	"outdent",
+	"openLink",
 	...tableCommands.map(tableShortcut)
 ];
 /** Checks a keymap and drops omitted entries, so a `null` binding keeps its default. */
@@ -57547,6 +57727,7 @@ var InkKitEditor = class InkKitEditor {
 		} })
 	}));
 	keys = () => false;
+	readingKeys = () => false;
 	events;
 	/** The host's extra link schemes, in lower case. */
 	linkSchemes;
@@ -57816,6 +57997,7 @@ var InkKitEditor = class InkKitEditor {
 			attributes: {
 				...inputAttributes,
 				role: "textbox",
+				tabindex: "0",
 				"aria-multiline": "true",
 				"aria-label": this.options.labels?.formattedEditor ?? defaultLabels.formattedEditor
 			}
@@ -57865,6 +58047,7 @@ var InkKitEditor = class InkKitEditor {
 			bulletList: formatted && (innermostListDepth(textBounds(state).$from) != null || check(wrapInBulletListCommand.key)),
 			orderedList: formatted && (innermostListDepth(textBounds(state).$from) != null || check(wrapInOrderedListCommand.key)),
 			taskList: formatted && (innermostListDepth(textBounds(state).$from) != null || check(wrapInBulletListCommand.key)),
+			toggleTask: formatted && taskAtCaret(state) != null,
 			link: check(toggleLinkCommand.key, {})
 		};
 		const tables = formatted ? tableAvailability(this.editor.ctx) : Object.fromEntries(tableCommands.map((name) => [name, false]));
@@ -58489,10 +58672,19 @@ var InkKitEditor = class InkKitEditor {
 	}
 	keymapPlugin = $prose(() => new Plugin({
 		key: new PluginKey("appKeymap"),
-		props: { handleKeyDown: (view, event) => {
-			if (event.altKey && event.key === "Enter") return this.forPerson(() => this.navigateFootnote(event.shiftKey ? "reference" : "definition"), true);
-			return this.keys(view, event);
-		} }
+		props: {
+			handleDOMEvents: { keydown: (view, event) => {
+				if (!this.writable && this.readingKeys(view, event)) {
+					event.preventDefault();
+					return true;
+				}
+				return false;
+			} },
+			handleKeyDown: (view, event) => {
+				if (event.altKey && event.key === "Enter") return this.forPerson(() => this.navigateFootnote(event.shiftKey ? "reference" : "definition"), true);
+				return this.keys(view, event);
+			}
+		}
 	}));
 	indentPlugin = new Plugin({
 		key: new PluginKey("listIndent"),
@@ -58677,7 +58869,10 @@ 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-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, {
+		}).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((operation) => instance.forPerson(() => instance.facadeCall(() => {
+			instance.assertMutation();
+			return !instance.literalSurface && operation();
+		}), false))).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-X_ZzV-a6.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: {
@@ -59439,13 +59634,14 @@ var InkKitEditor = class InkKitEditor {
 			return goToNextCell(shiftKey ? -1 : 1)(view.state, view.dispatch);
 		}
 		if (!this.writable) {
+			if (!this.literalSurface && this.readOnlyKeys(this.editor.ctx.get(editorViewCtx), event)) return true;
 			if ([
 				"Enter",
 				"Tab",
 				"Backspace",
 				"Delete"
 			].includes(key)) this.assertMutation(generation);
-			this.readOnlyKeys(this.editor.ctx.get(editorViewCtx), event);
+			if (this.literalSurface) this.readOnlyKeys(this.editor.ctx.get(editorViewCtx), event);
 		}
 		if (this.literalSurface) {
 			if (this.literalKeys(this.editor.ctx.get(editorViewCtx), event)) return true;
@@ -59472,7 +59668,11 @@ var InkKitEditor = class InkKitEditor {
 	focus(expectedGeneration) {
 		this.assertReady(expectedGeneration);
 		if (this.literalSurface) this.plain.focus();
-		else this.editor.ctx.get(editorViewCtx).focus();
+		else {
+			const view = this.editor.ctx.get(editorViewCtx);
+			if (!this.writable) view.dom.focus({ preventScroll: true });
+			view.focus();
+		}
 	}
 	/** Moves focus off InkKit's text surfaces. Focus anywhere else, such as in a host control or a
 	*  control InkKit draws, is left alone. */
@@ -59493,7 +59693,7 @@ var InkKitEditor = class InkKitEditor {
 		requestRefresh(this.editor.ctx.get(editorViewCtx).dom, { ...names && { targets: names } });
 	}
 	/** Replaces every binding. Keys are in ProseMirror's notation. A key given to two shortcuts goes
-	*  to the later one, in the order history, formatting, block moves, tables, so it lands the same
+	*  to the later one, in the order history, link opening, formatting, block moves, tables, so it lands the same
 	*  way every time. A table binding passes a key it shares with a block move to the move outside
 	*  a table. List indentation keys apply after all of these, and after the table keys the editor
 	*  keeps for itself. */
@@ -59521,6 +59721,24 @@ var InkKitEditor = class InkKitEditor {
 			return this.forPerson(() => this[name](), true);
 		};
 		Object.assign(bindings, historyBindings);
+		const openLink = (state) => {
+			if (!this.ready || this.composing || this.literalSurface) return false;
+			const { selection } = state;
+			const node = selection instanceof NodeSelection ? selection.node : selection.$from.nodeAfter;
+			if (node?.type.name === "inkkit_wiki_link" && this.options.wikiLinks) {
+				const captured = this.adapterCapture();
+				try {
+					if (captured.isCurrent()) this.options.wikiLinks.open(wikiReference(node), captured.context);
+				} catch (error) {
+					this.report(coded(error, "file-unavailable"));
+				}
+			} else {
+				const href = [selection.$from.nodeAfter, selection.$from.nodeBefore].flatMap((node) => node?.marks ?? []).find((mark) => mark.type.name === "link")?.attrs.href;
+				if (href && isSafeLinkTarget(href, this.linkSchemes)) this.events.openLink?.(href);
+			}
+			return true;
+		};
+		for (const key of keymap.openLink ?? []) bindings[key] = openLink;
 		for (const name of formatShortcuts) for (const key of keymap[name] ?? []) bindings[key] = () => {
 			if (!this.ready || !this.commandState().commands.format[name]) return true;
 			this.forPerson(() => this.format(name), false);
@@ -59541,10 +59759,11 @@ var InkKitEditor = class InkKitEditor {
 			if (!this.ready || !this.commandState().commands.table[command]) return moves[key]?.(state, dispatch, view) ?? false;
 			return this.forPerson(() => this.table(command), true);
 		};
-		this.readOnlyKeys = keydownHandler(Object.fromEntries(Object.keys(bindings).filter((key) => !moves[key]).map((key) => [key, () => {
+		this.readOnlyKeys = keydownHandler(Object.fromEntries(Object.keys(bindings).filter((key) => !moves[key]).map((key) => [key, bindings[key] === openLink ? openLink : () => {
 			throw new InkKitError("read-only", "The editor is read-only");
 		}])));
 		this.keys = keydownHandler(bindings);
+		this.readingKeys = keydownHandler(Object.fromEntries(Object.entries(bindings).filter(([, handler]) => handler === openLink)));
 		this.indentKeys = keydownHandler(indents);
 		this.literalKeys = keydownHandler(historyBindings);
 	}
@@ -59894,6 +60113,9 @@ var InkKitEditor = class InkKitEditor {
 			case "taskList":
 				toggleTaskList(this.editor.ctx);
 				break;
+			case "toggleTask":
+				toggleTask(this.editor.ctx);
+				break;
 			case "link": this.link(checked?.destination);
 		}
 		this.focus();

package/dist/chunks/{highlight-LB7Mkd5W.js → highlight-X_ZzV-a6.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-DTew7k7c.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-BsI6Awlu.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-DTew7k7c.js";
+import { r as InkKitError, t as InkKitEditor } from "./chunks/core-BsI6Awlu.js";
 export { InkKitEditor, InkKitError };

package/dist/editor.d.ts

@@ -27,7 +27,7 @@ export interface CaretState {
     /** One quote holds the whole selection; the block is what sits inside it. */
     quoted: boolean;
 }
-declare const formatCommands: readonly ['heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6', 'paragraph', 'bold', 'italic', 'strikethrough', 'highlight', 'code', 'codeBlock', 'quote', 'bulletList', 'orderedList', 'taskList', 'link'];
+declare const formatCommands: readonly ['heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6', 'paragraph', 'bold', 'italic', 'strikethrough', 'highlight', 'code', 'codeBlock', 'quote', 'bulletList', 'orderedList', 'taskList', 'toggleTask', 'link'];
 /** A command for `format`. */
 export type FormatCommand = (typeof formatCommands)[number];
 /** `destination` goes only with `link`, and `language` only with `codeBlock`. */
@@ -50,9 +50,9 @@ export interface ImageInsertion {
     alt: string;
     title?: string;
 }
-/** A name in `Keymap`: every format command except `link`, history, block moves, list indentation,
+/** A name in `Keymap`: every format command except `link`, history, link opening, block moves, list indentation,
  *  and every table command. */
-export type ShortcutName = Exclude<FormatCommand, 'link'> | 'undo' | 'redo' | 'moveBlockUp' | 'moveBlockDown' | 'indent' | 'outdent' | `table${Capitalize<TableCommand>}`;
+export type ShortcutName = Exclude<FormatCommand, 'link'> | 'undo' | 'redo' | 'moveBlockUp' | 'moveBlockDown' | 'indent' | 'outdent' | 'openLink' | `table${Capitalize<TableCommand>}`;
 /** Host bindings in ProseMirror key notation, by shortcut name. */
 export type Keymap = Partial<Record<ShortcutName, readonly string[]>>;
 /** Every `ShortcutName`. */
@@ -206,6 +206,7 @@ export declare class InkKitEditor {
     private suggestionBase?;
     private changePlugin;
     private keys;
+    private readingKeys;
     private readonly events;
     /** The host's extra link schemes, in lower case. */
     private readonly linkSchemes;
@@ -433,7 +434,7 @@ export declare class InkKitEditor {
      */
     refreshReferences(targets?: readonly string[], expectedGeneration?: number): void;
     /** Replaces every binding. Keys are in ProseMirror's notation. A key given to two shortcuts goes
-     *  to the later one, in the order history, formatting, block moves, tables, so it lands the same
+     *  to the later one, in the order history, link opening, formatting, block moves, tables, so it lands the same
      *  way every time. A table binding passes a key it shares with a block move to the move outside
      *  a table. List indentation keys apply after all of these, and after the table keys the editor
      *  keeps for itself. */

package/dist/index.js

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

package/dist/style.css

@@ -14,7 +14,7 @@
   line-height: var(--inkkit-line-height, normal);
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: none;
-  --_inkkit-accent: var(--inkkit-accent-color, #0a84ff);
+  --_inkkit-accent: var(--inkkit-accent-color, light-dark(#0069d1, #409cff));
   --_inkkit-text: var(--inkkit-text-color, CanvasText);
   --_inkkit-muted: var(
     --inkkit-muted-color,
@@ -347,6 +347,7 @@
   opacity: 0;
 }
 .inkkit-root .ProseMirror .inkkit-image:hover .inkkit-image-handle,
+.inkkit-root .ProseMirror .inkkit-image:focus-within .inkkit-image-handle,
 .inkkit-root .ProseMirror .inkkit-image-handle:active {
   opacity: 1;
 }
@@ -730,7 +731,7 @@
   border: 1.5px solid
     var(
       --inkkit-checkbox-border-color,
-      color-mix(in srgb, CanvasText 35%, transparent)
+      color-mix(in srgb, CanvasText 55%, transparent)
     );
   border-radius: 4px;
   cursor: pointer;
@@ -762,6 +763,33 @@
   color: var(--_inkkit-muted);
 }
 
+/* The semantic control overlays the existing marker without entering its text. */
+.inkkit-root .inkkit-task-checkbox {
+  position: absolute;
+  left: calc(var(--_inkkit-font-size) * -1.667);
+  top: var(--_inkkit-task-top);
+  width: var(--_inkkit-task-size);
+  height: var(--_inkkit-task-size);
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.inkkit-root .inkkit-task-checkbox:focus-visible {
+  outline: 2px solid var(--inkkit-focus-color, var(--_inkkit-accent));
+  outline-offset: 2px;
+}
+
+@media (forced-colors: active) {
+  .inkkit-root .ProseMirror li[data-item-type='task']::before {
+    border-color: CanvasText;
+  }
+  .inkkit-root
+    .ProseMirror
+    li[data-item-type='task'][data-checked='true']::after {
+    border-color: CanvasText;
+  }
+}
+
 .inkkit-root .ProseMirror del {
   color: var(--_inkkit-muted);
 }
@@ -986,6 +1014,7 @@
 
 /* One ring for every control InkKit draws; the editing surfaces can be set apart. */
 .inkkit-root button:focus-visible,
+.inkkit-root .inkkit-image-handle:focus-visible,
 .inkkit-root .inkkit-file audio:focus-visible,
 .inkkit-root .inkkit-file video:focus-visible {
   outline: var(--inkkit-focus-width, 2px) solid

package/dist/types.d.ts

@@ -249,6 +249,7 @@ export interface EditorLabels {
     slashBulletList: string;
     slashOrderedList: string;
     slashTaskList: string;
+    taskCheckbox: string;
     slashQuote: string;
     slashCodeBlock: string;
     slashTable: string;
@@ -292,6 +293,7 @@ export interface EditorLabels {
     fileOpen: string;
     filePreviewUnavailable: string;
     filePDFPreview: string;
+    imageResize: string;
     wikiMissing: string;
     /** Name of an author comment, which stays out of the readable text. */
     comment: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicayzer/inkkit",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "A preserving Markdown editor for offline web views and the web",
   "license": "MIT",
   "type": "module",
@@ -41,7 +41,7 @@
     "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",
+    "build": "node scripts/clean-build.mjs && tsc -p tsconfig.build.json && vite build --config vite.package.config.ts && node scripts/build-host-notices.ts && node scripts/finish-build.mjs",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "format": "prettier --write .",