@meowdown/core 0.83.0 → 0.83.2

package/dist/index.js

@@ -72,6 +72,39 @@ function getIsComposing() {
 	return isComposing || compositionEndedAt > 0 && Date.now() - compositionEndedAt <= COMPOSITION_TAIL_MS;
 }
 
+// src/utils/guard-plugin.ts
+/**
+* Wrap an `appendTransaction` so that a throw is reported with `reportError`
+* and appends nothing. Otherwise the whole dispatch fails, and text the
+* browser already inserted never reaches the editor state.
+*/
+function guardAppendTransaction(appendTransaction) {
+	return (transactions, oldState, newState) => {
+		try {
+			return appendTransaction(transactions, oldState, newState);
+		} catch (error) {
+			reportError(error);
+			return null;
+		}
+	};
+}
+/**
+* Wrap a `decorations` prop so that a throw is reported with `reportError` and
+* draws no decorations. ProseMirror reads decorations in the middle of a view
+* update and in `EditorView.destroy`, where a throw leaves the view half
+* updated.
+*/
+function guardDecorations(decorations) {
+	return (state) => {
+		try {
+			return decorations(state);
+		} catch (error) {
+			reportError(error);
+			return null;
+		}
+	};
+}
+
 // src/utils/input-modality.ts
 const KEYBOARD_MODALITY_KEYS = /* @__PURE__ */ new Set([
 	"ArrowLeft",
@@ -555,7 +588,7 @@ function getUnitEdge(range, oldPos, newPos, isPointer) {
 function createCaretSnapPlugin(marks) {
 	return new Plugin({
 		key: new PluginKey("atom-mark-caret-snap"),
-		appendTransaction: (transactions, oldState, newState) => {
+		appendTransaction: guardAppendTransaction((transactions, oldState, newState) => {
 			if (getIsComposing()) return null;
 			const markNames = getActiveMarkNames(marks, newState);
 			if (markNames.length === 0) return null;
@@ -575,14 +608,14 @@ function createCaretSnapPlugin(marks) {
 			const isPointer = hasPointerSelectionTransaction(transactions);
 			const head = getUnitEdge(range, oldState.selection.head, selection.head, isPointer);
 			return newState.tr.setSelection(TextSelection.create(newState.doc, head));
-		}
+		})
 	});
 }
 const SELECTED_CLASS = "md-atom-selected";
 function createSelectionPlugin(marks) {
 	return new Plugin({
 		key: new PluginKey("atom-mark-selection"),
-		props: { decorations: (state) => {
+		props: { decorations: guardDecorations((state) => {
 			const markNames = getActiveMarkNames(marks, state);
 			if (markNames.length === 0) return;
 			if (isNodeSelection(state.selection)) return;
@@ -595,7 +628,7 @@ function createSelectionPlugin(marks) {
 				if (node.marks.some((mark) => markNames.includes(mark.type.name))) decorations.push(Decoration.inline(pos, pos + node.nodeSize, { class: SELECTED_CLASS }));
 			});
 			return DecorationSet.create(state.doc, decorations);
-		} }
+		}) }
 	});
 }
 /**
@@ -696,7 +729,7 @@ function isSingleParagraph(state) {
 function defineSingleParagraph() {
 	return withPriority$1(definePlugin(new Plugin({
 		key: singleParagraphPluginKey,
-		appendTransaction(transactions, _oldState, state) {
+		appendTransaction: guardAppendTransaction((transactions, _oldState, state) => {
 			if (!isSingleParagraph(state)) return;
 			if (!transactions.some((transaction) => transaction.docChanged)) return;
 			const markdown = docToParagraphMarkdown(state.doc);
@@ -705,7 +738,7 @@ function defineSingleParagraph() {
 			const position = Math.min(state.selection.head, doc.content.size - 1);
 			const transaction = state.tr.replaceWith(0, state.doc.content.size, doc.content);
 			return transaction.setSelection(TextSelection.create(transaction.doc, Math.max(1, position)));
-		}
+		})
 	})), Priority$1.highest);
 }
 
@@ -2424,6 +2457,45 @@ function formatFileSize(bytes) {
 	return `${value < 9.95 ? Math.round(value * 10) / 10 : Math.round(value)} ${unit}`;
 }
 
+// src/utils/guard-mark-view.ts
+/**
+* Wrap a mark view constructor so that a throw from it, or from the view's
+* `update` or `destroy`, is reported with `reportError` instead of leaving
+* ProseMirror's view tree half updated. A constructor that throws gets a bare
+* `<span>`, which keeps the mark's source text editable.
+*/
+function guardMarkView(constructor) {
+	return (mark, view, inline) => {
+		let markView;
+		try {
+			markView = constructor(mark, view, inline);
+		} catch (error) {
+			reportError(error);
+			return { dom: document.createElement("span") };
+		}
+		return {
+			dom: markView.dom,
+			contentDOM: markView.contentDOM,
+			ignoreMutation: markView.ignoreMutation?.bind(markView),
+			update: (next) => {
+				try {
+					return markView.update?.(next) ?? false;
+				} catch (error) {
+					reportError(error);
+					return false;
+				}
+			},
+			destroy: () => {
+				try {
+					markView.destroy?.();
+				} catch (error) {
+					reportError(error);
+				}
+			}
+		};
+	};
+}
+
 // src/extensions/file-view.ts
 /**
 * `data-file-kind` values by file extension, for host CSS theming.
@@ -2574,16 +2646,16 @@ var FileMarkView = class {
 function defineFileView(getOptions) {
 	return defineMarkView({
 		name: "mdFile",
-		constructor: (mark, view) => new FileMarkView(mark, getOptions?.(view.state))
+		constructor: guardMarkView((mark, view) => new FileMarkView(mark, getOptions?.(view.state)))
 	});
 }
 
 // src/extensions/find.ts
-const revealActiveMatch = new Plugin({ props: { decorations: (state) => {
+const revealActiveMatch = new Plugin({ props: { decorations: guardDecorations((state) => {
 	const { from, to, empty } = state.selection;
 	if (empty || getSearchStatus$1(state).active === 0) return;
 	return DecorationSet.create(state.doc, [Decoration.inline(from, to, { class: "show" })]);
-} } });
+}) } });
 /**
 * Find over the editor's text. `setSearchQuery` highlights every match and
 * selects the first one at or after the caret; `findNext` and `findPrev` walk
@@ -3058,7 +3130,7 @@ const beforeInputKey = new PluginKey("meowdown-hidden-run-beforeinput");
 function createSnapPlugin() {
 	return new Plugin({
 		key: snapKey,
-		appendTransaction: (transactions, oldState, newState) => {
+		appendTransaction: guardAppendTransaction((transactions, oldState, newState) => {
 			if (getIsComposing()) return null;
 			if (getMarkMode(newState) !== "hide") return null;
 			const selection = newState.selection;
@@ -3075,7 +3147,7 @@ function createSnapPlugin() {
 			const anchor = selection.anchor === selection.from ? from : to;
 			const head = selection.head === selection.from ? from : to;
 			return newState.tr.setSelection(TextSelection.create(newState.doc, anchor, head));
-		}
+		})
 	});
 }
 const relocateEnterSplit = (state, dispatch) => {
@@ -3727,7 +3799,7 @@ var ImageMarkView = class {
 function defineImage(getOptions) {
 	return defineMarkView({
 		name: "mdImage",
-		constructor: (mark, view) => new ImageMarkView(mark, view, getOptions?.(view.state) ?? {})
+		constructor: guardMarkView((mark, view) => new ImageMarkView(mark, view, getOptions?.(view.state) ?? {}))
 	});
 }
 
@@ -4769,7 +4841,7 @@ function createInlineMarkPlugin(getOptions) {
 				};
 			}
 		},
-		appendTransaction(transactions, oldState, newState) {
+		appendTransaction: guardAppendTransaction((transactions, oldState, newState) => {
 			for (const tr of transactions) if (tr.getMeta(META_KEY)) return null;
 			const restyle = transactions.some((transaction) => transaction.getMeta(RESTYLE_KEY));
 			if (!(restyle || transactions.some((transaction) => {
@@ -4790,9 +4862,13 @@ function createInlineMarkPlugin(getOptions) {
 			tr.setMeta(META_KEY, true);
 			tr.setMeta("addToHistory", false);
 			return tr;
-		},
+		}),
 		view(view) {
-			view.dispatch(triggerInlineMarks(view.state));
+			try {
+				view.dispatch(triggerInlineMarks(view.state));
+			} catch (error) {
+				reportError(error);
+			}
 			const controller = new AbortController();
 			const flush = (currentView) => {
 				if (currentView.isDestroyed) return;
@@ -6047,10 +6123,10 @@ function defineMeowdownList() {
 function createMarkModePlugin(getMode) {
 	return new Plugin({ props: {
 		attributes: (state) => ({ "data-mark-mode": getMode(state) }),
-		decorations: (state) => {
+		decorations: guardDecorations((state) => {
 			const mode = getMode(state);
 			return mode === "focus" || mode === "hide" ? computeRevealDecorations(state, mode) : void 0;
-		}
+		})
 	} });
 }
 function findRevealablePack($pos, mode, direction) {
@@ -6195,7 +6271,7 @@ var MathMarkView = class {
 function defineMath() {
 	return defineMarkView({
 		name: "mdMath",
-		constructor: (mark, view) => new MathMarkView(mark, view)
+		constructor: guardMarkView((mark, view) => new MathMarkView(mark, view))
 	});
 }
 
@@ -6292,7 +6368,7 @@ function unionOfChangedRanges(transactions) {
 function createTableAlignSyncPlugin() {
 	return new Plugin({
 		key: new PluginKey("table-align-sync"),
-		appendTransaction(transactions, _oldState, newState) {
+		appendTransaction: guardAppendTransaction((transactions, _oldState, newState) => {
 			if (!transactions.some((transaction) => transaction.docChanged)) return;
 			const range = unionOfChangedRanges(transactions);
 			if (!range) return;
@@ -6307,7 +6383,7 @@ function createTableAlignSyncPlugin() {
 				return false;
 			});
 			return tr?.docChanged ? tr : void 0;
-		}
+		})
 	});
 }
 function defineTableAlignSync() {
@@ -6564,11 +6640,11 @@ const pendingReplacementPlugin = new Plugin({
 			return value;
 		}
 	},
-	props: { decorations: (state) => {
+	props: { decorations: guardDecorations((state) => {
 		const pending = getPendingReplacement(state);
 		if (!pending || pending.from >= pending.to) return null;
 		return DecorationSet.create(state.doc, [Decoration.inline(pending.from, pending.to, { class: "md-pending-replacement" })]);
-	} }
+	}) }
 });
 function startPendingReplacement(options) {
 	return (state, dispatch) => {
@@ -6672,16 +6748,20 @@ function definePendingReplacementHandler(handler) {
 		const prev = pendingReplacementKey.getState(prevState);
 		const next = pendingReplacementKey.getState(view.state);
 		if (!next || prev === next) return;
-		if (next.pending) {
-			if (next.pending !== prev?.pending) handler({
-				type: "update",
-				pending: next.pending
+		try {
+			if (next.pending) {
+				if (next.pending !== prev?.pending) handler({
+					type: "update",
+					pending: next.pending
+				});
+			} else if (next.ended && next.ended !== prev?.ended) handler({
+				type: "ended",
+				pending: next.ended.pending,
+				outcome: next.ended.outcome
 			});
-		} else if (next.ended && next.ended !== prev?.ended) handler({
-			type: "ended",
-			pending: next.ended.pending,
-			outcome: next.ended.outcome
-		});
+		} catch (error) {
+			reportError(error);
+		}
 	} }) }));
 }
 
@@ -7238,7 +7318,7 @@ function createWikilinkMarkView() {
 function defineWikilink() {
 	return defineMarkView({
 		name: "mdWikilink",
-		constructor: createWikilinkMarkView()
+		constructor: guardMarkView(createWikilinkMarkView())
 	});
 }
 

package/dist/style.css

@@ -894,9 +894,13 @@
     --meowdown-mermaid-surface: color-mix(in srgb,
       var(--meowdown-mermaid-fg) 3%,
       var(--meowdown-mermaid-bg));
+    --meowdown-mermaid-surface-alt: color-mix(in srgb,
+      var(--meowdown-mermaid-fg) 8%,
+      var(--meowdown-mermaid-bg));
     --meowdown-mermaid-border: color-mix(in srgb,
       var(--meowdown-mermaid-fg) 20%,
       var(--meowdown-mermaid-bg));
+    --meowdown-mermaid-critical: var(--meowdown-danger);
     --meowdown-mermaid-error: var(--meowdown-danger);
     --meowdown-image-loading-bg: light-dark(oklch(96.7% 0 0), oklch(27.4% .005 286));
     --meowdown-image-radius: .5rem;
@@ -1205,13 +1209,32 @@
   }
 
   .ProseMirror .prosemirror-flat-list[data-list-kind="task"] {
-    transition: opacity .2s;
+    transition: color .2s;
 
     &[data-list-checked] {
-      opacity: .5;
+      color: color-mix(in srgb, currentColor 50%, transparent);
 
       & .prosemirror-flat-list[data-list-kind="task"][data-list-checked] {
-        opacity: 1;
+        color: inherit;
+      }
+
+      & :is(.md-link, .md-link-uri, .md-link-title) {
+        color: color-mix(in srgb, var(--meowdown-accent) 50%, transparent);
+      }
+
+      & .md-tag {
+        background: color-mix(in oklab, var(--meowdown-accent) 5%, transparent);
+        color: color-mix(in srgb,
+          color-mix(in oklab, var(--meowdown-accent) 80%, var(--meowdown-heading)) 50%,
+          transparent);
+      }
+
+      & .md-mark {
+        color: color-mix(in srgb, var(--meowdown-mark) 50%, transparent);
+      }
+
+      & .list-marker input[type="checkbox"] {
+        border-color: color-mix(in srgb, var(--meowdown-muted) 50%, transparent);
       }
     }
 
@@ -1234,8 +1257,8 @@
         transition: background-color .15s, border-color .15s;
 
         &:checked {
-          background-color: var(--meowdown-accent);
-          background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+          background-color: color-mix(in srgb, var(--meowdown-accent) 50%, transparent);
+          background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' fill-opacity='0.5' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
           border-color: #0000;
         }
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/core",
   "type": "module",
-  "version": "0.83.0",
+  "version": "0.83.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
     "@lezer/highlight": "^1.2.5",
     "@meowdown/embed": "0.3.1",
     "@meowdown/markdown": "0.78.0",
-    "@ocavue/utils": "^1.9.0",
+    "@ocavue/utils": "^1.11.0",
     "@post-embed/exporter": "^0.5.0",
     "@post-embed/schema": "^0.5.2",
     "@post-embed/types": "^0.5.0",