@happyvertical/smrt-content 0.51.38 → 0.52.0

package/dist/body-format.js

@@ -1,12 +1,7 @@
+import sanitize from "sanitize-html";
 //#region src/body-format.ts
 var DEFAULT_CONTENT_BODY_FORMAT = "html";
 var HTML_TAG_PATTERN = /<\/?(?:article|aside|blockquote|br|div|figure|figcaption|h[1-6]|hr|img|li|ol|p|pre|section|span|strong|em|b|i|u|a|ul|table|tbody|td|th|thead|tr)(?:\s[^>]*)?>/i;
-var ATTR_BOUNDARY = "(?:([\\s/]+)|(?<=[\"'`]))";
-function reemitSeparator(consumed) {
-	return consumed ? " " : "";
-}
-var URL_ATTRIBUTE_PATTERN = new RegExp(`${ATTR_BOUNDARY}(href|src|xlink:href|formaction|action|poster)\\s*=\\s*("([^"]*)"|'([^']*)'|([^\\s>]+))`, "gi");
-var SRCSET_ATTRIBUTE_PATTERN = new RegExp(`${ATTR_BOUNDARY}srcset\\s*=\\s*("([^"]*)"|'([^']*)'|([^\\s>]+))`, "gi");
 var BLOCK_TAGS = [
 	"address",
 	"article",
@@ -90,14 +85,6 @@ function sanitizeUrl(value) {
 	if (compactScheme.startsWith("data:") && !/^data:image\/(?:png|gif|jpe?g|webp);/.test(compactScheme)) return "#";
 	return trimmed;
 }
-function sanitizeSrcset(value) {
-	return decodeBasicEntities(value).split(",").map((candidate) => {
-		const parts = candidate.trim().split(/\s+/);
-		const url = sanitizeUrl(parts.shift() || "");
-		if (!url || url === "#") return "";
-		return [url, ...parts.filter((part) => /^(?:\d+(?:\.\d+)?x|\d+w)$/.test(part))].join(" ");
-	}).filter(Boolean).join(", ");
-}
 function sanitizeStyle(value) {
 	const safeRules = [];
 	for (const rawRule of decodeBasicEntities(value).split(";")) {
@@ -113,37 +100,258 @@ function sanitizeStyle(value) {
 	}
 	return safeRules.join("; ");
 }
-function sanitizeHtml(value) {
+var INLINE_TAGS = [
+	"a",
+	"abbr",
+	"b",
+	"br",
+	"code",
+	"del",
+	"em",
+	"i",
+	"img",
+	"ins",
+	"kbd",
+	"mark",
+	"s",
+	"small",
+	"span",
+	"strong",
+	"sub",
+	"sup",
+	"u"
+];
+var BLOCK_CONTENT_TAGS = [
+	"article",
+	"aside",
+	"blockquote",
+	"caption",
+	"col",
+	"colgroup",
+	"dd",
+	"div",
+	"dl",
+	"dt",
+	"figcaption",
+	"figure",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"hr",
+	"li",
+	"ol",
+	"p",
+	"pre",
+	"section",
+	"table",
+	"tbody",
+	"td",
+	"tfoot",
+	"th",
+	"thead",
+	"tr",
+	"ul"
+];
+var IMAGE_MARKER_ATTRIBUTES = [
+	"data-smrt-asset-id",
+	"data-smrt-inline-image",
+	"data-smrt-placement",
+	"data-smrt-width",
+	"data-smrt-thumbnail",
+	"data-smrt-main"
+];
+var SANITIZER_ALLOWED_ATTRIBUTES = {
+	a: [
+		"href",
+		"title",
+		"rel",
+		"target"
+	],
+	abbr: ["title"],
+	img: [
+		"src",
+		"srcset",
+		"alt",
+		"title",
+		"width",
+		"height",
+		"loading",
+		"style",
+		...IMAGE_MARKER_ATTRIBUTES
+	],
+	figure: ["style", ...IMAGE_MARKER_ATTRIBUTES],
+	ol: [
+		"start",
+		"reversed",
+		"type"
+	],
+	td: ["colspan", "rowspan"],
+	th: [
+		"colspan",
+		"rowspan",
+		"scope"
+	],
+	col: ["span"],
+	colgroup: ["span"]
+};
+var SANITIZER_DROP_CONTENT_TAGS = [
+	"script",
+	"style",
+	"textarea",
+	"option",
+	"select",
+	"noscript",
+	"noembed",
+	"noframes",
+	"template",
+	"title",
+	"xmp",
+	"plaintext",
+	"iframe",
+	"object",
+	"embed",
+	"svg",
+	"math",
+	"head"
+];
+var LINK_SCHEMES = /* @__PURE__ */ new Set([
+	"http",
+	"https",
+	"mailto",
+	"tel"
+]);
+var IMAGE_SCHEMES = /* @__PURE__ */ new Set(["http", "https"]);
+var SAFE_DATA_IMAGE_PATTERN = /^data:image\/(?:png|gif|jpe?g|webp|avif);/;
+var IMAGE_PLACEMENTS = /* @__PURE__ */ new Set([
+	"block",
+	"left",
+	"right",
+	"center",
+	"full"
+]);
+function allowedUrl(value, kind) {
+	const url = (value || "").trim();
+	if (!url) return "";
+	let compact = "";
+	for (const char of decodeBasicEntities(url)) {
+		const code = char.charCodeAt(0);
+		if (code <= 32 || code === 127) continue;
+		compact += char.toLowerCase();
+	}
+	const scheme = /^([a-z][a-z0-9+.-]*):/.exec(compact)?.[1];
+	if (!scheme) return url;
+	if (kind === "image") {
+		if (IMAGE_SCHEMES.has(scheme)) return url;
+		return scheme === "data" && SAFE_DATA_IMAGE_PATTERN.test(compact) ? url : "";
+	}
+	return LINK_SCHEMES.has(scheme) ? url : "";
+}
+function allowedSrcset(value) {
+	return value.split(",").map((candidate) => {
+		const parts = candidate.trim().split(/\s+/);
+		const url = allowedUrl(parts.shift(), "image");
+		if (!url || url.startsWith("data:")) return "";
+		return [url, ...parts.filter((part) => /^(?:\d+(?:\.\d+)?x|\d+w)$/.test(part))].join(" ");
+	}).filter(Boolean).join(", ");
+}
+var POSITIVE_INTEGER = /^\d{1,5}$/;
+var EMPTY_VALUE_ATTRIBUTES = /* @__PURE__ */ new Set([
+	"alt",
+	"data-smrt-inline-image",
+	"data-smrt-thumbnail",
+	"data-smrt-main"
+]);
+function allowedAttributeValue(name, value) {
+	switch (name) {
+		case "href": return allowedUrl(value, "link");
+		case "src": return allowedUrl(value, "image");
+		case "srcset": return allowedSrcset(value);
+		case "style": return sanitizeStyle(value);
+		case "width":
+		case "height":
+		case "start":
+		case "span":
+		case "colspan":
+		case "rowspan":
+		case "data-smrt-width": return POSITIVE_INTEGER.test(value.trim()) ? value.trim() : "";
+		case "loading": return value === "lazy" || value === "eager" ? value : "";
+		case "target": return value === "_blank" ? value : "";
+		case "rel": return value.split(/\s+/).filter((token) => /^[a-z-]{1,32}$/i.test(token)).join(" ");
+		case "scope": return /^(?:row|col|rowgroup|colgroup)$/.test(value) ? value : "";
+		case "type": return /^[1aAiI]$/.test(value) ? value : "";
+		case "data-smrt-placement": return IMAGE_PLACEMENTS.has(value) ? value : "";
+		case "data-smrt-inline-image":
+		case "data-smrt-thumbnail":
+		case "data-smrt-main": return value === "" || value === "true" ? value : null;
+		case "data-smrt-asset-id": return /^[\w.:-]{1,128}$/.test(value) ? value : "";
+		default: return value;
+	}
+}
+function transformBodyTag(tagName, attribs, options) {
+	const allowed = SANITIZER_ALLOWED_ATTRIBUTES[tagName] || [];
+	const safe = {};
+	for (const [rawName, rawValue] of Object.entries(attribs)) {
+		const name = rawName.toLowerCase();
+		if (!allowed.includes(name)) continue;
+		const value = allowedAttributeValue(name, String(rawValue ?? ""));
+		if (value === null) continue;
+		if (value === "" && !EMPTY_VALUE_ATTRIBUTES.has(name)) continue;
+		safe[name] = value;
+	}
+	if (tagName === "img" && options.thumbnailSrc && "data-smrt-thumbnail" in safe) safe.src = options.thumbnailSrc;
+	if (tagName === "a" && safe.target === "_blank") {
+		const rel = new Set((safe.rel || "").split(/\s+/).filter(Boolean));
+		rel.add("noopener");
+		rel.add("noreferrer");
+		safe.rel = [...rel].join(" ");
+	}
+	return {
+		tagName,
+		attribs: safe
+	};
+}
+function sanitizeBodyHtml(value, options = {}) {
 	if (!value || typeof value !== "string") return "";
-	let html = value;
-	html = html.replace(/<!--[\s\S]*?-->/g, "");
-	html = html.replace(/<\s*(script|style|iframe|object|embed|link|meta|base|svg|math)\b[^>]*>[\s\S]*?<\s*\/\s*\1\s*>/gi, "");
-	html = html.replace(/<\s*(script|style|iframe|object|embed|link|meta|base|svg|math)\b[^>]*\/?>/gi, "");
-	html = html.replace(new RegExp(`${ATTR_BOUNDARY}on[a-z]+\\s*=\\s*(?:"[^"]*"|'[^']*'|[^\\s>]*)`, "gi"), "");
-	html = html.replace(new RegExp(`${ATTR_BOUNDARY}data-smrt-(?:selected|moving|resizing)\\s*=\\s*(?:"[^"]*"|'[^']*'|[^\\s>]*)`, "gi"), "");
-	html = html.replace(new RegExp(`${ATTR_BOUNDARY}style\\s*=\\s*("([^"]*)"|'([^']*)'|([^\\s>]+))`, "gi"), (_match, separator, _raw, doubleValue = "", singleValue = "", bareValue = "") => {
-		const safeStyle = sanitizeStyle(doubleValue || singleValue || bareValue);
-		const sep = reemitSeparator(separator);
-		return safeStyle ? `${sep}style="${escapeAttribute(safeStyle)}"` : sep;
-	});
-	html = html.replace(SRCSET_ATTRIBUTE_PATTERN, (_match, separator, _raw, doubleValue = "", singleValue = "", bareValue = "") => {
-		const safeSrcset = sanitizeSrcset(doubleValue || singleValue || bareValue);
-		const sep = reemitSeparator(separator);
-		return safeSrcset ? `${sep}srcset="${escapeAttribute(safeSrcset)}"` : sep;
-	});
-	html = html.replace(URL_ATTRIBUTE_PATTERN, (_match, separator, name, _raw, doubleValue = "", singleValue = "", bareValue = "") => {
-		const quote = doubleValue ? "\"" : singleValue ? "'" : "\"";
-		const rawValue = doubleValue || singleValue || bareValue;
-		return `${reemitSeparator(separator)}${name}=${quote}${escapeAttribute(sanitizeUrl(rawValue))}${quote}`;
-	});
-	return html.trim();
+	return sanitize(value, {
+		allowedTags: [...INLINE_TAGS, ...BLOCK_CONTENT_TAGS],
+		allowedAttributes: SANITIZER_ALLOWED_ATTRIBUTES,
+		allowedClasses: {},
+		allowedSchemes: [...LINK_SCHEMES],
+		allowedSchemesByTag: { img: [
+			"http",
+			"https",
+			"data"
+		] },
+		allowedSchemesAppliedToAttributes: [
+			"href",
+			"src",
+			"cite"
+		],
+		allowProtocolRelative: true,
+		parseStyleAttributes: false,
+		disallowedTagsMode: "discard",
+		nonTextTags: SANITIZER_DROP_CONTENT_TAGS,
+		transformTags: { "*": (tagName, attribs) => transformBodyTag(tagName, attribs, options) },
+		exclusiveFilter: (frame) => frame.tag === "img" && !frame.attribs.src
+	}).replace(/<(img|br|hr|col)((?:\s+[^\s<>][^<>]*?)?)\s*\/>/g, "<$1$2>").trim();
+}
+function sanitizeHtml(value) {
+	return sanitizeBodyHtml(value);
 }
 function renderInlineMarkdown(value) {
 	let html = value;
-	html = html.replace(/!\[([^\]]*)\]\(([^)\s]+)(?:\s+"([^"]*)")?\)/g, (_match, alt, src, title = "") => {
+	html = html.replace(/!\[([^\]]*)\]\(([^)\s]+)(?:\s+(?:"|&quot;)(.*?)(?:"|&quot;))?\)/g, (_match, alt, src, title = "") => {
 		const safeSrc = sanitizeUrl(src);
 		const safeAlt = escapeAttribute(decodeBasicEntities(alt));
-		const titleAttr = title ? ` title="${escapeAttribute(decodeBasicEntities(title))}"` : "";
+		const decodedTitle = decodeBasicEntities(title);
+		const markers = parseMarkdownImageTitle(decodedTitle);
+		const assetAttr = markers?.assetId ? ` data-smrt-asset-id="${escapeAttribute(markers.assetId)}"` : "";
+		if (markers?.thumbnail) return `<img src="${escapeAttribute(safeSrc)}" alt="${safeAlt}"${assetAttr} ${BODY_THUMBNAIL_ATTRIBUTE}="true" data-smrt-inline-image="true" data-smrt-placement="${markers.thumbnail}">`;
+		if (markers) return `<img src="${escapeAttribute(safeSrc)}" alt="${safeAlt}"${assetAttr}${markers.main ? ` ${BODY_MAIN_IMAGE_ATTRIBUTE}="true"` : ""}>`;
+		const titleAttr = decodedTitle ? ` title="${escapeAttribute(decodedTitle)}"` : "";
 		return `<img src="${escapeAttribute(safeSrc)}" alt="${safeAlt}"${titleAttr}>`;
 	});
 	html = html.replace(/\[([^\]]+)\]\(([^)\s]+)(?:\s+"([^"]*)")?\)/g, (_match, label, href, title = "") => {
@@ -239,9 +447,15 @@ function fallbackHtmlToMarkdown(html) {
 		const parsed = parseHtmlAttributes(attrs);
 		const src = sanitizeUrl(parsed.src || "");
 		if (!src) return "";
+		const thumbnailTitle = markdownImageTitle({
+			thumbnail: parsed[BODY_THUMBNAIL_ATTRIBUTE],
+			placement: parsed["data-smrt-placement"],
+			assetId: parsed["data-smrt-asset-id"],
+			main: parsed[BODY_MAIN_IMAGE_ATTRIBUTE]
+		});
 		return `
 
-![${parsed.alt || ""}](${src})
+![${parsed.alt || ""}](${src}${thumbnailTitle})
 
 `;
 	});
@@ -311,7 +525,12 @@ ${trimmedChildren}
 			if (!src) return "";
 			return `
 
-![${node.getAttribute?.("alt") || ""}](${src})
+![${node.getAttribute?.("alt") || ""}](${src}${markdownImageTitle({
+				thumbnail: node.getAttribute?.(BODY_THUMBNAIL_ATTRIBUTE),
+				placement: node.getAttribute?.("data-smrt-placement"),
+				assetId: node.getAttribute?.("data-smrt-asset-id"),
+				main: node.getAttribute?.(BODY_MAIN_IMAGE_ATTRIBUTE)
+			})})
 
 `;
 		}
@@ -353,12 +572,23 @@ function extractBodyImages(body, format = resolveBodyFormat(void 0, body)) {
 		const images2 = [];
 		body.replace(/!\[([^\]]*)\]\(([^)\s]+)(?:\s+"([^"]*)")?\)/g, (_match, alt, src, title = "") => {
 			const safeSrc = sanitizeUrl(src);
-			if (safeSrc) images2.push({
-				src: safeSrc,
-				alt: decodeBasicEntities(alt),
-				...title ? { title: decodeBasicEntities(title) } : {},
-				index: images2.length
-			});
+			if (safeSrc) {
+				const decodedTitle = decodeBasicEntities(title);
+				const markers = parseMarkdownImageTitle(decodedTitle);
+				const thumbnailPlacement = markers?.thumbnail;
+				images2.push({
+					src: safeSrc,
+					alt: decodeBasicEntities(alt),
+					...decodedTitle && !markers ? { title: decodedTitle } : {},
+					...markers?.assetId ? { assetId: markers.assetId } : {},
+					...markers?.main ? { main: true } : {},
+					...thumbnailPlacement ? {
+						placement: thumbnailPlacement,
+						thumbnail: true
+					} : {},
+					index: images2.length
+				});
+			}
 			return "";
 		});
 		return images2;
@@ -380,6 +610,8 @@ function extractBodyImages(body, format = resolveBodyFormat(void 0, body)) {
 				...parsedImage["data-smrt-asset-id"] ? { assetId: parsedImage["data-smrt-asset-id"] } : {},
 				...placement ? { placement } : {},
 				...width ? { width } : {},
+				...isThumbnailMarker(parsedFigure["data-smrt-thumbnail"] || parsedImage["data-smrt-thumbnail"]) ? { thumbnail: true } : {},
+				...isThumbnailMarker(parsedFigure["data-smrt-main"] || parsedImage["data-smrt-main"]) ? { main: true } : {},
 				index: images.length
 			});
 		}
@@ -397,6 +629,8 @@ function extractBodyImages(body, format = resolveBodyFormat(void 0, body)) {
 				...parsed["data-smrt-asset-id"] ? { assetId: parsed["data-smrt-asset-id"] } : {},
 				...placement ? { placement } : {},
 				...width ? { width } : {},
+				...isThumbnailMarker(parsed["data-smrt-thumbnail"]) ? { thumbnail: true } : {},
+				...isThumbnailMarker(parsed["data-smrt-main"]) ? { main: true } : {},
 				index: images.length
 			});
 		}
@@ -417,7 +651,164 @@ function imageAssetToHtml(asset) {
 	const width = Math.max(160, Math.min(520, Math.round(Number(asset?.width) || 520)));
 	return `<img src="${escapeAttribute(src)}" alt="${escapeAttribute(getImageAlt(asset))}"${assetId} data-smrt-inline-image="true" data-smrt-placement="block" data-smrt-width="${width}" style="width: ${width}px; max-width: 100%; height: auto">`;
 }
+var THUMBNAIL_WIDE_ASPECT_RATIO = 1.3;
+var BODY_THUMBNAIL_ATTRIBUTE = "data-smrt-thumbnail";
+var BODY_MAIN_IMAGE_ATTRIBUTE = "data-smrt-main";
+var MARKDOWN_THUMBNAIL_TITLE_PREFIX = "smrt-thumbnail:";
+function thumbnailPlacementForSize(width, height) {
+	const w = Number(width);
+	const h = Number(height);
+	if (!Number.isFinite(w) || !Number.isFinite(h) || w <= 0 || h <= 0) return "full";
+	return w / h >= 1.3 ? "full" : "right";
+}
+function isThumbnailMarker(value) {
+	return value === "true" || value === "" || value === true;
+}
+var MARKDOWN_THUMBNAIL_TITLE_PATTERN = /^smrt-thumbnail:(full|right)(?: ([\w.:-]{1,128}))?$/;
+var MARKDOWN_IMAGE_TITLE_PATTERN = /^smrt-image ([\w.:-]{1,128})( main)?$/;
+function parseMarkdownImageTitle(title) {
+	const thumbnail = MARKDOWN_THUMBNAIL_TITLE_PATTERN.exec(title);
+	if (thumbnail) return {
+		thumbnail: thumbnail[1],
+		...thumbnail[2] ? { assetId: thumbnail[2] } : {}
+	};
+	const image = MARKDOWN_IMAGE_TITLE_PATTERN.exec(title);
+	if (image) return {
+		assetId: image[1],
+		...image[2] ? { main: true } : {}
+	};
+	return null;
+}
+function markdownImageTitle(attributes) {
+	const assetId = attributes.assetId && /^[\w.:-]{1,128}$/.test(attributes.assetId) ? attributes.assetId : "";
+	if (isThumbnailMarker(attributes.thumbnail)) return ` "${MARKDOWN_THUMBNAIL_TITLE_PREFIX}${attributes.placement === "right" ? "right" : "full"}${assetId ? ` ${assetId}` : ""}"`;
+	if (!assetId) return "";
+	return ` "smrt-image ${assetId}${isThumbnailMarker(attributes.main) ? " main" : ""}"`;
+}
+var HTML_THUMBNAIL_FIGURE_PATTERN = /\s*<figure\b[^>]*>(?:(?!<\/figure>)[\s\S])*?<img\b[^>]*\bdata-smrt-thumbnail\s*=[^>]*>[\s\S]*?<\/figure>\s*/gi;
+var HTML_THUMBNAIL_MARKED_FIGURE_PATTERN = /\s*<figure\b[^>]*\bdata-smrt-thumbnail\s*=[^>]*>[\s\S]*?<\/figure>\s*/gi;
+var HTML_THUMBNAIL_PARAGRAPH_PATTERN = /\s*<p\b[^>]*>\s*(?:<br\s*\/?>\s*)?<img\b[^>]*\bdata-smrt-thumbnail\s*=[^>]*>\s*(?:<br\s*\/?>\s*)?<\/p>\s*/gi;
+var HTML_THUMBNAIL_IMAGE_PATTERN = /\s*<img\b[^>]*\bdata-smrt-thumbnail\s*=[^>]*>\s*/gi;
+var MARKDOWN_THUMBNAIL_LINE_PATTERN = /^[ \t]*!\[[^\]]*\]\([^)\s]+\s+"smrt-thumbnail:(?:full|right)(?: [\w.:-]{1,128})?"\)[ \t]*(?:\n|$)/gm;
+function bodyHasThumbnail(body, format) {
+	if (!body) return false;
+	return extractBodyImages(body, resolveBodyFormat(format, body)).some((image) => image.thumbnail);
+}
+function removeThumbnailFromBody(body, format) {
+	const source = body || "";
+	if (!source) return "";
+	if (resolveBodyFormat(format, source) === "markdown") {
+		if (!source.match(MARKDOWN_THUMBNAIL_LINE_PATTERN)) return source;
+		return source.replace(MARKDOWN_THUMBNAIL_LINE_PATTERN, "").replace(/\n{3,}/g, "\n\n").replace(/^\n+/, "");
+	}
+	const stripped = source.replace(HTML_THUMBNAIL_MARKED_FIGURE_PATTERN, "\n").replace(HTML_THUMBNAIL_FIGURE_PATTERN, "\n").replace(HTML_THUMBNAIL_PARAGRAPH_PATTERN, "\n").replace(HTML_THUMBNAIL_IMAGE_PATTERN, "\n");
+	return stripped === source ? source : stripped.trim();
+}
+function thumbnailHtml(thumbnail, placement) {
+	const src = sanitizeUrl(thumbnail.src || "");
+	if (!src) return "";
+	const assetId = thumbnail.assetId ? ` data-smrt-asset-id="${escapeAttribute(String(thumbnail.assetId))}"` : "";
+	return `<img src="${escapeAttribute(src)}" alt="${escapeAttribute(String(thumbnail.alt || ""))}"${assetId} ${BODY_THUMBNAIL_ATTRIBUTE}="true" data-smrt-inline-image="true" data-smrt-placement="${placement}">`;
+}
+function thumbnailMarkdown(thumbnail, placement) {
+	const src = sanitizeUrl(thumbnail.src || "");
+	if (!src || /\s/.test(src)) return "";
+	return `![${String(thumbnail.alt || "").replace(/[[\]\n]/g, " ")}](${src} "${MARKDOWN_THUMBNAIL_TITLE_PREFIX}${placement}${thumbnail.assetId && /^[\w.:-]{1,128}$/.test(String(thumbnail.assetId)) ? ` ${thumbnail.assetId}` : ""}")`;
+}
+function firstMarkdownParagraphOffset(markdown) {
+	for (const match of markdown.matchAll(/(^|\n\n)([^\n][\s\S]*?)(?=\n\n|$)/g)) {
+		const trimmed = (match[2] || "").trimStart();
+		if (!trimmed || /^(?:#{1,6}\s|[-*]\s|!\[|>)/.test(trimmed)) continue;
+		return (match.index ?? 0) + (match[1] || "").length;
+	}
+	return -1;
+}
+function placeThumbnailInBody(body, format, thumbnail) {
+	const source = body || "";
+	const resolved = resolveBodyFormat(format, source);
+	const withoutOld = removeThumbnailFromBody(source, resolved);
+	const placement = thumbnail.placement ?? thumbnailPlacementForSize(thumbnail.width, thumbnail.height);
+	if (resolved === "markdown") {
+		const block2 = thumbnailMarkdown(thumbnail, placement);
+		if (!block2) return withoutOld;
+		const trimmed2 = withoutOld.replace(/^\n+/, "");
+		if (!trimmed2) return block2;
+		const offset = placement === "right" ? firstMarkdownParagraphOffset(trimmed2) : 0;
+		const at2 = offset < 0 ? 0 : offset;
+		return `${trimmed2.slice(0, at2)}${block2}
+
+${trimmed2.slice(at2)}`;
+	}
+	const block = thumbnailHtml(thumbnail, placement);
+	if (!block) return withoutOld;
+	const trimmed = withoutOld.trim();
+	if (!trimmed) return block;
+	let at = 0;
+	if (placement === "right") {
+		const paragraph = /<p\b/i.exec(trimmed);
+		at = paragraph ? paragraph.index : 0;
+	}
+	return `${trimmed.slice(0, at)}${block}
+${trimmed.slice(at)}`;
+}
+function renderContentBodyHtml(body, format, options = {}) {
+	const source = body || "";
+	if (!source) return "";
+	const resolved = resolveBodyFormat(format, source);
+	const replacement = allowedUrl(options.thumbnailSrc || "", "image");
+	return sanitizeBodyHtml(resolved === "markdown" ? renderMarkdownToHtml(source) : source, replacement ? { thumbnailSrc: replacement } : {});
+}
+function resolveBodyMainPicture(body, format, currentAssetId = null) {
+	const source = body || "";
+	const images = source ? extractBodyImages(source, resolveBodyFormat(format, source)).filter((image) => Boolean(image.assetId)) : [];
+	const chosen = images.find((image) => image.thumbnail) ?? images.find((image) => image.main);
+	if (chosen?.assetId) return {
+		assetId: chosen.assetId,
+		mode: "chosen"
+	};
+	if (images[0]?.assetId) return {
+		assetId: images[0].assetId,
+		mode: "automatic"
+	};
+	return {
+		assetId: currentAssetId,
+		mode: "none"
+	};
+}
+var MAIN_IMAGE_ATTRIBUTE_PATTERN = /\s+data-smrt-main(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s"'>]+))?/gi;
+function withoutMainMarker(tag) {
+	return tag.replace(MAIN_IMAGE_ATTRIBUTE_PATTERN, "");
+}
+function setBodyMainImage(body, format, assetId) {
+	const source = body || "";
+	if (!source) return source;
+	if (resolveBodyFormat(format, source) === "markdown") {
+		let markedMarkdown = false;
+		return source.replace(/!\[([^\]]*)\]\(([^)\s]+)\s+"([^"]*)"\)/g, (image, alt, src, title) => {
+			const markers = parseMarkdownImageTitle(title);
+			if (!markers?.assetId || markers.thumbnail) return image;
+			const main = !markedMarkdown && markers.assetId === assetId;
+			markedMarkdown ||= main;
+			return `![${alt}](${src} "smrt-image ${markers.assetId}${main ? " main" : ""}")`;
+		});
+	}
+	const cleared = source.replace(/<(img|figure)\b[^>]*>/gi, withoutMainMarker);
+	if (!assetId) return cleared;
+	let marked = false;
+	return cleared.replace(/<img\b([^>]*?)(\s*\/?)>/gi, (tag, attrs, end) => {
+		if (marked) return tag;
+		const parsed = parseHtmlAttributes(attrs);
+		if (parsed["data-smrt-asset-id"] !== assetId || isThumbnailMarker(parsed["data-smrt-thumbnail"])) return tag;
+		marked = true;
+		return `<img${attrs} ${BODY_MAIN_IMAGE_ATTRIBUTE}="true"${end}>`;
+	});
+}
+function bodyHasImage(body, format, assetId) {
+	const source = body || "";
+	if (!source || !assetId) return false;
+	return extractBodyImages(source, resolveBodyFormat(format, source)).some((image) => !image.thumbnail && image.assetId === assetId);
+}
 //#endregion
-export { DEFAULT_CONTENT_BODY_FORMAT, bodyToEditorHtml, editorHtmlToBody, escapeAttribute, escapeHtml, extractBodyImages, getImageAlt, getImageSource, htmlToMarkdown, imageAssetToHtml, isContentBodyFormat, looksLikeHtml, normalizeEditorHtml, renderMarkdownToHtml, resolveBodyFormat, sanitizeHtml, stripHtml };
+export { BODY_MAIN_IMAGE_ATTRIBUTE, BODY_THUMBNAIL_ATTRIBUTE, DEFAULT_CONTENT_BODY_FORMAT, THUMBNAIL_WIDE_ASPECT_RATIO, bodyHasImage, bodyHasThumbnail, bodyToEditorHtml, editorHtmlToBody, escapeAttribute, escapeHtml, extractBodyImages, getImageAlt, getImageSource, htmlToMarkdown, imageAssetToHtml, isContentBodyFormat, looksLikeHtml, normalizeEditorHtml, placeThumbnailInBody, removeThumbnailFromBody, renderContentBodyHtml, renderMarkdownToHtml, resolveBodyFormat, resolveBodyMainPicture, sanitizeHtml, setBodyMainImage, stripHtml, thumbnailPlacementForSize };
 
 //# sourceMappingURL=body-format.js.map