@meowdown/react 0.59.1 → 0.61.0

package/dist/index.d.ts

@@ -20,10 +20,8 @@ type EditorStateSnapshot = [markdown: string, selection: SelectionJSON$1];
  */
 interface EditorHandle {
   /**
-   * Reconciles pending native input, then serializes the current document to
-   * Markdown. If reconciliation changes the document, `onDocChange` runs
-   * before this method returns. Can be expensive on large documents; call it
-   * on demand (e.g. throttled) instead of on every change.
+   * Serializes the current document to Markdown. Can be expensive on large
+   * documents; call it on demand (e.g. throttled) instead of on every change.
    */
   getMarkdown: () => string;
   /** Replaces the whole document as a single undoable edit. */
@@ -38,10 +36,7 @@ interface EditorHandle {
    * `onDocChange`: the host cannot know the resulting document.
    */
   insertMarkdown: (markdown: string) => void;
-  /**
-   * Returns the current Markdown and selection, with the same pending-input
-   * reconciliation (and possible synchronous `onDocChange`) as `getMarkdown`.
-   */
+  /** Returns the current Markdown and selection. */
   getState: () => EditorStateSnapshot;
   /**
    * Replaces the document (if `markdown` is given) and restores `selection`:

package/dist/index.js

@@ -1636,18 +1636,6 @@ function WikilinkMenu({ onWikilinkSearch }) {
 
 //#endregion
 //#region src/components/prosekit-editor.tsx
-function isFlushableDOMObserver(value) {
-	if (typeof value !== "object" || value === null) return false;
-	const forceFlush = Reflect.get(value, "forceFlush");
-	return typeof Reflect.get(value, "flush") === "function" && (forceFlush === void 0 || typeof forceFlush === "function");
-}
-function flushPendingDOMChanges(editor) {
-	if (!editor.mounted) return;
-	const observer = Reflect.get(editor.view, "domObserver");
-	if (!isFlushableDOMObserver(observer)) return;
-	observer.forceFlush?.();
-	observer.flush();
-}
 function resolveSelection(doc, selection) {
 	if (selection === "start") return Selection.atStart(doc);
 	if (selection === "end") return Selection.atEnd(doc);
@@ -1722,7 +1710,6 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 	}, []);
 	useImperativeHandle(ref, () => {
 		function getMarkdown() {
-			flushPendingDOMChanges(editor);
 			return docToMarkdown(editor.state.doc, { frontmatter });
 		}
 		function getSelection() {
@@ -2176,7 +2163,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;
@@ -2184,6 +2172,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,
@@ -2197,14 +2187,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", {
@@ -2225,13 +2221,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
@@ -2421,6 +2418,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.59.1",
+  "version": "0.61.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.59.1"
+    "@meowdown/core": "0.61.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",