rapier-markdown-kit 1.2.48 → 1.2.49

package/dist/kit/render-print.mjs

@@ -210,6 +210,24 @@ const REFUSALS = {
 	export_too_large: 'The file is larger than the limit. Split the document.',
 };
 
+function sliceTallDrawings(main, pageHeight) {
+	const document = main.ownerDocument;
+	for (const svg of main.querySelectorAll('svg.rapier-native-flowchart, svg.rapier-diagram')) {
+		const box = svg.getBoundingClientRect(), view = (svg.getAttribute('viewBox') || '').trim().split(/[\s,]+/).map(Number);
+		if (!(box.height > pageHeight) || view.length !== 4 || !view.every(Number.isFinite) || !(view[2] > 0) || !(view[3] > 0)) continue;
+		const unit = view[3] / box.height, windows = [];
+		for (let offset = 0; offset < box.height; offset += pageHeight) {
+			const shown = Math.min(pageHeight, box.height - offset), part = svg.cloneNode(true);
+			part.setAttribute('viewBox', [view[0], view[1] + offset * unit, view[2], shown * unit].join(' '));
+			part.setAttribute('preserveAspectRatio', 'xMidYMin meet');
+			part.style.setProperty('width', box.width + 'px', 'important'); part.style.setProperty('height', shown + 'px', 'important');
+			part.style.setProperty('break-before', 'column', 'important'); part.style.setProperty('break-inside', 'avoid', 'important');
+			windows.push(part);
+		}
+		svg.replaceWith(...windows);
+	}
+}
+
 async function _rapierWritePrintPdf({root, css, fontCss = '', canonical, bom = false, filename, title, settings, templatePage = null}, {capture, signal, current, maxBytes = 8 * 1024 * 1024, film, ink} = {}) {
 	const refuse = code => { throw Object.assign(new Error(code), {code}); };
 	const spoken = error => {
@@ -295,6 +313,7 @@ async function _rapierWritePrintPdf({root, css, fontCss = '', canonical, bom = f
 				if (holder && !holder.textContent.trim() && !holder.querySelector('img,svg,math,table,pre')) holder.remove();
 			}
 		}
+		sliceTallDrawings(main, bodyHeight);
 		wrapMasks(main);
 		check();
 		for (const node of [main, ...main.querySelectorAll('*')]) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rapier-markdown-kit",
-  "version": "1.2.48",
+  "version": "1.2.49",
   "description": "Read, render and write Self-contained Markdown: one .md file that carries its pictures, drawings and layout, and that any Markdown app can read. HTML renderer, stylesheet, text layout, Will/1 agent permissions, and an edit history with authorship and offline merge. MIT, no dependencies.",
   "keywords": [
     "markdown",

package/style.css

@@ -264,9 +264,12 @@
 @media (prefers-reduced-motion:reduce){
 	:where(.md-render) svg.rapier-diagram[aria-roledescription^="flowchart"] :is(path,line,polyline):is(.edge-animation-fast,.edge-animation-slow){animation:none!important;stroke-dashoffset:0!important}
 }
-/* Printed diagrams fit the page. */
+/* Printed diagrams fit the page's width, at their own size; a drawing taller than a page continues onto the next (the
+   export slices it, the browser's print fragments it) and the figure's screen height is not held. */
 @media print{
-	:where(.md-render) .diagram-block{overflow:visible!important}
+	:where(.md-render) .diagram-block{overflow:visible!important;min-height:0!important}
+	/* The frame's rules are a background, not ink, and the figure's box and its cache hold no words: the drawing alone is the block. */
+	:where(.md-render) .diagram-block:is([data-diagram-state="ready"],[data-diagram-state="idle"]),:where(.md-render) .diagram-block .diagram-cache{display:contents!important}
 	:where(.md-render) svg.rapier-diagram,:where(.md-render) svg.rapier-native-flowchart{width:auto!important;max-width:100%!important}
 }
 :where(.md-render) .diagram-reason {