@prosemark/core 0.0.3 → 0.0.4

package/dist/main.d.ts

@@ -1,16 +1,12 @@
-import { DOMEventHandlers, DOMEventMap, Decoration, DecorationSet } from "@codemirror/view";
+import { DOMEventHandlers, DOMEventMap, Decoration, DecorationSet, EditorView, ViewPlugin, ViewUpdate } from "@codemirror/view";
 import * as _codemirror_state0 from "@codemirror/state";
-import { EditorState, Extension, Facet, Range, StateField } from "@codemirror/state";
+import { EditorState, Extension, Facet, Line, Range, RangeSet, StateField } from "@codemirror/state";
 import { Tag } from "@lezer/highlight";
 import * as _lezer_markdown0 from "@lezer/markdown";
 import { MarkdownConfig } from "@lezer/markdown";
 import * as _lezer_common0 from "@lezer/common";
 import { SyntaxNodeRef } from "@lezer/common";
 
-//#region lib/hide/index.d.ts
-declare const defaultHideExtensions: _codemirror_state0.Extension[];
-declare const escapeMarkdownSyntaxExtension: MarkdownConfig;
-//#endregion
 //#region lib/utils.d.ts
 interface RangeLike {
   from: number;
@@ -19,13 +15,21 @@ interface RangeLike {
 type ClassBasedEventHandlers<This> = { [event in keyof DOMEventMap]?: Record<string, DOMEventHandlers<This>[event]> };
 declare function eventHandlersWithClass<This>(handlers: ClassBasedEventHandlers<This>): DOMEventHandlers<This>;
 //#endregion
+//#region lib/hide/core.d.ts
+declare const hideExtension: StateField<DecorationSet>;
+//#endregion
+//#region lib/hide/index.d.ts
+declare const defaultHideExtensions: _codemirror_state0.Extension[];
+declare const escapeMarkdownSyntaxExtension: MarkdownConfig;
+//#endregion
 //#region lib/fold/core.d.ts
-declare const foldDecorationExtension: StateField<DecorationSet>;
+declare const foldExtension: StateField<DecorationSet>;
 interface FoldableSyntaxSpec {
   nodePath: string | string[] | ((nodePath: string) => boolean);
-  onFold?: (state: EditorState, node: SyntaxNodeRef) => Range<Decoration> | Range<Decoration>[] | undefined;
+  buildDecorations?: (state: EditorState, node: SyntaxNodeRef, selectionTouchesRange: boolean) => Range<Decoration> | Range<Decoration>[] | undefined;
   unfoldZone?: (state: EditorState, node: SyntaxNodeRef) => RangeLike;
   eventHandlers?: DOMEventHandlers<void>;
+  keepDecorationOnUnfold?: boolean;
 }
 declare const foldableSyntaxFacet: Facet<FoldableSyntaxSpec, FoldableSyntaxSpec[]>;
 declare const selectAllDecorationsOnSelectExtension: (widgetClass: string) => Extension;
@@ -37,6 +41,10 @@ declare const bulletListExtension: _codemirror_state0.Extension;
 declare const emojiMarkdownSyntaxExtension: MarkdownConfig;
 declare const emojiExtension: _codemirror_state0.Extension;
 //#endregion
+//#region lib/fold/dashes.d.ts
+declare const dashMarkdownSyntaxExtension: MarkdownConfig;
+declare const dashExtension: _codemirror_state0.Extension;
+//#endregion
 //#region lib/fold/horizontalRule.d.ts
 declare const horizonalRuleExtension: _codemirror_state0.Extension[];
 //#endregion
@@ -46,8 +54,26 @@ declare const imageExtension: _codemirror_state0.Extension[];
 //#region lib/fold/task.d.ts
 declare const taskExtension: _codemirror_state0.Extension[];
 //#endregion
-//#region lib/fold/blockQuote.d.ts
-declare const blockQuoteExtension: _codemirror_state0.Extension;
+//#region lib/blockQuote.d.ts
+interface MeasureData {
+  lineFroms: number[];
+  nestedBorders: {
+    pos: number;
+    offset: number;
+  }[];
+}
+declare const blockQuoteExtension: ViewPlugin<{
+  decorations: DecorationSet;
+  update(u: ViewUpdate): void;
+  requestMeasure(view: EditorView): void;
+  applyMeasure(data: MeasureData, view: EditorView): void;
+}, undefined>;
+//#endregion
+//#region lib/fold/index.d.ts
+declare const defaultFoldableSyntaxExtensions: _codemirror_state0.Extension[];
+//#endregion
+//#region lib/revealBlockOnArrow.d.ts
+declare const revealBlockOnArrowExtension: _codemirror_state0.Extension[];
 //#endregion
 //#region lib/syntaxHighlighting.d.ts
 declare const additionalMarkdownSyntaxTags: {
@@ -69,6 +95,7 @@ declare const markdownTags: {
   emoji: Tag;
   emojiMark: Tag;
   listMark: Tag;
+  dash: Tag;
 };
 //#endregion
 //#region lib/clickLink.d.ts
@@ -77,6 +104,20 @@ declare const clickLinkHandler: Facet<ClickLinkHandler, readonly ClickLinkHandle
 declare const defaultClickLinkHandler: _codemirror_state0.Extension;
 declare const clickLinkExtension: _codemirror_state0.Extension[];
 //#endregion
+//#region lib/softIndentExtension.d.ts
+interface IndentData {
+  line: Line;
+  indentWidth: number;
+}
+declare const softIndentExtension: ViewPlugin<{
+  decorations: DecorationSet;
+  update(u: ViewUpdate): void;
+  requestMeasure(view: EditorView): void;
+  measureIndents(view: EditorView): IndentData[];
+  buildDecorations(indents: IndentData[]): RangeSet<Decoration>;
+  applyIndents(indents: IndentData[], view: EditorView): void;
+}, undefined>;
+//#endregion
 //#region lib/codeFenceExtension.d.ts
 declare const codeBlockDecorationsExtension: Extension;
 declare const codeFenceTheme: Extension;
@@ -86,9 +127,8 @@ declare const prosemarkMarkdownSyntaxExtensions: (_lezer_markdown0.MarkdownConfi
   defineNodes: never[];
   props: _lezer_common0.NodePropSource[];
 })[];
-declare const defaultFoldableSyntaxExtensions: Extension[];
 declare const prosemarkBasicSetup: () => Extension;
 declare const prosemarkBaseThemeSetup: () => Extension;
 declare const prosemarkLightThemeSetup: () => Extension;
 //#endregion
-export { ClickLinkHandler, additionalMarkdownSyntaxTags, baseSyntaxHighlights, baseTheme, blockQuoteExtension, bulletListExtension, clickLinkExtension, clickLinkHandler, codeBlockDecorationsExtension, codeFenceTheme, defaultClickLinkHandler, defaultFoldableSyntaxExtensions, defaultHideExtensions, emojiExtension, emojiMarkdownSyntaxExtension, escapeMarkdownSyntaxExtension, eventHandlersWithClass, foldDecorationExtension, foldableSyntaxFacet, generalSyntaxHighlights, horizonalRuleExtension, imageExtension, lightTheme, markdownTags, prosemarkBaseThemeSetup, prosemarkBasicSetup, prosemarkLightThemeSetup, prosemarkMarkdownSyntaxExtensions, selectAllDecorationsOnSelectExtension, taskExtension };
+export { ClickLinkHandler, additionalMarkdownSyntaxTags, baseSyntaxHighlights, baseTheme, blockQuoteExtension, bulletListExtension, clickLinkExtension, clickLinkHandler, codeBlockDecorationsExtension, codeFenceTheme, dashExtension, dashMarkdownSyntaxExtension, defaultClickLinkHandler, defaultFoldableSyntaxExtensions, defaultHideExtensions, emojiExtension, emojiMarkdownSyntaxExtension, escapeMarkdownSyntaxExtension, eventHandlersWithClass, foldExtension, foldableSyntaxFacet, generalSyntaxHighlights, hideExtension, horizonalRuleExtension, imageExtension, lightTheme, markdownTags, prosemarkBaseThemeSetup, prosemarkBasicSetup, prosemarkLightThemeSetup, prosemarkMarkdownSyntaxExtensions, revealBlockOnArrowExtension, selectAllDecorationsOnSelectExtension, softIndentExtension, taskExtension };

package/dist/main.js

@@ -1,5 +1,5 @@
-import { Decoration, EditorView, EditorView as EditorView$1, ViewPlugin, WidgetType, dropCursor, keymap } from "@codemirror/view";
-import { CharCategory, EditorSelection, EditorState, Facet, RangeSetBuilder, StateField, findClusterBreak } from "@codemirror/state";
+import { Decoration, EditorView, EditorView as EditorView$1, ViewPlugin, ViewUpdate, WidgetType, dropCursor, keymap } from "@codemirror/view";
+import { Annotation, CharCategory, EditorSelection, EditorState, Facet, Line, RangeSet, RangeSetBuilder, StateField, findClusterBreak } from "@codemirror/state";
 import { HighlightStyle, bracketMatching, foldGutter, foldKeymap, indentOnInput, syntaxHighlighting, syntaxTree } from "@codemirror/language";
 import { defaultKeymap, history, historyKeymap, indentWithTab } from "@codemirror/commands";
 import { searchKeymap } from "@codemirror/search";
@@ -51,12 +51,17 @@ function eventHandlersWithClass(handlers) {
 
 //#endregion
 //#region lib/hide/core.ts
-const hideTheme = EditorView.theme({ ".cm-hidden-token": { fontSize: "0px" } });
+const hideTheme = EditorView.theme({
+	".cm-hidden-token": { fontSize: "0px" },
+	".cm-transparent-token": { opacity: 0 }
+});
 const hideInlineDecoration = Decoration.mark({ class: "cm-hidden-token" });
+const hideInlineKeepSpaceDecoration = Decoration.mark({ class: "cm-transparent-token" });
 const hideBlockDecoration = Decoration.replace({ block: true });
 const buildDecorations$1 = (state) => {
 	const decorations = [];
 	const specs = state.facet(hidableNodeFacet);
+	specs.map(checkSpec);
 	syntaxTree(state).iterate({ enter: (node) => {
 		if (state.selection.ranges.some((range) => rangeTouchesRange(node, range))) return;
 		for (const spec of specs) {
@@ -78,11 +83,9 @@ const buildDecorations$1 = (state) => {
 				let names;
 				if (!Array.isArray(spec.subNodeNameToHide)) names = [spec.subNodeNameToHide];
 				else names = spec.subNodeNameToHide;
-				const cursor = node.node.cursor();
-				console.assert(cursor.firstChild(), "A hide node must have children");
-				do
-					if (names.includes(cursor.type.name)) decorations.push((spec.block ? hideBlockDecoration : hideInlineDecoration).range(cursor.from, cursor.to));
-				while (cursor.nextSibling());
+				node.node.cursor().iterate((node$1) => {
+					if (names.includes(node$1.type.name)) decorations.push((spec.block ? hideBlockDecoration : spec.keepSpace ? hideInlineKeepSpaceDecoration : hideInlineDecoration).range(node$1.from, node$1.to));
+				});
 			}
 		}
 	} });
@@ -98,6 +101,9 @@ const hideExtension = StateField.define({
 	},
 	provide: (f) => [EditorView.decorations.from(f), hideTheme]
 });
+const checkSpec = (spec) => {
+	if (spec.block && spec.keepSpace) console.warn("Only inline hide nodes can maintain space currently, but `block` and `keepSpace` are set in:", spec);
+};
 const hidableNodeFacet = Facet.define({
 	combine(value) {
 		return [...value];
@@ -115,7 +121,8 @@ const markdownTags = {
 	escapeMark: Tag.define(),
 	emoji: Tag.define(),
 	emojiMark: Tag.define(),
-	listMark: Tag.define()
+	listMark: Tag.define(),
+	dash: Tag.define()
 };
 
 //#endregion
@@ -168,7 +175,8 @@ const defaultHidableSpecs = [
 	},
 	{
 		nodeName: "Blockquote",
-		subNodeNameToHide: "QuoteMark"
+		subNodeNameToHide: "QuoteMark",
+		keepSpace: true
 	}
 ];
 const defaultHideExtensions = defaultHidableSpecs.map((spec) => hidableNodeFacet.of(spec));
@@ -187,31 +195,102 @@ const escapeMarkdownSyntaxExtension = {
 	}]
 };
 
+//#endregion
+//#region lib/blockQuote.ts
+var NestedBlockQuoteBorder = class extends WidgetType {
+	constructor(offset) {
+		super();
+		this.offset = offset;
+	}
+	toDOM() {
+		const span = document.createElement("span");
+		span.className = "cm-nested-blockquote-border";
+		span.style = `--blockquote-border-offset: ${this.offset.toString()}px`;
+		return span;
+	}
+	ignoreEvent(_event) {
+		return false;
+	}
+};
+function measureBlockQuotes(view) {
+	const lineFroms = [];
+	const nestedBorders = [];
+	syntaxTree(view.state).iterate({ enter(node) {
+		if (node.type.name != "Blockquote") return;
+		const startLine = view.state.doc.lineAt(node.from).number;
+		const endLine = view.state.doc.lineAt(node.to).number;
+		for (let i = startLine; i <= endLine; i++) {
+			const line = view.state.doc.line(i);
+			lineFroms.push(line.from);
+		}
+		node.node.cursor().iterate((child) => {
+			if (child.type.name !== "QuoteMark") return;
+			const line = view.state.doc.lineAt(child.from);
+			if (child.from == line.from) return;
+			const offset = (view.coordsAtPos(child.from)?.left ?? 0) - (view.coordsAtPos(line.from)?.left ?? 0);
+			nestedBorders.push({
+				pos: child.from,
+				offset
+			});
+		});
+		return false;
+	} });
+	return {
+		lineFroms,
+		nestedBorders
+	};
+}
+function buildDecorationsFromMeasure(_view, data) {
+	const decos = [];
+	for (const from of data.lineFroms) decos.push(Decoration.line({ attributes: { class: "cm-blockquote-line" } }).range(from));
+	for (const { pos, offset } of data.nestedBorders) decos.push(Decoration.widget({ widget: new NestedBlockQuoteBorder(offset) }).range(pos));
+	return RangeSet.of(decos, true);
+}
+const blockQuoteExtension = ViewPlugin.fromClass(class {
+	decorations = Decoration.none;
+	constructor(view) {
+		this.requestMeasure(view);
+	}
+	update(u) {
+		if (u.docChanged || u.viewportChanged) this.requestMeasure(u.view);
+	}
+	requestMeasure(view) {
+		view.requestMeasure({
+			read: (v) => measureBlockQuotes(v),
+			write: (data, v) => {
+				this.applyMeasure(data, v);
+			}
+		});
+	}
+	applyMeasure(data, view) {
+		this.decorations = buildDecorationsFromMeasure(view, data);
+	}
+}, { decorations: (v) => v.decorations });
+
 //#endregion
 //#region lib/fold/core.ts
 const buildDecorations = (state) => {
 	const decorations = [];
 	const specs = state.facet(foldableSyntaxFacet);
 	syntaxTree(state).iterate({ enter: (node) => {
-		if (selectionTouchesRange(state.selection.ranges, node)) return;
+		const selectionTouchesNodeRange = selectionTouchesRange(state.selection.ranges, node);
+		const lineage = [];
+		let node_ = node;
+		while (node_) {
+			lineage.push(node_.name);
+			node_ = node_.node.parent;
+		}
+		const path = lineage.reverse().join("/");
 		for (const spec of specs) {
-			const lineage = [];
-			let node_ = node;
-			while (node_) {
-				lineage.push(node_.name);
-				node_ = node_.node.parent;
-			}
-			const path = lineage.reverse().join("/");
 			if (spec.nodePath instanceof Function) {
 				if (!spec.nodePath(path)) continue;
 			} else if (spec.nodePath instanceof Array) {
 				if (!spec.nodePath.some((testPath) => path.endsWith(testPath))) continue;
 			} else if (!path.endsWith(spec.nodePath)) continue;
-			if (spec.unfoldZone) {
-				if (selectionTouchesRange(state.selection.ranges, spec.unfoldZone(state, node))) return;
-			}
-			if (spec.onFold) {
-				const res = spec.onFold(state, node);
+			const selectionTouchesRange_ = spec.unfoldZone ? selectionTouchesRange(state.selection.ranges, spec.unfoldZone(state, node)) : selectionTouchesNodeRange;
+			if (!spec.keepDecorationOnUnfold && selectionTouchesRange_) return;
+			if (spec.buildDecorations) {
+				const res = spec.buildDecorations(state, node, selectionTouchesRange_);
 				if (res instanceof Array) decorations.push(...res);
 				else if (res) decorations.push(res);
 			}
@@ -219,7 +298,7 @@ const buildDecorations = (state) => {
 	} });
 	return Decoration.set(decorations, true);
 };
-const foldDecorationExtension = StateField.define({
+const foldExtension = StateField.define({
 	create(state) {
 		return buildDecorations(state);
 	},
@@ -229,7 +308,6 @@ const foldDecorationExtension = StateField.define({
 	},
 	provide: (f) => [EditorView.decorations.from(f)]
 });
-const foldExtension = [foldDecorationExtension];
 const foldableSyntaxFacet = Facet.define({
 	combine(value) {
 		return [...value];
@@ -241,7 +319,7 @@ const selectAllDecorationsOnSelectExtension = (widgetClass) => EditorView.domEve
 	if (ranges.length === 0 || ranges[0]?.anchor !== ranges[0]?.head) return;
 	const target = e.target;
 	const pos = view.posAtDOM(target);
-	view.state.field(foldDecorationExtension).between(pos, pos, (from, to) => {
+	view.state.field(foldExtension).between(pos, pos, (from, to) => {
 		setTimeout(() => {
 			view.dispatch({ selection: EditorSelection.single(to, from) });
 		}, 0);
@@ -264,13 +342,55 @@ var BulletPoint = class extends WidgetType {
 };
 const bulletListExtension = foldableSyntaxFacet.of({
 	nodePath: "BulletList/ListItem/ListMark",
-	onFold: (_state, node) => {
+	buildDecorations: (_state, node) => {
 		const cursor = node.node.cursor();
 		if (cursor.nextSibling() && cursor.name === "Task") return;
 		return Decoration.replace({ widget: new BulletPoint() }).range(node.from, node.to);
 	}
 });
 
+//#endregion
+//#region lib/fold/dashes.ts
+const dashMarkdownSyntaxExtension = {
+	defineNodes: [{
+		name: "Dash",
+		style: markdownTags.dash
+	}],
+	parseInline: [{
+		name: "Dash",
+		parse: (cx, next, pos) => {
+			if (next !== 45 || pos > 1 && cx.char(pos - 1) == 45) return -1;
+			let i;
+			for (i = pos; i < cx.end && cx.char(i) === 45; i++);
+			if (i - pos > 3) return -1;
+			return cx.addElement(cx.elt("Dash", pos, i));
+		},
+		before: "Emphasis"
+	}]
+};
+var DashWidget = class extends WidgetType {
+	constructor(dashCount) {
+		super();
+		this.dashCount = dashCount;
+	}
+	toDOM() {
+		const span = document.createElement("span");
+		span.className = "cm-dash";
+		if (this.dashCount === 2) span.innerHTML = "&#8211;";
+		else if (this.dashCount === 3) span.innerHTML = "&#8212;";
+		else span.innerHTML = "-".repeat(this.dashCount);
+		return span;
+	}
+};
+const dashExtension = foldableSyntaxFacet.of({
+	nodePath: "Dash",
+	buildDecorations: (_state, node) => {
+		const dashCount = node.to - node.from;
+		if (dashCount < 2 || dashCount > 3) return;
+		return Decoration.replace({ widget: new DashWidget(dashCount) }).range(node.from, node.to);
+	}
+});
+
 //#endregion
 //#region lib/fold/emoji.ts
 const emojiDelimiter = {
@@ -311,7 +431,7 @@ var EmojiWidget = class extends WidgetType {
 };
 const emojiExtension = foldableSyntaxFacet.of({
 	nodePath: "Emoji",
-	onFold: (state, node) => {
+	buildDecorations: (state, node) => {
 		const emojiName = state.doc.sliceString(node.from + 1, node.to - 1);
 		const emoji_ = emoji.get(emojiName);
 		if (!emoji_) return;
@@ -336,16 +456,19 @@ var HorizontalRuleWidget = class extends WidgetType {
 		dom.remove();
 	}
 };
-const horizontalRuleTheme = EditorView.theme({ ".cm-horizontal-rule-container": {
-	height: "1.4em",
-	display: "flow-root",
-	"align-items": "center",
-	padding: "0 2px 0 6px"
-} });
+const horizontalRuleTheme = EditorView.theme({
+	".cm-horizontal-rule-container": {
+		height: "1.4em",
+		display: "flex",
+		"align-items": "center",
+		padding: "0 2px 0 6px"
+	},
+	".cm-horizontal-rule-container hr": { width: "100%" }
+});
 const horizonalRuleExtension = [
 	foldableSyntaxFacet.of({
 		nodePath: "HorizontalRule",
-		onFold: (_state, node) => {
+		buildDecorations: (_state, node) => {
 			return Decoration.replace({
 				widget: new HorizontalRuleWidget(),
 				block: true,
@@ -360,15 +483,17 @@ const horizonalRuleExtension = [
 //#endregion
 //#region lib/fold/image.ts
 var ImageWidget = class extends WidgetType {
-	constructor(url) {
+	constructor(url, block) {
 		super();
 		this.url = url;
+		this.block = block;
 	}
 	toDOM() {
-		const span = document.createElement("span");
-		span.className = "cm-image";
-		if (this.url) span.innerHTML = `<img src="${this.url}" />`;
-		return span;
+		const elem = document.createElement(this.block ? "div" : "span");
+		elem.className = "cm-image";
+		if (this.block) elem.className += " cm-image-block";
+		elem.innerHTML = `<img src="${this.url}" />`;
+		return elem;
 	}
 	ignoreEvent(_event) {
 		return false;
@@ -376,12 +501,25 @@ var ImageWidget = class extends WidgetType {
 };
 const imageExtension = [foldableSyntaxFacet.of({
 	nodePath: "Image",
-	onFold: (state, node) => {
+	keepDecorationOnUnfold: true,
+	buildDecorations: (state, node, selectionTouchesRange$1) => {
 		let imageUrl;
 		iterChildren(node.node.cursor(), (node$1) => {
 			if (node$1.name === "URL") imageUrl = state.doc.sliceString(node$1.from, node$1.to);
 		});
-		if (imageUrl) return Decoration.replace({ widget: new ImageWidget(imageUrl) }).range(node.from, node.to);
+		if (imageUrl) {
+			const line = state.doc.lineAt(node.from);
+			const block = node.from == line.from && node.to == line.to;
+			const widget = new ImageWidget(imageUrl, block);
+			if (selectionTouchesRange$1) return Decoration.widget({
+				widget,
+				block
+			}).range(node.to, node.to);
+			else return Decoration.replace({
+				widget,
+				block
+			}).range(node.from, node.to);
+		}
 	}
 }), selectAllDecorationsOnSelectExtension("cm-image")];
 
@@ -406,7 +544,7 @@ var Checkbox = class extends WidgetType {
 };
 const taskExtension = [foldableSyntaxFacet.of({
 	nodePath: "BulletList/ListItem/Task/TaskMarker",
-	onFold: (state, node) => {
+	buildDecorations: (state, node) => {
 		const value = state.doc.sliceString(node.from + 1, node.to - 1).toLowerCase() === "x";
 		return Decoration.replace({ widget: new Checkbox(value) }).range(node.from - 2, node.to);
 	},
@@ -426,23 +564,39 @@ const taskExtension = [foldableSyntaxFacet.of({
 } } }))];
 
 //#endregion
-//#region lib/fold/blockQuote.ts
-var BlockQuoteVerticalLine = class extends WidgetType {
-	toDOM() {
-		const span = document.createElement("span");
-		span.className = "cm-blockquote-vertical-line";
-		return span;
-	}
-	ignoreEvent(_event) {
-		return false;
+//#region lib/fold/index.ts
+const defaultFoldableSyntaxExtensions = [
+	blockQuoteExtension,
+	bulletListExtension,
+	taskExtension,
+	imageExtension,
+	emojiExtension,
+	horizonalRuleExtension,
+	dashExtension
+];
+
+//#endregion
+//#region lib/revealBlockOnArrow.ts
+const maybeReveal = (decorationField, view, direction) => {
+	const decorations = view.state.field(decorationField);
+	const cursorAt = view.state.selection.main.head;
+	for (let iter = decorations.iter(); iter.value; iter.next()) if (direction === "down" && cursorAt == iter.from - 1) {
+		view.dispatch({ selection: EditorSelection.single(iter.from) });
+		return true;
+	} else if (direction === "up" && cursorAt == iter.to + 1) {
+		view.dispatch({ selection: EditorSelection.single(iter.to) });
+		return true;
 	}
+	return false;
 };
-const blockQuoteExtension = foldableSyntaxFacet.of({
-	nodePath: (nodePath) => nodePath.endsWith("Blockquote/QuoteMark") || nodePath.endsWith("Blockquote/Paragraph/QuoteMark"),
-	onFold: (_state, node) => {
-		return Decoration.replace({ widget: new BlockQuoteVerticalLine() }).range(node.from, node.to);
-	}
-});
+const revealBlockOnArrowExtension_ = (decorationField) => keymap.of([{
+	key: "ArrowUp",
+	run: (view) => maybeReveal(decorationField, view, "up")
+}, {
+	key: "ArrowDown",
+	run: (view) => maybeReveal(decorationField, view, "down")
+}]);
+const revealBlockOnArrowExtension = [hideExtension, foldExtension].map(revealBlockOnArrowExtension_);
 
 //#endregion
 //#region lib/syntaxHighlighting.ts
@@ -538,15 +692,29 @@ const baseTheme = EditorView.theme({
 		color: "var(--pm-muted-color)",
 		margin: "0 0.2em"
 	},
-	".cm-blockquote-vertical-line": {
-		display: "inline-block",
-		width: "4px",
-		marginRight: "4px",
-		marginLeft: "4px",
-		height: "1.4em",
-		verticalAlign: "bottom",
-		backgroundColor: "var(--pm-blockquote-vertical-line-background-color)"
-	}
+	".cm-blockquote-line": {
+		position: "relative",
+		"&:before": {
+			content: "\"\"",
+			display: "block",
+			borderLeft: "solid 0.3em var(--pm-blockquote-vertical-line-background-color)",
+			position: "absolute",
+			top: "0px",
+			bottom: "0px",
+			insetInlineStart: "6px",
+			zIndex: -10
+		}
+	},
+	".cm-nested-blockquote-border": {
+		display: "block",
+		borderLeft: "solid 0.3em var(--pm-blockquote-vertical-line-background-color)",
+		position: "absolute",
+		top: "0px",
+		bottom: "0px",
+		insetInlineStart: "calc(6px + var(--blockquote-border-offset))",
+		zIndex: -10
+	},
+	".cm-image-block": { paddingLeft: "6px" }
 });
 const generalSyntaxHighlights = syntaxHighlighting(HighlightStyle.define([
 	{
@@ -709,6 +877,70 @@ const clickLinkExtension = [
 	clickRawUrlExtension
 ];
 
+//#endregion
+//#region lib/softIndentExtension.ts
+const softIndentPattern = /^(> )*(\s*)?(([-*+]?|\d[.)])\s)?(\[.\]\s)?/;
+const softIndentRefresh = Annotation.define();
+const softIndentExtension = ViewPlugin.fromClass(class {
+	decorations = Decoration.none;
+	constructor(view) {
+		this.requestMeasure(view);
+	}
+	update(u) {
+		if (u.docChanged || u.viewportChanged || u.selectionSet) this.requestMeasure(u.view);
+		if (u.transactions.some((tr) => tr.annotation(softIndentRefresh))) this.requestMeasure(u.view);
+	}
+	requestMeasure(view) {
+		view.requestMeasure({
+			read: (view$1) => this.measureIndents(view$1),
+			write: (indents, view$1) => {
+				this.applyIndents(indents, view$1);
+			}
+		});
+	}
+	measureIndents(view) {
+		const indents = [];
+		for (const { from, to } of view.visibleRanges) {
+			const start = view.state.doc.lineAt(from);
+			const end = view.state.doc.lineAt(to);
+			for (let i = start.number; i <= end.number; i++) {
+				const line = view.state.doc.line(i);
+				const text = view.state.sliceDoc(line.from, line.to);
+				const matches = softIndentPattern.exec(text);
+				if (!matches) continue;
+				const nonContent = matches[0];
+				const indentWidth = (view.coordsAtPos(line.from + nonContent.length)?.left ?? 0) - (view.coordsAtPos(line.from)?.left ?? 0);
+				if (!indentWidth) continue;
+				indents.push({
+					line,
+					indentWidth
+				});
+			}
+		}
+		return indents;
+	}
+	buildDecorations(indents) {
+		const builder = new RangeSetBuilder();
+		for (const { line, indentWidth } of indents) {
+			const deco = Decoration.line({ attributes: { style: `padding-inline-start: ${(indentWidth + 6).toString()}px; text-indent: -${indentWidth.toString()}px;` } });
+			builder.add(line.from, line.from, deco);
+		}
+		return builder.finish();
+	}
+	applyIndents(indents, view) {
+		const newDecos = this.buildDecorations(indents);
+		let changed = false;
+		for (const { from, to } of view.visibleRanges) if (!RangeSet.eq([this.decorations], [newDecos], from, to)) {
+			changed = true;
+			break;
+		}
+		if (changed) queueMicrotask(() => {
+			view.dispatch({ annotations: [softIndentRefresh.of(true)] });
+		});
+		this.decorations = newDecos;
+	}
+}, { decorations: (v) => v.decorations });
+
 //#endregion
 //#region lib/codeFenceExtension.ts
 const codeBlockDecorations = (view) => {
@@ -829,17 +1061,17 @@ const codeFenceTheme = EditorView.theme({
 const prosemarkMarkdownSyntaxExtensions = [
 	additionalMarkdownSyntaxTags,
 	escapeMarkdownSyntaxExtension,
-	emojiMarkdownSyntaxExtension
-];
-const defaultFoldableSyntaxExtensions = [
-	blockQuoteExtension,
-	bulletListExtension,
-	taskExtension,
-	imageExtension,
-	emojiExtension,
-	horizonalRuleExtension
+	emojiMarkdownSyntaxExtension,
+	dashMarkdownSyntaxExtension
 ];
 const prosemarkBasicSetup = () => [
+	defaultHideExtensions,
+	defaultFoldableSyntaxExtensions,
+	revealBlockOnArrowExtension,
+	clickLinkExtension,
+	defaultClickLinkHandler,
+	softIndentExtension,
+	codeBlockDecorationsExtension,
 	history(),
 	dropCursor(),
 	indentOnInput(),
@@ -857,11 +1089,7 @@ const prosemarkBasicSetup = () => [
 		indentWithTab
 	]),
 	foldGutter(),
-	EditorView.lineWrapping,
-	defaultHideExtensions,
-	defaultFoldableSyntaxExtensions,
-	clickLinkExtension,
-	codeBlockDecorationsExtension
+	EditorView.lineWrapping
 ];
 const prosemarkBaseThemeSetup = () => [
 	baseSyntaxHighlights,
@@ -869,7 +1097,7 @@ const prosemarkBaseThemeSetup = () => [
 	baseTheme,
 	codeFenceTheme
 ];
-const prosemarkLightThemeSetup = () => lightTheme;
+const prosemarkLightThemeSetup = () => [prosemarkBaseThemeSetup(), lightTheme];
 
 //#endregion
-export { additionalMarkdownSyntaxTags, baseSyntaxHighlights, baseTheme, blockQuoteExtension, bulletListExtension, clickLinkExtension, clickLinkHandler, codeBlockDecorationsExtension, codeFenceTheme, defaultClickLinkHandler, defaultFoldableSyntaxExtensions, defaultHideExtensions, emojiExtension, emojiMarkdownSyntaxExtension, escapeMarkdownSyntaxExtension, eventHandlersWithClass, foldDecorationExtension, foldableSyntaxFacet, generalSyntaxHighlights, horizonalRuleExtension, imageExtension, lightTheme, markdownTags, prosemarkBaseThemeSetup, prosemarkBasicSetup, prosemarkLightThemeSetup, prosemarkMarkdownSyntaxExtensions, selectAllDecorationsOnSelectExtension, taskExtension };
+export { additionalMarkdownSyntaxTags, baseSyntaxHighlights, baseTheme, blockQuoteExtension, bulletListExtension, clickLinkExtension, clickLinkHandler, codeBlockDecorationsExtension, codeFenceTheme, dashExtension, dashMarkdownSyntaxExtension, defaultClickLinkHandler, defaultFoldableSyntaxExtensions, defaultHideExtensions, emojiExtension, emojiMarkdownSyntaxExtension, escapeMarkdownSyntaxExtension, eventHandlersWithClass, foldExtension, foldableSyntaxFacet, generalSyntaxHighlights, hideExtension, horizonalRuleExtension, imageExtension, lightTheme, markdownTags, prosemarkBaseThemeSetup, prosemarkBasicSetup, prosemarkLightThemeSetup, prosemarkMarkdownSyntaxExtensions, revealBlockOnArrowExtension, selectAllDecorationsOnSelectExtension, softIndentExtension, taskExtension };

package/package.json

@@ -1,6 +1,15 @@
 {
   "name": "@prosemark/core",
-  "version": "0.0.3",
+  "version": "0.0.4",
+  "repository": {
+    "url": "https://github.com/jsimonrichard/ProseMark",
+    "type": "github"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "J. Simon Richard",
+    "url": "https://jsimonrichard.com"
+  },
   "type": "module",
   "files": [
     "dist"
@@ -19,7 +28,7 @@
     "preview": "vite preview",
     "lint": "eslint --max-warnings=0",
     "check-types": "tsc",
-    "ci:publish": "bun publish --tolerate-republish"
+    "ci:publish": "bash ../../scripts/ci-publish.sh"
   },
   "dependencies": {
     "@lezer/common": "^1.2.3",