@segnavia/render 0.3.0 → 0.4.0

package/dist/deck-pdf.js

@@ -1,4 +1,5 @@
 import { RenderRefusedError } from "./errors.js";
+import { containFixedPageOverflow } from "./overflow-containment.js";
 import { pdfPixelBox } from "./pdf-geometry.js";
 import { composeImposedPdf, drawClippedPage, embedOnePage } from "./pdf-compose.js";
 import { Imposition, fitPage, impose, pagePlacementLayout } from "@segnavia/format";
@@ -20,6 +21,7 @@ async function regularDeckPdf(deck, opts, services) {
 		html: slide.content.html
 	}] : []);
 	const css = `${services.fontFaces(opts)}${opts.css ?? ""}`;
+	const slideCss = containFixedPageOverflow(css);
 	const notesGeometry = opts.layout === "notes" ? notesLayoutGeometry(deck.size, opts.notesPaper) : void 0;
 	const [printable, rendered] = await Promise.all([services.renderPdf({
 		viewport: notesGeometry ? {
@@ -46,7 +48,7 @@ async function regularDeckPdf(deck, opts, services) {
 					scripts: deck.scripts === "sandboxed",
 					html: htmlSlideDocument(deck, html, {
 						nonce: newNonce(),
-						css
+						css: slideCss
 					}),
 					boundMs: opts.boundMs
 				}, {
@@ -84,7 +86,7 @@ async function regularDeckPdf(deck, opts, services) {
 	return services.finish(await output.save(), opts);
 }
 async function imposedDeckPdf(deck, imposition, opts, services) {
-	const css = `${services.fontFaces(opts)}${opts.css ?? ""}`;
+	const css = containFixedPageOverflow(`${services.fontFaces(opts)}${opts.css ?? ""}`);
 	const imposed = impose(imposition, deck.slides.length);
 	const rendered = await Promise.all(deck.slides.map(async (slide, index) => {
 		const single = {

package/dist/index.js

@@ -1,4 +1,5 @@
 import { RenderRefusedError, RendererUnavailableError } from "./errors.js";
+import { containFixedPageOverflow } from "./overflow-containment.js";
 import { renderDeckPdf } from "./deck-pdf.js";
 import { rewriteEffectsPdf } from "./effects/adapter.js";
 import { assertPrintOptions, printCss, printPage, printViewport } from "./page-paper.js";
@@ -187,7 +188,9 @@ async function openRenderer(options) {
 		}
 	}
 	function pageDocument(page, options, printing = false) {
-		const css = `${page.print ? printing ? printCss(page.print) : printProperties(page.print) : ""}${fontFaces(options.fonts)}${options.css ?? ""}`;
+		const hostCss = `${page.print ? printing ? printCss(page.print) : printProperties(page.print) : ""}${fontFaces(options.fonts)}${options.css ?? ""}`;
+		const fixedSize = typeof page.size === "object" && page.size.height !== "auto";
+		const css = printing && !page.print && fixedSize ? containFixedPageOverflow(hostCss) : hostCss;
 		return frameDocument(page.html, {
 			scripts: page.scripts,
 			nonce: newNonce(),
@@ -238,7 +241,7 @@ async function openRenderer(options) {
 			nonce: newNonce(),
 			dir: page.dir,
 			lang: page.lang,
-			css,
+			css: containFixedPageOverflow(css),
 			relayKeys: false,
 			reportHeight: false
 		});

package/dist/overflow-containment.js

@@ -0,0 +1,7 @@
+//#region src/overflow-containment.ts
+const CSS = ":where(:root){contain:paint;min-height:100%}";
+function containFixedPageOverflow(css) {
+	return `${CSS}${css}`;
+}
+//#endregion
+export { containFixedPageOverflow };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segnavia/render",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -26,8 +26,8 @@
     }
   },
   "dependencies": {
-    "@segnavia/format": "0.3.0",
-    "@segnavia/frame": "0.3.0",
+    "@segnavia/format": "0.4.0",
+    "@segnavia/frame": "0.4.0",
     "playwright-core": "1.55.1",
     "pdf-lib": "^1.17.1"
   }