@meowdown/react 0.64.3 → 0.65.1

package/dist/index.d.ts

@@ -410,9 +410,9 @@ interface EditorProps {
    */
   onFileSaveError?: FilePasteOptions['onFileSaveError'];
   /**
-   * Called when the user clicks a rendered image, with its markdown `src`,
-   * `alt`, and the originating `MouseEvent`. Pass a stable function (e.g. from
-   * `useCallback`).
+   * Called when the user clicks a rendered image (or presses `Enter` on a
+   * selected one), with its markdown `src`, `alt`, and the originating event.
+   * Pass a stable function (e.g. from `useCallback`).
    */
   onImageClick?: ImageClickHandler;
   /**

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx/lite";
 import { Fragment, cloneElement, createElement, useCallback, useDeferredValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { buildFileMarkdown, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSearchStatusHandler, defineSpellCheckPlugin, defineSubstitution, defineTagClickHandler, defineViewAttributes, defineVirtualCaret, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, getCodeTokens, getFileKind, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, 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, defineSearchStatusHandler, defineSubstitution, defineTagClickHandler, defineViewAttributes, defineVirtualCaret, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, getCodeTokens, getFileKind, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, isCodeBlockPreviewHiddenDecoration, isModEvent, 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";
@@ -401,6 +401,11 @@ function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick,
 		const extension = defineViewAttributes({ class: editorClassName });
 		return editor.use(extension);
 	}, [editor, editorClassName]);
+	useLayoutEffect(() => {
+		if (spellCheck == null) return;
+		const extension = defineViewAttributes({ spellcheck: spellCheck ? "true" : "false" });
+		return editor.use(extension);
+	}, [editor, spellCheck]);
 	const deferredSearchQuery = useDeferredValue(searchQuery);
 	useEffect(() => {
 		editor.commands.setSearchQuery({
@@ -425,17 +430,19 @@ function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick,
 		return onTagClick ? defineTagClickHandler(onTagClick) : null;
 	}, [onTagClick]));
 	useExtension$1(useMemo(() => {
-		return onWikilinkClick || onTagClick || onFileClick || onLinkClick ? defineFollowLinkHandler({
+		return onWikilinkClick || onTagClick || onFileClick || onLinkClick || onImageClick ? defineFollowLinkHandler({
 			onWikilinkClick,
 			onTagClick,
 			onFileClick,
-			onLinkClick
+			onLinkClick,
+			onImageClick
 		}) : null;
 	}, [
 		onWikilinkClick,
 		onTagClick,
 		onFileClick,
-		onLinkClick
+		onLinkClick,
+		onImageClick
 	]));
 	useExtension$1(useMemo(() => {
 		return onExitBoundary ? defineExitBoundaryHandler(onExitBoundary) : null;
@@ -479,9 +486,6 @@ function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick,
 	useExtension$1(useMemo(() => {
 		return wikilinkEnabled ? defineWikilinkTrigger() : null;
 	}, [wikilinkEnabled]));
-	useExtension$1(useMemo(() => {
-		return spellCheck == null ? null : defineSpellCheckPlugin(spellCheck);
-	}, [spellCheck]));
 	return null;
 }
 
@@ -585,7 +589,8 @@ function LinkInfoContent({ href, onLinkClick, onLinkCopy, onEdit, onRemove }) {
 					event.preventDefault();
 					onLinkClick({
 						href,
-						event: event.nativeEvent
+						event: event.nativeEvent,
+						mod: isModEvent(event)
 					});
 				},
 				children: href
@@ -2184,7 +2189,8 @@ function WikilinkChip(props) {
 			contentEditable: false,
 			onClick: onWikilinkClick ? (event) => onWikilinkClick({
 				target,
-				event: event.nativeEvent
+				event: event.nativeEvent,
+				mod: isModEvent(event)
 			}) : void 0,
 			children: /* @__PURE__ */ jsx("span", {
 				className: "md-wikilink-view-label",
@@ -2248,7 +2254,8 @@ function ImagePreview(props) {
 			onClick: onImageClick ? (event) => onImageClick({
 				src,
 				alt,
-				event: event.nativeEvent
+				event: event.nativeEvent,
+				mod: isModEvent(event)
 			}) : void 0,
 			style: width == null ? void 0 : { width: `${width}px` }
 		})
@@ -2298,11 +2305,14 @@ function FileView(props) {
 		};
 	}, [resolveFileInfo, href]);
 	const size = resolvedSize?.href === href && resolvedSize.resolver === resolveFileInfo ? resolvedSize.text : "";
-	const handleClick = context.onFileClick ? (event) => context.onFileClick?.({
-		href,
-		name,
-		event: event.nativeEvent
-	}) : void 0;
+	const handleClick = context.onFileClick ? (event) => {
+		context.onFileClick?.({
+			href,
+			name,
+			event: event.nativeEvent,
+			mod: isModEvent(event)
+		});
+	} : void 0;
 	return /* @__PURE__ */ jsxs("span", {
 		className: "md-file-view md-atom-view",
 		children: [/* @__PURE__ */ jsxs("span", {
@@ -2487,7 +2497,8 @@ function wrapMark(mark, children, context) {
 				event.preventDefault();
 				context.onLinkClick?.({
 					href: attrs.href,
-					event: event.nativeEvent
+					event: event.nativeEvent,
+					mod: isModEvent(event)
 				});
 			} : void 0;
 			return /* @__PURE__ */ jsx("a", {

package/package.json

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