@meowdown/react 0.60.0 → 0.62.0

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, 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, 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 { clamp } from "@ocavue/utils";
 import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, defineUpdateHandler, isTextSelection, union } from "@prosekit/core";
 import { Selection, TextSelection } from "@prosekit/pm/state";
@@ -1566,6 +1566,14 @@ function TagMenu({ onTagSearch }) {
 	});
 }
 
+//#endregion
+//#region src/components/virtual-caret.tsx
+function VirtualCaret() {
+	const [layer, setLayer] = useState(null);
+	useExtension$1(useMemo(() => layer == null ? null : defineVirtualCaret(layer), [layer]));
+	return /* @__PURE__ */ jsx("div", { ref: setLayer });
+}
+
 //#endregion
 //#region src/components/wikilink-menu.tsx
 const regex = new RegExp(String.raw`(?:\[\[[^[\]]*|` + (canUseRegexLookbehind() ? String.raw`(?<!\S)` : "") + String.raw`@(?:[^[\]\s][^[\]]*)?)$`, "u");
@@ -1832,6 +1840,7 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 	return /* @__PURE__ */ jsxs(ProseKit, {
 		editor,
 		children: [
+			/* @__PURE__ */ jsx(VirtualCaret, {}),
 			/* @__PURE__ */ jsx("div", { ref: editor.mount }),
 			/* @__PURE__ */ jsx(EditorExtensions, {
 				markMode,
@@ -2163,7 +2172,8 @@ function WikilinkChip(props) {
 		})]
 	});
 }
-function EmbedFrame({ embed }) {
+function EmbedFrame(props) {
+	const { embed, width, height } = props;
 	const iframeRef = useRef(null);
 	useEffect(() => {
 		if (embed.kind !== "tweet") return;
@@ -2171,6 +2181,8 @@ function EmbedFrame({ embed }) {
 		if (!iframe) return;
 		return listenForTweetHeight(iframe);
 	}, [embed.kind, embed.key]);
+	const youtubeWidth = embed.kind === "youtube" ? width : null;
+	const tweetHeight = embed.kind === "tweet" ? height : null;
 	return /* @__PURE__ */ jsx("span", {
 		className: "md-image-view-preview md-atom-view-preview",
 		contentEditable: false,
@@ -2184,14 +2196,20 @@ function EmbedFrame({ embed }) {
 			referrerPolicy: "strict-origin-when-cross-origin",
 			frameBorder: "0",
 			allow: embed.allow,
-			allowFullScreen: embed.allowFullscreen
+			allowFullScreen: embed.allowFullscreen,
+			style: youtubeWidth != null ? { width: youtubeWidth } : tweetHeight != null ? { height: tweetHeight } : void 0,
+			"data-sized": tweetHeight == null ? void 0 : ""
 		}, embed.key)
 	});
 }
 function ImagePreview(props) {
-	const { src, alt, width, resolveImageUrl, onImageClick, interactive } = props;
+	const { src, alt, width, height, resolveImageUrl, onImageClick, interactive } = props;
 	const embed = matchEmbed(src);
-	if (embed) return interactive ? /* @__PURE__ */ jsx(EmbedFrame, { embed }) : null;
+	if (embed) return interactive ? /* @__PURE__ */ jsx(EmbedFrame, {
+		embed,
+		width,
+		height
+	}) : null;
 	const url = (resolveImageUrl ?? defaultResolveImageUrl)(src);
 	if (!url) return null;
 	return /* @__PURE__ */ jsx("span", {
@@ -2212,13 +2230,14 @@ function ImagePreview(props) {
 	});
 }
 function ImageView(props) {
-	const { src, alt, width, context, children } = props;
+	const { src, alt, width, height, context, children } = props;
 	return /* @__PURE__ */ jsxs("span", {
 		className: "md-image-view md-atom-view",
 		children: [/* @__PURE__ */ jsx(ImagePreview, {
 			src,
 			alt,
 			width,
+			height,
 			resolveImageUrl: context.resolveImageUrl,
 			onImageClick: context.onImageClick,
 			interactive: context.interactive
@@ -2408,6 +2427,7 @@ function wrapMark(mark, children, context) {
 				src: attrs.src,
 				alt: attrs.alt,
 				width: attrs.width,
+				height: attrs.height,
 				context,
 				children
 			});

package/package.json

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