gutterpress 0.10.2 → 0.10.4-beta.1

package/dist/api/index.js

@@ -95,12 +95,12 @@ import {
   syncProject,
   testRemoteAccess,
   validateProjectPlugins
-} from "../index-mmv2rc82.js";
+} from "../index-g0vvds4s.js";
 import {
   BuildError,
   DEFAULT_PRINT_OPTS,
   readyProbeExpr
-} from "../index-d1es8g3a.js";
+} from "../index-p4yq14qw.js";
 import {
   AUTO_SNAPSHOT_MESSAGE,
   HISTORY_PAGE_LIMIT,

package/dist/{audit-7ttrs98p.js → audit-8eaaemfk.js}

@@ -1,15 +1,15 @@
 import {
   executeAndReport
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   EXIT_CODES

package/dist/{build-b10s6ht6.js → build-j6ygk7fv.js}

@@ -1,10 +1,10 @@
 import {
   runBuild,
   splitOutPath
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   parseEngine,
@@ -12,8 +12,8 @@ import {
   parsePdfxFlavor,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   BuildError

package/dist/{cli-3dehjhtb.js → cli-00gqsfce.js}

@@ -4,7 +4,7 @@ import {
 // package.json
 var package_default = {
   name: "gutterpress",
-  version: "0.10.2",
+  version: "0.10.4-beta.1",
   description: "Markdown-to-PDF converter for professional print layout using a native Chromium print engine and Ghostscript.",
   author: "itlackey",
   license: "MPL-2.0",

package/dist/{cli-v5c0s1vp.js → cli-2y07zn1g.js}

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "./cli-3dehjhtb.js";
+} from "./cli-00gqsfce.js";
 import {
   execCapture,
   findTool,

package/dist/{cli-2h1s42gy.js → cli-7hay1r0h.js}

@@ -171,7 +171,7 @@ function readDevToolsUrl(proc) {
   return new Promise((resolve, reject) => {
     let buf = "";
     const timer = setTimeout(() => reject(new Error(`Chromium did not report a DevTools URL:
-${buf}`)), 20000);
+${buf}`)), 60000);
     proc.stderr.on("data", (d) => {
       buf += String(d);
       const m = /ws:\/\/[^\s]+/.exec(buf);
@@ -1445,7 +1445,7 @@ var preview_shell_default = "./preview-shell-gqnc5xxe.js";
 var CGATS21_CRPC1_default = "./CGATS21_CRPC1-g0e3k7kr.icc";
 
 // src/assets/engine/gutterpress-viewer.js
-var gutterpress_viewer_default = "./gutterpress-viewer-h031snh8.js";
+var gutterpress_viewer_default = "./gutterpress-viewer-k0xrt5hw.js";
 
 // src/assets/engine/gutterpress-agent.js
 var gutterpress_agent_default = "./gutterpress-agent-cazqstr1.js";
@@ -2006,7 +2006,8 @@ ${flushCss}`);
     const widthOffenders = await findWidthOffenders(page, model, 2 * (tier2.geometry.bleed + tier2.geometry.slug), sheetViewport);
     const describe = (list) => list.map((o) => {
       const fix = o.left !== undefined && o.left < -1 ? "keep it inside the page content box" : "give it an explicit width";
-      return `  ${o.desc} — ${Math.round(o.px)}px > ${Math.round(widthOffenders.limitPx)}px content box (${fix})`;
+      const lim = o.limit ?? widthOffenders.limitPx;
+      return `  ${o.desc} — ${Math.round(o.px)}px > ${Math.round(lim)}px content box (${fix})`;
     }).join(`
 `);
     if (widthOffenders.boxes.length) {
@@ -2528,20 +2529,42 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
     resolvePage(model),
     ...model.pageNames.filter((n) => !n.startsWith("gp-") || n.startsWith("gp--flush-")).map((n) => resolvePage(model, { name: n }))
   ];
-  const maxContentPt = Math.max(...contexts.map((c) => c.geometry.width - c.geometry.margin.left - c.geometry.margin.right)) + bleedSlugExtensionPt;
-  const limitPx = maxContentPt * 96 / 72;
+  const contentPxOf = (c) => (c.geometry.width - c.geometry.margin.left - c.geometry.margin.right + bleedSlugExtensionPt) * 96 / 72;
+  const defaultLimitPx = contentPxOf(contexts[0]);
+  const namedLimits = {};
+  model.pageNames.filter((n) => !n.startsWith("gp-") || n.startsWith("gp--flush-")).forEach((n) => {
+    namedLimits[n] = contentPxOf(resolvePage(model, { name: n }));
+  });
+  const widths = [...new Set([defaultLimitPx, ...Object.values(namedLimits)])].sort((a, b) => a - b);
+  const limitPx = Math.max(...widths);
   await page.evaluate(`Promise.allSettled(
     [...document.images].map((i) => i.decode().catch(() => {}))
   )`);
   try {
-    await page.send("Emulation.setDeviceMetricsOverride", {
-      width: Math.ceil(limitPx),
-      height: 1080,
-      deviceScaleFactor: 1,
-      mobile: false
-    });
-    const boxes = JSON.parse(await page.evaluate(`(() => {
-        const LIMIT = ${limitPx} + 1;
+    const boxes = [];
+    for (const widthPx of widths) {
+      await page.send("Emulation.setDeviceMetricsOverride", {
+        width: Math.ceil(widthPx),
+        height: 1080,
+        deviceScaleFactor: 1,
+        mobile: false
+      });
+      boxes.push(...JSON.parse(await page.evaluate(`(() => {
+        const LIMIT = ${widthPx} + 1;
+        const NAMED = ${JSON.stringify(namedLimits)};
+        const DEFAULT_LIMIT = ${defaultLimitPx};
+        // The page an element lands on: the nearest ancestor with a non-auto
+        // page property, else the default page. Chromium reports the computed
+        // value on the assigned element only -- descendants read "auto" -- so
+        // this walk is what turns it into the USED value.
+        const limitOf = (el) => {
+          for (let e = el; e; e = e.parentElement) {
+            const n = getComputedStyle(e).page;
+            if (n && n !== "auto") return NAMED[n] ?? DEFAULT_LIMIT;
+          }
+          return DEFAULT_LIMIT;
+        };
+        const mine = (el) => Math.abs(limitOf(el) - ${widthPx}) < 0.5;
         const desc = ${DESC_JS};
         // Shrink-to-fit only reacts to overflow that ESCAPES: a clipping or
         // scrolling ancestor contains its subtree's overflow, so the
@@ -2558,7 +2581,9 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
         // response.
         const clipEdges = ${CLIP_EDGES_JS};
         const out = [];
+        const boxEls = [];
         for (const el of document.querySelectorAll("*")) {
+          if (!mine(el)) continue;
           const r = el.getBoundingClientRect();
           const right = Math.max(r.right, r.left + r.width);
           // Flag right-edge overflow (fixed-width blocks, negative-margin
@@ -2574,11 +2599,74 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
             if (c.getBoundingClientRect().width >= r.width - 1) { deepest = false; break; }
           }
           if (!deepest) continue;
-          out.push({ desc: desc(el), px: Math.max(r.width, right), left: r.left });
+          out.push({ desc: desc(el), px: Math.max(r.width, right), left: r.left, limit: limitOf(el) });
+          boxEls.push(el);
           if (out.length >= 20) break;
         }
+
+        // pass 1b -- SCROLLABLE overflow, which the border-box walk above
+        // cannot see. querySelectorAll("*") returns elements and
+        // getBoundingClientRect() measures their border boxes, so a
+        // ::before / ::after that sticks out is invisible to it -- while its
+        // overflow still reaches the document and still shrinks the book.
+        // scrollWidth DOES account for pseudo-elements, so it is the one
+        // cheap read that closes the gap.
+        //
+        // MEASURED, the field guide: .dc-spray::before is a decorative skewed
+        // tab at right:-8px, width:14px. It escaped its shell (scrollWidth 394
+        // vs clientWidth 384), Chromium's print widened the layout 696 -> 697
+        // CSS px, that one pixel re-broke a line, and the book printed TWO
+        // PAGES shorter than the preview -- with this audit silent throughout.
+        // page-templates.css had already recorded the gap: "this book still
+        // has one the audit does not catch".
+        //
+        // Same escape rule as above: overflow a clipping ancestor contains
+        // never reaches the document, so it is not a trigger. The element
+        // CARRYING the pseudo is what gets named -- an author cannot select a
+        // pseudo-element to fix it.
+        const scrollCands = [];
+        for (const el of document.querySelectorAll("*")) {
+          if (!mine(el)) continue;
+          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;
+          // 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
+          // sheet-wide on its own zero-margin page, and its wrapper on the
+          // ordinary page must not be blamed for containing it.
+          if ([...el.querySelectorAll("*")].some((d) => {
+            const n = getComputedStyle(d).page;
+            return n && n !== "auto" && Math.abs((NAMED[n] ?? DEFAULT_LIMIT) - limitOf(el)) >= 0.5;
+          })) continue;
+          // An element that clips its OWN horizontal overflow contains it, so
+          // nothing reaches the document. Read the computed value, not the
+          // declaration: per CSS Overflow 3 an axis set to visible beside a
+          // non-visible one computes to auto, and that really does clip --
+          // while overflow-y: clip leaves x genuinely visible.
+          if (getComputedStyle(el).overflowX !== "visible") continue;
+          const r = el.getBoundingClientRect();
+          const right = r.left + el.scrollWidth;
+          if (right <= LIMIT) continue;
+          if (Math.min(right, clipEdges(el).edges.right) <= LIMIT) continue;
+          scrollCands.push({ el, right, left: r.left });
+        }
+        // Scroll overflow propagates UP: an offender's ancestors all report it
+        // too (html, body, the page wrapper...). Name only the innermost box
+        // of each chain -- the one the author can actually act on.
+        for (const c of scrollCands) {
+          if (out.length >= 20) break;
+          if (scrollCands.some((o) => o !== c && c.el.contains(o.el))) continue;
+          // The border-box pass already named a descendant, so this element's
+          // scroll overflow is that box's, reported one level too high.
+          if (boxEls.some((b) => c.el.contains(b))) continue;
+          if (out.some((o) => o.desc === desc(c.el))) continue;
+          out.push({ desc: desc(c.el), px: c.right, left: c.left, limit: limitOf(c.el) });
+        }
         return JSON.stringify(out);
-      })()`));
+      })()`)));
+    }
     const replaced = JSON.parse(await page.evaluate(`(() => {
         const LIMIT = ${limitPx} + 1;
         const desc = ${DESC_JS};

package/dist/{cli-jkxgt9w9.js → cli-avsnd8r3.js}

@@ -13,12 +13,12 @@ import {
   stampCreator,
   stripAnnotations,
   warn
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   DEBOUNCE,
   UsageError,
   resolvePort
-} from "./cli-3dehjhtb.js";
+} from "./cli-00gqsfce.js";
 import {
   MARGIN_BOX_IGNORED_PROPERTIES,
   RENDER_TIMEOUT_MS,
@@ -27,7 +27,7 @@ import {
   getAssetPath,
   getBrowser,
   prewarmBrowser
-} from "./cli-2h1s42gy.js";
+} from "./cli-7hay1r0h.js";
 import {
   INSTALL_HINTS,
   execCapture,
@@ -1100,7 +1100,6 @@ var riskyProperties = new Set([
   "backdrop-filter",
   "mix-blend-mode",
   "background-blend-mode",
-  "isolation",
   "animation",
   "animation-name",
   "transition",
@@ -1381,12 +1380,12 @@ async function runLint(opts = {}) {
   const { manifest, manifestDir } = await loadManifestWithPath(opts.manifest, {
     explicit: opts.manifest !== undefined
   });
-  resolveConfig({}, manifest);
+  const resolved = resolveConfig({}, manifest);
   let files;
   if (opts.files) {
     files = await glob([opts.files], { nodir: true, ignore: ["**/*.min.css"] });
   } else {
-    const relStyles = await resolveActiveStyles(manifestDir, manifest.styles);
+    const relStyles = await resolveActiveStyles(manifestDir, resolved.styles);
     files = relStyles.map((rel) => resolve2(manifestDir, rel)).filter((f) => !f.endsWith(".min.css"));
   }
   if (files.length === 0) {
@@ -7538,7 +7537,7 @@ class PdfOutput {
       const rawPdf = pdfxMode ? path8.join(stage, "raw.pdf") : path8.resolve(pdfFile);
       await fsp2.mkdir(path8.dirname(path8.resolve(pdfFile)), { recursive: true });
       log.info("Rendering HTML to PDF via the Gutterpress engine (native Chromium pagination)");
-      const { buildNativePdf } = await import("./engine-a8qa7wr5.js");
+      const { buildNativePdf } = await import("./engine-dzrzyyew.js");
       const engineDiagnostics = await buildNativePdf(htmlFile, rawPdf, {
         title: config.title,
         author: config.authors.length > 0 ? config.authors.join(", ") : undefined,

package/dist/cli.js

@@ -6,7 +6,7 @@ import {
   UsageError,
   package_default,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
+} from "./cli-00gqsfce.js";
 import {
   EXIT_CODES
 } from "./cli-46ycxe6r.js";
@@ -18,16 +18,16 @@ import {
 import { defineCommand, parseArgs, runMain } from "citty";
 import { statSync } from "node:fs";
 var SUBCOMMANDS = {
-  new: () => import("./new-amjrjd8p.js").then((m) => m.default),
-  preview: () => import("./preview-02zpmta4.js").then((m) => m.default),
-  build: () => import("./build-b10s6ht6.js").then((m) => m.default),
-  publish: () => import("./publish-01e1e84m.js").then((m) => m.default),
-  lint: () => import("./lint-xq54b626.js").then((m) => m.default),
-  validate: () => import("./validate-yat2eh2p.js").then((m) => m.default),
-  audit: () => import("./audit-7ttrs98p.js").then((m) => m.default),
-  preflight: () => import("./preflight-0txk2k9q.js").then((m) => m.default),
-  doctor: () => import("./doctor-91ewrfbn.js").then((m) => m.default),
-  plugin: () => import("./plugin-svrqwjj4.js").then((m) => m.default)
+  new: () => import("./new-ca7931w9.js").then((m) => m.default),
+  preview: () => import("./preview-k56acsvd.js").then((m) => m.default),
+  build: () => import("./build-j6ygk7fv.js").then((m) => m.default),
+  publish: () => import("./publish-yyc10rj3.js").then((m) => m.default),
+  lint: () => import("./lint-7ngwa1mj.js").then((m) => m.default),
+  validate: () => import("./validate-bv3tknh5.js").then((m) => m.default),
+  audit: () => import("./audit-8eaaemfk.js").then((m) => m.default),
+  preflight: () => import("./preflight-nht6dqvw.js").then((m) => m.default),
+  doctor: () => import("./doctor-wtpgvfnr.js").then((m) => m.default),
+  plugin: () => import("./plugin-52qk3h7k.js").then((m) => m.default)
 };
 var VERSION = package_default.version;
 var main = defineCommand({
@@ -52,7 +52,7 @@ async function preflightRequiredInvocations(rawArgs) {
   const [command, ...commandArgs] = rawArgs;
   try {
     if (command === "new") {
-      const { newArgs } = await import("./new-amjrjd8p.js");
+      const { newArgs } = await import("./new-ca7931w9.js");
       rejectUnknownFlags(commandArgs, newArgs, "new");
       const parsed2 = parseArgs(commandArgs, {
         ...newArgs,
@@ -64,7 +64,7 @@ async function preflightRequiredInvocations(rawArgs) {
       return;
     }
     if (command === "preflight") {
-      const { preflightArgs } = await import("./preflight-0txk2k9q.js");
+      const { preflightArgs } = await import("./preflight-nht6dqvw.js");
       rejectUnknownFlags(commandArgs, preflightArgs, "preflight");
       const parsed2 = parseArgs(commandArgs, {
         ...preflightArgs,
@@ -88,7 +88,7 @@ async function preflightRequiredInvocations(rawArgs) {
     if (subcommand !== "add") {
       throw new UsageError(`gutterpress plugin: unknown command "${subcommand}"`);
     }
-    const { pluginAddArgs } = await import("./plugin-svrqwjj4.js");
+    const { pluginAddArgs } = await import("./plugin-52qk3h7k.js");
     rejectUnknownFlags(subcommandArgs, pluginAddArgs, "plugin add");
     const parsed = parseArgs(subcommandArgs, {
       ...pluginAddArgs,

package/dist/{doctor-91ewrfbn.js → doctor-wtpgvfnr.js}

@@ -1,12 +1,12 @@
 import {
   getSystemDiagnostics,
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
+} from "./cli-00gqsfce.js";
 import"./cli-c41yr7he.js";
 import"./cli-46ycxe6r.js";
 import"./cli-37x76zdn.js";

package/dist/{engine-a8qa7wr5.js → engine-dzrzyyew.js}

@@ -4,7 +4,7 @@ import {
   build,
   connectChromium,
   getBrowser
-} from "./cli-2h1s42gy.js";
+} from "./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   BuildError

package/dist/{engine-gf90g9vk.js → engine-pta3yeyt.js}

@@ -1,13 +1,13 @@
 import {
   build
-} from "./index-s69b3t18.js";
+} from "./index-cm4dywtk.js";
 import {
   BuildError,
   RENDER_TIMEOUT_MS,
   assertMilestone,
   connectChromium,
   getBrowser
-} from "./index-d1es8g3a.js";
+} from "./index-p4yq14qw.js";
 import"./index-37x76zdn.js";
 
 // src/lib/engine.ts

package/dist/{gutterpress-viewer-h031snh8.js → gutterpress-viewer-k0xrt5hw.js}

@@ -35,7 +35,6 @@
     injectBreakMapping: () => injectBreakMapping,
     fragmentDocument: () => fragmentDocument,
     contentEdgeRect: () => contentEdgeRect,
-    compensateTrailingMarginsBeforeAvoids: () => compensateTrailingMarginsBeforeAvoids,
     compensateRepeatedHeaders: () => compensateRepeatedHeaders,
     compensateRectoBreaks: () => compensateRectoBreaks,
     columnReserve: () => columnReserve,
@@ -112,8 +111,22 @@
 
    Scope: \`>\` means this only ever reached the flow root's OWN children, so a
    book whose atomic blocks sit inside \`@page\`/\`@section\` wrappers was never
-   affected — which is why removing it does not move the dc-op-manual field
-   guide's remaining 4-page divergence. That one is still open. */
+   affected — which is why removing it did not move the dc-op-manual field
+   guide's divergence.
+
+   That separate divergence is now PARTLY closed. Its cause was
+   \`compensateTrailingMarginsBeforeAvoids\`, a viewer shim built on the false
+   premise that print discards a trailing margin at a fragmentainer edge.
+   Measured with printToPDF on the shim's own fixture: print keeps the margin
+   and defers the avoid block (8 print pages; the viewer reported 6). Removing
+   it took the field guide from viewer 294 / PDF 295 to 295 / 295.
+
+   STILL OPEN, and NOT what that shim caused: an interior +1 then -1 pair,
+   opening after PDF p108 (inside Gutterdruid) and closing before p176
+   (Wirephreak), so roughly p109-p153 is one page out of register while the
+   totals still agree. Anchor it with image identity, not text — that PDF has
+   no extractable body text; \`rabbit-walking.png\` (1379x2530, unique) sits on
+   PDF p134 vs viewer folio 135. */
 
 /* View mode (\`applySpreadMode\` in fragment.ts): wraps this run's multicol
    columns into \`--gp-wrap-cols\` ROWS instead of one long row — 2 for
@@ -1092,6 +1105,8 @@
     }
     sites.sort((a, b) => a.el.compareDocumentPosition(b.el) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
     for (const { el, prop } of sites) {
+      if (prop === "break-before" && el.style.breakBefore === "auto")
+        continue;
       const strip = el.closest(".gp-strip");
       if (!strip)
         continue;
@@ -1225,6 +1240,14 @@
       pushRun(runs, undefined, trailing);
     return runs;
   }
+  var FORCED_BREAK = /^(column|page|left|right|recto|verso|always)$/;
+  function clearLeadingForcedBreaks(strip) {
+    for (let el = strip.firstElementChild;el; el = el.firstElementChild) {
+      const cs = getComputedStyle(el);
+      if (FORCED_BREAK.test(cs.breakBefore))
+        el.style.breakBefore = "auto";
+    }
+  }
   function stabilizeFullHeightPageRoots(model, strips) {
     let stabilized = 0;
     for (const strip of strips) {
@@ -1305,87 +1328,6 @@
       delete el.dataset.gpOverflowYPriority;
     }
   }
-  function compensateTrailingMarginsBeforeAvoids(model, strips) {
-    const candidates = new Set;
-    for (const decl of model.breaks) {
-      if (decl.prop !== "break-inside" || !/^avoid(?:-|$)/.test(decl.value.trim()))
-        continue;
-      let els;
-      try {
-        els = Array.from(document.querySelectorAll(decl.selector));
-      } catch {
-        continue;
-      }
-      for (const el of els) {
-        if (el instanceof HTMLElement && el.closest(".gp-strip"))
-          candidates.add(el);
-      }
-    }
-    let compensated = 0;
-    const orderedCandidates = Array.from(candidates).sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
-    for (const el of orderedCandidates) {
-      if (!/^avoid(?:-|$)/.test(getComputedStyle(el).breakInside))
-        continue;
-      const prev = el.previousElementSibling;
-      const stripEl = el.closest(".gp-strip");
-      const strip = strips.find((item) => item.el === stripEl);
-      if (!prev || !stripEl || !strip)
-        continue;
-      const rects = Array.from(el.getClientRects());
-      const prevRects = Array.from(prev.getClientRects());
-      if (rects.length !== 1 || !prevRects.length)
-        continue;
-      const rect = rects[0];
-      const prevRect = prevRects.at(-1);
-      const stripRect = stripEl.getBoundingClientRect();
-      const { stride } = stripMetrics(stripEl);
-      const zoom = cssZoomOf(stripEl);
-      const colOf = (r) => Math.floor(((r.left - stripRect.left) / zoom + 1) / stride);
-      const currentCol = colOf(rect);
-      if (currentCol !== colOf(prevRect) + 1)
-        continue;
-      if (Math.abs(rect.top - stripRect.top) / zoom > 0.5)
-        continue;
-      const marginEnd = parseFloat(getComputedStyle(prev).marginBlockEnd) || 0;
-      if (marginEnd <= 0.5)
-        continue;
-      const remaining = stripEl.clientHeight - (prevRect.bottom - stripRect.top) / zoom;
-      const height = rect.height / zoom;
-      if (height > remaining + 0.5)
-        continue;
-      if (height + marginEnd <= remaining + 0.5)
-        continue;
-      prev.dataset.gpTrailingMargin = "compensated";
-      prev.dataset.gpTrailingMarginValue = prev.style.getPropertyValue("margin-block-end");
-      prev.dataset.gpTrailingMarginPriority = prev.style.getPropertyPriority("margin-block-end");
-      prev.style.setProperty("margin-block-end", "0px");
-      compensated++;
-    }
-    return compensated;
-  }
-  function restoreTrailingMargins(doc = document) {
-    for (const el of Array.from(doc.querySelectorAll('[data-gp-trailing-margin="compensated"]')))
-      restoreTrailingMargin(el);
-  }
-  function restoreTrailingMargin(el) {
-    const value = el.dataset.gpTrailingMarginValue ?? "";
-    const priority = el.dataset.gpTrailingMarginPriority ?? "";
-    if (value)
-      el.style.setProperty("margin-block-end", value, priority);
-    else
-      el.style.removeProperty("margin-block-end");
-    delete el.dataset.gpTrailingMargin;
-    delete el.dataset.gpTrailingMarginValue;
-    delete el.dataset.gpTrailingMarginPriority;
-  }
-  function restoreIneffectiveTrailingMargins(strips) {
-    for (const prev of Array.from(document.querySelectorAll('[data-gp-trailing-margin="compensated"]'))) {
-      const target = prev.nextElementSibling;
-      if (!target || pageOf(target, strips) !== pageRangeOf(prev, strips)[1]) {
-        restoreTrailingMargin(prev);
-      }
-    }
-  }
   function runPageBox(model, name, warnings = []) {
     const right = resolvePage(model, { name, pseudos: ["right"] }).geometry;
     const left = resolvePage(model, { name, pseudos: ["left"] }).geometry;
@@ -1436,6 +1378,8 @@
         offset: 0
       });
     }
+    for (const s of strips)
+      clearLeadingForcedBreaks(s.el);
     return strips;
   }
   function compensateRepeatedHeaders(strips, maxPasses = 24) {
@@ -1742,14 +1686,12 @@
     await layoutReady;
     makeOverflowFragmentable(strips);
     stabilizeFullHeightPageRoots(model, strips);
-    compensateTrailingMarginsBeforeAvoids(model, strips);
     synthesizeColumnBreaks(model);
     measure(strips);
     const blanks = compensateRectoBreaks(model, strips);
     if (blanks)
       measure(strips);
     const headers = opts.compensateHeaders === false ? { tables: 0, passes: 0, warnings: [] } : compensateRepeatedHeaders(strips);
-    restoreIneffectiveTrailingMargins(strips);
     const { totalPages } = measure(strips);
     const api = {
       model,
@@ -1762,7 +1704,6 @@
       pageRangeOf: (sel) => pageRangeOf(typeof sel === "string" ? document.querySelector(sel) : sel, strips),
       relayout: () => {
         restoreFullHeightPageRoots();
-        restoreTrailingMargins();
         restoreScrollContainers();
         unwrapStrips(strips);
         for (const spacer of Array.from(document.querySelectorAll(".gp-recto-spacer")))
@@ -1772,7 +1713,6 @@
         strips.push(...rebuilt);
         makeOverflowFragmentable(strips);
         stabilizeFullHeightPageRoots(model, strips);
-        compensateTrailingMarginsBeforeAvoids(model, strips);
         synthesizeColumnBreaks(model);
         measure(strips);
         api.blankPages = compensateRectoBreaks(model, strips);
@@ -1780,7 +1720,6 @@
           api.warnings = [
             ...new Set([...authoring, ...compensateRepeatedHeaders(strips).warnings])
           ];
-        restoreIneffectiveTrailingMargins(strips);
         const r = measure(strips);
         api.totalPages = r.totalPages;
         api.blankPageIndices = blankPageIndices(strips);

package/dist/{index-s69b3t18.js → index-cm4dywtk.js}

@@ -4,7 +4,7 @@ import {
   launchChromium,
   marginBoxAlign,
   marginBoxRectPt
-} from "./index-d1es8g3a.js";
+} from "./index-p4yq14qw.js";
 
 // src/engine/compiler/build.ts
 import { readFile } from "node:fs/promises";
@@ -1521,7 +1521,8 @@ ${flushCss}`);
     const widthOffenders = await findWidthOffenders(page, model, 2 * (tier2.geometry.bleed + tier2.geometry.slug), sheetViewport);
     const describe = (list) => list.map((o) => {
       const fix = o.left !== undefined && o.left < -1 ? "keep it inside the page content box" : "give it an explicit width";
-      return `  ${o.desc} — ${Math.round(o.px)}px > ${Math.round(widthOffenders.limitPx)}px content box (${fix})`;
+      const lim = o.limit ?? widthOffenders.limitPx;
+      return `  ${o.desc} — ${Math.round(o.px)}px > ${Math.round(lim)}px content box (${fix})`;
     }).join(`
 `);
     if (widthOffenders.boxes.length) {
@@ -2043,20 +2044,42 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
     resolvePage(model),
     ...model.pageNames.filter((n) => !n.startsWith("gp-") || n.startsWith("gp--flush-")).map((n) => resolvePage(model, { name: n }))
   ];
-  const maxContentPt = Math.max(...contexts.map((c) => c.geometry.width - c.geometry.margin.left - c.geometry.margin.right)) + bleedSlugExtensionPt;
-  const limitPx = maxContentPt * 96 / 72;
+  const contentPxOf = (c) => (c.geometry.width - c.geometry.margin.left - c.geometry.margin.right + bleedSlugExtensionPt) * 96 / 72;
+  const defaultLimitPx = contentPxOf(contexts[0]);
+  const namedLimits = {};
+  model.pageNames.filter((n) => !n.startsWith("gp-") || n.startsWith("gp--flush-")).forEach((n) => {
+    namedLimits[n] = contentPxOf(resolvePage(model, { name: n }));
+  });
+  const widths = [...new Set([defaultLimitPx, ...Object.values(namedLimits)])].sort((a, b) => a - b);
+  const limitPx = Math.max(...widths);
   await page.evaluate(`Promise.allSettled(
     [...document.images].map((i) => i.decode().catch(() => {}))
   )`);
   try {
-    await page.send("Emulation.setDeviceMetricsOverride", {
-      width: Math.ceil(limitPx),
-      height: 1080,
-      deviceScaleFactor: 1,
-      mobile: false
-    });
-    const boxes = JSON.parse(await page.evaluate(`(() => {
-        const LIMIT = ${limitPx} + 1;
+    const boxes = [];
+    for (const widthPx of widths) {
+      await page.send("Emulation.setDeviceMetricsOverride", {
+        width: Math.ceil(widthPx),
+        height: 1080,
+        deviceScaleFactor: 1,
+        mobile: false
+      });
+      boxes.push(...JSON.parse(await page.evaluate(`(() => {
+        const LIMIT = ${widthPx} + 1;
+        const NAMED = ${JSON.stringify(namedLimits)};
+        const DEFAULT_LIMIT = ${defaultLimitPx};
+        // The page an element lands on: the nearest ancestor with a non-auto
+        // page property, else the default page. Chromium reports the computed
+        // value on the assigned element only -- descendants read "auto" -- so
+        // this walk is what turns it into the USED value.
+        const limitOf = (el) => {
+          for (let e = el; e; e = e.parentElement) {
+            const n = getComputedStyle(e).page;
+            if (n && n !== "auto") return NAMED[n] ?? DEFAULT_LIMIT;
+          }
+          return DEFAULT_LIMIT;
+        };
+        const mine = (el) => Math.abs(limitOf(el) - ${widthPx}) < 0.5;
         const desc = ${DESC_JS};
         // Shrink-to-fit only reacts to overflow that ESCAPES: a clipping or
         // scrolling ancestor contains its subtree's overflow, so the
@@ -2073,7 +2096,9 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
         // response.
         const clipEdges = ${CLIP_EDGES_JS};
         const out = [];
+        const boxEls = [];
         for (const el of document.querySelectorAll("*")) {
+          if (!mine(el)) continue;
           const r = el.getBoundingClientRect();
           const right = Math.max(r.right, r.left + r.width);
           // Flag right-edge overflow (fixed-width blocks, negative-margin
@@ -2089,11 +2114,74 @@ async function findWidthOffenders(page, model, bleedSlugExtensionPt, restoreView
             if (c.getBoundingClientRect().width >= r.width - 1) { deepest = false; break; }
           }
           if (!deepest) continue;
-          out.push({ desc: desc(el), px: Math.max(r.width, right), left: r.left });
+          out.push({ desc: desc(el), px: Math.max(r.width, right), left: r.left, limit: limitOf(el) });
+          boxEls.push(el);
           if (out.length >= 20) break;
         }
+
+        // pass 1b -- SCROLLABLE overflow, which the border-box walk above
+        // cannot see. querySelectorAll("*") returns elements and
+        // getBoundingClientRect() measures their border boxes, so a
+        // ::before / ::after that sticks out is invisible to it -- while its
+        // overflow still reaches the document and still shrinks the book.
+        // scrollWidth DOES account for pseudo-elements, so it is the one
+        // cheap read that closes the gap.
+        //
+        // MEASURED, the field guide: .dc-spray::before is a decorative skewed
+        // tab at right:-8px, width:14px. It escaped its shell (scrollWidth 394
+        // vs clientWidth 384), Chromium's print widened the layout 696 -> 697
+        // CSS px, that one pixel re-broke a line, and the book printed TWO
+        // PAGES shorter than the preview -- with this audit silent throughout.
+        // page-templates.css had already recorded the gap: "this book still
+        // has one the audit does not catch".
+        //
+        // Same escape rule as above: overflow a clipping ancestor contains
+        // never reaches the document, so it is not a trigger. The element
+        // CARRYING the pseudo is what gets named -- an author cannot select a
+        // pseudo-element to fix it.
+        const scrollCands = [];
+        for (const el of document.querySelectorAll("*")) {
+          if (!mine(el)) continue;
+          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;
+          // 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
+          // sheet-wide on its own zero-margin page, and its wrapper on the
+          // ordinary page must not be blamed for containing it.
+          if ([...el.querySelectorAll("*")].some((d) => {
+            const n = getComputedStyle(d).page;
+            return n && n !== "auto" && Math.abs((NAMED[n] ?? DEFAULT_LIMIT) - limitOf(el)) >= 0.5;
+          })) continue;
+          // An element that clips its OWN horizontal overflow contains it, so
+          // nothing reaches the document. Read the computed value, not the
+          // declaration: per CSS Overflow 3 an axis set to visible beside a
+          // non-visible one computes to auto, and that really does clip --
+          // while overflow-y: clip leaves x genuinely visible.
+          if (getComputedStyle(el).overflowX !== "visible") continue;
+          const r = el.getBoundingClientRect();
+          const right = r.left + el.scrollWidth;
+          if (right <= LIMIT) continue;
+          if (Math.min(right, clipEdges(el).edges.right) <= LIMIT) continue;
+          scrollCands.push({ el, right, left: r.left });
+        }
+        // Scroll overflow propagates UP: an offender's ancestors all report it
+        // too (html, body, the page wrapper...). Name only the innermost box
+        // of each chain -- the one the author can actually act on.
+        for (const c of scrollCands) {
+          if (out.length >= 20) break;
+          if (scrollCands.some((o) => o !== c && c.el.contains(o.el))) continue;
+          // The border-box pass already named a descendant, so this element's
+          // scroll overflow is that box's, reported one level too high.
+          if (boxEls.some((b) => c.el.contains(b))) continue;
+          if (out.some((o) => o.desc === desc(c.el))) continue;
+          out.push({ desc: desc(c.el), px: c.right, left: c.left, limit: limitOf(c.el) });
+        }
         return JSON.stringify(out);
-      })()`));
+      })()`)));
+    }
     const replaced = JSON.parse(await page.evaluate(`(() => {
         const LIMIT = ${limitPx} + 1;
         const desc = ${DESC_JS};

package/dist/{index-mmv2rc82.js → index-g0vvds4s.js}

@@ -17,7 +17,7 @@ import {
   resolveChromiumExecutable,
   run,
   spawnCapture
-} from "./index-d1es8g3a.js";
+} from "./index-p4yq14qw.js";
 import {
   gitFs,
   gitScopeFor,
@@ -3978,7 +3978,7 @@ import git from "isomorphic-git";
 // package.json
 var package_default = {
   name: "gutterpress",
-  version: "0.10.2",
+  version: "0.10.4-beta.1",
   description: "Markdown-to-PDF converter for professional print layout using a native Chromium print engine and Ghostscript.",
   author: "itlackey",
   license: "MPL-2.0",
@@ -4274,7 +4274,6 @@ var riskyProperties = new Set([
   "backdrop-filter",
   "mix-blend-mode",
   "background-blend-mode",
-  "isolation",
   "animation",
   "animation-name",
   "transition",
@@ -4484,12 +4483,12 @@ async function runLint(opts = {}) {
   const { manifest, manifestDir } = await loadManifestWithPath(opts.manifest, {
     explicit: opts.manifest !== undefined
   });
-  resolveConfig({}, manifest);
+  const resolved = resolveConfig({}, manifest);
   let files;
   if (opts.files) {
     files = await glob([opts.files], { nodir: true, ignore: ["**/*.min.css"] });
   } else {
-    const relStyles = await resolveActiveStyles(manifestDir, manifest.styles);
+    const relStyles = await resolveActiveStyles(manifestDir, resolved.styles);
     files = relStyles.map((rel) => resolve4(manifestDir, rel)).filter((f) => !f.endsWith(".min.css"));
   }
   if (files.length === 0) {
@@ -8033,7 +8032,7 @@ class PdfOutput {
       const rawPdf = pdfxMode ? path8.join(stage, "raw.pdf") : path8.resolve(pdfFile);
       await fsp2.mkdir(path8.dirname(path8.resolve(pdfFile)), { recursive: true });
       log.info("Rendering HTML to PDF via the Gutterpress engine (native Chromium pagination)");
-      const { buildNativePdf } = await import("./engine-gf90g9vk.js");
+      const { buildNativePdf } = await import("./engine-pta3yeyt.js");
       const engineDiagnostics = await buildNativePdf(htmlFile, rawPdf, {
         title: config.title,
         author: config.authors.length > 0 ? config.authors.join(", ") : undefined,

package/dist/{index-d1es8g3a.js → index-p4yq14qw.js}

@@ -427,7 +427,7 @@ function readDevToolsUrl(proc) {
   return new Promise((resolve, reject) => {
     let buf = "";
     const timer = setTimeout(() => reject(new Error(`Chromium did not report a DevTools URL:
-${buf}`)), 20000);
+${buf}`)), 60000);
     proc.stderr.on("data", (d) => {
       buf += String(d);
       const m = /ws:\/\/[^\s]+/.exec(buf);
@@ -608,7 +608,7 @@ var preview_shell_default = "./preview-shell-gqnc5xxe.js";
 var CGATS21_CRPC1_default = "./CGATS21_CRPC1-g0e3k7kr.icc";
 
 // src/assets/engine/gutterpress-viewer.js
-var gutterpress_viewer_default = "./gutterpress-viewer-h031snh8.js";
+var gutterpress_viewer_default = "./gutterpress-viewer-k0xrt5hw.js";
 
 // src/assets/engine/gutterpress-agent.js
 var gutterpress_agent_default = "./gutterpress-agent-cazqstr1.js";

package/dist/index.js

@@ -113,15 +113,15 @@ import {
   syncProject,
   testRemoteAccess,
   validateProjectPlugins
-} from "./index-mmv2rc82.js";
+} from "./index-g0vvds4s.js";
 import {
   BUILD_DIAGNOSTIC_CODES
-} from "./index-s69b3t18.js";
+} from "./index-cm4dywtk.js";
 import {
   BuildError,
   DEFAULT_PRINT_OPTS,
   readyProbeExpr
-} from "./index-d1es8g3a.js";
+} from "./index-p4yq14qw.js";
 import {
   AUTO_SNAPSHOT_MESSAGE,
   HISTORY_PAGE_LIMIT,

package/dist/{lint-xq54b626.js → lint-7ngwa1mj.js}

@@ -1,16 +1,16 @@
 import {
   MANIFEST_FILENAMES,
   runLint
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   EXIT_CODES

package/dist/{new-amjrjd8p.js → new-ca7931w9.js}

@@ -5,16 +5,16 @@ import {
   TARGETS,
   TARGET_IDS,
   scaffoldProject
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   resolveGhostscript
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import {
   isToolAvailable
 } from "./cli-c41yr7he.js";

package/dist/{plugin-svrqwjj4.js → plugin-52qk3h7k.js}

@@ -1,14 +1,14 @@
 import {
   addNpmPlugin,
   parseNpmPluginSpec
-} from "./cli-jkxgt9w9.js";
-import"./cli-v5c0s1vp.js";
+} from "./cli-avsnd8r3.js";
+import"./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   EXIT_CODES

package/dist/{preflight-0txk2k9q.js → preflight-nht6dqvw.js}

@@ -2,16 +2,16 @@ import {
   executeValidation,
   publishTargetFor,
   reportMissingTools
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   EXIT_CODES

package/dist/{preview-02zpmta4.js → preview-k56acsvd.js}

@@ -6,10 +6,10 @@ import {
   runBuild,
   splitOutPath,
   startPreviewServer
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   parseEngine,
@@ -18,8 +18,8 @@ import {
   rejectExtraPositionals,
   rejectUnknownFlags,
   resolvePort
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   BuildError

package/dist/{publish-01e1e84m.js → publish-yyc10rj3.js}

@@ -7,17 +7,17 @@ import {
   publishCredentialKey,
   publishProviderFor,
   runPublish
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   FileTokenStore,
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   EXIT_CODES

package/dist/{validate-yat2eh2p.js → validate-bv3tknh5.js}

@@ -1,15 +1,15 @@
 import {
   executeAndReport
-} from "./cli-jkxgt9w9.js";
+} from "./cli-avsnd8r3.js";
 import {
   log
-} from "./cli-v5c0s1vp.js";
+} from "./cli-2y07zn1g.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-3dehjhtb.js";
-import"./cli-2h1s42gy.js";
+} from "./cli-00gqsfce.js";
+import"./cli-7hay1r0h.js";
 import"./cli-c41yr7he.js";
 import {
   EXIT_CODES

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gutterpress",
-  "version": "0.10.2",
+  "version": "0.10.4-beta.1",
   "description": "Markdown-to-PDF converter for professional print layout using a native Chromium print engine and Ghostscript.",
   "author": "itlackey",
   "license": "MPL-2.0",