rapier-markdown-kit 1.1.79 → 1.1.80

package/dist/kit/render-markdown.mjs

@@ -1,8 +1,12 @@
 // SPDX-License-Identifier: MIT
 const RAPIER_TABLE_CAPTION_PREFIX_RE = /^(?:Table:|:) /;
+const RAPIER_PORTABLE_HIGHLIGHT_HEX = Object.freeze({
+	green: '#35c57a', red: '#f05a62', blue: '#4f91f7', yellow: '#e6b91e', purple: '#9b6dea',
+});
+const _RAPIER_RTL_SCRIPT = /[\p{Script=Hebrew}\p{Script=Arabic}\p{Script=Syriac}\p{Script=Thaana}\p{Script=Nko}\p{Script=Samaritan}\p{Script=Mandaic}\p{Script=Adlam}\p{Script=Phoenician}\p{Script=Imperial_Aramaic}\p{Script=Palmyrene}\p{Script=Nabataean}\p{Script=Hatran}\p{Script=Old_South_Arabian}\p{Script=Old_North_Arabian}\p{Script=Mende_Kikakui}\p{Script=Old_Hungarian}\p{Script=Old_Sogdian}\p{Script=Sogdian}\p{Script=Elymaic}\p{Script=Chorasmian}\p{Script=Yezidi}\p{Script=Old_Uyghur}\p{Script=Hanifi_Rohingya}]/u;
 // The document's renderer. DOM, codecs and host state are explicit inputs.
 function createMarkdownRenderer(runtime) {
-  const {RAPIER_HIGHLIGHT_COLOR_BY_MARKER, RAPIER_MARKDOWN_SPEC, RAPIER_RENDERED_HEADING_SELECTOR, _rapierApplyMarkdownSpec, _rapierBidiStrong, _rapierChromeOwnsId, _rapierCodeHtml, _rapierDeriveDarkColor, _rapierDormantHeadings, _rapierEmbedAssetSource, _rapierHeadingSlugBase, _rapierNextHeadingSlug, _rapierHighlightAdmitted, _rapierInstallMarkdownMath, _rapierMarkdownPreview, _rapierPlainLayout, _rapierProviders, _rapierRemoteContent, _rapierRemoteImagePlaceholder, _rapierRemoteSubresourceOrigin, _rapierRenderedAnchorOriginalIds, _rapierSourceCharEscaped, _rapierSplitOpeningFrontmatter, _rapierUiDiagram, _rapierUiMath, document, escapeRapierHtmlText, globalThis, sanitizeRapierHtml, window} = runtime;
+  const {Node, _rapierPrefixPortableAnchors, RAPIER_HIGHLIGHT_COLOR_BY_MARKER, RAPIER_MARKDOWN_SPEC, RAPIER_RENDERED_HEADING_SELECTOR, _rapierApplyMarkdownSpec, _rapierChromeOwnsId, _rapierCodeHtml, _rapierDeriveDarkColor, _rapierDormantHeadings, _rapierEmbedAssetSource, _rapierHeadingSlugBase, _rapierNextHeadingSlug, _rapierHighlightAdmitted, _rapierInstallMarkdownMath, _rapierMarkdownPreview, _rapierPlainLayout, _rapierProviders, _rapierRemoteContent, _rapierRemoteImagePlaceholder, _rapierRemoteSubresourceOrigin, _rapierRenderedAnchorOriginalIds, _rapierSourceCharEscaped, _rapierSplitOpeningFrontmatter, _rapierUiDiagram, _rapierUiMath, document, escapeRapierHtmlText, globalThis, sanitizeRapierHtml, window} = runtime;
   let md = runtime.md;
 function initMarkdownIt() {
 	if (typeof window.markdownit !== 'function') throw new Error('markdownit');
@@ -112,9 +116,10 @@ function initMarkdownIt() {
 		const layout = token.meta?.mdLayout?.imageOnly ? token.meta.mdLayout.marker : '';
 		const asset = globalThis.RapierImageAssets.dataImage(src), reference = token.meta?.mdImage?.reference;
 		// A connected host's own asset; a host without one (the server) supplies no port.
-		if (_rapierEmbedAssetSource?.(src) || asset && (reference || asset.codec === 'image/jxl' || asset.codec === 'image/svg+xml')) return globalThis.RapierEmbeddedImages.imageHtml(
+		if (!env.rapierPage && typeof globalThis.RapierEmbeddedImages?.imageHtml === 'function' &&
+			(_rapierEmbedAssetSource?.(src) || asset && (reference || asset.codec === 'image/jxl' || asset.codec === 'image/svg+xml'))) return globalThis.RapierEmbeddedImages.imageHtml(
 			reference, alt, title, size, layout, rawAlt, token.meta?.mdImage?.source, src);
-		if (!_rapierRemoteContent.allowed && _rapierRemoteSubresourceOrigin(src)) {
+		if (!env.rapierPage && !_rapierRemoteContent.allowed && _rapierRemoteSubresourceOrigin(src)) {
 			const html = _rapierRemoteImagePlaceholder(src, alt, title, size, layout, rawAlt);
 			return html.replace('<span ', '<span data-rapier-markdown-image="" ' +
 				(token.meta?.mdImage?.source ? 'data-rapier-image-source="' + md.utils.escapeHtml(encodeURIComponent(token.meta.mdImage.source)) + '" ' : ''));
@@ -246,7 +251,7 @@ function initMarkdownIt() {
 			token.attrSet('data-rapier-fence', token.markup || '```');
 			token.attrSet('data-rapier-fence-info', token.info == null ? '' : String(token.info));
 			const lang = String(token.info || '').trim().split(/\s+/)[0].toLowerCase();
-			if (lang !== 'mermaid') return _fenceDefault(tokens, idx, opts, env, self);
+			if (lang !== 'mermaid' || env.rapierPage) return _fenceDefault(tokens, idx, opts, env, self);
 			const src = String(token.content || '').replace(/\n$/, '');
 			const fence = md.utils.escapeHtml(token.markup || '```');
 			const info = token.info == null ? '' : String(token.info);
@@ -299,9 +304,10 @@ function initMarkdownIt() {
 
 	{
 		let _mathPromptedOnce = false;
-		const _renderMath = (src, displayMode) => {
+		const _renderMath = (src, displayMode, page) => {
 			const marker = displayMode ? '$$' : '$';
 			const source = marker + src + marker, literal = md.utils.escapeHtml(source);
+			if (page) return '<span data-rapier-math-source="">' + literal + '</span>';
 			const mathProvider = _rapierProviders.math;
 			if (!mathProvider || mathProvider.status !== 'ready' || typeof mathProvider.renderToString !== 'function') {
 				if (!_mathPromptedOnce) {
@@ -318,14 +324,14 @@ function initMarkdownIt() {
 			}
 			catch (_) { return '<span data-rapier-math-source="">' + literal + '</span>'; }
 		};
-		md.renderer.rules.math_inline = (tokens, idx) => _renderMath(tokens[idx].content, false);
-		md.renderer.rules.math_block  = (tokens, idx) => wrapDisplayMath(_renderMath(tokens[idx].content, true)) + '\n';
+		md.renderer.rules.math_inline = (tokens, idx, _opts, env) => _renderMath(tokens[idx].content, false, env.rapierPage);
+		md.renderer.rules.math_block  = (tokens, idx, _opts, env) => wrapDisplayMath(_renderMath(tokens[idx].content, true, env.rapierPage)) + '\n';
 	}
 	globalThis.RapierMarkdownLayout.installMarkdownLayout(md);
 	globalThis.RapierImageAssets.configureParser(md, _rapierSplitOpeningFrontmatter);
 }
 
-function _rapierRenderSemanticRoot(canonical, metadata) {
+function _rapierRenderSemanticRoot(canonical, metadata, options = {}) {
 	const root = document.createElement('div');
 	root.setAttribute('data-rapier-semantic-root', 'true');
 
@@ -343,7 +349,7 @@ function _rapierRenderSemanticRoot(canonical, metadata) {
 	}
 
 	const markdown = _rapierSplitOpeningFrontmatter(canonical).body;
-	const env = {};
+	const env = options.page ? {rapierPage: true} : {};
 	let rendered = md
 		? md.render(markdown, env)
 		: '<pre><code>' + escapeRapierHtmlText(markdown) + '</code></pre>';
@@ -352,7 +358,7 @@ function _rapierRenderSemanticRoot(canonical, metadata) {
 			String(item && item.label || ('inline-' + (index + 1))));
 		rendered = _relabelFootnoteHtml(rendered, labels);
 	}
-	root.innerHTML = sanitizeRapierHtml(rendered, 'export');
+	root.innerHTML = sanitizeRapierHtml(rendered, options.page ? 'source' : 'export');
 	_rapierApplyBlockDirection(root);
 
 	_rapierAssignHeadingSlugs(root, RAPIER_RENDERED_HEADING_SELECTOR, false);
@@ -818,6 +824,477 @@ function wrapDisplayMath(html) {
 	return '<span class="math-display-wrap">' + html + '</span>';
 }
 
-  return {render: (source, metadata = {}) => { if (!md) initMarkdownIt(); return _rapierRenderSemanticRoot(source, metadata).innerHTML; }, initMarkdownIt, _rapierRenderSemanticRoot, _rapierInstallSemanticProbe, _rapierImageAltSize, _rapierImageAltSourceParts, _rapierImageAltText, _rapierImageSizeAttributes, _rapierRawHtmlFragment, _rapierApplyBlockDirection, _rapierFirstStrongDir, _rapierAssignHeadingSlugs, _rapierDisambiguateRenderedAnchors, _rapierDecodeHash, _rapierDecorateJumpLists, _rapierMarkFigureCaptions, _rapierMarkListContinuations, _rapierMarkTableCaptions, _rapierNormalizeCodeElement, _rapierLanguageClass, _relabelFootnoteHtml, _footnoteIdFromLabel, wrapDisplayMath, parser: () => md};
+function _rapierCalloutInfo(blockquote) {
+	const first = blockquote && blockquote.querySelector(':scope > p:first-child');
+	if (!first) return null;
+	const existing = first.querySelector('.callout__label');
+	if (existing) {
+		const type = String(existing.textContent || '').trim().toUpperCase();
+		return /^(NOTE|TIP|IMPORTANT|WARNING|CAUTION|DANGER|INFO)$/.test(type) ? { first, type, existing } : null;
+	}
+	const match = /^\s*\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION|DANGER|INFO)\]/i.exec(first.textContent || '');
+	return match ? { first, type: match[1].toUpperCase(), existing: null } : null;
+}
+
+function _rapierRemoveCalloutMarker(first) {
+	if (!first) return;
+	first.innerHTML = first.innerHTML.replace(
+		/^\s*\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION|DANGER|INFO)\]\s*(?:<br\s*\/?>)?\s*/i,
+		''
+	);
+}
+
+function _rapierMathSource(node) {
+	if (!node) return '';
+	const carrier = node.matches && node.matches('[data-math-src]')
+		? node
+		: node.querySelector && node.querySelector('[data-math-src]');
+	if (carrier) {
+		const encoded = carrier.getAttribute('data-math-src') || '';
+		try { return decodeURIComponent(encoded); } catch (_) { return encoded; }
+	}
+	const placeholder = node.matches && node.matches('.math-placeholder')
+		? node
+		: node.querySelector && node.querySelector('.math-placeholder');
+	return String((placeholder || node).textContent || '').trim();
+}
+
+function _rapierFlattenPortableDetails(root) {
+	const blockTags = new Set([
+		'ADDRESS','ARTICLE','ASIDE','BLOCKQUOTE','DIV','DL','FIELDSET','FIGURE',
+		'FOOTER','FORM','H1','H2','H3','H4','H5','H6','HEADER','HR','MAIN',
+		'NAV','OL','P','PRE','SECTION','TABLE','UL',
+	]);
+	Array.from(root.querySelectorAll('details')).reverse().forEach(details => {
+		const summary = Array.from(details.children).find(child => child.tagName === 'SUMMARY');
+		const section = document.createElement('section');
+		if (details.id) section.id = details.id;
+		if (summary && (summary.textContent.trim() || summary.children.length)) {
+			const heading = summary.querySelector('h1,h2,h3,h4,h5,h6');
+			const label = document.createElement(heading ? 'div' : 'p');
+			if (summary.id) label.id = summary.id;
+			const content = heading ? label : document.createElement('strong');
+			while (summary.firstChild) content.appendChild(summary.firstChild);
+			if (!heading) label.appendChild(content);
+			section.appendChild(label);
+		}
+
+		let paragraph = null;
+		Array.from(details.childNodes).forEach(child => {
+			if (child === summary) return;
+			const isText = child.nodeType === Node.TEXT_NODE;
+			if (isText && !String(child.nodeValue || '').trim()) return;
+			const isBlock = child.nodeType === Node.ELEMENT_NODE && blockTags.has(child.tagName);
+			if (!isBlock) {
+				if (!paragraph) {
+					paragraph = document.createElement('p');
+					section.appendChild(paragraph);
+				}
+				paragraph.appendChild(child);
+				return;
+			}
+			paragraph = null;
+			section.appendChild(child);
+		});
+		details.replaceWith(section);
+	});
+}
+
+function _rapierProjectPortableRoot(semanticRoot, options) {
+	const opts = options || {};
+	// This projection is HTML-shaped (width baked into a CSS `style`, `data-*` stripped) for the
+	// consumers that read HTML -- publishing/fragment export, TXT. DOCX is not an HTML consumer: its
+	// writer (interchange/docx.mjs) reads the layout comment itself, so stripping it first and
+	// handing back CSS only throws the fact away before the writer ever sees it. `keepLayoutData`
+	// leaves `data-rapier-image-layout` (width, align AND rotation) and the paragraph's
+	// `data-md-align` exactly as the semantic root already carries them, instead of the CSS-only
+	// projection, so the one existing layout representation reaches the writer.
+	const keepLayoutData = !!opts.keepLayoutData;
+	const root = semanticRoot.cloneNode(true), nativeElements = new Set();
+	// A source soft break is a reading space, never the editor's invisible token.
+	_rapierResolveSoftBreakTokens(root);
+	if (opts.keepDiagrams) for (const figure of root.querySelectorAll('.diagram-block[data-diagram-native]')) {
+		const svg = figure.querySelector('.diagram-cache > svg.rapier-native-flowchart');
+		if (figure.getAttribute('data-diagram-state') === 'ready' && svg) {
+			// A class in authored HTML grants no exemption: only the native materialization above does.
+			for (const element of [svg, ...svg.querySelectorAll('*')]) nativeElements.add(element);
+			figure.replaceWith(svg);
+		}
+	}
+
+	root.querySelectorAll('blockquote').forEach(blockquote => {
+		const info = _rapierCalloutInfo(blockquote);
+		if (!info) return;
+		if (info.existing) info.existing.remove();
+		else _rapierRemoveCalloutMarker(info.first);
+		const label = document.createElement('strong');
+		label.textContent = info.type.charAt(0) + info.type.slice(1).toLowerCase() + ': ';
+		info.first.insertBefore(label, info.first.firstChild);
+	});
+
+	root.querySelectorAll('input[type="checkbox"]').forEach(input => {
+		const nextStartsWithSpace = input.nextSibling
+			&& input.nextSibling.nodeType === Node.TEXT_NODE
+			&& /^\s/.test(input.nextSibling.nodeValue || '');
+		input.replaceWith(document.createTextNode((input.checked ? '☒' : '☐') + (nextStartsWithSpace ? '' : ' ')));
+	});
+
+	root.querySelectorAll('.math-display-wrap').forEach(wrapper => {
+		const source = _rapierMathSource(wrapper);
+		const p = document.createElement('p');
+		const code = document.createElement('code');
+		code.textContent = source || '[equation]';
+		p.appendChild(code);
+		wrapper.replaceWith(p);
+	});
+	root.querySelectorAll('.math-rendered,.math-placeholder').forEach(math => {
+		const code = document.createElement('code');
+		code.textContent = _rapierMathSource(math) || '[equation]';
+		math.replaceWith(code);
+	});
+	root.querySelectorAll('math').forEach(math => {
+		const code = document.createElement('code');
+		code.textContent = String(math.textContent || '').trim() || '[equation]';
+		math.replaceWith(code);
+	});
+
+	_rapierFlattenPortableDetails(root);
+
+	root.querySelectorAll('section.footnotes').forEach(section => {
+		section.querySelectorAll('.footnotes-sep').forEach(node => node.remove());
+		if (!section.querySelector(':scope > h1,:scope > h2,:scope > h3')) {
+			const heading = document.createElement('h2');
+			heading.textContent = 'Footnotes';
+			section.insertBefore(heading, section.firstChild);
+		}
+	});
+
+	root.querySelectorAll('.table-scroll-wrap,.math-display-wrap').forEach(_rapierUnwrapElement);
+
+	root.querySelectorAll('pre > code').forEach(_rapierNormalizeCodeElement);
+
+	root.querySelectorAll('svg').forEach(svg => {
+		if (nativeElements.has(svg)) return;
+		const title = svg.getAttribute('aria-label')
+			|| (svg.querySelector('title') && svg.querySelector('title').textContent)
+			|| '';
+		svg.replaceWith(document.createTextNode(title ? '[Image: ' + title.trim() + ']' : '[Image]'));
+	});
+
+	_rapierPrefixPortableAnchors(root, opts.baseName);
+
+	root.querySelectorAll('*').forEach(element => {
+		if (nativeElements.has(element)) return;
+		const lang = element.tagName === 'CODE' ? _rapierLanguageClass(element) : '';
+		const columnAlignment = /^(TH|TD)$/.test(element.tagName) && /^(left|center|right)$/.test(element.style.textAlign)
+			? element.style.textAlign : '';
+		const alignment = globalThis.RapierMarkdownLayout.parseLayoutAttribute(element.getAttribute('data-md-layout'))?.align || columnAlignment;
+		const imageLayout = element.tagName === 'IMG' ? globalThis.RapierMarkdownLayout.parseLayoutAttribute(element.getAttribute('data-rapier-image-layout')) : null;
+
+		const colorHex = element.tagName === 'SPAN' ? element.getAttribute('data-md-color') : null;
+
+		const highlightHex = element.tagName === 'MARK'
+			? (RAPIER_PORTABLE_HIGHLIGHT_HEX[String(element.getAttribute('data-rapier-highlight') || '').toLowerCase()] || RAPIER_PORTABLE_HIGHLIGHT_HEX.yellow)
+			: null;
+
+		const isTableCaption = element.tagName === 'P' && element.classList.contains('rapier-table-caption');
+
+		const isPageBreak = element.hasAttribute('data-md-break');
+		Array.from(element.attributes).forEach(attribute => {
+			const name = attribute.name.toLowerCase();
+			if (keepLayoutData && (name === 'data-rapier-image-layout' || name === 'data-md-align')) return;
+			if (name === 'class' || name === 'style' || name.startsWith('data-')
+					|| name === 'contenteditable' || name === 'spellcheck'
+					|| name === 'tabindex' || name === 'disabled' || name === 'aria-disabled') {
+				element.removeAttribute(attribute.name);
+			}
+		});
+		if (lang) element.className = 'language-' + lang;
+		if (alignment) element.style.textAlign = alignment;
+		if (imageLayout && !keepLayoutData) {
+			const pictureStyle = globalThis.RapierMarkdownLayout.imageStyle(imageLayout);
+			if (imageLayout.width != null) element.removeAttribute('width');
+			if (pictureStyle) element.style.cssText = pictureStyle;
+		}
+		if (colorHex && /^#[0-9a-f]{6}$/i.test(colorHex)) element.style.color = colorHex.toLowerCase();
+		if (highlightHex) element.style.backgroundColor = highlightHex;
+		if (isTableCaption) { element.style.fontStyle = 'italic'; element.style.color = '#555555'; }
+
+		if (isPageBreak) {
+			const p = document.createElement('p');
+			p.setAttribute('style', 'page-break-before: always');
+			element.replaceWith(p);
+		}
+	});
+
+	const clean = document.createElement('div');
+	clean.innerHTML = sanitizeRapierHtml(root.innerHTML, 'export');
+	return clean;
+}
+
+function _rapierPortableHtml(root) {
+	return sanitizeRapierHtml(root ? root.innerHTML : '', 'export').trim();
+}
+
+function _rapierNormalizeInlineText(value) {
+	return String(value || '')
+		.replace(/\u00a0/g, ' ')
+		.replace(/[\t\f\v ]+/g, ' ')
+		.replace(/ *\n */g, '\n')
+		.trim();
+}
+
+// What a text file says where a picture stands: its words, and its address unless the picture is carried in the document itself.
+function _rapierPictureWords(alt, src) {
+	if (/^data:image\//i.test(src)) return alt ? '[Image: ' + alt + ']' : '[Image]';
+	if (src) return alt ? '[Image: ' + alt + ' — ' + src + ']' : '[Image: ' + src + ']';
+	return alt ? '[Image: ' + alt + ']' : '[Image]';
+}
+
+// A remote picture written as Markdown stands in the editor, until the person allows remote content, as a placeholder: its words, its origin and a
+// button. The text file says the picture as it does once the person has allowed it, its words and its address, never the placeholder's controls.
+function _rapierHeldPicturesAsWords(root) {
+	const copy = root.cloneNode(true);
+	copy.querySelectorAll('span[data-rapier-remote-src]').forEach(held => held.replaceWith(document.createTextNode(
+		_rapierPictureWords(String(held.getAttribute('data-rapier-remote-alt') || '').trim(), String(held.getAttribute('data-rapier-remote-src') || '').trim()))));
+	return copy;
+}
+
+function _rapierPortableInlineText(node, options) {
+	const opts = options || {};
+	if (!node) return '';
+	if (node.nodeType === Node.TEXT_NODE) return node.nodeValue || '';
+	if (node.nodeType !== Node.ELEMENT_NODE) return '';
+	const tag = node.tagName;
+	if (tag === 'BR') return '\n';
+	// A task's box is what the person sees of it.
+	if (tag === 'INPUT') return /^checkbox$/i.test(node.type || '') ? (node.checked || node.hasAttribute('checked') ? '☑ ' : '☐ ') : '';
+	if (tag === 'IMG') {
+		if (opts.visible) return '';
+		const alt = String(node.getAttribute('alt') || '').trim();
+		const src = String(node.getAttribute('src') || '').trim();
+		return _rapierPictureWords(alt, src);
+	}
+	if (tag === 'A') {
+		const label = _rapierNormalizeInlineText(Array.from(node.childNodes)
+			.map(child => _rapierPortableInlineText(child, opts)).join(''));
+		const href = String(node.getAttribute('href') || '').trim();
+		if (opts.visible || !href || href.charAt(0) === '#') return label;
+		if (!label || label === href) return href;
+		return label + ' (' + href + ')';
+	}
+	if (tag === 'CODE' && !opts.inPre) {
+		const source = String(node.textContent || '');
+		return opts.visible ? source : source ? '`' + source + '`' : '';
+	}
+	return Array.from(node.childNodes)
+		.map(child => _rapierPortableInlineText(child, opts)).join('');
+}
+
+function _rapierPortableListText(list, depth, options) {
+	const opts = options || {};
+	const level = Math.max(0, depth | 0);
+	const ordered = list.tagName === 'OL';
+	let counter = ordered ? (parseInt(list.getAttribute('start'), 10) || 1) : 0;
+	const lines = [];
+	Array.from(list.children).filter(child => child.tagName === 'LI').forEach(item => {
+		const nested = Array.from(item.children).filter(child => child.tagName === 'UL' || child.tagName === 'OL');
+		const content = Array.from(item.childNodes)
+			.filter(child => !(child.nodeType === Node.ELEMENT_NODE && (child.tagName === 'UL' || child.tagName === 'OL')))
+			.map(child => _rapierPortableInlineText(child, opts)).join('');
+		const normalized = _rapierNormalizeInlineText(content);
+		const indent = '  '.repeat(level);
+		// A task shows its box where a bullet would be.
+		const marker = /^[☐☑☒]/.test(normalized) ? '' : ordered ? (counter++) + '. ' : '• ';
+		const parts = (normalized || '').split('\n');
+		lines.push(indent + marker + (parts.shift() || ''));
+		parts.forEach(part => lines.push(indent + '  ' + part));
+		nested.forEach(child => {
+			const nestedText = _rapierPortableListText(child, level + 1, opts);
+			if (nestedText) lines.push(nestedText);
+		});
+	});
+	return lines.join('\n');
+}
+
+// A table, or a part of one a selection clipped out (a head, a body, a row): its rows.
+function _rapierPortableTableText(table, options) {
+	const opts = options || {};
+	const rows = table.tagName === 'TR' ? [table] : Array.from(table.querySelectorAll('tr'));
+	return rows.map(row => {
+		return Array.from(row.children)
+			.filter(cell => cell.tagName === 'TH' || cell.tagName === 'TD')
+			.map(cell => _rapierNormalizeInlineText(_rapierPortableInlineText(cell, opts)))
+			.join(opts.visible ? '\t' : ' | ');
+	}).filter(Boolean).join('\n');
+}
+
+function _rapierPortablePlainText(root, options) {
+	const opts = options || {};
+	const blocks = [];
+	const blockTags = new Set([
+		'ADDRESS','ARTICLE','ASIDE','BLOCKQUOTE','DETAILS','DIV','DL','FIELDSET','FIGURE','FOOTER',
+		'FORM','H1','H2','H3','H4','H5','H6','HEADER','HR','MAIN','NAV','OL','P','PRE','SECTION','TABLE','UL'
+	]);
+
+	const pushBlock = (text, preserve) => {
+		let value = String(text == null ? '' : text).replace(/\r\n?/g, '\n');
+		if (preserve) value = value.replace(/\n+$/, '');
+		else value = value.replace(/[ \t]+$/gm, '').replace(/\n{3,}/g, '\n\n').trim();
+		if (value) blocks.push({ text: value, preserve: !!preserve });
+	};
+
+	const collectChildren = parent => {
+		let inline = [];
+		const flush = () => {
+			if (!inline.length) return;
+			pushBlock(_rapierNormalizeInlineText(inline.map(node => _rapierPortableInlineText(node, opts)).join('')), false);
+			inline = [];
+		};
+		const tablePart = node => node.nodeType === Node.ELEMENT_NODE && /^(THEAD|TBODY|TFOOT|TR)$/.test(node.tagName);
+		const blankText = node => node.nodeType === Node.TEXT_NODE && !String(node.nodeValue || '').trim();
+		const children = Array.from(parent.childNodes);
+		const inTableRun = index => { for (let at = index - 1; at >= 0; at--) { if (!blankText(children[at])) return tablePart(children[at]); } return false; };
+		children.forEach((child, index) => {
+			if (tablePart(child)) {
+				// The parts of a table a selection clipped out of it: one block of rows, whichever parts arrived.
+				if (inTableRun(index)) return;
+				flush();
+				const parts = [];
+				for (let at = index; at < children.length && (tablePart(children[at]) || blankText(children[at])); at++) {
+					if (tablePart(children[at])) parts.push(_rapierPortableTableText(children[at], opts));
+				}
+				pushBlock(parts.filter(Boolean).join('\n'), false);
+			} else if (blankText(child) && inTableRun(index)) {
+				return;
+			} else if (child.nodeType === Node.ELEMENT_NODE && blockTags.has(child.tagName)) {
+				flush();
+				collectBlock(child);
+			} else if (opts.visible && child.nodeType === Node.ELEMENT_NODE && child.tagName === 'CODE' && String(child.textContent || '').includes('\n')) {
+				// Lines of a code block taken without their block: the code as shown, every space kept.
+				flush();
+				pushBlock(String(child.textContent || ''), true);
+			} else {
+				inline.push(child);
+			}
+		});
+		flush();
+	};
+
+	const collectBlock = node => {
+		if (!node || node.nodeType !== Node.ELEMENT_NODE) return;
+		const tag = node.tagName;
+		if (/^H[1-6]$/.test(tag) || tag === 'P') {
+			const text = _rapierNormalizeInlineText(_rapierPortableInlineText(node, opts));
+			// An empty paragraph (the line Enter makes) is a line of its own, as it is in Word's plain text: one newline more between its neighbours.
+			if (tag === 'P' && !text && node.childNodes.length && !node.hasAttribute('data-md-break')) blocks.push({ text: '', blank: true });
+			else pushBlock(text, false);
+			return;
+		}
+		if (tag === 'HR') { pushBlock('────────', false); return; }
+		if (tag === 'PRE') {
+			const code = node.querySelector(':scope > code') || node;
+			const lang = _rapierLanguageClass(code);
+			const source = String(code.textContent || '').replace(/\r\n?/g, '\n').replace(/\n$/, '');
+			if (opts.visible) { pushBlock(source, true); return; }
+			const label = lang ? lang.charAt(0).toUpperCase() + lang.slice(1) + ':\n\n' : '';
+			pushBlock(label + source.split('\n').map(line => '    ' + line).join('\n'), true);
+			return;
+		}
+		if (tag === 'UL' || tag === 'OL') {
+			pushBlock(_rapierPortableListText(node, 0, opts), false);
+			return;
+		}
+		if (tag === 'TABLE') {
+			pushBlock(_rapierPortableTableText(node, opts), false);
+			return;
+		}
+		if (tag === 'BLOCKQUOTE') {
+			const before = blocks.length;
+			collectChildren(node);
+			const quoted = blocks.splice(before).filter(block => !block.blank).map(block => block.text).join('\n\n');
+			if (quoted) pushBlock(opts.visible ? quoted : quoted.split('\n').map(line => line ? '> ' + line : '>').join('\n'), true);
+			return;
+		}
+		if (tag === 'DL') {
+			const children = Array.from(node.children);
+			for (let i = 0; i < children.length; i++) {
+				if (children[i].tagName !== 'DT') continue;
+				const term = _rapierNormalizeInlineText(_rapierPortableInlineText(children[i], opts));
+				const defs = [];
+				while (children[i + 1] && children[i + 1].tagName === 'DD') {
+					defs.push(_rapierNormalizeInlineText(_rapierPortableInlineText(children[++i], opts)));
+				}
+				pushBlock(term + (defs.length ? ' — ' + defs.join('\n  ') : ''), false);
+			}
+			return;
+		}
+		if (tag === 'DETAILS') {
+			const summary = node.querySelector(':scope > summary');
+			if (summary) pushBlock(_rapierNormalizeInlineText(_rapierPortableInlineText(summary, opts)), false);
+			Array.from(node.children).filter(child => child !== summary).forEach(collectBlock);
+			return;
+		}
+		if (tag === 'FIGURE') {
+			const image = node.querySelector(':scope > img');
+			if (image) pushBlock(_rapierPortableInlineText(image, opts), false);
+			const caption = node.querySelector(':scope > figcaption');
+			if (caption) pushBlock(_rapierNormalizeInlineText(_rapierPortableInlineText(caption, opts)), false);
+			return;
+		}
+		collectChildren(node);
+	};
+
+	collectChildren(root);
+	// Each block stands a blank line from the next, and each empty paragraph between them adds one newline more.
+	let joined = '', blanks = 0;
+	for (const block of blocks) {
+		if (block.blank) { blanks++; continue; }
+		joined += (joined ? '\n\n' + '\n'.repeat(blanks) : '') + block.text;
+		blanks = 0;
+	}
+	const text = joined.trim();
+	return opts.finalNewline && text ? text + '\n' : text;
+}
+
+// The text file Export writes: a Markdown document's portable words and one final newline, any other document's own text.
+// The editor's Export and the door's txt both end here.
+function _rapierPlainTextFile(context) {
+	return context.metadata.docKind === 'markdown'
+		? _rapierPortablePlainText(_rapierProjectPortableRoot(_rapierHeldPicturesAsWords(context.semanticRoot), { baseName: context.baseName }), { finalNewline: true })
+		: context.canonical;
+}
+
+function _rapierSourceTokenValue(node) {
+	if (!node?.hasAttribute('data-rapier-source') || !node.hasAttribute('data-rapier-visible') ||
+			Array.from(node.childNodes).some(child => child.nodeType !== Node.TEXT_NODE)) return null;
+	try {
+		return node.textContent === decodeURIComponent(node.getAttribute('data-rapier-visible'))
+			? decodeURIComponent(node.getAttribute('data-rapier-source')) : null;
+	} catch (_) { return null; }
+}
+
+function _rapierResolveSoftBreakTokens(root) {
+	root.querySelectorAll('.rapier-source-token--softbreak').forEach(token => {
+		if (_rapierSourceTokenValue(token) === '\n') token.replaceWith(document.createTextNode(' '));
+		else token.replaceWith(...token.childNodes);
+	});
+	return root;
+}
+
+function _rapierUnwrapElement(element) {
+	while (element.firstChild) element.parentNode.insertBefore(element.firstChild, element);
+	element.remove();
+}
+
+function _rapierBidiStrong(cp) {
+	const ch = String.fromCodePoint(cp);
+	if (/\p{Nd}/u.test(ch)) return null;
+	if (_RAPIER_RTL_SCRIPT.test(ch)) return 'R';
+	if (/\p{L}/u.test(ch)) return 'L';
+	return null;
+}
+
+  return {_rapierCalloutInfo, _rapierRemoveCalloutMarker, _rapierMathSource, _rapierFlattenPortableDetails, _rapierProjectPortableRoot, _rapierPortableHtml, _rapierNormalizeInlineText, _rapierPortableInlineText, _rapierPortableListText, _rapierPortableTableText, _rapierPortablePlainText, _rapierPlainTextFile, _rapierHeldPicturesAsWords, _rapierSourceTokenValue, _rapierResolveSoftBreakTokens, _rapierUnwrapElement, _rapierBidiStrong, render: (source, metadata = {}) => { if (!md) initMarkdownIt(); return _rapierRenderSemanticRoot(source, metadata).innerHTML; }, initMarkdownIt, _rapierRenderSemanticRoot, _rapierInstallSemanticProbe, _rapierImageAltSize, _rapierImageAltSourceParts, _rapierImageAltText, _rapierImageSizeAttributes, _rapierRawHtmlFragment, _rapierApplyBlockDirection, _rapierFirstStrongDir, _rapierAssignHeadingSlugs, _rapierDisambiguateRenderedAnchors, _rapierDecodeHash, _rapierDecorateJumpLists, _rapierMarkFigureCaptions, _rapierMarkListContinuations, _rapierMarkTableCaptions, _rapierNormalizeCodeElement, _rapierLanguageClass, _relabelFootnoteHtml, _footnoteIdFromLabel, wrapDisplayMath, parser: () => md};
 }
-export {RAPIER_TABLE_CAPTION_PREFIX_RE as tableCaptionPrefix, createMarkdownRenderer};
+export {RAPIER_TABLE_CAPTION_PREFIX_RE as tableCaptionPrefix, RAPIER_PORTABLE_HIGHLIGHT_HEX as portableHighlightHex, _RAPIER_RTL_SCRIPT as rtlScripts, createMarkdownRenderer};

package/dist/kit/render-print.mjs

@@ -61,6 +61,9 @@ function _rapierPrintWillFont(markers) {
 		u16(segments.length * 2 - power * 2), segments.map(s => u16(s[1])), u16(0), segments.map(s => u16(s[0])),
 		segments.map(s => u16(s[2])), segments.map(() => u16(0)));
 	const full = cat(u16(12), u16(0), u32(16 + wide.length * 12), u32(0), u32(wide.length), wide.map(g => cat(u32(g.start), u32(g.end), u32(g.glyph))));
+	const cmap = narrow.length <= 0xffff
+		? cat(u16(0), u16(2), u16(3), u16(1), u32(20), u16(3), u16(10), u32(20 + narrow.length), narrow, full)
+		: cat(u16(0), u16(1), u16(3), u16(10), u32(12), full);
 	const outline = cat(u16(1), u16(0), u16(-2), u16(10), u16(2), u16(2), u16(0), [1, 1, 1], u16(0), u16(10), u16(-5), u16(-2), u16(4), u16(-2), [0]);
 	const utf16 = text => Array.from(text, ch => u16(ch.charCodeAt(0)));
 	const names = [[1, 'RapierWill'], [2, 'Regular'], [4, 'RapierWill Regular'], [6, 'RapierWill-Regular']];
@@ -70,7 +73,7 @@ function _rapierPrintWillFont(markers) {
 			u16(50), u16(300), u16(0), new Array(10).fill(0), u32(0), u32(0), u32(0), u32(0), [78, 79, 78, 69], u16(0x40),
 			u16(order.find(code => code < 0xffff) || 0x20), u16(order.filter(code => code < 0xffff).pop() || 0x20), u16(500), u16(-500), u16(0),
 			u16(500), u16(500), u32(1), u32(0), u16(500), u16(700), u16(0), u16(32), u16(0)),
-		cmap: cat(u16(0), u16(2), u16(3), u16(1), u32(20), u16(3), u16(10), u32(20 + narrow.length), narrow, full),
+		cmap,
 		glyf: Array.from({ length: count }, () => outline).flat(),
 		head: cat(u32(0x00010000), u32(0x00010000), u32(0), u32(0x5f0f3cf5), u16(1), u16(1000), new Array(16).fill(0), u16(0), u16(-2), u16(10), u16(2),
 			u16(0), u16(8), u16(2), u16(1), u16(0)),
@@ -93,7 +96,7 @@ function _rapierPrintWillFont(markers) {
 	const file = cat(u32(0x00010000), u16(tags.length), u16((1 << tableSelect) * 16), u16(tableSelect), u16(tags.length * 16 - (1 << tableSelect) * 16), directory, tags.map(tag => padded(tables[tag])));
 	const headAt = 12 + tags.length * 16 + tags.slice(0, tags.indexOf('head')).reduce((total, tag) => total + padded(tables[tag]).length, 0);
 	file.splice(headAt + 8, 4, ...u32((0xb1b0afba - sum(file)) >>> 0));
-	return { family: 'RapierWillCarrier', bytes: Uint8Array.from(file), size };
+	return { family: 'RapierWillCarrier', bytes: Uint8Array.from(file), size, codes: order };
 }
 
 function _rapierPrintWillMetrics(markers) {
@@ -160,6 +163,264 @@ function _rapierPrintWillPageCss() {
 		+ '}';
 }
 
-  return {_rapierWillSentinelPlan, _rapierPrintWillAdmit, _rapierPrintWillFont, _rapierPrintWillMetrics, _rapierPrintWillPlace, _rapierPrintWillLost, _rapierPrintWillPageCss};
+// The capture's own limits (agent/visual.mjs VISUAL_LIMITS): the longest edge and the most pixels one capture returns.
+const CAPTURE_EDGE = 4096, CAPTURE_PIXELS = 4 * 1024 * 1024;
+
+async function _rapierWritePrintPdf({root, css, canonical, filename, title, settings}, {capture, signal, current, maxBytes = 8 * 1024 * 1024} = {}) {
+	const refuse = code => { throw Object.assign(new Error(code), {code}); };
+	const check = () => {
+		if (signal?.aborted) refuse('cancelled');
+		if (current?.() === false) refuse('document_changed');
+	};
+	if (!root?.ownerDocument || typeof capture !== 'function') refuse('pdf_render_unavailable');
+	// The native printer chooses its default paper. A file made without a printer uses A4,
+	// with the same explicit document settings and default margins as the print artifact.
+	const paper = settings?.papersize || {width: 11906, height: 16838};
+	const width = paper.width / 20, height = paper.height / 20;
+	const margin = settings?.geometry ? settings.geometry.twips / 20 : null;
+	const margins = {top: margin ?? 12 * 72 / 25.4, right: margin ?? 14 * 72 / 25.4,
+		bottom: margin ?? 14 * 72 / 25.4, left: margin ?? 14 * 72 / 25.4};
+	const bodyWidth = Math.floor((width - margins.left - margins.right) * 4 / 3);
+	const bodyHeight = Math.floor((height - margins.top - margins.bottom) * 4 / 3);
+	if (bodyWidth < 1 || bodyHeight < 1 || bodyWidth * bodyHeight > 4 * 1024 * 1024) refuse('pdf_page_geometry_invalid');
+	const frame = document.createElement('iframe');
+	let rejectAbort;
+	const aborted = new Promise((_, reject) => { rejectAbort = reject; });
+	aborted.catch(() => {});
+	const abort = () => rejectAbort(Object.assign(new Error('cancelled'), {code: 'cancelled'}));
+	signal?.addEventListener('abort', abort, {once: true});
+	const step = async work => {
+		check();
+		let timer;
+		try {
+			const timeout = new Promise((_, reject) => {
+				timer = setTimeout(() => reject(Object.assign(new Error('pdf_render_timeout'), {code: 'pdf_render_timeout'})), 15000);
+			});
+			const value = await Promise.race([work, aborted, timeout]); check(); return value;
+		} finally { clearTimeout(timer); }
+	};
+	frame.setAttribute('aria-hidden', 'true');
+	frame.style.cssText = `position:fixed;left:-100000px;top:0;width:${bodyWidth}px;height:${bodyHeight}px;border:0;pointer-events:none`;
+	document.body.append(frame);
+	try {
+		check();
+		const into = frame.contentDocument;
+		if (!into?.body) refuse('pdf_render_unavailable');
+		into.documentElement.setAttribute('data-rapier-theme', 'light');
+		into.documentElement.setAttribute('data-highlights', document.documentElement.getAttribute('data-highlights') || 'standard');
+		into.body.className = 'light';
+		const sheet = into.createElement('style'); sheet.textContent = String(css || ''); into.head.append(sheet);
+		const printRules = [];
+		const collect = rules => {
+			for (const rule of rules) {
+				if (rule.media?.mediaText === 'print') printRules.push(...Array.from(rule.cssRules, item => item.cssText));
+				else if (rule.cssRules && !rule.media) collect(rule.cssRules);
+			}
+		};
+		collect(sheet.sheet.cssRules);
+		const printed = into.createElement('style');
+		printed.textContent = printRules.join('\n') + `\nhtml,body{width:${bodyWidth}px!important;height:${bodyHeight}px!important;margin:0!important;padding:0!important;overflow:visible!important}`;
+		into.head.append(printed);
+		const surface = into.createElement('div'), strip = into.createElement('div');
+		surface.style.cssText = `width:${bodyWidth}px;height:${bodyHeight}px;overflow:hidden;position:relative;background:#fff`;
+		strip.style.cssText = `width:${bodyWidth}px;height:${bodyHeight}px;position:relative`;
+		strip.append(root); surface.append(strip); into.body.append(surface);
+		const main = root.querySelector('main');
+		if (!main) refuse('pdf_render_unavailable');
+		// A file for paper is light whatever the person's own scheme: the page's text takes its colour scheme from this attribute.
+		main.setAttribute('data-md-theme', 'light');
+		for (const details of main.querySelectorAll('details')) details.open = true;
+		main.getBoundingClientRect();
+		await step(into.fonts.ready);
+		for (const image of main.querySelectorAll('img')) { image.loading = 'eager'; await step(image.decode()); }
+		check();
+		// The print sheet owns the words and styles. CSS fragmentation supplies the file's
+		// pages without a print dialog; its break constraints become column constraints here.
+		for (const node of [main, ...main.querySelectorAll('*')]) {
+			const style = into.defaultView.getComputedStyle(node);
+			for (const name of ['break-before', 'break-after', 'break-inside']) {
+				const value = style.getPropertyValue(name);
+				if (value.includes('page')) node.style.setProperty(name, value.replace('page', 'column'), 'important');
+			}
+		}
+		for (const [name, value] of Object.entries({width: bodyWidth + 'px', height: bodyHeight + 'px',
+			'max-width': 'none', 'min-height': '0', padding: '0', margin: '0', overflow: 'visible',
+			'column-width': bodyWidth + 'px', 'column-gap': '0', 'column-count': 'auto', 'column-fill': 'auto'}))
+			main.style.setProperty(name, value, 'important');
+		const count = Math.max(1, Math.ceil((main.scrollWidth - 1) / bodyWidth));
+		if (!Number.isSafeInteger(count)) refuse('pdf_page_geometry_invalid');
+		const textPages = await _rapierPrintTextPages(main, bodyWidth, count, check);
+		const text = textPages.flatMap(page => page.map(run => run.text));
+		const glyphs = new Set();
+		for (const line of text) for (const character of line) {
+			glyphs.add(character);
+			if (glyphs.size > 65000) refuse('pdf_text_glyph_limit');
+		}
+		const font = _rapierPrintWillFont(text);
+		strip.style.width = count * bodyWidth + 'px';
+		// A capture costs the whole document, however little of it the clip takes, so the pages that carry no picture share captures: as many to one
+		// as the capture's own limits allow, fewer when the capture refuses its size. A page with a picture is captured alone, so the picture keeps
+		// the capture's byte limit to itself.
+		let share = main.querySelector('img,svg,canvas,video,picture') ? 1
+			: Math.max(1, Math.min(Math.floor(CAPTURE_EDGE / bodyWidth), Math.floor(CAPTURE_PIXELS / (bodyWidth * bodyHeight))));
+		const pages = [];
+		let imageBytes = 0;
+		for (let first = 0; first < count;) {
+			check();
+			const span = Math.min(share, count - first);
+			surface.style.width = span * bodyWidth + 'px';
+			strip.style.transform = `translateX(${-first * bodyWidth}px)`;
+			let captured;
+			try { captured = await capture({root: surface, clip: {x: 0, y: 0, width: span * bodyWidth, height: bodyHeight}, signal, current}); }
+			catch (error) {
+				if (error?.code === 'visual_too_large' && span > 1) { share = Math.ceil(span / 2); continue; }
+				throw error;
+			}
+			check();
+			const image = new into.defaultView.Image();
+			image.src = 'data:' + captured.mimeType + ';base64,' + captured.data;
+			try {
+				await step(image.decode());
+				for (let offset = 0; offset < span; offset++) {
+					const canvas = into.createElement('canvas'); canvas.width = bodyWidth; canvas.height = bodyHeight;
+					try {
+						const context = canvas.getContext('2d', {alpha: false});
+						if (!context) refuse('pdf_render_unavailable');
+						context.fillStyle = '#fff'; context.fillRect(0, 0, bodyWidth, bodyHeight);
+						context.drawImage(image, offset * bodyWidth, 0, bodyWidth, bodyHeight, 0, 0, bodyWidth, bodyHeight);
+						const blob = await step(new Promise(resolve => canvas.toBlob(resolve, 'image/jpeg', 0.95)));
+						if (!blob) refuse('pdf_render_unavailable');
+						imageBytes += blob.size;
+						if (imageBytes > maxBytes) refuse('export_too_large');
+						pages.push(new Uint8Array(await blob.arrayBuffer()));
+					} finally { canvas.width = canvas.height = 0; }
+				}
+			} finally { image.src = ''; }
+			first += span;
+		}
+		check();
+		const bytes = await writeRasterPdf({pages, textPages, canonical, filename, title, font, width, height, margins,
+			pixelWidth: bodyWidth, pixelHeight: bodyHeight, pageNumbers: settings?.pagestyle === 'plain', maxBytes, check});
+		check();
+		return {bytes, pages: count};
+	} finally { signal?.removeEventListener('abort', abort); frame.remove(); }
+}
+
+// Ranges locate the actual text fragments after column layout. Splitting a text node at
+// its line and page boundaries keeps a PDF search on the page that carries those words.
+async function _rapierPrintTextPages(main, pageWidth, count, check) {
+	const into = main.ownerDocument, origin = main.getBoundingClientRect();
+	const pages = Array.from({length: count}, () => []), walker = into.createTreeWalker(main, 4);
+	const range = into.createRange();
+	let nodes = 0, operations = 0;
+	for (let node; (node = walker.nextNode());) {
+		if (++nodes % 128 === 0) { await new Promise(resolve => setTimeout(resolve, 0)); check(); }
+		const style = into.defaultView.getComputedStyle(node.parentElement);
+		if (style.visibility === 'hidden' || style.visibility === 'collapse') continue;
+		const preserve = /pre|break-spaces/.test(style.whiteSpace);
+		const block = node.parentElement.closest('p,h1,h2,h3,h4,h5,h6,li,pre,td,th,figcaption,blockquote,.rapier-will-carrier') || node.parentElement;
+		const carrier = node.parentElement.closest('.rapier-will-carrier');
+		const value = node.data;
+		const pageOf = x => Math.max(0, Math.min(count - 1, Math.floor((x - origin.left + .01) / pageWidth)));
+		const visit = (start, end) => {
+			if (++operations % 128 === 0) check();
+			range.setStart(node, start); range.setEnd(node, end);
+			const rects = Array.from(range.getClientRects()).filter(rect => rect.width > 0 && rect.height > 0);
+			if (!rects.length) return;
+			const first = rects[0], page = pageOf(first.left);
+			const oneLine = rects.every(rect => pageOf(rect.left) === page && pageOf(rect.right - .02) === page && Math.abs(rect.top - first.top) < .5);
+			let middle = Math.floor((start + end) / 2);
+			if (middle > start && /[\uD800-\uDBFF]/.test(value[middle - 1]) && /[\uDC00-\uDFFF]/.test(value[middle])) middle--;
+			if (!oneLine && middle > start && middle < end) { visit(start, middle); visit(middle, end); return; }
+			let text = value.slice(start, end);
+			text = preserve ? text.replace(/\r\n?|\n/g, '') : text.replace(/[ \t\r\n\f]+/g, ' ');
+			if (!text) return;
+			const x = Math.min(...rects.map(rect => rect.left)) - origin.left - page * pageWidth;
+			const y = Math.min(...rects.map(rect => rect.top)) - origin.top;
+			const right = Math.max(...rects.map(rect => rect.right)) - origin.left - page * pageWidth;
+			const bottom = Math.max(...rects.map(rect => rect.bottom)) - origin.top;
+			const last = pages[page].at(-1);
+			if (last && last.block === block && last.carrier === carrier && Math.abs(last.y - y) < Math.max(2, Math.min(last.height, bottom - y) * .2)) {
+				last.text = preserve ? last.text + text : (last.text + text).replace(/[ \t\r\n\f]+/g, ' ');
+				last.width = Math.max(last.x + last.width, right) - Math.min(last.x, x);
+				last.height = Math.max(last.y + last.height, bottom) - Math.min(last.y, y);
+				last.x = Math.min(last.x, x); last.y = Math.min(last.y, y);
+			} else pages[page].push({text, x, y, width: right - x, height: bottom - y, block, carrier});
+		};
+		visit(0, value.length);
+	}
+	check();
+	return pages.map(page => page.map(({block, carrier, ...run}) => run));
+}
+
+  return {_rapierWillSentinelPlan, _rapierPrintWillAdmit, _rapierPrintWillFont, _rapierPrintWillMetrics, _rapierPrintWillPlace, _rapierPrintWillLost, _rapierPrintWillPageCss, _rapierWritePrintPdf};
+}
+
+// A standard PDF page tree, image streams, Unicode text and an associated source file.
+// It accepts already-rendered pages, so there is no second document grammar or layout engine.
+async function writeRasterPdf({pages, textPages, canonical, filename, title, font, width, height, margins, pixelWidth, pixelHeight, pageNumbers, maxBytes, check}) {
+	const encoder = new TextEncoder(), encode = value => encoder.encode(value);
+	const fail = code => { throw Object.assign(new Error(code), {code}); };
+	const concat = parts => {
+		const length = parts.reduce((sum, part) => sum + part.length, 0), bytes = new Uint8Array(length);
+		let at = 0; for (const part of parts) {bytes.set(part, at); at += part.length;} return bytes;
+	};
+	const compressed = async bytes => {
+		check();
+		const pipe = new Blob([bytes]).stream().pipeThrough(new CompressionStream('deflate'));
+		const result = new Uint8Array(await new Response(pipe).arrayBuffer()); check(); return result;
+	};
+	const objects = [null, null, null];
+	let used = 0;
+	const put = (id, bytes) => {
+		bytes = typeof bytes === 'string' ? encode(bytes) : bytes;
+		used += bytes.length + 32; if (used > maxBytes) fail('export_too_large'); objects[id] = bytes; return id;
+	};
+	const add = bytes => {objects.push(null); return put(objects.length - 1, bytes);};
+	const stream = (dict, bytes) => add(concat([encode('<<' + dict + ' /Length ' + bytes.length + '>>\nstream\n'), bytes, encode('\nendstream')]));
+	const hex = value => Array.from({length: value.length}, (_, index) => value.charCodeAt(index).toString(16).padStart(4, '0')).join('');
+	const literal = value => '(' + String(value).replace(/[\\()\r\n]/g, character => ({'\\': '\\\\', '(': '\\(', ')': '\\)', '\r': '\\r', '\n': '\\n'}[character])) + ')';
+	const source = encoder.encode(canonical);
+	const embedded = stream('/Type /EmbeddedFile /Subtype /text#2Fplain /Params <</Size ' + source.length + '>> /Filter /FlateDecode', await compressed(source));
+	const file = add('<< /Type /Filespec /F ' + literal(String(filename).replace(/[^\x20-\x7e]/g, '_')) + ' /UF <feff' + hex(filename) + '> /AFRelationship /Source /EF << /F ' + embedded + ' 0 R /UF ' + embedded + ' 0 R >> >>');
+	const codes = new Map(font.codes.map((code, index) => [code, index + 1]));
+	const rows = font.codes.map((code, index) => '<' + (index + 1).toString(16).padStart(4, '0') + '> <' + hex(String.fromCodePoint(code)) + '>');
+	let cmap = '/CIDInit /ProcSet findresource begin\n12 dict begin\nbegincmap\n/CIDSystemInfo << /Registry (Adobe) /Ordering (UCS) /Supplement 0 >> def\n/CMapName /RapierText def\n/CMapType 2 def\n1 begincodespacerange\n<0000> <ffff>\nendcodespacerange\n';
+	for (let at = 0; at < rows.length; at += 100) cmap += Math.min(100, rows.length - at) + ' beginbfchar\n' + rows.slice(at, at + 100).join('\n') + '\nendbfchar\n';
+	cmap += 'endcmap\nCMapName currentdict /CMap defineresource pop\nend\nend';
+	const mapping = stream('/Filter /FlateDecode', await compressed(encode(cmap)));
+	const fontFile = stream('/Length1 ' + font.bytes.length + ' /Filter /FlateDecode', await compressed(font.bytes));
+	const descriptor = add('<< /Type /FontDescriptor /FontName /RapierText /Flags 4 /FontBBox [0 -2 10 2] /ItalicAngle 0 /Ascent 500 /Descent -500 /CapHeight 500 /StemV 80 /FontFile2 ' + fontFile + ' 0 R >>');
+	const descendant = add('<< /Type /Font /Subtype /CIDFontType2 /BaseFont /RapierText /CIDSystemInfo << /Registry (Adobe) /Ordering (Identity) /Supplement 0 >> /FontDescriptor ' + descriptor + ' 0 R /DW 500 /CIDToGIDMap /Identity >>');
+	const type = add('<< /Type /Font /Subtype /Type0 /BaseFont /RapierText /Encoding /Identity-H /DescendantFonts [' + descendant + ' 0 R] /ToUnicode ' + mapping + ' 0 R >>');
+	const numberFont = pageNumbers ? add('<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica >>') : null;
+	const kids = [], decimal = value => Number(value.toFixed(4));
+	for (let index = 0; index < pages.length; index++) {
+		check();
+		const picture = stream('/Type /XObject /Subtype /Image /Width ' + pixelWidth + ' /Height ' + pixelHeight + ' /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode', pages[index]);
+		let commands = 'q\n' + [decimal(pixelWidth * .75), 0, 0, decimal(pixelHeight * .75), decimal(margins.left), decimal(height - margins.top - pixelHeight * .75)].join(' ') + ' cm\n/Im0 Do\nQ\n';
+		for (const run of textPages[index]) {
+			const characters = Array.from(run.text);
+			const value = characters.map(character => codes.get(character.codePointAt(0)).toString(16).padStart(4, '0')).join('');
+			const size = Math.max(.1, run.height * .75);
+			const scale = run.width * .75 / (characters.length * size * .5) * 100;
+			commands += `BT\n/F1 ${decimal(size)} Tf\n${decimal(scale)} Tz\n3 Tr\n1 0 0 1 ${decimal(margins.left + run.x * .75)} ${decimal(height - margins.top - (run.y + run.height * .8) * .75)} Tm\n<${value}> Tj\nET\n`;
+		}
+		if (numberFont) commands += `BT\n/F2 9 Tf\n0 Tr\n1 0 0 1 ${decimal(width / 2 - String(index + 1).length * 2.5)} ${decimal(margins.bottom / 2)} Tm\n(${index + 1}) Tj\nET\n`;
+		const content = stream('/Filter /FlateDecode', await compressed(encode(commands)));
+		kids.push(add('<< /Type /Page /Parent 2 0 R /MediaBox [0 0 ' + decimal(width) + ' ' + decimal(height) + '] /Resources << /XObject << /Im0 ' + picture + ' 0 R >> /Font << /F1 ' + type + ' 0 R' + (numberFont ? ' /F2 ' + numberFont + ' 0 R' : '') + ' >> >> /Contents ' + content + ' 0 R >>'));
+	}
+	put(2, '<< /Type /Pages /Count ' + kids.length + ' /Kids [' + kids.map(id => id + ' 0 R').join(' ') + '] >>');
+	put(1, '<< /Type /Catalog /Pages 2 0 R /Names << /EmbeddedFiles << /Names [<feff' + hex(filename) + '> ' + file + ' 0 R] >> >> /AF [' + file + ' 0 R] >>');
+	const info = add('<< /Producer (Rapier) /Title <feff' + hex(title || filename.replace(/\.[^.]*$/, '')) + '> >>');
+	const parts = [encode('%PDF-1.7\n%\u00e2\u00e3\u00cf\u00d3\n')], offsets = [0];
+	let length = parts[0].length;
+	for (let id = 1; id < objects.length; id++) {
+		offsets.push(length);
+		const body = concat([encode(id + ' 0 obj\n'), objects[id], encode('\nendobj\n')]); parts.push(body); length += body.length;
+	}
+	const xref = length;
+	parts.push(encode('xref\n0 ' + objects.length + '\n0000000000 65535 f \n' + offsets.slice(1).map(at => String(at).padStart(10, '0') + ' 00000 n \n').join('') + 'trailer\n<< /Size ' + objects.length + ' /Root 1 0 R /Info ' + info + ' 0 R >>\nstartxref\n' + xref + '\n%%EOF\n'));
+	const bytes = concat(parts); if (bytes.length > maxBytes) fail('export_too_large'); return bytes;
 }
 export {createPrintRenderer, RAPIER_WILL_SENTINEL_MARK as sentinel};

package/dist/kit/render-sanitize.mjs

@@ -1,24 +1,40 @@
 // SPDX-License-Identifier: MIT
 const RAPIER_SANITIZE_FORBID_TAGS = Object.freeze(['form', 'style', 'dialog', 'template', 'iframe']);
 const RAPIER_SANITIZE_FORBID_ATTR = Object.freeze(['action', 'formaction', 'form', 'for']);
+// The document profiles use one allowlist in a browser and in an inert server parser.
+const RAPIER_SANITIZE_PROFILES = Object.freeze({
+	htmlTags: Object.freeze(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),
+	svgTags: Object.freeze(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),
+	mathTags: Object.freeze(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),
+	htmlAttributes: Object.freeze(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","command","commandfor","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),
+	svgAttributes: Object.freeze(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dominant-baseline","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","pointer-events","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-orientation","text-rendering","textlength","type","u1","u2","unicode","values","vector-effect","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),
+	mathAttributes: Object.freeze(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),
+	xmlAttributes: Object.freeze(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),
+});
+const RAPIER_SANITIZE_DROP_CONTENTS = Object.freeze('annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp'.split('.'));
+function _rapierSanitizeProfile(...kinds) {
+	return {ALLOWED_TAGS: Object.freeze(['#text', ...new Set(kinds.flatMap(kind => RAPIER_SANITIZE_PROFILES[kind + 'Tags']))]),
+		ALLOWED_ATTR: Object.freeze([...new Set(kinds.flatMap(kind => RAPIER_SANITIZE_PROFILES[kind + 'Attributes']).concat(kinds.some(kind => kind !== 'html') ? RAPIER_SANITIZE_PROFILES.xmlAttributes : []))]),
+		FORBID_CONTENTS: RAPIER_SANITIZE_DROP_CONTENTS};
+}
 const RAPIER_SANITIZE_OPTIONS = Object.freeze({
 	render: Object.freeze({
-		USE_PROFILES: { html: true, svg: true, mathMl: true },
+		..._rapierSanitizeProfile('html', 'svg', 'math'),
 		FORBID_TAGS: RAPIER_SANITIZE_FORBID_TAGS,
 		FORBID_ATTR: RAPIER_SANITIZE_FORBID_ATTR,
 	}),
 	paste: Object.freeze({
-		USE_PROFILES: { html: true },
+		..._rapierSanitizeProfile('html'),
 		FORBID_TAGS: RAPIER_SANITIZE_FORBID_TAGS,
 		FORBID_ATTR: RAPIER_SANITIZE_FORBID_ATTR,
 	}),
 	snippet: Object.freeze({
-		USE_PROFILES: { html: true },
+		..._rapierSanitizeProfile('html'),
 		FORBID_TAGS: RAPIER_SANITIZE_FORBID_TAGS,
 		FORBID_ATTR: Object.freeze([...'style']),
 	}),
 	diagram: Object.freeze({
-		USE_PROFILES: { html: true, svg: true },
+		..._rapierSanitizeProfile('html', 'svg'),
 		FORBID_TAGS: Object.freeze(['form', 'dialog', 'template', 'iframe', 'script', 'foreignobject']),
 		FORBID_ATTR: RAPIER_SANITIZE_FORBID_ATTR,
 	}),
@@ -66,9 +82,98 @@ function prepareMathSource(input, DOMParser) {
 	return sourceRoot ? root.outerHTML : root;
 }
 
+// An inert parser and a string sanitizer use the same profile as DOMPurify. Neither port may
+// execute document scripts or fetch resources. HTML5 parsing precedes filtering so foreign
+// content, entities and malformed table markup cross the same boundary as a browser's parser.
+function createInertHtmlSanitizer({parseFragment, serialize, sanitizeHtml, safeRasterDataUrl}) {
+	if (![parseFragment, serialize, sanitizeHtml, safeRasterDataUrl].every(port => typeof port === 'function'))
+		throw new TypeError('The inert HTML sanitizer requires every parser and filtering port');
+	const uri = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i;
+	const uriSafe = new Set(['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+	const schemes = ['http', 'https', 'ftp', 'ftps', 'mailto', 'tel', 'callto', 'sms', 'cid', 'xmpp', 'matrix'];
+	const htmlNamespace = 'http://www.w3.org/1999/xhtml', svgNamespace = 'http://www.w3.org/2000/svg', mathNamespace = 'http://www.w3.org/1998/Math/MathML';
+	const svgTags = new Set(RAPIER_SANITIZE_PROFILES.svgTags), mathTags = new Set(RAPIER_SANITIZE_PROFILES.mathTags);
+	const mathIntegration = new Set(['mi', 'mo', 'mn', 'ms', 'mtext']), htmlIntegration = new Set(['annotation-xml']);
+	const sharedHtmlSvg = new Set(['title', 'style', 'font', 'a', 'script']);
+	// DOMPurify's default namespace admission applies in addition to its tag profile. In
+	// particular a MathML name parsed as HTML, or HTML inside SVG desc, is not admitted.
+	const validNamespace = (node, parent) => {
+		const tag = node.tagName.toLowerCase(), parentTag = (parent.tagName || 'template').toLowerCase();
+		const namespace = node.namespaceURI, parentNamespace = parent.namespaceURI || htmlNamespace;
+		if (namespace === svgNamespace) return parentNamespace === htmlNamespace ? tag === 'svg'
+			: parentNamespace === mathNamespace ? tag === 'svg' && (parentTag === 'annotation-xml' || mathIntegration.has(parentTag)) : svgTags.has(tag);
+		if (namespace === mathNamespace) return parentNamespace === htmlNamespace ? tag === 'math'
+			: parentNamespace === svgNamespace ? tag === 'math' && htmlIntegration.has(parentTag) : mathTags.has(tag);
+		return namespace === htmlNamespace && !(parentNamespace === svgNamespace && !htmlIntegration.has(parentTag))
+			&& !(parentNamespace === mathNamespace && !mathIntegration.has(parentTag))
+			&& !mathTags.has(tag) && (sharedHtmlSvg.has(tag) || !svgTags.has(tag));
+	};
+	return function sanitize(value, context = 'render') {
+		const selected = context === 'raw' || context === 'export' || context === 'source' || RAPIER_SANITIZE_OPTIONS[context] ? context : 'render';
+		const options = RAPIER_SANITIZE_OPTIONS[selected] || RAPIER_SANITIZE_OPTIONS.render;
+		const forbiddenTags = new Set(options.FORBID_TAGS || []), forbiddenAttributes = new Set(options.FORBID_ATTR || []);
+		const tags = new Set(options.ALLOWED_TAGS.filter(tag => tag !== '#text' && !forbiddenTags.has(tag)));
+		const attributes = new Set(options.ALLOWED_ATTR);
+		const tree = parseFragment(String(value == null ? '' : value));
+		const dropContents = new Set(RAPIER_SANITIZE_DROP_CONTENTS);
+		const admitTree = parent => {
+			for (let index = 0; index < (parent.childNodes || []).length;) {
+				const node = parent.childNodes[index], tag = node.tagName?.toLowerCase();
+				if (tag && !tags.has(tag)) {
+					const children = dropContents.has(tag) ? [] : node.childNodes || [];
+					for (const child of children) child.parentNode = parent;
+					parent.childNodes.splice(index, 1, ...children);
+					continue;
+				}
+				if (tag && !validNamespace(node, parent) || node.nodeName === '#comment') {
+					parent.childNodes.splice(index, 1); continue;
+				}
+				admitTree(node); index++;
+			}
+		};
+		admitTree(tree);
+		const admitNames = node => {
+			if (node.tagName && tags.has(node.tagName.toLowerCase())) tags.add(node.tagName);
+			for (const child of node.childNodes || []) admitNames(child);
+		};
+		admitNames(tree);
+		const cleaned = sanitizeHtml(serialize(tree), {
+			allowedTags: [...tags], allowedAttributes: false,
+			disallowedTagsMode: 'discard', nonTextTags: RAPIER_SANITIZE_DROP_CONTENTS,
+			allowedSchemes: schemes, allowedSchemesByTag: {img: [...schemes, 'data']},
+			allowedSchemesAppliedToAttributes: ['href', 'src', 'xlink:href', 'cite', 'background', 'poster'],
+			parseStyleAttributes: false,
+			parser: {lowerCaseTags: false, lowerCaseAttributeNames: false, decodeEntities: true},
+			transformTags: {'*': (tagName, input) => {
+				const attribs = Object.create(null), tag = tagName.toLowerCase();
+				for (const [name, inputValue] of Object.entries(input)) {
+					const key = name.toLowerCase();
+					const value = name === 'value' ? inputValue : inputValue.trim();
+					if (forbiddenAttributes.has(key) || key.startsWith('on')) continue;
+					if (/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i.test(value)
+						|| key === 'attributename' && value.includes('href')) continue;
+					const data = /^data-[\-\w.\u00b7-\uffff]+$/.test(key), aria = /^aria-[\-\w]+$/.test(key);
+					const pageBreak = key === 'contenteditable' && value === 'false' && tag === 'div' && input['data-md-break'] === 'page';
+					if (!(data && selected !== 'raw') && !aria && !pageBreak && !attributes.has(key)) continue;
+					const compact = value.replace(/[\u0000-\u0020\u00a0\u1680\u180e\u2000-\u2029\u205f\u3000]/g, '');
+					if (!data && !aria && !pageBreak && !uriSafe.has(key) && compact) {
+						if (/^data:/i.test(compact)) {
+							if (key !== 'src' || tag !== 'img' || !safeRasterDataUrl(compact)) continue;
+						} else if (!uri.test(compact)) continue;
+					}
+					attribs[name] = value;
+				}
+				if ((tag === 'a' || tag === 'area') && attribs.target?.trim().toLowerCase() === '_blank') attribs.rel = 'noopener noreferrer';
+				return {tagName, attribs};
+			}},
+		});
+		return serialize(parseFragment(cleaned));
+	};
+}
+
 // The document's renderer. DOM, codecs and host state are explicit inputs.
 function createRenderSanitizer(runtime) {
-  const {CSSStyleSheet, DOMPurify, RAPIER_RASTER_DATA_URL_RE, URL, _rapierCssDeclaration, _rapierDropRemoteDeclarations, _rapierRemoteContent, _rapierRuleDescriptorIsRemote, _rapierSanitizeRuntime, _rapierVerifyRasterBytes, document, globalThis, location} = runtime;
+  const {CSSStyleSheet, DOMPurify, RAPIER_RASTER_DATA_URL_RE, URL, _rapierCssDeclaration, _rapierDropRemoteDeclarations, _rapierRemoteContent, _rapierRuleDescriptorIsRemote, _rapierSanitizeRuntime, document, globalThis, location} = runtime;
 
 // Only the diagram reader and its styled export admit static foreignObject labels. The
 // ordinary SVG reader still rejects HTML subdocuments. The export class selects scope;
@@ -257,7 +362,10 @@ function sanitizeRapierHtml(value, context = 'render') {
 	let options = selected === 'raw' ? { ...RAPIER_SANITIZE_OPTIONS.render, ALLOW_DATA_ATTR: false } : RAPIER_SANITIZE_OPTIONS[selected] || RAPIER_SANITIZE_OPTIONS.render;
 	const labels = selected === 'diagram' || selected === 'export';
 	if (labels) {
-		options = {...options, USE_PROFILES: {...options.USE_PROFILES, mathMl: true}, ADD_TAGS: ['foreignobject'],
+		// DOMPurify's USE_PROFILES replaces explicit allowlists. Add MathML to the
+		// selected profile without discarding its admitted HTML and SVG vocabulary.
+		options = {...options, ALLOWED_TAGS: [...new Set([...options.ALLOWED_TAGS, ...RAPIER_SANITIZE_PROFILES.mathTags])],
+			ALLOWED_ATTR: [...new Set([...options.ALLOWED_ATTR, ...RAPIER_SANITIZE_PROFILES.mathAttributes])], ADD_TAGS: ['foreignobject'],
 			HTML_INTEGRATION_POINTS: {foreignobject: true}, FORBID_TAGS: options.FORBID_TAGS.filter(tag => tag !== 'foreignobject')};
 		DOMPurify.addHook('uponSanitizeElement', diagramLabelElement);
 		DOMPurify.addHook('uponSanitizeAttribute', diagramLabelAttribute);
@@ -356,6 +464,18 @@ function _rapierDropRemoteRules(rules, owner) {
 	}
 }
 
-  return {_rapierInstallSanitizeHooks, sanitizeRapierHtml, diagramLabelStyle, escapeRapierHtmlText, _rapierChromeOwnsId, _rapierSafeRasterDataUrl, _rapierCssPresentationIsRemote, _rapierRemoteSubresourceOrigin, _rapierStyleWithoutRemoteUrls, _rapierStylesheetWithoutRemoteUrls, _rapierDropRemoteRules};
+function _rapierVerifyRasterBytes(bytes, mime) {
+	if (mime === 'image/jxl') return globalThis.RapierImageAssets.isJxl(bytes);
+
+	// declaration, doctype or generator/license comment before <svg itself, of whatever length its
+
+	if (mime === 'image/svg+xml') return /<svg[\s>]/i.test(new TextDecoder('utf-8', {fatal: false}).decode(bytes));
+	if (mime === 'image/png') return bytes.length >= 8 && bytes[0] === 0x89 && bytes[1] === 0x50 && bytes[2] === 0x4e && bytes[3] === 0x47 && bytes[4] === 0x0d && bytes[5] === 0x0a && bytes[6] === 0x1a && bytes[7] === 0x0a;
+	if (mime === 'image/jpeg') return bytes.length >= 3 && bytes[0] === 0xff && bytes[1] === 0xd8 && bytes[2] === 0xff;
+	if (mime === 'image/webp') return bytes.length >= 12 && String.fromCharCode(...bytes.slice(0, 4)) === 'RIFF' && String.fromCharCode(...bytes.slice(8, 12)) === 'WEBP';
+	return false;
+}
+
+  return {_rapierVerifyRasterBytes, _rapierInstallSanitizeHooks, sanitizeRapierHtml, diagramLabelStyle, escapeRapierHtmlText, _rapierChromeOwnsId, _rapierSafeRasterDataUrl, _rapierCssPresentationIsRemote, _rapierRemoteSubresourceOrigin, _rapierStyleWithoutRemoteUrls, _rapierStylesheetWithoutRemoteUrls, _rapierDropRemoteRules};
 }
-export {RAPIER_SANITIZE_FORBID_TAGS as forbidTags, RAPIER_SANITIZE_FORBID_ATTR as forbidAttributes, createRenderSanitizer, RAPIER_SANITIZE_OPTIONS as options, prepareMathSource};
+export {RAPIER_SANITIZE_FORBID_TAGS as forbidTags, RAPIER_SANITIZE_FORBID_ATTR as forbidAttributes, createRenderSanitizer, createInertHtmlSanitizer, RAPIER_SANITIZE_OPTIONS as options, prepareMathSource};

package/dist/kit/render-styles.mjs

@@ -2,12 +2,12 @@
 // The document's renderer. DOM, codecs and host state are explicit inputs.
 function createRenderStyles(runtime) {
   const {_rapierArtifactAccent, _rapierStyleText} = runtime;
-function _rapierArtifactThemeCss() {
+function _rapierArtifactThemeCss(houseDefaults = false) {
 	// Geometry and the selected accent belong to this page; palette and type belong to the
 	// MIT reference sheet. Only the optional code lexer still reads the app token names.
-	const accent = _rapierArtifactAccent();
+	const accent = houseDefaults ? '' : ':root,.md-render{--md-color-accent:' + _rapierArtifactAccent() + '}';
 	return `
-:root,.md-render{--md-color-accent:${accent}}
+${accent}
 html[data-rapier-theme="dark"]{color-scheme:dark}
 html[data-rapier-theme="light"]{color-scheme:light}
 html[data-rapier-theme="system"]{color-scheme:light dark}
@@ -71,11 +71,11 @@ function _rapierDocumentPrintCss(hostSelector) {
 }`;
 }
 
-function _rapierArtifactStyles(theme, includeFonts, printMode) {
+function _rapierArtifactStyles(theme, includeFonts, printMode, houseDefaults = false) {
 	const parts = [];
 	if (includeFonts) parts.push(_rapierStyleText('rapier-font-style'));
 	parts.push(_rapierStyleText('rapier-content-style'));
-	parts.push(_rapierArtifactThemeCss());
+	parts.push(_rapierArtifactThemeCss(houseDefaults));
 	// Where the faces do not ride (the written page's policy carries no font-src), the reader's own sans is
 	// matched to Geist's metrics: one family per system face, src:local() only (fetched by nothing, so the
 	// policy is untouched), size-adjust from Geist's weighted average advance over the face's own (Geist 467

package/dist/kit/render.mjs

@@ -32,7 +32,7 @@ async function _rapierBuildArtifact(options, providedContext) {
 
 	// The semantic export root is detached and has never entered the live visibility queue.
 	// Await the same materialization owner before any projection clones or serializes it.
-	for (const diagram of context.semanticRoot.querySelectorAll('.diagram-block[data-diagram-src]')) {
+	for (const diagram of opts.kind === 'page' ? [] : context.semanticRoot.querySelectorAll('.diagram-block[data-diagram-src]')) {
 		await _rapierFillDiagram(diagram, true);
 	}
 
@@ -41,21 +41,23 @@ async function _rapierBuildArtifact(options, providedContext) {
 	const styledRoot = _rapierProjectStyledRoot(context.semanticRoot, {
 		metadata,
 		print: !!opts.print,
+		sourceCode: opts.kind === 'page',
 		baseName: base,
 	});
 	// _rapierProjectStyledRoot already returns the sanitized projection.
 	// Print never emits the layout reflow script (see below), so a print artifact has no use for
 	// this annotation -- skip it there rather than pay the cost for numbers nothing will read.
-	if (!opts.print) _rapierAnnotateExportBoxPolygons(styledRoot);
+	if (!opts.print && opts.kind !== 'page') _rapierAnnotateExportBoxPolygons(styledRoot);
 	// Share adds its nearest-side no-script float and long-code cap here. Offline-image
 	// admission above and the page policy below belong to this common writer, not its callers.
 	if (typeof opts.afterRoot === 'function') opts.afterRoot(styledRoot);
 	const carrier = opts.kind === 'standalone' ? await _rapierSharedSourceCarrier(context, styledRoot) : '';
-	const bodyHtml = styledRoot.innerHTML;
+	const bodyHtml = opts.kind === 'page' ? _rapierPageHtml(styledRoot) : styledRoot.innerHTML;
 	const theme = opts.print
 		? 'light'
+		: opts.kind === 'page' ? 'system'
 		: _rapierArtifactPreference('theme', ['system', 'light', 'dark']);
-	const highlights = _rapierArtifactPreference('highlights', ['accent', 'standard']);
+	const highlights = opts.kind === 'page' ? 'standard' : _rapierArtifactPreference('highlights', ['accent', 'standard']);
 	const versionMeta = document.querySelector('meta[name="rapier-version"]');
 	const version = versionMeta && versionMeta.content ? versionMeta.content.trim() : '0.0.0';
 	const bodyClass = theme === 'light' ? 'light' : '';
@@ -79,7 +81,7 @@ async function _rapierBuildArtifact(options, providedContext) {
 	const settings = _rapierDocumentSettingsOf(context.canonical);
 	const settingsCss = _rapierDocumentSettingsCss(settings);
 	const pageTitle = settings && settings.title ? globalThis.RapierMarkdownSpec.documentTitle(settings) : metadata.filename;
-	const css = _rapierArtifactStyles(theme, !!opts.print, !!opts.print || opts.kind === 'standalone')
+	const css = _rapierArtifactStyles(theme, !!opts.print, !!opts.print || opts.kind === 'standalone', opts.kind === 'page')
 		+ (opts.extraCss ? '\n\n' + opts.extraCss : '')
 		+ (willFont ? '\n\n@font-face{font-family:' + willFont.family + ';src:url(' + await _rapierBlobDataUrl(new Blob([willFont.bytes], { type: 'font/ttf' })) + ') format("truetype")}' : '')
 		+ (settingsCss ? '\n' + settingsCss : '');
@@ -90,11 +92,11 @@ async function _rapierBuildArtifact(options, providedContext) {
 	// The reflow script is written first, because whether it exists decides the policy. A page that carries no script says so: script-src 'none' refuses every
 	// script outright. Declaring a nonce a page has no use for is a widening, small but real -- anything that could inject markup into the file could read the
 	// nonce out of it and be admitted.
-	const layoutScript = !opts.print ? _rapierArtifactLayoutScript(styledRoot, nonce) : '';
+	const layoutScript = !opts.print && opts.kind !== 'page' ? _rapierArtifactLayoutScript(styledRoot, nonce) : '';
 	// The lexer for the page's code, under the same nonce, only when a block earned it: the CPU
 	// spans are the first paint, and where the reader's browser has WebGPU the lexer repaints them.
-	const lexerScript = !opts.print ? _rapierArtifactLexerScript(styledRoot, nonce) : '';
-	const inkScript = !opts.print ? _rapierArtifactInkScript(styledRoot, nonce) : '';
+	const lexerScript = !opts.print && opts.kind !== 'page' ? _rapierArtifactLexerScript(styledRoot, nonce) : '';
+	const inkScript = !opts.print && opts.kind !== 'page' ? _rapierArtifactInkScript(styledRoot, nonce) : '';
 	const page = '<!DOCTYPE html>\n'
 		+ '<html lang="en" data-rapier-theme="' + theme + '" data-highlights="' + highlights + '">\n'
 		+ '<head>\n<meta charset="UTF-8">\n' + (carrier ? RapierPageReturnAddress.PAGE_SEED + '\n' : '')
@@ -116,12 +118,31 @@ async function _rapierBuildArtifact(options, providedContext) {
 		html: page,
 		filename: base + '.html',
 		bodyHtml,
+		css,
 		docClass,
 		metadata,
 		documentTitle: settings && settings.title ? pageTitle : '',
 	};
 }
 
+// Page files have one byte representation across native and inert DOM hosts. Attribute
+// insertion order and a host's optional entity escapes are not document content.
+function _rapierPageHtml(root) {
+	const voidTags = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
+	const children = node => Array.from(node.childNodes || [], write).join('');
+	function write(node) {
+		if (node.nodeType === 3) return escapeRapierHtmlText(node.nodeValue || '');
+		if (node.nodeType !== 1) return '';
+		// This writer emits text/html; the HTML reader restores SVG's camel-cased names.
+		const tag = node.localName.toLowerCase();
+		const attributes = Array.from(node.attributes).sort((a, b) => a.name < b.name ? -1 : a.name > b.name ? 1 : 0)
+			.map(attribute => ' ' + attribute.name + '="' + escapeRapierHtmlText(attribute.value) + '"').join('');
+		const open = '<' + tag + attributes + '>';
+		return voidTags.has(tag) ? open : open + children(node) + '</' + tag + '>';
+	}
+	return children(root);
+}
+
 function _rapierProjectStyledRoot(semanticRoot, options) {
 	const opts = options || {};
 	const root = semanticRoot.cloneNode(true);
@@ -138,11 +159,12 @@ function _rapierProjectStyledRoot(semanticRoot, options) {
 		if (code) {
 			const lang = _rapierLanguageClass(code) || String(metadata.codeLang || '');
 			code.classList.add('artifact-code');
-			if (metadata.docKind === 'code') { _rapierPaintCode(code, _rapierArtifactHighlight(code.textContent || '', lang)); _rapierArtifactMarkLexed(code, lang); }
+			if (metadata.docKind === 'code' && !opts.sourceCode) { _rapierPaintCode(code, _rapierArtifactHighlight(code.textContent || '', lang)); _rapierArtifactMarkLexed(code, lang); }
 			if (lang) code.classList.add('language-' + String(lang).replace(/[^a-z0-9_-]/gi, ''));
 		}
 	} else {
 		root.querySelectorAll('pre > code').forEach(code => {
+			if (opts.sourceCode) return;
 			const lang = _rapierLanguageClass(code) || 'text';
 			_rapierPaintCode(code, _rapierArtifactHighlight(code.textContent || '', lang));
 			_rapierArtifactMarkLexed(code, lang);
@@ -184,7 +206,7 @@ function _rapierProjectStyledRoot(semanticRoot, options) {
 	_rapierPrefixPortableAnchors(root, opts.baseName || metadata.filename || 'document');
 
 	const clean = document.createElement('div');
-	clean.innerHTML = sanitizeRapierHtml(root.innerHTML, 'export');
+	clean.innerHTML = sanitizeRapierHtml(root.innerHTML, opts.sourceCode ? 'source' : 'export');
 	return clean;
 }
 

package/dist/spec/md-assets.mjs

@@ -370,7 +370,8 @@ export function serializeAsset(asset) {
   return '[' + asset.label + ']: ' + asset.url + title;
 }
 // Pure: re-derived at commit against the moved document; appends only at the text's end.
-export function appendAssetText(source, asset) {
+// A replay supplies the retained definition's line ending instead of choosing one from later prose.
+export function appendAssetText(source, asset, lineEnding) {
   if (typeof source !== 'string' || !asset || normalizeLabel(asset.label) !== asset.id) return fail('image_source_invalid');
   const parsed = documentAssets(source), title = assetTitle(asset.title);
   const existing = [...parsed.assets.values()].find(row => row.url === asset.url && row.title === title);
@@ -382,7 +383,7 @@ export function appendAssetText(source, asset) {
     return {source, id: asset.id, reference: asset.label, added: false, suffix: ''};
   }
   if (parsed.assets.size >= IMAGE_LIMITS.assets) return fail('image_asset_count_limit');
-  const eol = /\r\n|\n|\r/.exec(source)?.[0] || '\n', tail = /(?:\r\n?|\n)[ \t]*$/.exec(source);
+  const eol = lineEnding || /\r\n|\n|\r/.exec(source)?.[0] || '\n', tail = /(?:\r\n?|\n)[ \t]*$/.exec(source);
   const separator = !source || tail && /[\r\n][ \t]*$/.test(source.slice(0, tail.index)) ? '' : tail ? eol : eol + eol;
   const suffix = separator + block + eol, nextSource = source + suffix;
   if (nextSource.length > IMAGE_LIMITS.sourceChars) return fail('image_source_limit');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rapier-markdown-kit",
-  "version": "1.1.79",
+  "version": "1.1.80",
   "description": "Read, render, write and style Self-contained Markdown, and carry its optional edit ledger: the shared HTML writer, semantic renderer, stylesheet, layout, marks, pictures, Will/1, replay, authorship and offline merge. MIT, no npm dependencies.",
   "keywords": [
     "markdown",