gutterpress 0.11.23-alpha.7 → 0.11.23-beta.2

package/dist/{cli-58fsk6d7.js → cli-pd2cje5b.js}

@@ -1,6 +1,9 @@
 import {
   launchChromium
 } from "./cli-eyyggect.js";
+import {
+  round3
+} from "./cli-65gy8ask.js";
 
 // src/engine/compiler/build.ts
 import { readFile as readFile2 } from "node:fs/promises";
@@ -630,6 +633,33 @@ function marginBoxesOnEdges(edges) {
   return Object.entries(owners).filter(([, own]) => own.some((e) => edges.includes(e))).map(([name]) => name);
 }
 
+// src/engine/shared/page-vars.ts
+var decls = (pairs) => pairs.map(([name, n]) => `--gp-page-${name}: ${round3(n)}pt;`).join(" ");
+function pageDecls(model, name) {
+  const { width, height, margin } = resolvePage(model, { name, pseudos: ["right"] }).geometry;
+  return decls([
+    ["width", width],
+    ["height", height],
+    ["margin-top", margin.top],
+    ["margin-bottom", margin.bottom],
+    ["margin-inside", margin.left],
+    ["margin-outside", margin.right]
+  ]);
+}
+function pageGeometryVarsCss(model, area) {
+  const bookWide = decls([
+    ["bleed", area?.bleed ?? 0],
+    ["safe", area?.safe ?? 0],
+    ["gutter", area?.gutter ?? 0],
+    ["art-safe", area?.artSafe ?? 0]
+  ]);
+  return [
+    `:root { ${pageDecls(model)} ${bookWide} }`,
+    ...model.pageAssignments.map((a) => `${a.selector} { ${pageDecls(model, a.page)} }`)
+  ].join(`
+`);
+}
+
 // src/engine/shared/margin-box-support.ts
 var MARGIN_BOX_IGNORED_PROPERTIES = new Set([
   "transform",
@@ -1002,12 +1032,14 @@ function needsMeasurement(value) {
 
 // src/engine/shared/pdf-inspect.ts
 import {
+  decodePDFRawStream,
   PDFArray,
   PDFDict,
   PDFDocument,
   PDFHexString,
   PDFName,
   PDFNumber,
+  PDFRawStream,
   PDFRef,
   PDFString
 } from "pdf-lib";
@@ -1128,6 +1160,52 @@ async function inspectPdf(bytes) {
   walkOutline(outlines);
   return { pageCount: pages.length, boxes, linkTargets, namedDests, outline };
 }
+var PROLOGUE = /^\s*(\d*\.?\d+) 0 0 -\d*\.?\d+ -?\d*\.?\d+ -?\d*\.?\d+ cm/;
+var CLIP = /(-?\d*\.?\d+) (-?\d*\.?\d+) (\d*\.?\d+) (\d*\.?\d+) re\s+W\*? n\b/g;
+var UNIFORM = /\bq\s+(\d*\.?\d+) 0 0 \1 (-?\d*\.?\d+) -?\d*\.?\d+ cm/g;
+var UNSCALED_EPSILON = 0.000001;
+function printScale(doc) {
+  const readings = new Map;
+  for (const page of doc.getPages()) {
+    const contents = page.node.Contents();
+    const streams = contents instanceof PDFArray ? contents.asArray().map((ref) => doc.context.lookup(ref)) : [contents];
+    let text = "";
+    for (const stream of streams) {
+      if (!(stream instanceof PDFRawStream))
+        continue;
+      try {
+        text += Buffer.from(decodePDFRawStream(stream).decode()).toString("latin1") + `
+`;
+      } catch {}
+    }
+    const prologue = PROLOGUE.exec(text);
+    if (!prologue)
+      continue;
+    let area;
+    for (const m of text.matchAll(CLIP)) {
+      const size = Number(m[3]) * Number(m[4]);
+      if (!area || size > area.size)
+        area = { x: Number(m[1]), size, end: m.index + m[0].length };
+    }
+    if (!area)
+      continue;
+    UNIFORM.lastIndex = area.end;
+    for (let m;m = UNIFORM.exec(text); ) {
+      if (Math.abs(Number(m[2]) - area.x) > 0.5)
+        continue;
+      const scale = Number(m[1]) * Number(prologue[1]) * 96 / 72;
+      readings.set(scale, (readings.get(scale) ?? 0) + 1);
+      break;
+    }
+    if ([...readings.values()].some((n) => n >= 3))
+      break;
+  }
+  let best = null;
+  for (const [scale, n] of readings)
+    if (best === null || n > readings.get(best))
+      best = scale;
+  return best === null ? null : Math.abs(1 - best) < UNSCALED_EPSILON ? 1 : best;
+}
 
 // src/lib/embedded-assets.ts
 import { existsSync } from "node:fs";
@@ -1140,7 +1218,7 @@ import { fileURLToPath } from "node:url";
 var favicon_default = "./favicon-272ga6y0.ico";
 
 // src/assets/manifest.schema.json
-var manifest_schema_default = "./manifest.schema-93sd7zje.json";
+var manifest_schema_default = "./manifest.schema-0jgj0jt1.json";
 
 // src/assets/preview/scripts/preview-interface.js
 var preview_interface_default = "./preview-interface-0xdh0r5b.js";
@@ -1155,31 +1233,31 @@ var preview_shell_default = "./preview-shell-wk9k3gcd.js";
 var CGATS21_CRPC1_default = "./CGATS21_CRPC1-g0e3k7kr.icc";
 
 // src/assets/engine/gutterpress-viewer.js
-var gutterpress_viewer_default = "./gutterpress-viewer-mafsby5k.js";
+var gutterpress_viewer_default = "./gutterpress-viewer-ywkf49q5.js";
 
 // src/assets/engine/gutterpress-agent.js
-var gutterpress_agent_default = "./gutterpress-agent-d29ry3ak.js";
+var gutterpress_agent_default = "./gutterpress-agent-wyryqehx.js";
 
 // src/assets/templates/book/manifest.yaml
-var manifest_default = "./manifest-41ddzm13.yaml";
+var manifest_default = "./manifest-mffah3hr.yaml";
 
 // src/assets/templates/book/chapter-01.md
 var chapter_01_default = "./chapter-01-gsbjt584.md";
 
 // src/assets/templates/zine/manifest.yaml
-var manifest_default2 = "./manifest-sqzm4681.yaml";
+var manifest_default2 = "./manifest-wbcv8cbp.yaml";
 
 // src/assets/templates/zine/chapter-01.md
 var chapter_01_default2 = "./chapter-01-wgjfz4w6.md";
 
 // src/assets/templates/technical/manifest.yaml
-var manifest_default3 = "./manifest-2kc56wvw.yaml";
+var manifest_default3 = "./manifest-aya31jwt.yaml";
 
 // src/assets/templates/technical/chapter-01.md
 var chapter_01_default3 = "./chapter-01-6fn9pvd0.md";
 
 // src/assets/templates/paper/manifest.yaml
-var manifest_default4 = "./manifest-79zsgkpn.yaml";
+var manifest_default4 = "./manifest-0vwaskj2.yaml";
 
 // src/assets/templates/paper/chapter-01.md
 var chapter_01_default4 = "./chapter-01-s71xrf5q.md";
@@ -1212,7 +1290,7 @@ var plugin_test_js_default = "./plugin.test.js-gxzqqfdh.tpl";
 var package_default2 = "./package-awwkt7sa.json";
 
 // src/assets/extension-templates/look/README.md
-var README_default2 = "./README-syg2hn83.md";
+var README_default2 = "./README-8rct3axy.md";
 
 // src/assets/extension-templates/look/components.yaml
 var components_default = "./components-zzqdpt3m.yaml";
@@ -1221,7 +1299,7 @@ var components_default = "./components-zzqdpt3m.yaml";
 var callout_default = "./callout-hv56m16h.md";
 
 // src/assets/extension-templates/look/styles/tokens.css
-var tokens_default = "./tokens-n82t4k9h.css";
+var tokens_default = "./tokens-a7grv940.css";
 
 // src/assets/extension-templates/look/styles/base.css
 var base_default = "./base-ypqh9n7f.css";
@@ -1233,7 +1311,7 @@ var components_default2 = "./components-aam0fe2z.css";
 var page_templates_default = "./page-templates-tx9ryt19.css";
 
 // src/assets/extension-templates/look/styles/page-rules.css
-var page_rules_default = "./page-rules-ytj9p04v.css";
+var page_rules_default = "./page-rules-vnja6grt.css";
 
 // src/assets/extension-templates/look/styles/book.css
 var book_default = "./book-ted3tzrp.css";
@@ -1341,9 +1419,9 @@ function pseudoVariants(model) {
 function consumedStrings(model) {
   const names = new Set;
   for (const rule of model.pageRules)
-    for (const decls of Object.values(rule.marginBoxes))
-      if (decls.content) {
-        for (const part of parseContent(decls.content))
+    for (const decls2 of Object.values(rule.marginBoxes))
+      if (decls2.content) {
+        for (const part of parseContent(decls2.content))
           if (part.type === "string")
             names.add(part.name);
       }
@@ -1453,6 +1531,7 @@ function round(n) {
 import { PDFDocument as PDFDocument2, PDFName as PDFName2, PDFNumber as PDFNumber2, rgb } from "pdf-lib";
 async function postprocess(input, opts) {
   const doc = await PDFDocument2.load(input, { updateMetadata: false });
+  const scale = printScale(doc);
   const g = opts.geometry;
   const inset = g.bleed + g.slug;
   const media = [0, 0, g.media.width, g.media.height];
@@ -1499,7 +1578,8 @@ async function postprocess(input, opts) {
     bytes,
     pageCount: doc.getPageCount(),
     padded,
-    boxes: { media, bleed: bleedBox, trim: trimBox }
+    boxes: { media, bleed: bleedBox, trim: trimBox },
+    scale
   };
 }
 function drawCropMarks(page, g) {
@@ -1674,7 +1754,8 @@ async function build(opts) {
         key: root.key
       });
     }
-    const printArea = pinRoots.length ? await page.evaluate(`window.__gp.printArea()`) : null;
+    const printArea = await page.evaluate(`window.__gp.printArea()`);
+    const geometryVarsCss = pageGeometryVarsCss(model, printArea);
     const pinStyle = (group, pseudos) => pinRootStyle(resolvePage(model, { name: group.authorPage, pseudos }).geometry.margin, printArea, pseudos.includes("left") ? "verso" : "recto", group.edges, group.padding);
     if (pinGroups.size) {
       const lines = [];
@@ -1694,11 +1775,11 @@ async function build(opts) {
             const body = [];
             for (const [prop, value] of Object.entries(rule.decls))
               body.push(`  ${prop}: ${value};`);
-            for (const [box, decls] of Object.entries(rule.marginBoxes)) {
+            for (const [box, decls2] of Object.entries(rule.marginBoxes)) {
               if (relocated.has(box.slice(1)))
                 continue;
               body.push(`  ${box} {`);
-              for (const [prop, value] of Object.entries(decls))
+              for (const [prop, value] of Object.entries(decls2))
                 body.push(`    ${prop}: ${value};`);
               body.push(`  }`);
             }
@@ -1741,11 +1822,12 @@ ${pinCss}`);
     const minContentHeightPx = Math.min(contentHeightPt(), ...model.pageNames.map((name) => contentHeightPt(name))) * 96 / 72;
     const pageVarsCss = [
       `:root { --gp-content-h: ${contentHeightPx}px; }`,
-      ...model.pageAssignments.map((a) => `${a.selector} { --gp-content-h: ${namedContentHeightsPx[a.page] ?? contentHeightPx}px; }`)
+      ...model.pageAssignments.map((a) => `${a.selector} { --gp-content-h: ${namedContentHeightsPx[a.page] ?? contentHeightPx}px; }`),
+      geometryVarsCss
     ].join(`
 `);
     await page.evaluate(`window.__gp.addCss("gp-page-vars", ${JSON.stringify(pageVarsCss)})`);
-    log(`page geometry published (--gp-content-h: ${Math.round(contentHeightPx)}px)`);
+    log(`page geometry published (--gp-content-h: ${Math.round(contentHeightPx)}px, --gp-page-*)`);
     const relocationBoxes = (group, pseudos) => {
       const ctx = resolvePage(model, { name: group.authorPage, pseudos });
       return marginBoxesOnEdges(group.edges).map((name) => [name, ctx.marginBoxes[`@${name}`]]).filter((pair) => {
@@ -1788,8 +1870,6 @@ ${pinCss}`);
       const msg = `${headline}:
 ${describe(widthOffenders.boxes)}`;
       if (opts.allowShrink) {
-        if (scale !== null)
-          diagnose("engine.width.overflow", `${headline}.`);
         for (const o of widthOffenders.boxes)
           diagnose("engine.width.overflow", `${o.desc} is ${Math.round(o.px)}px wide, past the ${Math.round(widthOffenders.limitPx)}px page content box. ${o.left < -1 ? "Keep it inside the page content box." : "Give it an explicit width that fits."}`);
         log(`WARNING: ${msg}`);
@@ -1805,6 +1885,54 @@ ${describe(widthOffenders.intrinsics)}`;
         diagnose("engine.width.intrinsic", `${o.desc} has no width set and is naturally wider than the page — if the printed output comes out smaller than your CSS says, give it an explicit width (e.g. width: 100%).`);
       log(`WARNING: ${msg}`);
     }
+    let unclipped = null;
+    if (!widthOffenders.boxes.length) {
+      const g = tier2.geometry;
+      const ext = g.bleed + g.slug;
+      const contentPx = (name, pseudos) => {
+        const { width, margin } = resolvePage(model, { name: name || undefined, pseudos }).geometry;
+        return (width + 2 * ext - bleedMargin(margin.left, g) - bleedMargin(margin.right, g)) * 96 / 72;
+      };
+      const pages = await page.evaluate(`(() => {
+        const body = document.body;
+        const named = (el) => { const p = getComputedStyle(el).page; return p && p !== "auto" ? p : ""; };
+        if (!body) return { first: "", used: [], reason: "there is no body" };
+        const bs = getComputedStyle(body);
+        const r = body.getBoundingClientRect();
+        if (
+          Math.abs(r.left + parseFloat(bs.borderLeftWidth)) > 0.01 ||
+          Math.abs(r.right - parseFloat(bs.borderRightWidth) - window.innerWidth) > 0.01
+        ) return { first: "", used: [], reason: "the body does not span the page content box" };
+        // The first page's name: the root's, overridden down the chain of
+        // first in-flow children (CSS Paged Media's start page value).
+        let first = named(document.documentElement) || named(body);
+        for (let el = body; el; ) {
+          el = [...el.children].find((c) => {
+            const cs = getComputedStyle(c);
+            return cs.display !== "none" && cs.position !== "absolute" && cs.position !== "fixed";
+          });
+          if (el && named(el)) first = named(el);
+        }
+        const used = new Set([""]);
+        for (const el of document.querySelectorAll("*")) used.add(named(el));
+        return { first, used: [...used], reason: "" };
+      })()`);
+      const firstPx = contentPx(pages.first, ["first", "right", "recto"]);
+      const wider = pages.used.find((name) => pseudoContexts.some((pseudos) => contentPx(name, pseudos) > firstPx + 0.01));
+      unclipped = pages.reason || (wider !== undefined ? `${wider ? `the page "${wider}"` : "the unnamed page"} is wider than the first page` : await page.evaluate(`(() => {
+              const hs = getComputedStyle(document.documentElement);
+              const bs = getComputedStyle(document.body);
+              let css;
+              if (hs.overflowX === "visible" && hs.overflowY === "visible")
+                css = "html { overflow-x: clip !important; } " +
+                  "body { overflow-x: clip !important; overflow-y: visible !important; }";
+              else if (bs.overflowX === "visible") css = "body { overflow-x: clip !important; }";
+              else return "the body clips its own overflow";
+              window.__gp.addCss("gp-root-clip", css);
+              return "";
+            })()`)) || null;
+      log(`body overflow ${unclipped ? `left as authored: ${unclipped}` : "held to the page content box"}`);
+    }
     const rectoDecls = model.breaks.filter(isRectoVersoBreak);
     const needsMeasure = tier3Reasons.length > 0 || consumedStrings(model).size > 0 || rectoDecls.length > 0 || model.counterResets.length > 0 || furnitureRoots.length > 0 || sideRoots.length > 0;
     let tier = tier2.geometry.bleed > 0 || tier2.geometry.slug > 0 ? 2 : 1;
@@ -1949,8 +2077,8 @@ ${mapCss}`;
             const g = ctx.geometry;
             const eff = flushMargins(g.margin, group.edges);
             const boxes = [];
-            for (const [name, decls] of relocationBoxes(group, pseudos)) {
-              const text = evaluate(decls.content, {
+            for (const [name, decls2] of relocationBoxes(group, pseudos)) {
+              const text = evaluate(decls2.content, {
                 page: toFolioPage(physical, pageValues),
                 pages: pageCount,
                 strings: (n, w) => stringValueAt(byName.get(n) ?? [], physical, parseWhich(w)),
@@ -1962,13 +2090,13 @@ ${mapCss}`;
               if (!text) {
                 if (!relocationDiagnosed.has(name)) {
                   relocationDiagnosed.add(name);
-                  diagnose("engine.pin.margin-box", `@${name} sits on an edge a pinned image frees, and its content could not be ` + `re-homed into the page (unsupported content value: ${decls.content}). It will ` + `not print on that page — simplify the box's content, or pin the image to another edge.`);
+                  diagnose("engine.pin.margin-box", `@${name} sits on an edge a pinned image frees, and its content could not be ` + `re-homed into the page (unsupported content value: ${decls2.content}). It will ` + `not print on that page — simplify the box's content, or pin the image to another edge.`);
                 }
                 continue;
               }
               const r = marginBoxRectPt(name, g);
               const outDecls = {};
-              for (const [prop, value] of Object.entries(decls)) {
+              for (const [prop, value] of Object.entries(decls2)) {
                 if (prop.toLowerCase() === "content" || isIgnoredMarginBoxProperty(prop))
                   continue;
                 outDecls[prop] = value;
@@ -2326,6 +2454,20 @@ ${mapCss}`;
       author: opts.author
     });
     log(`postprocess: ${post.pageCount} pages` + (post.padded ? ` (+${post.padded} blank${opts.lastPage ? `; last page: ${opts.lastPage}` : ""})` : ""));
+    {
+      const scale = post.scale;
+      if (scale !== null && scale < 1) {
+        const pct = (scale * 100).toPrecision(6);
+        const overPx = widthOffenders.defaultLimitPx * (1 / scale - 1);
+        diagnose("engine.width.overflow", `This book printed at ${pct}% of its declared size: content reaches about ` + `${overPx < 0.1 ? overPx.toFixed(3) : overPx.toFixed(2)}px past the ` + `${Math.round(widthOffenders.defaultLimitPx)}px page content box, and Chromium shrinks ` + `the WHOLE print to fit it. The preview is not shrunk, so its lines and page ` + `breaks can differ from the PDF's.` + (unclipped ? ` Gutterpress could not hold it at the page content box: ${unclipped}.` : ""));
+        if (!widthOffenders.boxes.length) {
+          const named = await findWidthOffenders(page, model, 2 * (tier2.geometry.bleed + tier2.geometry.slug), sheetViewport, 0);
+          for (const o of named.boxes)
+            diagnose("engine.width.overflow", `${o.desc} reaches ${Math.max(o.px + Math.min(0, o.left) - (o.limit ?? named.limitPx), -o.left).toFixed(2)}px ` + `past the ${Math.round(o.limit ?? named.limitPx)}px page content box. Keep it ` + `inside the page content box.`);
+        }
+        log(`audit: printed at ${pct}% (shrink-to-fit)`);
+      }
+    }
     return {
       bytes: post.bytes,
       tier,
@@ -2360,7 +2502,7 @@ function shrinkScale(boxes, limitPx) {
     return null;
   return Math.max(1 / MAX_SHRINK, limitPx / maxRight);
 }
-async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreViewport) {
+async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreViewport, tolerancePx = 1) {
   const contexts = [
     resolvePage(model),
     ...model.pageNames.filter((n) => !n.startsWith("gp-") || n.startsWith("gp--pin-")).map((n) => resolvePage(model, { name: n }))
@@ -2386,7 +2528,8 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
         mobile: false
       });
       boxes.push(...JSON.parse(await page.evaluate(`(() => {
-        const LIMIT = ${widthPx} + 1;
+        const TOL = ${tolerancePx};
+        const LIMIT = Math.max(${widthPx} + TOL, ${Math.ceil(widthPx)});
         const NAMED = ${JSON.stringify(namedLimits)};
         const DEFAULT_LIMIT = ${defaultLimitPx};
         // The page an element lands on: the nearest ancestor with a non-auto
@@ -2426,10 +2569,10 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
           // pulls) AND left-edge protrusion (negative left with an ordinary
           // width) — both trigger the same whole-document shrink-to-fit,
           // measured: a left bleed alone cost 16%.
-          if (right <= LIMIT && r.width <= LIMIT && r.left >= -1) continue;
+          if (right <= LIMIT && r.width <= LIMIT && r.left >= -TOL) continue;
           // ...but only where it actually escapes its clipping ancestors.
           const clip = clipEdges(el).edges;
-          if (Math.min(right, clip.right) <= LIMIT && Math.max(r.left, clip.left) >= -1) continue;
+          if (Math.min(right, clip.right) <= LIMIT && Math.max(r.left, clip.left) >= -TOL) continue;
           let deepest = true;
           for (const c of el.children) {
             if (c.getBoundingClientRect().width >= r.width - 1) { deepest = false; break; }
@@ -2466,7 +2609,7 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
           const over = el.scrollWidth - el.clientWidth;
           // clientWidth is 0 on inline/replaced boxes, where scrollWidth
           // carries no overflow information -- skip rather than guess.
-          if (el.clientWidth <= 0 || over <= 1) continue;
+          if (el.clientWidth <= 0 || over <= TOL) continue;
           // A descendant assigned to a DIFFERENT page is not overflowing this
           // element's page -- it is laid out against its own, wider one. The
           // full-bleed art plate is the standard case: it is legitimately
@@ -2520,7 +2663,7 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
         }
         return JSON.stringify(out);
       })()`));
-    return { limitPx, boxes, intrinsics: replaced };
+    return { limitPx, defaultLimitPx, boxes, intrinsics: replaced };
   } finally {
     await page.send("Emulation.setDeviceMetricsOverride", restoreViewport);
   }
@@ -2603,10 +2746,10 @@ function counterStyleCss(model, sources, pageMap, pageCount, resetSites = [], ha
     return "";
   const pairs = new Map;
   for (const rule of model.pageRules) {
-    for (const decls of Object.values(rule.marginBoxes)) {
-      if (!decls.content)
+    for (const decls2 of Object.values(rule.marginBoxes)) {
+      if (!decls2.content)
         continue;
-      for (const part of parseContent(decls.content)) {
+      for (const part of parseContent(decls2.content)) {
         if (part.type !== "string" || !byName.has(part.name))
           continue;
         const which = parseWhich(part.which);
@@ -2645,13 +2788,13 @@ function counterStyleCss(model, sources, pageMap, pageCount, resetSites = [], ha
     for (const pseudos of variants) {
       const resolved = resolvePage(model, { name, pseudos });
       const lines = [];
-      for (const [box, decls] of Object.entries(resolved.marginBoxes)) {
-        if (!decls.content)
+      for (const [box, decls2] of Object.entries(resolved.marginBoxes)) {
+        if (!decls2.content)
           continue;
-        const hasString = /\bstring\s*\(/.test(decls.content);
-        const hasPageCounter = pageValues && /\bcounter\(\s*page\b(?!s)/.test(decls.content);
+        const hasString = /\bstring\s*\(/.test(decls2.content);
+        const hasPageCounter = pageValues && /\bcounter\(\s*page\b(?!s)/.test(decls2.content);
         const needsRewrite = hasString || hasPageCounter;
-        lines.push(`  ${box} { content: ${needsRewrite ? rewrite(decls.content) : decls.content}; }`);
+        lines.push(`  ${box} { content: ${needsRewrite ? rewrite(decls2.content) : decls2.content}; }`);
       }
       if (!lines.length)
         continue;
@@ -2665,13 +2808,13 @@ ${lines.join(`
   if (hasBlank) {
     const blank = resolvePage(model, { pseudos: ["blank"] });
     const lines = [];
-    for (const [box, decls] of Object.entries(blank.marginBoxes)) {
-      if (!decls.content)
+    for (const [box, decls2] of Object.entries(blank.marginBoxes)) {
+      if (!decls2.content)
         continue;
-      const hasString = /\bstring\s*\(/.test(decls.content);
-      const hasPageCounter = pageValues && /\bcounter\(\s*page\b(?!s)/.test(decls.content);
+      const hasString = /\bstring\s*\(/.test(decls2.content);
+      const hasPageCounter = pageValues && /\bcounter\(\s*page\b(?!s)/.test(decls2.content);
       const needsRewrite = hasString || hasPageCounter;
-      lines.push(`  ${box} { content: ${needsRewrite ? rewrite(decls.content) : decls.content}; }`);
+      lines.push(`  ${box} { content: ${needsRewrite ? rewrite(decls2.content) : decls2.content}; }`);
     }
     out.push(`@page ${BLANK_PAGE} {
 ${lines.length ? lines.join(`