@meowdown/react 0.57.2 → 0.58.0

package/README.md

@@ -60,6 +60,13 @@ The caret glides between positions by default; pass `caretGlide={false}` to move
 
 `MarkdownView` folds collapsed (`+`) bullets like the editor; pass `expandCollapsed` to render them expanded at every depth, for views that show slices of a note (e.g. a backlinks panel) where the source's fold state must not hide the content the view exists to show.
 
+Both `MeowdownEditor` and `MarkdownView` resolve CommonMark full, collapsed,
+and shortcut reference links and images. The editor keeps reference definitions
+visible as editable source and preserves them through `getMarkdown()`.
+`MarkdownView` uses the same first-definition-wins resolution but omits
+definition paragraphs from its rendered output. Reference links are read-only
+in the editor's link menu; edit their definition source to change the target.
+
 ### Wiki embeds
 
 Obsidian-style wiki embeds (`![[path]]`, with optional `|width` or

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx/lite";
 import { Fragment, cloneElement, createElement, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { buildFileMarkdown, codeBlockLanguages, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineSubstitution, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, getCodeTokens, getFileKind, getMarkBuilders, getPendingReplacement, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunks, isCodeBlockPreviewHiddenDecoration, isNodeOfType, isSelectionInTableCell, listenForTweetHeight, loadKaTeX, markdownToDoc, matchEmbed, renderMathInto } from "@meowdown/core";
+import { buildFileMarkdown, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSpellCheckPlugin, defineSubstitution, defineTagClickHandler, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, getCodeTokens, getFileKind, getMarkBuilders, getPendingReplacement, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, isCodeBlockPreviewHiddenDecoration, isNodeOfType, isSelectionInTableCell, listenForTweetHeight, loadKaTeX, markdownToDoc, matchEmbed, renderMathInto } from "@meowdown/core";
 import { clamp } from "@ocavue/utils";
 import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, defineUpdateHandler, isTextSelection, union } from "@prosekit/core";
 import { Selection, TextSelection } from "@prosekit/pm/state";
@@ -564,7 +564,7 @@ function LinkInfoContent({ href, onLinkClick, onLinkCopy, onEdit, onRemove }) {
 				className: link_menu_module_default.Button,
 				onCopy: () => onLinkCopy?.({ href })
 			}),
-			/* @__PURE__ */ jsx("button", {
+			onEdit && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: link_menu_module_default.Button,
 				title: "Edit link",
@@ -572,7 +572,7 @@ function LinkInfoContent({ href, onLinkClick, onLinkCopy, onEdit, onRemove }) {
 				onClick: onEdit,
 				children: /* @__PURE__ */ jsx(PencilIcon, {})
 			}),
-			/* @__PURE__ */ jsx("button", {
+			onRemove && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: link_menu_module_default.Button,
 				title: "Remove link",
@@ -700,6 +700,7 @@ function LinkMenu({ onLinkClick, onLinkCopy }) {
 	});
 	if (hoverOpen && hover) {
 		const link = hover;
+		const editable = link.label != null && link.dest != null;
 		return /* @__PURE__ */ jsx(LinkPopover, {
 			anchor,
 			onClose: closeHover,
@@ -708,7 +709,7 @@ function LinkMenu({ onLinkClick, onLinkCopy }) {
 				href: link.href,
 				onLinkClick,
 				onLinkCopy,
-				onEdit: () => {
+				onEdit: editable ? () => {
 					selectLinkUnit(editor, link);
 					setEdit({
 						from: link.unit.from,
@@ -716,12 +717,12 @@ function LinkMenu({ onLinkClick, onLinkCopy }) {
 						link
 					});
 					closeHover();
-				},
-				onRemove: () => {
+				} : void 0,
+				onRemove: editable ? () => {
 					selectLinkUnit(editor, link);
 					editor.commands.removeLink();
 					closeHover();
-				}
+				} : void 0
 			})
 		});
 	}
@@ -2398,10 +2399,13 @@ function wrapMark(mark, children, context) {
 				className: "md-link",
 				children
 			});
-			const handleClick = context.onLinkClick ? (event) => context.onLinkClick?.({
-				href: attrs.href,
-				event: event.nativeEvent
-			}) : void 0;
+			const handleClick = context.onLinkClick ? (event) => {
+				event.preventDefault();
+				context.onLinkClick?.({
+					href: attrs.href,
+					event: event.nativeEvent
+				});
+			} : void 0;
 			return /* @__PURE__ */ jsx("a", {
 				className: "md-link",
 				href: attrs.href,
@@ -2445,15 +2449,19 @@ function renderRuns(runs, depth, context) {
 function renderInline(node, context) {
 	const text = node.textContent;
 	if (!text) return null;
-	return renderRuns(inlineTextToMarkChunks(getMarkBuilders(), text, {
+	return renderRuns(inlineTextToMarkChunksWithContext(getMarkBuilders(), text, {
 		resolveFileLink: context.resolveFileLink,
 		resolveWikiEmbed: context.resolveWikiEmbed
+	}, {
+		referenceDefinitions: context.referenceDefinitions,
+		isReferenceDefinition: context.referenceDefinitionNodes.has(node)
 	}).map(([from, to, marks]) => ({
 		text: text.slice(from, to),
 		marks: Mark.setFrom(marks)
 	})), 0, context);
 }
 function renderBlock(node, context) {
+	if (context.referenceDefinitionNodes.has(node)) return null;
 	const key = context.keyCounter.value++;
 	const typeName = node.type.name;
 	let handleTaskClick;
@@ -2518,6 +2526,7 @@ function renderBlock(node, context) {
 function MarkdownView({ markdown, markMode = "hide", frontmatter = false, interactive = true, expandCollapsed = false, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveFileInfo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }) {
 	const content = useMemo(() => {
 		const doc = markdownToDoc(markdown, { frontmatter });
+		const referenceIndex = collectReferenceDefinitions(doc);
 		const context = {
 			interactive,
 			expandCollapsed,
@@ -2530,6 +2539,8 @@ function MarkdownView({ markdown, markMode = "hide", frontmatter = false, intera
 			onImageClick: interactive ? onImageClick : void 0,
 			onFileClick: interactive ? onFileClick : void 0,
 			onTaskClick: interactive ? onTaskClick : void 0,
+			referenceDefinitions: referenceIndex.definitions,
+			referenceDefinitionNodes: referenceIndex.nodes,
 			taskCounter: { value: 0 },
 			keyCounter: { value: 0 }
 		};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.57.2",
+  "version": "0.58.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -31,7 +31,7 @@
     "github-slugger": "^2.0.0",
     "lucide-react": "^1.24.0",
     "react-property": "^2.0.2",
-    "@meowdown/core": "0.57.2"
+    "@meowdown/core": "0.58.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",