@meowdown/core 0.68.3 → 0.70.0

package/dist/index.js

@@ -40,6 +40,12 @@ import { normalizeIdentifier } from "micromark-util-normalize-identifier";
 import { createListRenderingPlugin, createSafariInputMethodWorkaroundPlugin, createToggleCollapsedCommand, defaultAttributesGetter, enterCommand, findCheckboxInListItem, handleListMarkerMouseDown, joinListElements, listToDOM, unwrapListSlice, wrappingListInputRule } from "prosemirror-flat-list";
 import { defineTableCellSpec, defineTableCommands, defineTableDropIndicator, defineTableEditingPlugin, defineTableHeaderCellSpec, defineTableRowSpec, defineTableSpec, deleteTable, isCellSelection } from "@prosekit/extensions/table";
 import { closeHistory } from "@prosekit/pm/history";
+import { fromSyndication } from "@post-embed/exporter/x/syndication";
+import { XPostSchema, YouTubeVideoSchema } from "@post-embed/schema";
+import { createLRU } from "lru.min";
+import * as v from "valibot";
+import { registerXPost } from "@post-embed/elements/x";
+import { registerYouTubeVideo } from "@post-embed/elements/youtube";
 import { registerResizableHandleElement, registerResizableRootElement } from "@prosekit/web/resizable";
 import { InputRule } from "@prosekit/pm/inputrules";
 
@@ -1318,7 +1324,8 @@ function definePlainTextPaste() {
 function docToMarkdown(node, options = {}) {
 	const out = new MdOut();
 	if (options.frontmatter) emitFrontmatter(node.attrs.frontmatter, out);
-	emit$1(node, out);
+	const child = node.childCount === 1 ? node.child(0) : void 0;
+	if (!(child && isNodeOfType(child, "paragraph") && child.childCount === 0)) emit$1(node, out);
 	return out.finish();
 }
 /**
@@ -1373,6 +1380,7 @@ var MdOut = class {
 		this.pendingFirst = null;
 		this.atLineStart = true;
 		this.deferredBlankPrefix = null;
+		this.contentEnd = 0;
 	}
 	/**
 	* Write `text`, opening each embedded line with the current line prefix.
@@ -1407,20 +1415,30 @@ var MdOut = class {
 		}
 	}
 	/**
-	* End a block that owns no line of its own (an empty paragraph): flush the
-	* blank line owed by the previous block now and owe the next block a fresh
-	* one, so each empty block yields one extra blank line. A marker-bearing
-	* block (an empty list item's `- `) still owns its first line and falls
-	* through to `closeBlock`. At the very start of the output there is no
-	* blank line to flush or owe - leading empty blocks vanish, mirroring the
-	* parser, which materializes empty paragraphs only between sibling blocks.
+	* End a block that owns no line of its own (an empty paragraph): it is one
+	* blank line. After another block, the blank line that block owes is this
+	* one, and the next block is owed a fresh one, so each empty block adds a
+	* blank line to the separator. With nothing owed (the start of the output)
+	* the line is written directly and nothing is owed after it: a leading empty
+	* block is a blank line, not a separator. A marker-bearing block (an empty
+	* list item's `- `, an empty quote line's `>`) writes its marker as the line.
 	*/
 	closeEmptyBlock() {
-		if (!this.atLineStart || this.pendingFirst !== null) {
+		if (!this.atLineStart) {
 			this.closeBlock();
 			return;
 		}
-		if (this.parts.length === 0) return;
+		if (this.pendingFirst !== null) {
+			this.emitDeferredBlankLine();
+			const marker = this.pendingFirst;
+			this.parts.push(marker.endsWith("] ") ? marker : marker.trimEnd(), "\n");
+			this.pendingFirst = null;
+			return;
+		}
+		if (this.deferredBlankPrefix === null) {
+			this.parts.push(this.linePrefix.trimEnd(), "\n");
+			return;
+		}
 		this.emitDeferredBlankLine();
 		this.deferredBlankPrefix = this.linePrefix;
 	}
@@ -1435,7 +1453,10 @@ var MdOut = class {
 			this.pendingFirst = null;
 			this.atLineStart = false;
 		}
-		if (!this.atLineStart) this.parts.push("\n");
+		if (!this.atLineStart) {
+			this.parts.push("\n");
+			this.contentEnd = this.parts.length;
+		}
 		this.atLineStart = true;
 		this.deferredBlankPrefix = this.linePrefix;
 	}
@@ -1486,14 +1507,14 @@ var MdOut = class {
 		this.pendingFirst = firstLine !== null ? null : savedFirst;
 	}
 	finish() {
-		const text = this.parts.join("");
+		const text = this.parts.slice(0, this.contentEnd).join("");
 		let cut = text.length;
 		for (let i = text.length - 1; i >= 0; i--) {
 			const code = text.charCodeAt(i);
 			if (code === 10) cut = i;
 			else if (code !== 32 && code !== 9) break;
 		}
-		return text.slice(0, cut) + "\n";
+		return (cut === 0 ? "" : text.slice(0, cut) + "\n") + this.parts.slice(this.contentEnd).join("") || "\n";
 	}
 	emitDeferredBlankLine() {
 		const prefix = this.deferredBlankPrefix;
@@ -2829,8 +2850,8 @@ const emptyBatchSetMarkStep = new BatchSetMarkStep([]);
 
 //#endregion
 //#region src/extensions/magic-comment.ts
-const MAGIC_COMMENT_RE = /^<!--\s*(\{[^}]*\})\s*-->$/;
-const TRAILING_MAGIC_COMMENT_RE = /(?:<!--\s*\{[^}]*\}\s*-->)+$/;
+const MAGIC_COMMENT_RE = /^<!--\s*(\{[\s\S]*?\})\s*-->/;
+const TRAILING_MAGIC_COMMENT_RE = /(?:<!--\s*\{[\s\S]*?\}\s*-->)+$/;
 /**
 * Read the metadata out of a `<!-- {...} -->` comment, or `undefined` when the
 * text is not a comment carrying at least one recognized field.
@@ -2848,21 +2869,28 @@ function parseMagicComment(comment) {
 	const width = toPositiveNumber(data.width);
 	const height = toPositiveNumber(data.height);
 	const noLink = data.noLink === true ? true : void 0;
-	if (!width && !height && !noLink) return;
+	const snapshot = isObject(data.snapshot) && !Array.isArray(data.snapshot) ? data.snapshot : void 0;
+	if (!width && !height && !noLink && !snapshot) return;
 	return {
 		width,
 		height,
-		noLink
+		noLink,
+		snapshot
 	};
 }
 function toPositiveNumber(value) {
 	if (typeof value === "number" && Number.isFinite(value) && value > 0) return Math.round(value);
 }
 /**
-* The canonical comment meowdown writes for the metadata.
+* The canonical comment meowdown writes for the metadata. `--` inside a JSON
+* string becomes `--`: the inline comment rule of `@lezer/markdown`
+* (CommonMark 0.30) ends a comment at any `--`, so a snapshot text holding a
+* double dash would otherwise cut the comment short. Outside strings JSON
+* only writes `-` as a number sign, never doubled, so the escape keeps the
+* JSON valid and `JSON.parse` restores the text.
 */
 function formatMagicComment(magic) {
-	return `<!-- ${JSON.stringify(magic)} -->`;
+	return `<!-- ${JSON.stringify(magic).replaceAll("--", String.raw`-\u002d`)} -->`;
 }
 /**
 * Drop the trailing run of magic comments from the source text.
@@ -3476,6 +3504,7 @@ function walkImage(node, parentMarks, text, marks, out, options, context, traili
 	const title = resolution.title;
 	const width = trailing?.magic.width ?? null;
 	const height = trailing?.magic.height ?? null;
+	const snapshot = trailing?.magic.snapshot ?? null;
 	const to = trailing?.to ?? node.to;
 	emit(out, node.from, to, [
 		...parentMarks,
@@ -3486,6 +3515,7 @@ function walkImage(node, parentMarks, text, marks, out, options, context, traili
 			title,
 			width,
 			height,
+			snapshot,
 			syntax: null,
 			wikiTarget: null
 		})
@@ -3559,6 +3589,7 @@ function walkWikiEmbed(node, parentMarks, text, marks, out, options) {
 				title: "",
 				width: embed.width,
 				height: embed.height,
+				snapshot: null,
 				syntax: "wikiEmbed",
 				wikiTarget: embed.target
 			})
@@ -3857,6 +3888,7 @@ function defineMdImage() {
 			title: { default: "" },
 			width: { default: null },
 			height: { default: null },
+			snapshot: { default: null },
 			syntax: { default: null },
 			wikiTarget: { default: null }
 		},
@@ -6157,7 +6189,7 @@ function markdownToDoc(markdown, options = {}) {
 		frontmatterBody = body;
 		if (matchLength) rest = markdown.slice(matchLength);
 	}
-	const blocks = collectBlocks(nodes, gfmBlockOnlyParser.parse(rest).cursor(), rest, 0);
+	const blocks = collectBlocks(nodes, gfmBlockOnlyParser.parse(rest).cursor(), rest, 0, rest !== markdown);
 	return nodes.doc(frontmatterBody === void 0 ? {} : { frontmatter: frontmatterBody }, blocks);
 }
 /**
@@ -6175,13 +6207,19 @@ function matchFrontmatter(markdown) {
 	return [(match[1] ?? "").replace(/\r?\n$/, ""), match[0].length];
 }
 /**
-* Walk the current node's children, converting each block-level child
-* and flattening any node converter that returns multiple siblings
-* (lists are the main case).
+* Walk the document's children, converting each block-level child and
+* flattening any node converter that returns multiple siblings (lists are the
+* main case). Blank lines before the first block and after the last one are
+* content too, one empty paragraph each; when a frontmatter block was peeled
+* off ahead of `text`, the first leading blank line is that block's separator.
 */
-function collectBlocks(nodes, cursor, text, column) {
+function collectBlocks(nodes, cursor, text, column, afterFrontmatter) {
 	const out = [];
-	if (!cursor.firstChild()) return out;
+	if (!cursor.firstChild()) {
+		appendEmptyParagraphs(out, nodes, Math.max(1, countNewlines(text, 0, text.length)));
+		return out;
+	}
+	appendEmptyParagraphs(out, nodes, countNewlines(text, 0, cursor.from) - (afterFrontmatter ? 1 : 0));
 	let previousTo;
 	do {
 		if (previousTo != null) appendGapParagraphs(out, nodes, text, previousTo, cursor.from);
@@ -6189,6 +6227,8 @@ function collectBlocks(nodes, cursor, text, column) {
 		appendBlocks(out, nodes, convertBlock(nodes, cursor, text, column));
 	} while (cursor.nextSibling());
 	cursor.parent();
+	const end = text.endsWith("\n") ? text.length - 1 : text.length;
+	appendEmptyParagraphs(out, nodes, countNewlines(text, previousTo, end));
 	return out;
 }
 /**
@@ -6218,9 +6258,15 @@ function appendBlocks(out, nodes, blocks) {
 * of them (the previous block's own terminator plus one per blank line).
 */
 function appendGapParagraphs(out, nodes, text, gapFrom, gapTo) {
-	let newlineCount = 0;
-	for (let i = gapFrom; i < gapTo; i++) if (text.charCodeAt(i) === 10) newlineCount++;
-	for (let i = 2; i < newlineCount; i++) out.push(nodes.paragraph());
+	appendEmptyParagraphs(out, nodes, countNewlines(text, gapFrom, gapTo) - 2);
+}
+function appendEmptyParagraphs(out, nodes, count) {
+	for (let i = 0; i < count; i++) out.push(nodes.paragraph());
+}
+function countNewlines(text, from, to) {
+	let count = 0;
+	for (let i = from; i < to; i++) if (text.charCodeAt(i) === 10) count++;
+	return count;
 }
 function convertBlock(nodes, cursor, text, column) {
 	switch (cursor.type.id) {
@@ -6459,30 +6505,44 @@ function convertHTMLComment(nodes, cursor, text, column) {
 /**
 * A blockquote's children start at column 0: every column an enclosing container
 * wrote sits in front of the `> ` marker on the line, and comes off with it.
+*
+* Blank quote lines before the first block and after the last one are empty
+* paragraphs, like the document's own edges. The quote's range ends on its last
+* line rather than after it, so every newline in the trailing slice is a blank
+* line, and a quote made of markers only has one more line than newlines.
 */
 function convertBlockquote(nodes, cursor, text) {
 	const content = [];
+	const from = cursor.from;
+	const to = cursor.to;
+	let previousTo;
 	if (cursor.firstChild()) {
-		let previousTo;
 		do {
 			if (cursor.type.id === LEZER_NODE_IDS.QuoteMark) continue;
-			if (previousTo != null) appendGapParagraphs(content, nodes, text, previousTo, cursor.from);
+			if (previousTo == null) appendEmptyParagraphs(content, nodes, countNewlines(text, from, cursor.from));
+			else appendGapParagraphs(content, nodes, text, previousTo, cursor.from);
 			previousTo = cursor.to;
 			appendBlocks(content, nodes, convertBlock(nodes, cursor, text, 0));
 		} while (cursor.nextSibling());
 		cursor.parent();
 	}
+	appendEmptyParagraphs(content, nodes, previousTo == null ? countNewlines(text, from, to) + 1 : countNewlines(text, previousTo, to));
 	return nodes.blockquote(content);
 }
 function convertList(nodes, cursor, text, column, kind) {
-	const items = [];
+	const out = [];
 	if (cursor.firstChild()) {
-		do
-			if (cursor.type.id === LEZER_NODE_IDS.ListItem) items.push(convertListItem(nodes, cursor, text, column, kind));
-		while (cursor.nextSibling());
+		let previousContentEnd;
+		do {
+			if (cursor.type.id !== LEZER_NODE_IDS.ListItem) continue;
+			if (previousContentEnd != null) appendGapParagraphs(out, nodes, text, previousContentEnd, cursor.from);
+			const [item, contentEnd] = convertListItem(nodes, cursor, text, column, kind);
+			out.push(item);
+			previousContentEnd = contentEnd;
+		} while (cursor.nextSibling());
 		cursor.parent();
 	}
-	return items;
+	return out;
 }
 /**
 * The marker style at `cursor`, plus the start number of an ordered item.
@@ -6536,6 +6596,19 @@ function convertTaskItem(nodes, cursor, text, column) {
 		paragraph
 	};
 }
+/**
+* The gap between a list marker ending at `markTo` and the item's first content
+* at `contentFrom`. Only content that opens on the marker's own line measures a
+* gap; an item whose content starts on the next line takes the canonical single
+* space, the column its own continuation lines are indented to. A gap of 5+ is
+* indented code (a different node, so the content's column would be the code
+* block's), and 1 is the canonical default; only a 2-4 space gap is a faithful,
+* content-preserving variation.
+*/
+function measureMarkerGap(text, contentFrom, markTo, markEndColumn) {
+	const gap = markTo != null && text.lastIndexOf("\n", contentFrom - 1) < markTo ? measureContentColumn(text, contentFrom) - markEndColumn : 1;
+	return gap >= 2 && gap <= 4 ? gap : 1;
+}
 function convertListItem(nodes, cursor, text, column, kind) {
 	const content = [];
 	let taskChecked;
@@ -6547,7 +6620,7 @@ function convertListItem(nodes, cursor, text, column, kind) {
 	let markEndColumn = 0;
 	let markerGap = 1;
 	let contentColumn = column + markWidth + markerGap;
-	let sawContent = false;
+	let previousTo;
 	if (cursor.firstChild()) {
 		do {
 			if (cursor.type.id === LEZER_NODE_IDS.QuoteMark) continue;
@@ -6560,12 +6633,11 @@ function convertListItem(nodes, cursor, text, column, kind) {
 				markEndColumn = measureContentColumn(text, cursor.to);
 				continue;
 			}
-			if (!sawContent) {
-				sawContent = true;
-				const gap = markTo != null && text.lastIndexOf("\n", cursor.from - 1) < markTo ? measureContentColumn(text, cursor.from) - markEndColumn : 1;
-				markerGap = gap >= 2 && gap <= 4 ? gap : 1;
+			if (previousTo == null) {
+				markerGap = measureMarkerGap(text, cursor.from, markTo, markEndColumn);
 				contentColumn = column + markWidth + markerGap;
-			}
+			} else appendGapParagraphs(content, nodes, text, previousTo, cursor.from);
+			previousTo = cursor.to;
 			if (kind === "bullet" && cursor.type.id === LEZER_NODE_IDS.Task) {
 				const task = convertTaskItem(nodes, cursor, text, contentColumn);
 				taskChecked = task.checked;
@@ -6588,7 +6660,7 @@ function convertListItem(nodes, cursor, text, column, kind) {
 		taskMarker,
 		markerGap
 	};
-	return nodes.list(attrs, content);
+	return [nodes.list(attrs, content), previousTo ?? cursor.to];
 }
 function convertCodeBlock(nodes, cursor, text) {
 	const indented = cursor.type.id === LEZER_NODE_IDS.CodeBlock;
@@ -6841,105 +6913,38 @@ const codeBlockLanguages = languages.map((language) => ({
 })).filter((language) => !excludeLanguages.has(language.label)).concat(extraLanguages).sort((a, b) => a.label.localeCompare(b.label));
 
 //#endregion
-//#region src/utils/prefers-dark-color-scheme.ts
-/**
-* Whether the user prefers a dark color scheme. Returns `false` in non-browser
-* (SSR) environments where `window` is unavailable.
-*/
-function prefersDarkColorScheme() {
-	if (typeof window === "undefined") return false;
-	return window.matchMedia("(prefers-color-scheme: dark)").matches;
+//#region src/extensions/paste.ts
+function getPastedText(event, slice) {
+	const fromClipboard = event.clipboardData?.getData("text/plain");
+	if (fromClipboard) return fromClipboard;
+	return slice.content.textBetween(0, slice.content.size, "\n");
 }
 
 //#endregion
-//#region src/extensions/tweet.ts
-const TWEET_HOSTS = /^(?:www\.|mobile\.)?(?:twitter\.com|x\.com)$/i;
+//#region src/extensions/post-embed.ts
+const X_POST_HOSTS = /^(?:www\.|mobile\.)?(?:twitter\.com|x\.com)$/i;
 const STATUS_ID = /\/status(?:es)?\/(\d+)/;
-function parseTweetId(src) {
-	let url;
+const YOUTUBE_HOSTS = /^(?:www\.|m\.)?(?:youtube\.com|youtube-nocookie\.com)$/i;
+const YOUTU_BE_HOST = /^(?:www\.)?youtu\.be$/i;
+const VIDEO_ID = /^[\w-]{11}$/;
+function parseURL(src) {
 	try {
-		url = new URL(src);
+		return new URL(src);
 	} catch {
 		return;
 	}
-	if (!TWEET_HOSTS.test(url.hostname)) return void 0;
-	return STATUS_ID.exec(url.pathname)?.[1];
-}
-const matchTweet = (src) => {
-	const tweetId = parseTweetId(src);
-	if (!tweetId) return;
-	const theme = prefersDarkColorScheme() ? "dark" : "light";
-	return {
-		kind: "tweet",
-		key: `tweet:${tweetId}`,
-		src: `https://platform.twitter.com/embed/Tweet.html?id=${tweetId}&theme=${theme}&dnt=true`,
-		title: "Tweet",
-		className: "md-embed md-embed-tweet",
-		testid: "tweet-embed"
-	};
-};
-/**
-* `Tweet.html` reports its rendered height via `postMessage`; size the iframe to
-* fit and pass each reported height to `onHeight`. Returns a cleanup that
-* removes the listener. The cleanup also runs once the iframe leaves the DOM, so
-* the editor's DOM mark view (which has no destroy hook) is covered, while a
-* React caller can call it on unmount.
-*/
-function listenForTweetHeight(iframe, onHeight) {
-	const onMessage = (event) => {
-		if (event.source !== iframe.contentWindow) return;
-		try {
-			const height = event.data?.["twttr.embed"]?.params?.[0]?.height;
-			if (typeof height === "number" && height > 0) {
-				applyTweetHeight(iframe, height);
-				onHeight?.(height);
-			}
-		} catch (error) {
-			console.warn("[meowdown] failed to parse tweet resize message:", error);
-		}
-	};
-	window.addEventListener("message", onMessage);
-	let cleaned = false;
-	const cleanup = () => {
-		if (cleaned) return;
-		cleaned = true;
-		window.removeEventListener("message", onMessage);
-		observer.disconnect();
-	};
-	const observer = new MutationObserver(() => {
-		if (!iframe.isConnected) cleanup();
-	});
-	observer.observe(document.body, {
-		childList: true,
-		subtree: true
-	});
-	return cleanup;
 }
 /**
-* Size a tweet iframe.
+* The post id of an X status URL, or `undefined` for any other `src`.
 */
-function applyTweetHeight(iframe, height) {
-	if (height && height > 0) {
-		iframe.style.height = `${height}px`;
-		iframe.dataset.sized = "";
-	}
+function parseXPostId(src) {
+	const url = parseURL(src);
+	if (!url || !X_POST_HOSTS.test(url.hostname)) return void 0;
+	return STATUS_ID.exec(url.pathname)?.[1];
 }
-
-//#endregion
-//#region src/extensions/youtube.ts
-const YOUTUBE_HOSTS = /^(?:www\.|m\.)?(?:youtube\.com|youtube-nocookie\.com)$/i;
-const YOUTU_BE_HOST = /^(?:www\.)?youtu\.be$/i;
-const VIDEO_ID = /^[\w-]{11}$/;
-/**
-* Extract `{ videoId, startSeconds? }` from any watch/shorts/embed/live/`youtu.be` URL.
-*/
-function parseYouTube(src) {
-	let url;
-	try {
-		url = new URL(src);
-	} catch {
-		return;
-	}
+function isYouTubeVideo(src) {
+	const url = parseURL(src);
+	if (!url) return false;
 	let videoId = null;
 	if (YOUTU_BE_HOST.test(url.hostname)) videoId = url.pathname.slice(1);
 	else if (YOUTUBE_HOSTS.test(url.hostname)) {
@@ -6947,58 +6952,68 @@ function parseYouTube(src) {
 		if (url.pathname === "/watch") videoId = url.searchParams.get("v");
 		else if (firstSegment === "shorts" || firstSegment === "embed" || firstSegment === "live") videoId = secondSegment ?? null;
 	}
-	if (!videoId || !VIDEO_ID.test(videoId)) return void 0;
-	const timeParam = url.searchParams.get("start") ?? url.searchParams.get("t");
-	const startSeconds = timeParam ? parseStartSeconds(timeParam) : void 0;
-	return {
-		videoId,
-		startSeconds
-	};
+	return videoId !== null && VIDEO_ID.test(videoId);
 }
 /**
-* `90`, `90s`, `1m30s`, `1h2m3s` to seconds.
+* The post-embed card an image `src` renders as, or `undefined` for a plain image.
 */
-function parseStartSeconds(value) {
-	if (/^\d+$/.test(value)) return Number(value);
-	const matched = /^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/.exec(value);
-	if (!matched || !matched[1] && !matched[2] && !matched[3]) return void 0;
-	return Number(matched[1] ?? 0) * 3600 + Number(matched[2] ?? 0) * 60 + Number(matched[3] ?? 0);
+function matchPostEmbed(src) {
+	if (parseXPostId(src) !== void 0) return "x-post";
+	if (isYouTubeVideo(src)) return "youtube-video";
 }
-const matchYouTube = (src) => {
-	const parsed = parseYouTube(src);
-	if (!parsed) return;
-	const query = parsed.startSeconds ? `?start=${parsed.startSeconds}` : "";
-	return {
-		kind: "youtube",
-		key: `youtube:${parsed.videoId}:${parsed.startSeconds ?? 0}`,
-		src: `https://www.youtube-nocookie.com/embed/${parsed.videoId}${query}`,
-		title: "YouTube video",
-		className: "md-embed md-embed-youtube",
-		testid: "youtube-embed",
-		allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen",
-		allowFullscreen: true
-	};
-};
-
-//#endregion
-//#region src/extensions/embed.ts
-const EMBED_MATCHERS = [matchYouTube, matchTweet];
 /**
-* Detect a tweet/YouTube embed in an image `src`, or `undefined` for a plain image.
+* Wrap a loader in a 64-entry LRU keyed by URL. A settled URL answers
+* synchronously, so a revisited document renders its cards in the first
+* frame; the first visit returns the in-flight load.
 */
-function matchEmbed(src) {
-	for (const match of EMBED_MATCHERS) {
-		const descriptor = match(src);
-		if (descriptor) return descriptor;
-	}
+function cached(load) {
+	const cache = createLRU({ max: 64 });
+	return (url) => {
+		if (cache.has(url)) return cache.get(url);
+		const pending = load(url).then((value) => {
+			cache.set(url, value);
+			return value;
+		}, (error) => {
+			cache.delete(url);
+			throw error;
+		});
+		cache.set(url, pending);
+		return pending;
+	};
 }
-
-//#endregion
-//#region src/extensions/paste.ts
-function getPastedText(event, slice) {
-	const fromClipboard = event.clipboardData?.getData("text/plain");
-	if (fromClipboard) return fromClipboard;
-	return slice.content.textBetween(0, slice.content.size, "\n");
+const X_POST_API = "https://react-tweet.vercel.app/api/tweet/";
+const defaultResolveXPost = cached(async (url) => {
+	const id = parseXPostId(url);
+	if (id === void 0) return;
+	const response = await fetch(X_POST_API + id);
+	if (!response.ok) return;
+	const json = await response.json();
+	return fromSyndication(json.data);
+});
+const YOUTUBE_OEMBED_API = "https://www.youtube.com/oembed?format=json&url=";
+const defaultResolveYouTubeVideo = cached(async (url) => {
+	const response = await fetch(YOUTUBE_OEMBED_API + encodeURIComponent(url));
+	if (!response.ok) return;
+	return {
+		url,
+		...await response.json()
+	};
+});
+const PostEmbedSnapshotSchema = v.variant("kind", [v.object({
+	kind: v.literal("x-post"),
+	data: XPostSchema
+}), v.object({
+	kind: v.literal("youtube-video"),
+	data: YouTubeVideoSchema
+})]);
+/**
+* The snapshot a card renders from a saved JSON object, or `undefined` when
+* the object does not validate. Unknown fields are dropped, so a persisted
+* snapshot is exactly what the card needs.
+*/
+function parsePostEmbedSnapshot(value) {
+	const result = v.safeParse(PostEmbedSnapshotSchema, value);
+	return result.success ? result.output : void 0;
 }
 
 //#endregion
@@ -7007,7 +7022,7 @@ const embedPasteKey = new PluginKey("meowdown-embed-paste");
 function detectEmbedUrl(text) {
 	const trimmed = text.trim();
 	if (!trimmed || /\s/.test(trimmed)) return void 0;
-	return matchEmbed(trimmed) ? trimmed : void 0;
+	return matchPostEmbed(trimmed) ? trimmed : void 0;
 }
 function insertEmbedFromPaste(view, url) {
 	const { from, to } = view.state.selection;
@@ -7739,28 +7754,6 @@ function defaultResolveImageUrl(src) {
 */
 const MAX_DISPLAY_HEIGHT = 500;
 /**
-* Build the iframe DOM for an embed descriptor and start its height listener.
-* A persisted tweet height seeds the iframe before `Tweet.html` reports the
-* real one, so a revisited tweet keeps its space instead of shifting layout.
-*/
-function buildEmbedIframe(embed, height, onHeight) {
-	const iframe = document.createElement("iframe");
-	iframe.src = embed.src;
-	iframe.title = embed.title;
-	iframe.className = embed.className;
-	iframe.dataset.testid = embed.testid;
-	iframe.loading = "lazy";
-	iframe.referrerPolicy = "strict-origin-when-cross-origin";
-	iframe.setAttribute("frameborder", "0");
-	if (embed.allow) iframe.allow = embed.allow;
-	if (embed.allowFullscreen) iframe.allowFullscreen = true;
-	if (embed.kind === "tweet") {
-		applyTweetHeight(iframe, height);
-		listenForTweetHeight(iframe, onHeight);
-	}
-	return iframe;
-}
-/**
 * Write a persisted display size onto a resizable resizable root.
 */
 function applySize(root, width, height) {
@@ -7828,40 +7821,59 @@ function commitImageSize(view, content, rawWidth, rawHeight) {
 	}, true);
 }
 /**
-* Ignore reported tweet heights this close to the persisted one. Fonts, theme,
-* and container width nudge the rendered height by a few pixels per device;
-* writing those back would churn the document on every open.
+* Persist a resized width into the trailing magic comment. A card's height is
+* its content's, so any persisted height is dropped rather than carried over.
 */
-const TWEET_HEIGHT_TOLERANCE = 8;
+function commitEmbedWidth(view, content, rawWidth) {
+	const pos = view.posAtDOM(content, 0);
+	const range = getMarkRangeAt(view.state, pos, "mdImage");
+	if (!range) return;
+	rewriteMagicComment(view, range, {
+		width: Math.round(rawWidth),
+		height: void 0
+	}, true);
+}
 /**
-* Persist the height a tweet embed reported, so the next load can seed the
-* iframe before the tweet renders. A passive metadata write: outside undo
-* history, skipped in read-only views, and skipped inside the tolerance.
+* Persist a resolved snapshot into the trailing magic comment. The whole
+* `![alt](src)<!-- ... -->` range is rewritten, not just the comment: the
+* transaction stays out of history, and undoing the edit that inserted the
+* image must delete the snapshot with it. prosemirror-history maps the
+* inverse deletion through this step, and a position at the end of a
+* replaced range maps to the end of the replacement, so the mapped deletion
+* covers the comment. An insertion at the range end would survive that undo
+* as an orphan comment rendered as plain text.
 */
-function commitTweetHeight(view, content, height) {
-	if (!view.editable || !content.isConnected) return;
+function commitSnapshot(view, content, src, snapshot) {
 	const pos = view.posAtDOM(content, 0);
 	const range = getMarkRangeAt(view.state, pos, "mdImage");
 	if (!range) return;
-	const attrs = range.mark.attrs;
-	if (attrs.height != null && Math.abs(height - attrs.height) <= TWEET_HEIGHT_TOLERANCE) return;
-	rewriteMagicComment(view, range, { height: Math.round(height) }, false);
+	if (range.mark.attrs.src !== src) return;
+	const current = view.state.doc.textBetween(range.from, range.to);
+	const base = stripMagicComment(current);
+	const comment = formatMagicComment({
+		...parseMagicComment(current.slice(base.length)),
+		snapshot
+	});
+	if (base + comment === current) return;
+	view.dispatch(view.state.tr.insertText(base + comment, range.from, range.to).setMeta("addToHistory", false));
 }
 var ImageMarkView = class {
 	#dom;
 	#contentDOM;
 	#view;
 	#resolveImageUrl;
-	#persistTweetHeight;
+	#resolveXPost;
+	#resolveYouTubeVideo;
 	#attrs;
 	#resizableRoot;
 	#image;
-	#tweetIframe;
+	#destroyed = false;
 	constructor(mark, view, options) {
 		this.#attrs = mark.attrs;
 		this.#view = view;
 		this.#resolveImageUrl = options.resolveImageUrl;
-		this.#persistTweetHeight = options.persistTweetHeight ?? true;
+		this.#resolveXPost = options.resolveXPost ?? defaultResolveXPost;
+		this.#resolveYouTubeVideo = options.resolveYouTubeVideo ?? defaultResolveYouTubeVideo;
 		this.#dom = document.createElement("span");
 		this.#dom.className = "md-image-view md-atom-view";
 		this.#contentDOM = document.createElement("span");
@@ -7884,67 +7896,105 @@ var ImageMarkView = class {
 	update(mark) {
 		const next = mark.attrs;
 		const previous = this.#attrs;
-		if (next.src !== previous.src) return false;
+		if (next.src !== previous.src || next.snapshot !== previous.snapshot) return false;
 		this.#attrs = next;
 		if (this.#image && next.alt !== previous.alt) this.#image.alt = next.alt;
 		if (this.#resizableRoot && (next.width !== previous.width || next.height !== previous.height)) {
 			if (this.#image) applyImageDisplaySize(this.#resizableRoot, this.#image, next.width, next.height);
 			else applySize(this.#resizableRoot, next.width, next.height);
 		}
-		if (this.#tweetIframe && next.height !== previous.height) applyTweetHeight(this.#tweetIframe, next.height);
 		return true;
 	}
 	ignoreMutation(mutation) {
 		return !this.#contentDOM.contains(mutation.target);
 	}
+	destroy() {
+		this.#destroyed = true;
+	}
 	/**
-	* Build the inline preview for the image `src`: an embed iframe or a resizable `<img>`.
+	* Build the inline preview for the image `src`: a post-embed card or a
+	* resizable `<img>`.
 	*/
 	#renderPreview() {
 		const { src } = this.#attrs;
-		const embed = matchEmbed(src);
-		if (embed) {
-			const wrapper = document.createElement("span");
-			wrapper.className = "md-image-view-preview md-atom-view-preview";
-			const onHeight = this.#persistTweetHeight ? (height) => {
-				commitTweetHeight(this.#view, this.#contentDOM, height);
-			} : void 0;
-			const iframe = buildEmbedIframe(embed, this.#attrs.height, onHeight);
-			if (embed.kind === "tweet") this.#tweetIframe = iframe;
-			wrapper.appendChild(embed.kind === "youtube" ? this.#buildResizableEmbed(iframe) : iframe);
+		const wrapper = document.createElement("span");
+		wrapper.className = "md-image-view-preview md-atom-view-preview";
+		const kind = matchPostEmbed(src);
+		if (kind) {
+			wrapper.dataset.testid = `${kind}-embed`;
+			wrapper.appendChild(this.#buildPostEmbed(kind, src));
 			return wrapper;
 		}
 		const url = (this.#resolveImageUrl ?? defaultResolveImageUrl)(src);
 		if (!url) return void 0;
-		const wrapper = document.createElement("span");
-		wrapper.className = "md-image-view-preview md-atom-view-preview";
 		wrapper.dataset.testid = "image-preview";
 		wrapper.appendChild(this.#buildResizableImage(url));
 		return wrapper;
 	}
 	/**
-	* A resizable YouTube embed: the same resizable web component as images, with
-	* the player's fixed 16:9 ratio, so a drag only ever picks a width. Releasing
-	* a drag writes the size into the markdown source as a
-	* `<!-- {"width":N,"height":M} -->` comment, exactly like an image.
+	* A post-embed card renders a saved snapshot as is. Without one (or with
+	* one that does not validate or names another kind) it loads through the
+	* resolver, rendering its own pending and unavailable states, and the first
+	* answer is written back into the source so the next open renders in the
+	* first frame with no request.
+	*/
+	#buildPostEmbed(kind, src) {
+		const saved = this.#attrs.snapshot == null ? void 0 : parsePostEmbedSnapshot(this.#attrs.snapshot);
+		if (kind === "x-post") {
+			registerXPost();
+			const element = document.createElement("post-embed-x-post");
+			element.data = saved?.kind === "x-post" ? saved.data : null;
+			element.resolver = this.#persisting(kind, this.#resolveXPost);
+			element.url = src;
+			return element;
+		}
+		registerYouTubeVideo();
+		const element = document.createElement("post-embed-youtube-video");
+		element.playback = "inline";
+		element.data = saved?.kind === "youtube-video" ? saved.data : null;
+		element.resolver = this.#persisting(kind, this.#resolveYouTubeVideo);
+		element.url = src;
+		return this.#buildResizableVideo(element);
+	}
+	/**
+	* Wrap a resolver so its first valid answer is persisted under `kind`.
+	* post-embed only calls it while `data` is null, and logs a rejection
+	* itself.
 	*/
-	#buildResizableEmbed(iframe) {
+	#persisting(kind, resolver) {
+		return (url) => {
+			const result = resolver(url);
+			Promise.resolve(result).then((value) => {
+				if (this.#destroyed || value == null) return;
+				const snapshot = parsePostEmbedSnapshot({
+					kind,
+					data: value
+				});
+				if (snapshot) commitSnapshot(this.#view, this.#contentDOM, url, snapshot);
+			}, () => {});
+			return result;
+		};
+	}
+	/**
+	* A resizable video card: the same resizable web component as images, but
+	* only the dragged width is persisted, as `<!-- {"width":N} -->`; the card
+	* keeps its content height.
+	*/
+	#buildResizableVideo(element) {
 		registerResizableRootElement();
 		registerResizableHandleElement();
 		const root = document.createElement("prosekit-resizable-root");
 		root.className = "md-embed-resizable";
 		root.dataset.testid = "embed-resizable";
-		root.setAttribute("data-aspect-ratio", String(16 / 9));
-		applySize(root, this.#attrs.width, this.#attrs.height);
-		root.appendChild(iframe);
+		applySize(root, this.#attrs.width, null);
+		root.appendChild(element);
 		const handle = document.createElement("prosekit-resizable-handle");
 		handle.className = "md-image-resize-handle";
 		handle.setAttribute("position", "bottom-right");
 		handle.addEventListener("click", (event) => event.stopPropagation());
 		root.appendChild(handle);
 		root.addEventListener("resizeEnd", (event) => {
-			const { width: nextWidth, height: nextHeight } = event.detail;
-			commitImageSize(this.#view, this.#contentDOM, nextWidth, nextHeight);
+			commitEmbedWidth(this.#view, this.#contentDOM, event.detail.width);
 		});
 		this.#resizableRoot = root;
 		return root;
@@ -8809,4 +8859,4 @@ function getVirtualElementFromRange(view, range) {
 }
 
 //#endregion
-export { EDITOR_KEY_BINDINGS, Priority, buildFileMarkdown, checkRoundTrip, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineCodeBlockSyntaxHighlight, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLComment, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkCommands, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, defineMath, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSearchStatusHandler, defineSubstitution, defineTagClickHandler, defineViewAttributes, defineVirtualCaret, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, formatSizedWikiEmbed, getCodeTokens, getFileKind, getIsComposing, getLinkText, getLinkUnitAt, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunks, inlineTextToMarkChunksWithContext, insertLink, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isMarkOfType, isModEvent, isNodeOfType, isSelectionInTableCell, listenForTweetHeight, loadKaTeX, markdownToDoc, matchEmbed, normalizeHref, parseWikiEmbed, removeLink, renderMathInto, updateLink, wikiEmbedBasename, withPriority };
+export { EDITOR_KEY_BINDINGS, Priority, buildFileMarkdown, checkRoundTrip, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineCodeBlockSyntaxHighlight, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLComment, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkCommands, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, defineMath, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSearchStatusHandler, defineSubstitution, defineTagClickHandler, defineViewAttributes, defineVirtualCaret, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, formatSizedWikiEmbed, getCodeTokens, getFileKind, getIsComposing, getLinkText, getLinkUnitAt, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunks, inlineTextToMarkChunksWithContext, insertLink, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isMarkOfType, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, matchPostEmbed, normalizeHref, parsePostEmbedSnapshot, parseWikiEmbed, parseXPostId, removeLink, renderMathInto, updateLink, wikiEmbedBasename, withPriority };