@segnavia/render 0.16.0 → 0.18.0

package/dist/deck-pdf.js

@@ -4,10 +4,13 @@ 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";
-import { newNonce } from "@segnavia/frame/bridge";
-import { htmlSlideDocument, notesLayoutGeometry, paginateNotes, printableDeck } from "@segnavia/frame/print-document";
+import { PRINT_READY_ATTRIBUTE, newNonce } from "@segnavia/frame/bridge";
+import { SLIDES_READY_DEADLINE_MS, htmlSlideDocument, notesLayoutGeometry, paginateNotes, printableDeck } from "@segnavia/frame/print-document";
 import { fitImage, imageLayerStyles } from "@segnavia/frame/image-fit";
 //#region src/deck-pdf.ts
+async function waitForPrintReady(tab) {
+	await tab.locator(`html[${PRINT_READY_ATTRIBUTE}]`).waitFor({ timeout: SLIDES_READY_DEADLINE_MS }).catch(() => {});
+}
 function nameSlideError(error, id) {
 	if (error instanceof Error) {
 		error.message = `Slide "${id}" could not be rendered: ${error.message}`;
@@ -60,7 +63,8 @@ async function regularDeckPdf(deck, opts, services) {
 	const htmlSlides = deck.slides.flatMap((slide, index) => slide.content.kind === "html" ? [{
 		index,
 		id: slide.id,
-		html: slide.content.html
+		html: slide.content.html,
+		printAtMs: slide.printAtMs ?? 0
 	}] : []);
 	const css = `${services.fontFaces(opts)}${opts.css ?? ""}`;
 	const slideCss = containFixedPageOverflow(css);
@@ -89,18 +93,20 @@ async function regularDeckPdf(deck, opts, services) {
 	}, {
 		preferCSSPageSize: true,
 		printBackground: true
-	}), Promise.all(htmlSlides.map(async ({ index, id, html }) => {
+	}), Promise.all(htmlSlides.map(async ({ index, id, html, printAtMs }) => {
 		try {
 			return {
 				index,
 				bytes: await services.renderPdf({
 					viewport: deck.size,
-					scripts: deck.scripts === "sandboxed",
+					scripts: true,
 					html: htmlSlideDocument(deck, html, {
 						nonce: newNonce(),
-						css: slideCss
+						css: slideCss,
+						printAtMs
 					}),
-					boundMs: opts.boundMs
+					boundMs: opts.boundMs,
+					beforeOutput: waitForPrintReady
 				}, {
 					width: `${deck.size.width}px`,
 					height: `${deck.size.height}px`,
@@ -148,7 +154,8 @@ async function imposedDeckPdf(deck, imposition, opts, services) {
 		try {
 			const html = slide.content.kind === "html" ? htmlSlideDocument(deck, slide.content.html, {
 				nonce: newNonce(),
-				css
+				css,
+				printAtMs: slide.printAtMs ?? 0
 			}) : printableDeck(single, {
 				...opts,
 				layout: "slides",
@@ -159,10 +166,10 @@ async function imposedDeckPdf(deck, imposition, opts, services) {
 				index,
 				bytes: await services.renderPdf({
 					viewport: deck.size,
-					scripts: slide.content.kind === "html" ? deck.scripts === "sandboxed" : true,
+					scripts: true,
 					html,
 					boundMs: opts.boundMs,
-					beforeOutput: slide.content.kind === "image" ? placeRenderedImages : void 0
+					beforeOutput: slide.content.kind === "html" ? waitForPrintReady : slide.content.kind === "image" ? placeRenderedImages : void 0
 				}, {
 					width: `${deck.size.width}px`,
 					height: `${deck.size.height}px`,

package/package.json

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