@meowdown/react 0.70.0 → 0.71.0

package/dist/index.d.ts

@@ -381,14 +381,13 @@ interface EditorProps {
    * inline pill (file icon, name, size) instead of a link, behaves as one
    * caret unit, and reports clicks through `onFileClick` instead of
    * `onLinkClick`. The markdown text is untouched. Must be pure (same link,
-   * same answer). Read once when the editor is created: later identity
-   * changes are ignored, like `initialMarkdown`.
+   * same answer). Changing the resolver reparses existing content.
    */
   resolveFileLink?: FileLinkResolver;
   /**
    * Classifies `![[target]]` as an image, file, or note atom. Return
    * `undefined` for missing or ambiguous targets to leave the source literal
-   * and editable. Must be pure and is read once when the editor is created.
+   * and editable. Must be pure; changing it reparses existing content.
    */
   resolveWikiEmbed?: WikiEmbedResolver;
   /**
@@ -396,8 +395,8 @@ interface EditorProps {
    * handlers receive and the label its chip shows. Meowdown reads no syntax
    * inside the brackets, so an alias form such as `[[target|alias]]` is
    * split here by the host. Return `undefined` to use the bracketed text as
-   * both; the markdown text is untouched either way. Must be pure and is
-   * read once when the editor is created.
+   * both; the markdown text is untouched either way. Must be pure; changing
+   * it reparses existing content.
    */
   resolveWikilink?: WikilinkResolver;
   /**
@@ -409,12 +408,15 @@ interface EditorProps {
    */
   resolveFileInfo?: FileViewOptions['resolveFileInfo'];
   /**
-   * Resolves the data behind an X post URL, directly or as a promise; the post
-   * renders as a `post-embed-x-post` card. Defaults to `defaultResolveXPost`,
-   * which fetches through react-tweet's hosted proxy. Pass a stable function
-   * (e.g. from `useCallback`).
+   * Resolve the data behind an X post URL.
+   * Keep the function stable (for example, with `useCallback`). When omitted, public
+   * posts use `defaultResolveXPost` through react-tweet's hosted proxy.
    */
   resolveXPost?: XPostResolver$1;
+  /**
+   * Additional trusted protocols for X media URLs, such as `reflect-asset:`.
+   */
+  mediaUrlProtocols?: string[];
   /**
    * Resolves the data behind a YouTube video URL, directly or as a promise;
    * the video renders as a `post-embed-youtube-video` card. Defaults to
@@ -543,7 +545,7 @@ interface EditorProps {
  *
  * Callbacks and resolvers should be stable; pass them via `useCallback`.
  */
-export declare function MeowdownEditor({ mode, initialMarkdown, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, linkPaste, bulletAfterHeading, substitution, frontmatter, blockHandle, caretGlide, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }: EditorProps): ReactElement;
+export declare function MeowdownEditor({ mode, initialMarkdown, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, linkPaste, bulletAfterHeading, substitution, frontmatter, blockHandle, caretGlide, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }: EditorProps): ReactElement;
 //#endregion
 //#region src/components/markdown-view.d.ts
 /**
@@ -637,6 +639,10 @@ interface MarkdownViewProps {
    * card. Defaults to `defaultResolveXPost`.
    */
   resolveXPost?: XPostResolver$1;
+  /**
+   * Additional trusted protocols for X media URLs, such as `reflect-asset:`.
+   */
+  mediaUrlProtocols?: string[];
   /**
    * Resolve the data behind a YouTube video URL, rendered as a
    * `post-embed-youtube-video` card. Defaults to `defaultResolveYouTubeVideo`.
@@ -678,7 +684,7 @@ interface MarkdownViewProps {
  * Callbacks (`onWikilinkClick`, etc.) and resolvers should be stable; pass them via
  * `useCallback` to avoid re-rendering the whole tree.
  */
-export declare function MarkdownView({ markdown, markMode, frontmatter, interactive, expandCollapsed, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, resolveYouTubeVideo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }: MarkdownViewProps): ReactElement;
+export declare function MarkdownView({ markdown, markMode, frontmatter, interactive, expandCollapsed, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }: MarkdownViewProps): ReactElement;
 //#endregion
 //#region src/components/wikilink-hover-card.d.ts
 /**

package/dist/index.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx/lite";
 import { Fragment, cloneElement, createElement, memo, useCallback, useDeferredValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { buildFileMarkdown, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, 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, getLinkText, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, matchPostEmbed, normalizeHref, parsePostEmbedSnapshot, renderMathInto } from "@meowdown/core";
+import { buildFileMarkdown, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, defineCodeBlockPreviewPlugin, defineEditorExtension, defineLinkEditKeymap, defineLinkHoverHandler, definePendingReplacementHandler, defineSearchStatusHandler, defineVirtualCaret, defineWikilinkHoverHandler, docToMarkdown, formatFileSize, getCodeTokens, getFileKind, getLinkText, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, matchPostEmbed, normalizeHref, parsePostEmbedSnapshot, renderMathInto, updateEditorConfig } 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";
@@ -403,21 +403,12 @@ function DropIndicator$1() {
 
 //#endregion
 //#region src/components/editor-extensions.tsx
-function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick, onTagClick, onExitBoundary, resolveImageUrl, resolveFileInfo, resolveXPost, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, linkPaste, bulletAfterHeading, substitution, placeholder, readOnly, wikilinkEnabled, spellCheck, searchQuery, onSearchChange, editorClassName }) {
+function EditorExtensions({ config, searchQuery, onDocChange, onSearchChange }) {
 	const editor = useEditor$1();
-	useLayoutEffect(() => {
-		editor.commands.setMarkMode(markMode);
-	}, [editor, markMode]);
-	useLayoutEffect(() => {
-		if (!editorClassName) return;
-		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]);
+	useEffect(() => {
+		const timer = setTimeout(() => updateEditorConfig(editor, config));
+		return () => clearTimeout(timer);
+	}, [editor, config]);
 	const deferredSearchQuery = useDeferredValue(searchQuery);
 	useEffect(() => {
 		editor.commands.setSearchQuery({
@@ -425,87 +416,8 @@ function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick,
 			literal: true
 		});
 	}, [editor, deferredSearchQuery]);
+	useExtension$1(useMemo(() => onDocChange ? defineDocChangeHandler(onDocChange) : null, [onDocChange]));
 	useExtension$1(useMemo(() => onSearchChange ? defineSearchStatusHandler(onSearchChange) : null, [onSearchChange]));
-	useExtension$1(useMemo(() => {
-		return readOnly ? defineReadonly() : null;
-	}, [readOnly]));
-	useExtension$1(useMemo(() => {
-		return onDocChange ? defineDocChangeHandler(onDocChange) : null;
-	}, [onDocChange]));
-	useExtension$1(useMemo(() => {
-		return onWikilinkClick ? defineWikilinkClickHandler(onWikilinkClick) : null;
-	}, [onWikilinkClick]));
-	useExtension$1(useMemo(() => {
-		return onLinkClick ? defineLinkClickHandler(onLinkClick) : null;
-	}, [onLinkClick]));
-	useExtension$1(useMemo(() => {
-		return onTagClick ? defineTagClickHandler(onTagClick) : null;
-	}, [onTagClick]));
-	useExtension$1(useMemo(() => {
-		return onWikilinkClick || onTagClick || onFileClick || onLinkClick || onImageClick ? defineFollowLinkHandler({
-			onWikilinkClick,
-			onTagClick,
-			onFileClick,
-			onLinkClick,
-			onImageClick
-		}) : null;
-	}, [
-		onWikilinkClick,
-		onTagClick,
-		onFileClick,
-		onLinkClick,
-		onImageClick
-	]));
-	useExtension$1(useMemo(() => {
-		return onExitBoundary ? defineExitBoundaryHandler(onExitBoundary) : null;
-	}, [onExitBoundary]));
-	useExtension$1(useMemo(() => {
-		return defineImage({
-			resolveImageUrl,
-			resolveXPost,
-			resolveYouTubeVideo
-		});
-	}, [
-		resolveImageUrl,
-		resolveXPost,
-		resolveYouTubeVideo
-	]));
-	useExtension$1(useMemo(() => {
-		return defineFileView({ resolveFileInfo });
-	}, [resolveFileInfo]));
-	useExtension$1(useMemo(() => {
-		return onFileClick ? defineFileClickHandler(onFileClick) : null;
-	}, [onFileClick]));
-	useExtension$1(useMemo(() => {
-		return onFilePaste ? defineFilePaste({
-			onFilePaste,
-			onFileSaveError
-		}) : null;
-	}, [onFilePaste, onFileSaveError]));
-	useExtension$1(useMemo(() => {
-		return onImageClick ? defineImageClickHandler(onImageClick) : null;
-	}, [onImageClick]));
-	useExtension$1(useMemo(() => {
-		return embedPaste ? defineEmbedPaste() : null;
-	}, [embedPaste]));
-	useExtension$1(useMemo(() => {
-		return linkPaste ? defineLinkPaste() : null;
-	}, [linkPaste]));
-	useExtension$1(useMemo(() => {
-		return bulletAfterHeading ? defineBulletAfterHeading() : null;
-	}, [bulletAfterHeading]));
-	useExtension$1(useMemo(() => {
-		return substitution ? defineSubstitution() : null;
-	}, [substitution]));
-	useExtension$1(useMemo(() => {
-		return placeholder ? definePlaceholder({
-			placeholder,
-			strategy: "doc"
-		}) : null;
-	}, [placeholder]));
-	useExtension$1(useMemo(() => {
-		return wikilinkEnabled ? defineWikilinkTrigger() : null;
-	}, [wikilinkEnabled]));
 	return null;
 }
 
@@ -1935,14 +1847,73 @@ function findHeadingPosition(doc, fragment) {
 	});
 	return match;
 }
-function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, linkPaste, bulletAfterHeading, substitution = true, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, searchQuery = "", onSearchChange, timeFormat, editorClassName, CodeBlockView, ref, children }) {
+function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, linkPaste, bulletAfterHeading, substitution = true, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, searchQuery = "", onSearchChange, timeFormat, editorClassName, CodeBlockView, ref, children }) {
+	const suppressDocChangeRef = useRef(false);
+	const handleDocChange = useMemo(() => {
+		if (!onDocChange) return;
+		return () => {
+			if (suppressDocChangeRef.current) return;
+			onDocChange();
+		};
+	}, [onDocChange]);
+	const wikilinkEnabled = !!onWikilinkSearch;
+	const config = useMemo(() => ({
+		markMode,
+		resolveFileLink,
+		resolveWikiEmbed,
+		resolveWikilink,
+		onWikilinkClick,
+		onLinkClick,
+		onTagClick,
+		onExitBoundary,
+		resolveImageUrl,
+		resolveFileInfo,
+		resolveXPost,
+		mediaUrlProtocols,
+		resolveYouTubeVideo,
+		onFileClick,
+		onFilePaste,
+		onFileSaveError,
+		onImageClick,
+		embedPaste,
+		linkPaste,
+		bulletAfterHeading,
+		substitution,
+		placeholder,
+		readOnly,
+		spellCheck,
+		editorClassName,
+		wikilinkEnabled
+	}), [
+		markMode,
+		resolveFileLink,
+		resolveWikiEmbed,
+		resolveWikilink,
+		onWikilinkClick,
+		onLinkClick,
+		onTagClick,
+		onExitBoundary,
+		resolveImageUrl,
+		resolveFileInfo,
+		resolveXPost,
+		mediaUrlProtocols,
+		resolveYouTubeVideo,
+		onFileClick,
+		onFilePaste,
+		onFileSaveError,
+		onImageClick,
+		embedPaste,
+		linkPaste,
+		bulletAfterHeading,
+		substitution,
+		placeholder,
+		readOnly,
+		spellCheck,
+		editorClassName,
+		wikilinkEnabled
+	]);
 	const [editor] = useState(() => {
-		const baseExtension = defineEditorExtension({
-			resolveFileLink,
-			resolveWikiEmbed,
-			resolveWikilink,
-			markMode
-		});
+		const baseExtension = defineEditorExtension(config);
 		const extension = CodeBlockView === false ? baseExtension : union(baseExtension, defineCodeBlockView(CodeBlockView));
 		const editor = createEditor({ extension });
 		if (initialMarkdown) editor.setContent(markdownToDoc(initialMarkdown, {
@@ -1951,7 +1922,6 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 		}));
 		return editor;
 	});
-	const suppressDocChangeRef = useRef(false);
 	const [selectionMenuContext, setSelectionMenuContext] = useState();
 	const hasSelectionMenu = !!onSelectionMenuSearch;
 	const openSelectionMenu = useCallback(() => {
@@ -2081,44 +2051,16 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 		hasSelectionMenu,
 		openSelectionMenu
 	]);
-	const handleDocChange = useMemo(() => {
-		if (!onDocChange) return;
-		return () => {
-			if (suppressDocChangeRef.current) return;
-			onDocChange();
-		};
-	}, [onDocChange]);
 	return /* @__PURE__ */ jsxs(ProseKit, {
 		editor,
 		children: [
 			/* @__PURE__ */ jsx(VirtualCaret, {}),
 			/* @__PURE__ */ jsx("div", { ref: editor.mount }),
 			/* @__PURE__ */ jsx(EditorExtensions, {
-				markMode,
-				onDocChange: handleDocChange,
-				onWikilinkClick,
-				onLinkClick,
-				onTagClick,
-				onExitBoundary,
-				resolveImageUrl,
-				resolveFileInfo,
-				resolveXPost,
-				resolveYouTubeVideo,
-				onFileClick,
-				onFilePaste,
-				onFileSaveError,
-				onImageClick,
-				embedPaste,
-				linkPaste,
-				bulletAfterHeading,
-				substitution,
-				placeholder,
-				readOnly,
-				wikilinkEnabled: !!onWikilinkSearch,
-				spellCheck,
+				config,
 				searchQuery,
-				onSearchChange,
-				editorClassName
+				onDocChange: handleDocChange,
+				onSearchChange
 			}),
 			blockHandle && !readOnly && /* @__PURE__ */ jsx(BlockHandle, {}),
 			!readOnly && /* @__PURE__ */ jsx(TableHandle, {}),
@@ -2162,7 +2104,7 @@ const CARET_GLIDE_OFF = { "--meowdown-caret-glide": "0ms" };
 *
 * Callbacks and resolvers should be stable; pass them via `useCallback`.
 */
-function MeowdownEditor({ mode = "focus", initialMarkdown, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste = true, linkPaste = true, bulletAfterHeading = false, substitution = true, frontmatter = false, blockHandle = true, caretGlide = true, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }) {
+function MeowdownEditor({ mode = "focus", initialMarkdown, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste = true, linkPaste = true, bulletAfterHeading = false, substitution = true, frontmatter = false, blockHandle = true, caretGlide = true, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }) {
 	const childRef = useRef(null);
 	useImperativeHandle(handleRef, () => {
 		function getMarkdown() {
@@ -2282,6 +2224,7 @@ function MeowdownEditor({ mode = "focus", initialMarkdown, onDocChange, onSlashM
 			resolveWikilink,
 			resolveFileInfo,
 			resolveXPost,
+			mediaUrlProtocols,
 			resolveYouTubeVideo,
 			onFileClick,
 			onFilePaste,
@@ -2435,7 +2378,7 @@ function WikilinkChip(props) {
 	});
 }
 function PostEmbed(props) {
-	const { kind, src, width, snapshot, resolveXPost, resolveYouTubeVideo } = props;
+	const { kind, src, width, snapshot, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo } = props;
 	registerXPost();
 	registerYouTubeVideo();
 	const saved = snapshot == null ? void 0 : parsePostEmbedSnapshot(snapshot);
@@ -2443,10 +2386,12 @@ function PostEmbed(props) {
 		className: "md-image-view-preview md-atom-view-preview",
 		contentEditable: false,
 		"data-testid": `${kind}-embed`,
+		"data-post-embed": kind,
 		children: kind === "x-post" ? createElement("post-embed-x-post", {
-			data: saved?.kind === "x-post" ? saved.data : null,
+			data: null,
 			url: src,
-			resolver: resolveXPost
+			resolver: resolveXPost ?? defaultResolveXPost,
+			mediaUrlProtocols: mediaUrlProtocols ?? null
 		}) : createElement("post-embed-youtube-video", {
 			data: saved?.kind === "youtube-video" ? saved.data : null,
 			url: src,
@@ -2460,7 +2405,7 @@ function PostEmbed(props) {
 	});
 }
 function ImagePreview(props) {
-	const { src, alt, width, snapshot, resolveImageUrl, resolveXPost, resolveYouTubeVideo, onImageClick, interactive } = props;
+	const { src, alt, width, snapshot, resolveImageUrl, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onImageClick, interactive } = props;
 	const kind = matchPostEmbed(src);
 	if (kind) {
 		if (!interactive) return null;
@@ -2469,7 +2414,8 @@ function ImagePreview(props) {
 			src,
 			width,
 			snapshot,
-			resolveXPost: resolveXPost ?? defaultResolveXPost,
+			resolveXPost,
+			mediaUrlProtocols,
 			resolveYouTubeVideo: resolveYouTubeVideo ?? defaultResolveYouTubeVideo
 		}, src);
 	}
@@ -2506,6 +2452,7 @@ function ImageView(props) {
 			snapshot,
 			resolveImageUrl: context.resolveImageUrl,
 			resolveXPost: context.resolveXPost,
+			mediaUrlProtocols: context.mediaUrlProtocols,
 			resolveYouTubeVideo: context.resolveYouTubeVideo,
 			onImageClick: context.onImageClick,
 			interactive: context.interactive
@@ -2913,7 +2860,7 @@ const MarkdownBlock = memo(function MarkdownBlock({ node, taskBase, context, ref
 * Callbacks (`onWikilinkClick`, etc.) and resolvers should be stable; pass them via
 * `useCallback` to avoid re-rendering the whole tree.
 */
-function MarkdownView({ markdown, markMode = "hide", frontmatter = false, interactive = true, expandCollapsed = false, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, resolveYouTubeVideo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }) {
+function MarkdownView({ markdown, markMode = "hide", frontmatter = false, interactive = true, expandCollapsed = false, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onWikilinkClick, onLinkClick, onImageClick, onFileClick, onTaskClick, className }) {
 	const context = useMemo(() => ({
 		interactive,
 		expandCollapsed,
@@ -2923,6 +2870,7 @@ function MarkdownView({ markdown, markMode = "hide", frontmatter = false, intera
 		resolveWikilink,
 		resolveFileInfo,
 		resolveXPost,
+		mediaUrlProtocols,
 		resolveYouTubeVideo,
 		onWikilinkClick: interactive ? onWikilinkClick : void 0,
 		onLinkClick: interactive ? onLinkClick : void 0,
@@ -2938,6 +2886,7 @@ function MarkdownView({ markdown, markMode = "hide", frontmatter = false, intera
 		resolveWikilink,
 		resolveFileInfo,
 		resolveXPost,
+		mediaUrlProtocols,
 		resolveYouTubeVideo,
 		onWikilinkClick,
 		onLinkClick,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.70.0",
+  "version": "0.71.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@base-ui/react": "^1.7.0",
     "@ocavue/utils": "^1.8.0",
-    "@post-embed/elements": "^0.2.0",
-    "@post-embed/types": "^0.2.0",
+    "@post-embed/elements": "^0.4.0",
+    "@post-embed/types": "^0.4.0",
     "@prosekit/core": "^0.13.2",
     "@prosekit/pm": "^0.1.19",
     "@prosekit/react": "^0.8.2",
@@ -33,7 +33,7 @@
     "github-slugger": "^2.0.0",
     "lucide-react": "^1.38.0",
     "react-property": "^2.0.2",
-    "@meowdown/core": "0.70.0"
+    "@meowdown/core": "0.71.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",