@gjermundgaraba/pixel-paper 0.1.0 → 0.2.0

package/dist/markdown-editor/engine.js

@@ -0,0 +1,88 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { liveMarkdown } from "./live/live.js";
+import { withLfLineEndings } from "./reconcile.js";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+import { commonmarkLanguage, markdownKeymap } from "@codemirror/lang-markdown";
+import { Language } from "@codemirror/language";
+import { diff } from "@codemirror/merge";
+import { Compartment, EditorState, Prec, Transaction } from "@codemirror/state";
+import { EditorView, keymap } from "@codemirror/view";
+import { GFM, MarkdownParser } from "@lezer/markdown";
+// src/markdown-editor/engine.ts
+const DIFF_TIMEOUT_MS = 50;
+const language = new Language(commonmarkLanguage.data, commonmarkLanguage.parser instanceof MarkdownParser ? commonmarkLanguage.parser.configure(GFM) : commonmarkLanguage.parser, [], "markdown");
+/** Who is named by what, and whether the document may change. `readOnly` alone lets Enter and
+*  the Markdown keymap edit, so the filter refuses every change but an outside one. */
+const accessExtension = (attributes, isReadOnly) => __foldkitBrandViewResult(([
+	EditorState.readOnly.of(isReadOnly),
+	...isReadOnly ? [EditorState.changeFilter.of((transaction) => __foldkitBrandViewResult((transaction.annotation(Transaction.remote) === true), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#anonymous"))] : [],
+	EditorView.contentAttributes.of({
+		...attributes,
+		...isReadOnly ? { "aria-disabled": "true" } : {}
+	})
+]), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#accessExtension");
+/** The editor's state. No line separator is set, so CRLF text parses like LF text. Tab stays
+*  unbound, so it leaves the field. */
+const editorState = (doc, extensions = []) => __foldkitBrandViewResult((EditorState.create({
+	doc,
+	extensions: [
+		history(),
+		language,
+		liveMarkdown(),
+		Prec.high(keymap.of(markdownKeymap)),
+		keymap.of([...defaultKeymap, ...historyKeymap]),
+		EditorView.lineWrapping,
+		EditorView.contentAttributes.of({
+			spellcheck: "true",
+			autocorrect: "on",
+			autocapitalize: "sentences"
+		}),
+		extensions
+	]
+})), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#editorState");
+/** The whole document to send up after these transactions, if one of them was a local edit. */
+const emission = (transactions, state) => __foldkitBrandViewResult((transactions.some((transaction) => __foldkitBrandViewResult((transaction.docChanged && transaction.annotation(Transaction.remote) !== true), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#anonymous~2")) ? state.doc.toString() : void 0), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#emission");
+/** A minimal edit from the document to an outside value: the caret survives it, and undo keeps
+*  to what was typed. */
+const externalChange = (state, source) => {
+	const current = state.doc.toString();
+	const next = withLfLineEndings(source);
+	return __foldkitBrandViewResult(({
+		changes: diff(current, next, { timeout: DIFF_TIMEOUT_MS }).map(({ fromA, toA, fromB, toB }) => (__foldkitBrandViewResult(({
+			from: fromA,
+			to: toA,
+			insert: next.slice(fromB, toB)
+		}), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#anonymous~3"))),
+		annotations: [Transaction.remote.of(true), Transaction.addToHistory.of(false)]
+	}), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#externalChange");
+};
+/** Mounts CodeMirror in `parent`, and returns what the element drives it with. */
+const createEngine = (config) => {
+	const access = new Compartment();
+	const view = new EditorView({
+		parent: config.parent,
+		state: editorState(config.doc, [access.of(accessExtension(config.attributes, config.isReadOnly)), EditorView.updateListener.of((update) => {
+			const doc = emission(update.transactions, update.state);
+			if (doc !== void 0) config.onLocalChange(doc);
+		})])
+	});
+	return __foldkitBrandViewResult(({
+		doc: () => __foldkitBrandViewResult((view.state.doc.toString()), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#doc"),
+		focus: () => {
+			view.focus();
+		},
+		requestMeasure: () => {
+			view.requestMeasure();
+		},
+		applyExternal: (source) => {
+			view.dispatch(externalChange(view.state, source));
+		},
+		configureAccess: (attributes, isReadOnly) => {
+			view.dispatch({ effects: access.reconfigure(accessExtension(attributes, isReadOnly)) });
+		},
+		destroy: () => {
+			view.destroy();
+		}
+	}), "@gjermundgaraba/pixel-paper/markdown-editor/engine.js#createEngine");
+};
+export { accessExtension, createEngine, editorState, emission, externalChange };

package/dist/markdown-editor/index.d.ts

@@ -0,0 +1,5 @@
+import { ViewConfig, view } from "./markdown-editor.js";
+declare namespace index_d_exports {
+  export { ViewConfig, view };
+}
+export { type ViewConfig, index_d_exports, view };

package/dist/markdown-editor/index.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { view } from "./markdown-editor.js";
+// src/markdown-editor/index.ts
+var markdown_editor_exports = /* @__PURE__ */ __exportAll({ view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/markdown-editor/index.js#view") });
+export { markdown_editor_exports, view };

package/dist/markdown-editor/link-policy.js

@@ -0,0 +1,18 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+// src/markdown-editor/link-policy.ts
+const LINK_PROTOCOLS = /* @__PURE__ */ new Set([
+	"http:",
+	"https:",
+	"mailto:"
+]);
+const IMAGE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
+const allowedUrl = (protocols, url, base) => {
+	const parsed = URL.parse(url, base);
+	return __foldkitBrandViewResult((parsed !== null && protocols.has(parsed.protocol) ? parsed.href : void 0), "@gjermundgaraba/pixel-paper/markdown-editor/link-policy.js#allowedUrl");
+};
+/** A link's target as an absolute URL, when it is one a click may open. The browser's own
+*  URL parser decides, so a tab, a newline or mixed case cannot hide a scheme from it. */
+const safeHref = (url, base) => __foldkitBrandViewResult((allowedUrl(LINK_PROTOCOLS, url, base)), "@gjermundgaraba/pixel-paper/markdown-editor/link-policy.js#safeHref");
+/** An image's source as an absolute URL, when the page may fetch it on render. */
+const safeImageSource = (url, base) => __foldkitBrandViewResult((allowedUrl(IMAGE_PROTOCOLS, url, base)), "@gjermundgaraba/pixel-paper/markdown-editor/link-policy.js#safeImageSource");
+export { safeHref, safeImageSource };

package/dist/markdown-editor/live/live.js

@@ -0,0 +1,507 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { safeHref, safeImageSource } from "../link-policy.js";
+import { liveMarkdownTheme } from "./theme.js";
+import { syntaxTree } from "@codemirror/language";
+import { Prec, RangeSetBuilder, StateEffect, StateField } from "@codemirror/state";
+import { Decoration, EditorView, ViewPlugin, WidgetType, keymap } from "@codemirror/view";
+// src/markdown-editor/live/live.ts
+const UNKNOWN_HEIGHT = -1;
+const TABLE_ROW_HEIGHT = 32;
+const IMAGE_ESTIMATED_HEIGHT = 240;
+const TABLE_HINT = "Click to edit the table";
+var DrawnWidget = class extends WidgetType {
+	drawing;
+	constructor(drawing) {
+		super();
+		this.drawing = drawing;
+	}
+	eq(other) {
+		return __foldkitBrandViewResult((other.drawing.key === this.drawing.key), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#eq");
+	}
+	toDOM(view) {
+		return __foldkitBrandViewResult((this.drawing.draw(view)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#toDOM");
+	}
+	get estimatedHeight() {
+		return __foldkitBrandViewResult((this.drawing.estimatedHeight), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#estimatedHeight");
+	}
+	ignoreEvent() {
+		return __foldkitBrandViewResult((this.drawing.takesOwnEvents), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#ignoreEvent");
+	}
+};
+const spanOf = (className, text) => {
+	const span = document.createElement("span");
+	span.className = className;
+	span.textContent = text;
+	return __foldkitBrandViewResult((span), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#spanOf");
+};
+const typographyWidget = (text, isDivider) => __foldkitBrandViewResult((new DrawnWidget({
+	key: `typography:${isDivider}:${text}`,
+	draw: () => __foldkitBrandViewResult((spanOf(isDivider ? "lmd-labeled-rule" : "", text)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#draw"),
+	estimatedHeight: UNKNOWN_HEIGHT,
+	takesOwnEvents: false
+})), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#typographyWidget");
+const checkboxWidget = (isChecked) => __foldkitBrandViewResult((new DrawnWidget({
+	key: `checkbox:${isChecked}`,
+	draw: () => {
+		const box = document.createElement("input");
+		box.type = "checkbox";
+		box.checked = isChecked;
+		box.className = "lmd-check";
+		return __foldkitBrandViewResult((box), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#draw~2");
+	},
+	estimatedHeight: UNKNOWN_HEIGHT,
+	takesOwnEvents: false
+})), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#checkboxWidget");
+const listMarkWidget = (text) => __foldkitBrandViewResult((new DrawnWidget({
+	key: `list-mark:${text}`,
+	draw: () => __foldkitBrandViewResult((spanOf("lmd-bullet", text)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#draw~3"),
+	estimatedHeight: UNKNOWN_HEIGHT,
+	takesOwnEvents: true
+})), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#listMarkWidget");
+const imageWidget = (source, alt) => __foldkitBrandViewResult((new DrawnWidget({
+	key: `image:${source}\n${alt}`,
+	draw: () => {
+		const box = spanOf("lmd-img-box", "");
+		const safeSource = safeImageSource(source, document.baseURI);
+		if (safeSource === void 0) {
+			box.append(spanOf("lmd-img-note", alt === "" ? "Image not shown" : alt));
+			return __foldkitBrandViewResult((box), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#draw~4");
+		}
+		const image = document.createElement("img");
+		image.className = "lmd-img";
+		image.alt = alt;
+		image.addEventListener("error", () => {
+			image.replaceWith(spanOf("lmd-img-note", alt === "" ? "Image not found" : `Image not found: ${alt}`));
+		}, { once: true });
+		image.src = safeSource;
+		box.append(image);
+		return __foldkitBrandViewResult((box), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#draw~4");
+	},
+	estimatedHeight: IMAGE_ESTIMATED_HEIGHT,
+	takesOwnEvents: false
+})), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#imageWidget");
+const isList = (node) => __foldkitBrandViewResult((node?.name === "BulletList" || node?.name === "OrderedList"), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#isList");
+const listDepth = (item) => {
+	let depth = 0;
+	for (let node = item.parent; node !== null; node = node.parent) if (isList(node)) depth += 1;
+	return __foldkitBrandViewResult((depth), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#listDepth");
+};
+const firstMarkOf = (state, item) => {
+	const mark = item.parent?.firstChild?.getChild("ListMark");
+	return __foldkitBrandViewResult((mark === void 0 || mark === null ? void 0 : state.sliceDoc(mark.from, mark.to)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#firstMarkOf");
+};
+const itemNumber = (state, item) => {
+	const start = Number(/^\d+/u.exec(firstMarkOf(state, item) ?? "")?.[0] ?? 1);
+	let index = 0;
+	for (let node = item.prevSibling; node !== null; node = node.prevSibling) if (node.name === "ListItem") index += 1;
+	return __foldkitBrandViewResult((start + index), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#itemNumber");
+};
+const listDelimiter = (state, item) => __foldkitBrandViewResult((/[.)]$/u.exec(firstMarkOf(state, item) ?? "")?.[0] ?? "."), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#listDelimiter");
+const outlineNumber = (state, item) => {
+	const parts = [];
+	for (let node = item; node !== null; node = node.parent) if (node.name === "ListItem" && node.parent?.name === "OrderedList") parts.unshift(itemNumber(state, node));
+	return __foldkitBrandViewResult((`${parts.join(".")}${listDelimiter(state, item)}`), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#outlineNumber");
+};
+const listMarker = (state, item) => {
+	const list = item.parent;
+	if (list?.name === "BulletList") return __foldkitBrandViewResult((Array.from({ length: listDepth(item) }, () => __foldkitBrandViewResult(("•"), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~2")).join(" ")), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#listMarker");
+	return __foldkitBrandViewResult((list?.name === "OrderedList" ? outlineNumber(state, item) : ""), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#listMarker");
+};
+const hide = Decoration.replace({});
+const mark = (className) => __foldkitBrandViewResult((Decoration.mark({ class: className })), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#mark");
+const line = (className) => __foldkitBrandViewResult((Decoration.line({ class: className })), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#line");
+const INLINE = /* @__PURE__ */ new Map([
+	["Emphasis", "lmd-em"],
+	["StrongEmphasis", "lmd-strong"],
+	["Strikethrough", "lmd-strike"],
+	["InlineCode", "lmd-code"],
+	["Link", "lmd-link"]
+]);
+const HIDDEN_MARKS = /* @__PURE__ */ new Set([
+	"EmphasisMark",
+	"StrikethroughMark",
+	"LinkMark",
+	"URL"
+]);
+const LABELED_RULE = /^ {0,3}---[ \t]+(?<title>\S(?:[^\n]*?\S)?)[ \t]+---[ \t]*$/gmu;
+const ATX_HEADING = /^ATXHeading(?<level>\d)$/u;
+const STANDALONE_DASHES = /(?<![\S\\])--(?!\S)/gu;
+const NOT_PLAIN_TEXT = /Code|Link|URL|Image|HTML|HorizontalRule|Table|Escape/u;
+const isLinkLike = (node) => __foldkitBrandViewResult((node?.name === "Link" || node?.name === "Image"), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#isLinkLike");
+const normalizedLabel = (label) => __foldkitBrandViewResult((label.trim().replaceAll(/\s+/gu, " ").toLowerCase()), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#normalizedLabel");
+const linkDefinitions = (state) => {
+	const labels = /* @__PURE__ */ new Set();
+	for (let node = syntaxTree(state).topNode.firstChild; node !== null; node = node.nextSibling) {
+		const label = node.name === "LinkReference" ? node.getChild("LinkLabel") : null;
+		if (label !== null) labels.add(normalizedLabel(state.sliceDoc(label.from + 1, label.to - 1)));
+	}
+	return __foldkitBrandViewResult((labels), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#linkDefinitions");
+};
+const bracketedText = (state, node) => {
+	const label = node.getChild("LinkLabel");
+	const text = label === null ? "" : state.sliceDoc(label.from + 1, label.to - 1);
+	const [opening, closing] = node.getChildren("LinkMark");
+	return __foldkitBrandViewResult((normalizedLabel(text) === "" && opening !== void 0 && closing !== void 0 ? state.sliceDoc(opening.to, closing.from) : text), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#bracketedText");
+};
+const isPlainBrackets = (state, node, definitions = linkDefinitions(state)) => __foldkitBrandViewResult((isLinkLike(node) && node.getChild("URL") === null && !definitions.has(normalizedLabel(bracketedText(state, node)))), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#isPlainBrackets");
+const build = (view) => {
+	const { state } = view;
+	const { ranges } = state.selection;
+	const isFocused = view.hasFocus;
+	const touched = (from, to) => __foldkitBrandViewResult((isFocused && ranges.some((range) => __foldkitBrandViewResult((range.from <= to && range.to >= from), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~3"))), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#touched");
+	const activeLine = (position) => {
+		const { from, to } = state.doc.lineAt(position);
+		return __foldkitBrandViewResult((touched(from, to)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#activeLine");
+	};
+	const placed = [];
+	const add = (from, to, decoration) => {
+		placed.push({
+			from,
+			to,
+			decoration,
+			isReplace: decoration === hide
+		});
+	};
+	const replace = (from, to, widget) => {
+		placed.push({
+			from,
+			to,
+			decoration: Decoration.replace({ widget }),
+			isReplace: true
+		});
+	};
+	const addLine = (position, decoration) => {
+		placed.push({
+			from: position,
+			to: position,
+			decoration,
+			isReplace: false
+		});
+	};
+	const addLines = (from, to, className) => {
+		for (let position = from; position <= to;) {
+			const { from: start, to: end } = state.doc.lineAt(position);
+			addLine(start, line(className));
+			position = end + 1;
+		}
+	};
+	const hideWithFollowingSpace = (from, to) => {
+		add(from, Math.min(to + 1, state.doc.lineAt(from).to), hide);
+	};
+	const labeledRanges = [];
+	const definitions = linkDefinitions(state);
+	for (const { from, to } of view.visibleRanges) {
+		const text = state.sliceDoc(from, to);
+		syntaxTree(state).iterate({
+			from,
+			to,
+			enter: (node) => {
+				if (labeledRanges.some(([start, end]) => __foldkitBrandViewResult((node.from >= start && node.to <= end), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~4"))) return __foldkitBrandViewResult((false), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				const { name } = node;
+				const { parent } = node.node;
+				if (name === "Paragraph" && parent?.name === "Document") {
+					const paragraph = state.sliceDoc(node.from, node.to);
+					for (const match of paragraph.matchAll(LABELED_RULE)) {
+						const start = node.from + match.index;
+						const end = start + match[0].length;
+						const title = match.groups?.["title"];
+						if (title !== void 0 && !activeLine(start)) {
+							labeledRanges.push([start, end]);
+							replace(start, end, typographyWidget(title, true));
+						}
+					}
+				}
+				const level = ATX_HEADING.exec(name)?.groups?.["level"];
+				if (level !== void 0) {
+					addLine(state.doc.lineAt(node.from).from, line(`lmd-h lmd-h${level}`));
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "HeaderMark" && parent?.name.startsWith("ATXHeading") === true) {
+					if (!activeLine(node.from)) hideWithFollowingSpace(node.from, node.to);
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (isLinkLike(node.node) && isPlainBrackets(state, node.node, definitions)) return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				if (name === "LinkMark" && parent !== null && isPlainBrackets(state, parent, definitions)) return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				if (name === "Escape") {
+					if (!touched(node.from, node.to)) add(node.from, node.from + 1, hide);
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "Image") {
+					const url = node.node.getChild("URL");
+					if (url !== null && !touched(node.from, node.to)) {
+						const alt = state.sliceDoc(node.from + 2, Math.max(node.from + 2, url.from - 2));
+						replace(node.from, node.to, imageWidget(state.sliceDoc(url.from, url.to), alt));
+					}
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				const inlineClass = INLINE.get(name);
+				if (inlineClass !== void 0) {
+					add(node.from, node.to, mark(inlineClass));
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "URL" && !isLinkLike(parent)) {
+					add(node.from, node.to, mark("lmd-link"));
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (parent !== null && (HIDDEN_MARKS.has(name) || name === "CodeMark" && parent.name === "InlineCode")) {
+					if (!touched(parent.from, parent.to)) add(node.from, node.to, hide);
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "FencedCode" || name === "CodeBlock") {
+					addLines(node.from, node.to, "lmd-codeblock");
+					return __foldkitBrandViewResult((false), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "Blockquote") {
+					addLines(node.from, node.to, "lmd-quote");
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "QuoteMark") {
+					if (!activeLine(node.from)) hideWithFollowingSpace(node.from, node.to);
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "HorizontalRule") {
+					if (!activeLine(node.from)) {
+						addLine(state.doc.lineAt(node.from).from, line("lmd-hr"));
+						add(node.from, node.to, hide);
+					}
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "Table") {
+					addLines(node.from, node.to, "lmd-table");
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "ListMark" && parent !== null && isList(parent.parent)) {
+					if (activeLine(node.from)) return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+					if (parent.getChild("Task") === null) replace(node.from, node.to, listMarkWidget(listMarker(state, parent)));
+					else hideWithFollowingSpace(node.from, node.to);
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+				}
+				if (name === "TaskMarker" && !touched(node.from, node.to)) {
+					const isChecked = /x/iu.test(state.sliceDoc(node.from, node.to));
+					replace(node.from, node.to, checkboxWidget(isChecked));
+					if (isChecked && parent !== null) add(node.to, parent.to, mark("lmd-done"));
+				}
+				return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter");
+			}
+		});
+		for (const match of text.matchAll(STANDALONE_DASHES)) {
+			const start = from + match.index;
+			const end = start + 2;
+			if (!touched(start, end)) {
+				let node = syntaxTree(state).resolveInner(start, 1);
+				let isPlain = true;
+				while (node !== null && isPlain) {
+					isPlain = !NOT_PLAIN_TEXT.test(node.name);
+					node = node.parent;
+				}
+				if (isPlain) replace(start, end, typographyWidget("—", false));
+			}
+		}
+	}
+	placed.sort((left, right) => __foldkitBrandViewResult((left.from - right.from || left.decoration.startSide - right.decoration.startSide), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~5"));
+	const builder = new RangeSetBuilder();
+	let lastReplaceEnd = -1;
+	for (const { from, to, decoration, isReplace } of placed) {
+		const isRangeReplace = from !== to && isReplace;
+		if (!isRangeReplace || from >= lastReplaceEnd) {
+			builder.add(from, to, decoration);
+			if (isRangeReplace) lastReplaceEnd = to;
+		}
+	}
+	return __foldkitBrandViewResult((builder.finish()), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#build");
+};
+const DELIMITER_ROW = /^\s*\|?[\s:|-]+\|?\s*$/u;
+const tableCells = (row) => __foldkitBrandViewResult((row.trim().replaceAll(/^\||\|$/gu, "").split(/(?<!\\)\|/u).map((cell) => __foldkitBrandViewResult((cell.trim().replaceAll(String.raw`\|`, "|")), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~6"))), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#tableCells");
+const tableOf = (source) => {
+	const table = document.createElement("table");
+	const head = table.createTHead();
+	const body = table.createTBody();
+	const rows = source.split("\n").filter((row) => __foldkitBrandViewResult((row.trim() !== ""), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~7"));
+	table.className = "lmd-table-view";
+	for (const [index, row] of rows.entries()) if (index !== 1 || !DELIMITER_ROW.test(row)) {
+		const tableRow = document.createElement("tr");
+		for (const text of tableCells(row)) {
+			const cell = document.createElement(index === 0 ? "th" : "td");
+			cell.textContent = text;
+			tableRow.append(cell);
+		}
+		(index === 0 ? head : body).append(tableRow);
+	}
+	return __foldkitBrandViewResult((table), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#tableOf");
+};
+const tableWidget = (text) => __foldkitBrandViewResult((new DrawnWidget({
+	key: `table:${text}`,
+	draw: (view) => {
+		const dom = document.createElement("div");
+		dom.className = "lmd-table-widget";
+		dom.title = TABLE_HINT;
+		dom.append(tableOf(text));
+		dom.addEventListener("mousedown", (event) => {
+			event.preventDefault();
+			const row = event.target instanceof Element ? event.target.closest("tr") : null;
+			const rows = [...dom.querySelectorAll("tr")];
+			const rowIndex = row === null ? -1 : rows.indexOf(row);
+			const sourceOffset = rowIndex <= 0 ? 0 : rowIndex + 1;
+			const first = view.state.doc.lineAt(view.posAtDOM(dom));
+			const target = view.state.doc.line(Math.min(first.number + sourceOffset, view.state.doc.lines));
+			view.dispatch({ selection: { anchor: Math.min(target.from + 2, target.to) } });
+			view.focus();
+		});
+		return __foldkitBrandViewResult((dom), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#draw~5");
+	},
+	estimatedHeight: TABLE_ROW_HEIGHT * text.split("\n").length,
+	takesOwnEvents: true
+})), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#tableWidget");
+const lastValueOf = (transaction, type, held) => {
+	const last = transaction.effects.findLast((effect) => __foldkitBrandViewResult((effect.is(type)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~9"));
+	return __foldkitBrandViewResult((last === void 0 ? held : last.value), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#lastValueOf");
+};
+const setFocus = StateEffect.define();
+const setPointerDown = StateEffect.define();
+const pointerDownField = StateField.define({
+	create: () => __foldkitBrandViewResult((false), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#create"),
+	update: (isDown, transaction) => __foldkitBrandViewResult((lastValueOf(transaction, setPointerDown, isDown)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#update")
+});
+const POINTER_RELEASE_EVENTS = [
+	"mouseup",
+	"dragend",
+	"contextmenu"
+];
+const holdRevealUntilPointerRelease = (view) => {
+	const { ownerDocument } = view.dom;
+	const release = () => {
+		for (const name of POINTER_RELEASE_EVENTS) ownerDocument.removeEventListener(name, release);
+		setTimeout(() => {
+			view.dispatch({ effects: setPointerDown.of(false) });
+		}, 0);
+	};
+	view.dispatch({ effects: setPointerDown.of(true) });
+	for (const name of POINTER_RELEASE_EVENTS) ownerDocument.addEventListener(name, release);
+};
+const buildTables = (state, isFocused) => {
+	const builder = new RangeSetBuilder();
+	syntaxTree(state).iterate({ enter: (node) => {
+		if (node.name !== "Table") return __foldkitBrandViewResult((node.name === "Document" || node.name.endsWith("List") || node.name === "ListItem" || node.name === "Blockquote"), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter~2");
+		const { from } = state.doc.lineAt(node.from);
+		const { to } = state.doc.lineAt(node.to);
+		const isInside = state.selection.ranges.some((range) => __foldkitBrandViewResult((range.from <= to && range.to >= from), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~11"));
+		if (from === node.from && !(isFocused && isInside)) builder.add(from, to, Decoration.replace({
+			widget: tableWidget(state.sliceDoc(from, to)),
+			block: true
+		}));
+		return __foldkitBrandViewResult((false), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#enter~2");
+	} });
+	return __foldkitBrandViewResult((builder.finish()), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#buildTables");
+};
+const tablesField = StateField.define({
+	create: (state) => (__foldkitBrandViewResult(({
+		isFocused: false,
+		decorations: buildTables(state, false)
+	}), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#create~2")),
+	update: (value, transaction) => {
+		const isFocused = lastValueOf(transaction, setFocus, value.isFocused);
+		const wasDown = transaction.startState.field(pointerDownField);
+		const isDown = transaction.state.field(pointerDownField);
+		if (isDown && !transaction.docChanged) return __foldkitBrandViewResult(({
+			isFocused,
+			decorations: value.decorations
+		}), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#update~2");
+		return __foldkitBrandViewResult((isFocused === value.isFocused && wasDown === isDown && !transaction.docChanged && transaction.selection === void 0 && syntaxTree(transaction.startState) === syntaxTree(transaction.state) ? value : {
+			isFocused,
+			decorations: buildTables(transaction.state, isFocused)
+		}), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#update~2");
+	},
+	provide: (field) => __foldkitBrandViewResult((EditorView.decorations.from(field, (value) => __foldkitBrandViewResult((value.decorations), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~12"))), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#provide")
+});
+const linkHref = (state, node) => {
+	const url = node.name === "Link" ? node.getChild("URL") : node;
+	if (url === null) return;
+	const href = state.sliceDoc(url.from, url.to);
+	return __foldkitBrandViewResult((/^www\./iu.test(href) ? `https://${href}` : href), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#linkHref");
+};
+const isLinkNode = (state, node) => __foldkitBrandViewResult((!isPlainBrackets(state, node) && (node.name === "Link" || node.name === "URL" && !isLinkLike(node.parent))), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#isLinkNode");
+const toggleCheckbox = (view, box) => {
+	const position = view.posAtDOM(box);
+	const text = view.state.sliceDoc(position, position + 3);
+	if (!/^\[[ xX]\]$/u.test(text)) return __foldkitBrandViewResult((false), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#toggleCheckbox");
+	view.dispatch({ changes: {
+		from: position + 1,
+		to: position + 2,
+		insert: text.charAt(1) === " " ? "x" : " "
+	} });
+	return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#toggleCheckbox");
+};
+const linkAt = (state, position, side) => {
+	for (let node = syntaxTree(state).resolveInner(position, side); node !== null; node = node.parent) if (isLinkNode(state, node)) return __foldkitBrandViewResult((linkHref(state, node)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#linkAt");
+};
+const openLink = (url) => {
+	const href = safeHref(url, document.baseURI);
+	if (href !== void 0) window.open(href, "_blank", "noopener,noreferrer");
+};
+const openLinkAtCaret = (view) => {
+	const { head } = view.state.selection.main;
+	const url = linkAt(view.state, head, 1) ?? linkAt(view.state, head, -1);
+	if (url === void 0) return __foldkitBrandViewResult((false), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#openLinkAtCaret");
+	openLink(url);
+	return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#openLinkAtCaret");
+};
+/** Markdown drawn over its own text, as in Obsidian's Live Preview: the document stays
+*  Markdown, and its marks show only around the selection. Redrawing a reveal moves text, so
+*  nothing redraws under an IME's composition or a pressed mouse button. */
+const liveMarkdown = () => {
+	const preview = ViewPlugin.fromClass(class {
+		decorations;
+		isStale = false;
+		constructor(view) {
+			this.decorations = build(view);
+		}
+		update(update) {
+			if (update.view.composing || update.state.field(pointerDownField) && !update.docChanged) {
+				this.decorations = this.decorations.map(update.changes);
+				this.isStale = true;
+			} else if (this.isStale || update.docChanged || update.selectionSet || update.focusChanged || update.viewportChanged || syntaxTree(update.startState) !== syntaxTree(update.state)) {
+				this.decorations = build(update.view);
+				this.isStale = false;
+			}
+		}
+	}, {
+		decorations: (plugin) => __foldkitBrandViewResult((plugin.decorations), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#decorations"),
+		eventObservers: { compositionend: (_, view) => {
+			setTimeout(() => {
+				view.dispatch({});
+			}, 0);
+		} },
+		eventHandlers: { mousedown: (event, view) => {
+			if (event.target instanceof HTMLInputElement && event.target.classList.contains("lmd-check") && toggleCheckbox(view, event.target)) {
+				event.preventDefault();
+				return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#mousedown");
+			}
+			if (event.metaKey || event.ctrlKey) {
+				const position = view.posAtCoords({
+					x: event.clientX,
+					y: event.clientY
+				});
+				const url = position === null ? void 0 : linkAt(view.state, position, 1);
+				if (url !== void 0) {
+					openLink(url);
+					event.preventDefault();
+					return __foldkitBrandViewResult((true), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#mousedown");
+				}
+			}
+			if (event.button === 0) holdRevealUntilPointerRelease(view);
+			return __foldkitBrandViewResult((false), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#mousedown");
+		} }
+	});
+	return __foldkitBrandViewResult(([
+		pointerDownField,
+		preview,
+		tablesField,
+		Prec.high(keymap.of([{
+			key: "Mod-Enter",
+			run: openLinkAtCaret
+		}])),
+		EditorView.focusChangeEffect.of((_, isFocusing) => __foldkitBrandViewResult((setFocus.of(isFocusing)), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#anonymous~14")),
+		liveMarkdownTheme
+	]), "@gjermundgaraba/pixel-paper/markdown-editor/live/live.js#liveMarkdown");
+};
+export { liveMarkdown };