gutterpress 0.11.20-alpha.4 → 0.11.20-beta.1

package/dist/{gutterpress-viewer-jr30yw8t.js → gutterpress-viewer-w7njnkj7.js}

@@ -119,7 +119,38 @@
   );
   position: relative;
   width: var(--gp-content-w);
-  height: var(--gp-content-h);
+  /* Exactly one column tall, but DEFINITE only where print's flow root is.
+     A page root's percentage height (\`.page { height: 100% }\`) resolves
+     against its containing block. In print that is the flow root (\`body\` or
+     \`main\`), whose height is auto in an ordinary book, so the percentage
+     computes to \`auto\` and MARKER_CSS's min-height cushion sizes the root.
+     Here the strip stands in as that containing block, and a plain
+     \`height: var(--gp-content-h)\` resolved the percentage to the full column:
+     the root ended exactly on the column's edge, and the same percentage
+     reached everything else the author's rule matched (\`[data-name="x"]\`
+     selects a block AND its heading, so the heading filled the root and the
+     paragraph after it spilled into the next column). Mid-run the next root's
+     forced break absorbed the spill; a run's LAST root left a blank column —
+     a preview page the PDF does not have. Measured on
+     examples/with-print-effects with \`height: 100%\` on its page blocks: print
+     5pp, viewer 8pp (a pin root is a run of its own, so three runs ended on
+     such a root).
+
+     \`height: 100%\` asks the strip's own containing block the question the
+     root asks print's: is the flow root's height definite? Auto there (the
+     ordinary book) is auto here, and the root's percentage is auto exactly
+     as in print. A definite flow root — \`html, body { height: 100% }\`, where
+     print's percentage DOES resolve to the page area — is definite here too
+     (measured, the same 5-root book: 6pp in both renderers). Either way the
+     min/max pair pins the used height, so the column height, to the content
+     height: \`clientHeight\` is still one column.
+
+     \`decorate.ts\`'s \`.gp-run\` wrapper sizes itself with \`min-height\` for the
+     same reason — a definite wrapper would resolve the percentage after the
+     run was measured and re-fragment it under its sheets. */
+  height: 100%;
+  min-height: var(--gp-content-h);
+  max-height: var(--gp-content-h);
   column-width: var(--gp-content-w);
   column-gap: var(--gp-col-gap);
   column-fill: auto;
@@ -1055,7 +1086,7 @@
   }
   function pinInsets(area, side, edges) {
     const binding = side === "recto" ? "left" : "right";
-    const inset = (edge) => !area || !edges.includes(edge) ? 0 : edge === binding ? area.safe : area.bleed + area.artSafe;
+    const inset = (edge) => !area || !edges.includes(edge) ? 0 : edge === binding ? area.gutter : area.bleed + area.artSafe;
     return { top: inset("top"), right: inset("right"), bottom: inset("bottom"), left: inset("left") };
   }
   var NO_PADDING = { top: 0, right: 0, bottom: 0, left: 0 };
@@ -1097,6 +1128,7 @@
         bleed: n(v.bleed),
         safe,
         artSafe: typeof v.artSafe === "number" ? n(v.artSafe) : safe,
+        gutter: typeof v.gutter === "number" ? n(v.gutter) : safe,
         preset: typeof v.preset === "string" ? v.preset : undefined,
         spec
       };
@@ -1213,7 +1245,7 @@
         continue;
       const stripTop = strip.getBoundingClientRect().top;
       const edge = prop === "break-after" ? rect.bottom : rect.top;
-      if (columnReserve((edge - stripTop) / cssZoomOf(strip), strip.clientHeight) === null)
+      if (columnReserve((edge - stripTop) / cssZoomOf(strip), stripMetrics(strip).height) === null)
         continue;
       const spacer = document.createElement("div");
       spacer.className = "gp-column-break-spacer";
@@ -1597,12 +1629,11 @@
       let previous = "";
       for (let pass = 0;pass < maxPasses; pass++) {
         passes = Math.max(passes, pass + 1);
-        const stride = strideOf(strip.el);
+        const { stride, height: colBottom } = stripMetrics(strip.el);
         const stripLeft = strip.el.getBoundingClientRect().left - strip.el.scrollLeft;
         const zoom = cssZoomOf(strip.el);
         const colOf = (r) => Math.floor(((r.left - stripLeft) / zoom + 1) / stride);
         const stripTop = strip.el.getBoundingClientRect().top;
-        const colBottom = strip.el.clientHeight;
         const plans = [];
         for (const table of tables) {
           const head = repeatingHead(table);
@@ -1773,7 +1804,7 @@
     const colGap = parseFloat(cs.columnGap) || 0;
     const h = parseFloat(cs.getPropertyValue("--gp-content-h"));
     const rowGap = parseFloat(cs.rowGap) || 0;
-    return { stride: w + colGap, rowStride: h + rowGap };
+    return { stride: w + colGap, rowStride: h + rowGap, height: h };
   }
   function rowStrideOf(strip) {
     return stripMetrics(strip).rowStride;
@@ -2225,16 +2256,23 @@
     const b = Math.max(0, area.bleed) * scale;
     const s = Math.max(0, area.safe) * scale;
     const a = Math.max(0, area.artSafe) * scale;
-    const [left, right] = side === "verso" ? [a, s] : [s, a];
+    const g = Math.max(0, area.gutter) * scale;
+    const [textLeft, textRight] = side === "verso" ? [s, g] : [g, s];
+    const [artLeft, artRight] = side === "verso" ? [a, g] : [g, a];
     const trim = { x: side === "verso" ? b : 0, y: b, w: Math.max(0, w - b), h: Math.max(0, h - 2 * b) };
     return {
       sheet: { x: 0, y: 0, w, h },
       trim,
-      safe: { x: trim.x + s, y: trim.y + s, w: Math.max(0, trim.w - 2 * s), h: Math.max(0, trim.h - 2 * s) },
+      safe: {
+        x: trim.x + textLeft,
+        y: trim.y + s,
+        w: Math.max(0, trim.w - textLeft - textRight),
+        h: Math.max(0, trim.h - 2 * s)
+      },
       safeArt: {
-        x: trim.x + left,
+        x: trim.x + artLeft,
         y: trim.y + a,
-        w: Math.max(0, trim.w - left - right),
+        w: Math.max(0, trim.w - artLeft - artRight),
         h: Math.max(0, trim.h - 2 * a)
       },
       bleed: b
@@ -2299,7 +2337,7 @@
   };
   function sheetArea(sheet) {
     const px = (name) => parseFloat(sheet.style.getPropertyValue(name)) || 0;
-    return { width: px("--gp-page-w") / PX_PER_PT, height: px("--gp-page-h") / PX_PER_PT, bleed: 0, safe: 0, artSafe: 0 };
+    return { width: px("--gp-page-w") / PX_PER_PT, height: px("--gp-page-h") / PX_PER_PT, bleed: 0, safe: 0, artSafe: 0, gutter: 0 };
   }
   var OVERLAY_CSS = `
 .root {
@@ -2311,12 +2349,12 @@
   --gp-ov-bleed-color: #e5484d; /* bleed layer: the band, and (darker) the trim line */
   --gp-ov-bleed-alpha: 0.45;    /* opacity of the bleed band */
   --gp-ov-trim-color: color-mix(in srgb, var(--gp-ov-bleed-color) 60%, #000); /* darker than the band so it reads as an edge */
-  --gp-ov-art-color: #00b4d8;   /* art layer: the art line (dotted, a second cue) */
+  --gp-ov-art-color: #a855f7;   /* art layer: the art line (dotted, a second cue) */
   --gp-ov-margins-color: #1a9c6b; /* margins layer: the page's own content box */
   --gp-ov-flag-width: 2px;      /* overflow flag outline */
   --gp-ov-warn: #f59e0b;        /* leaves the safe area */
   --gp-ov-error: #e5484d;       /* crosses the trim / leaves the sheet */
-  --gp-ov-intent: #8b5cf6;      /* placed on purpose */
+  --gp-ov-intent: #ec4899;      /* placed on purpose (pink: apart from the purple art line) */
   /* The overlay is scaled with the stage, so a 2px line would shrink with the
      zoom; dividing by it keeps lines the same width on screen at every zoom. */
   --gp-ov-w: calc(var(--gp-ov-width) / var(--gp-ov-z, 1));
@@ -2386,7 +2424,7 @@
 .gp-ov-flag[data-kind="intended"] {
   outline: var(--gp-ov-flag-w) dotted var(--gp-ov-intent);
 }
-/* the legend: small, fixed in a corner of the viewport, and the one part that takes the pointer (its link) */
+/* the legend: small, fixed in a corner of the viewport, and the one part that takes the pointer (its link and its fold button) */
 .gp-ov-legend {
   position: fixed;
   right: 12px;
@@ -2401,8 +2439,33 @@
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
   pointer-events: auto;
 }
-.gp-ov-legend > div + div { margin-top: 3px; }
+.gp-ov-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.gp-ov-body { margin-top: 6px; }
+.gp-ov-body > div + div { margin-top: 3px; }
 .gp-ov-legend a { color: #9cc2ff; }
+/* the fold button: a chevron made of two borders, down while the legend is open, up once it is folded to its header */
+.gp-ov-toggle {
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 18px;
+  height: 18px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  cursor: pointer;
+}
+.gp-ov-toggle:focus-visible { outline: 2px solid #9cc2ff; }
+.gp-ov-toggle::before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  border: solid currentColor;
+  border-width: 0 2px 2px 0;
+  transform: translateY(-2px) rotate(45deg);
+}
+.gp-ov-toggle[aria-expanded="false"]::before { transform: translateY(2px) rotate(-135deg); }
 .gp-ov-row { display: flex; align-items: flex-start; gap: 6px; }
 .gp-ov-swatch {
   flex: none;
@@ -2550,12 +2613,19 @@
   var ART_TAGS = new Set(["img", "svg", "video", "canvas"]);
   var inches = (px) => +(Math.abs(px) / 96).toFixed(2);
   var ptIn = (pt2) => `${+(pt2 / 72).toFixed(3)}in`;
+  var LEGEND_FOLD_KEY = "gutterpress.overlay-legend-collapsed";
+  var legendCollapsed = false;
+  try {
+    legendCollapsed = localStorage.getItem(LEGEND_FOLD_KEY) === "true";
+  } catch {}
   function legend(layers, area, summary) {
     const el = div("gp-ov-legend");
+    const body = div("gp-ov-body");
+    body.id = "gp-ov-body";
     const add = (cls, ...content) => {
       const line = div(cls);
       line.append(...content);
-      el.appendChild(line);
+      body.appendChild(line);
     };
     const row = (layer, name, text) => {
       const swatch = div("gp-ov-swatch");
@@ -2567,14 +2637,15 @@
       add("gp-ov-row", swatch, label);
     };
     const { bleedPt, safePt, artSafePt, counts } = summary;
+    const gutterPt = area?.gutter ?? safePt;
     if (layers.bleed) {
       row("bleed", "Bleed", bleedPt > 0 ? ` ${ptIn(bleedPt)} — top, bottom, outside; none at the binding` : " — none set (page.bleed in manifest.yaml)");
     }
     if (layers.safe) {
-      row("safe", "Safe area: text", safePt > 0 ? ` — ${ptIn(safePt)}, every edge` : " — none set (page.safe in manifest.yaml)");
+      row("safe", "Safe area: text", safePt <= 0 ? " — none set (page.safe in manifest.yaml)" : gutterPt === safePt ? ` — ${ptIn(safePt)}, every edge` : ` — ${ptIn(safePt)}; ${ptIn(gutterPt)} at the binding`);
     }
     if (layers.art) {
-      row("art", "Safe area: art", safePt <= 0 && artSafePt <= 0 ? " — none set (page.artSafe in manifest.yaml)" : artSafePt === safePt ? ` — ${ptIn(artSafePt)}, every edge` : ` — ${ptIn(artSafePt)} top, bottom, outside; ${ptIn(safePt)} at the binding`);
+      row("art", "Safe area: art", safePt <= 0 && artSafePt <= 0 ? " — none set (page.artSafe in manifest.yaml)" : artSafePt === gutterPt ? ` — ${ptIn(artSafePt)}, every edge` : ` — ${ptIn(artSafePt)} top, bottom, outside; ${ptIn(gutterPt)} at the binding`);
     }
     if (layers.margins)
       row("margins", "Page margins", " — your stylesheet's @page margins");
@@ -2610,6 +2681,30 @@
     const key = document.documentElement.dataset.overlayKey;
     if (key)
       add("gp-ov-note", `${key} hides`);
+    const title = document.createElement("b");
+    title.id = "gp-ov-title";
+    title.textContent = "Print overlays";
+    const toggle = document.createElement("button");
+    toggle.type = "button";
+    toggle.className = "gp-ov-toggle";
+    toggle.setAttribute("aria-labelledby", title.id);
+    toggle.setAttribute("aria-controls", body.id);
+    const fold = () => {
+      body.hidden = legendCollapsed;
+      toggle.setAttribute("aria-expanded", String(!legendCollapsed));
+      toggle.title = legendCollapsed ? "Show the legend" : "Hide the legend";
+    };
+    toggle.addEventListener("click", () => {
+      legendCollapsed = !legendCollapsed;
+      try {
+        localStorage.setItem(LEGEND_FOLD_KEY, String(legendCollapsed));
+      } catch {}
+      fold();
+    });
+    fold();
+    const head = div("gp-ov-head");
+    head.append(title, toggle);
+    el.append(head, body);
     return el;
   }
   function paintOverlay(pages, strips, area, layers) {
@@ -3029,7 +3124,7 @@
           overlayPages.push({ index: bookIndex, sheet, strip, padded: ctx.padded });
         }
         const rows = Math.max(1, Math.ceil((strip.pages + shift) / perRow));
-        run.style.height = `${rowStride * (rows - 1) + PX_PER_PT * g.height}px`;
+        run.style.minHeight = `${rowStride * (rows - 1) + PX_PER_PT * g.height}px`;
         run.style.width = `${stride * perRow}px`;
         const composed = !!strip.wrapCols && shift === 1 && !first;
         run.style.marginTop = composed ? `${-(prevPageH + sheetGap)}px` : "";
@@ -3117,7 +3212,7 @@
       }
     }
     function checkOverflow(strip, out) {
-      const h = strip.el.clientHeight;
+      const { height: h } = stripMetrics(strip.el);
       for (const el of Array.from(strip.el.querySelectorAll("figure,table,img,pre"))) {
         const r = el.getBoundingClientRect();
         if (r.height > h + 1) {

package/dist/{index-gm5xbx5w.js → index-crys9951.js}

@@ -148,7 +148,7 @@ import { fileURLToPath } from "node:url";
 var favicon_default = "./favicon-272ga6y0.ico";
 
 // src/assets/manifest.schema.json
-var manifest_schema_default = "./manifest.schema-13dfax80.json";
+var manifest_schema_default = "./manifest.schema-c4wfpg6g.json";
 
 // src/assets/preview/scripts/preview-interface.js
 var preview_interface_default = "./preview-interface-nnmrxyqm.js";
@@ -163,10 +163,10 @@ 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-jr30yw8t.js";
+var gutterpress_viewer_default = "./gutterpress-viewer-w7njnkj7.js";
 
 // src/assets/engine/gutterpress-agent.js
-var gutterpress_agent_default = "./gutterpress-agent-mrdnwktc.js";
+var gutterpress_agent_default = "./gutterpress-agent-yvd8w8my.js";
 
 // src/assets/templates/book/manifest.yaml
 var manifest_default = "./manifest-n1gh3qw5.yaml";

package/dist/{index-t13p8y08.js → index-pjw7trb8.js}

@@ -9,7 +9,7 @@ import {
   getAssetsDir,
   lastPageMode,
   parseSize
-} from "./index-gm5xbx5w.js";
+} from "./index-crys9951.js";
 import {
   countLinkAnnotations,
   getImageResolutions,
@@ -180,7 +180,8 @@ var DTRPG_PRESET = {
     tolerance: 0.5,
     bleed: 9,
     safe: 36,
-    artSafe: 18
+    artSafe: 18,
+    gutter: undefined
   },
   ink: {
     maxTac: 240,
@@ -267,7 +268,8 @@ var BOOK_PRESET = {
     tolerance: 0.5,
     bleed: undefined,
     safe: 18,
-    artSafe: undefined
+    artSafe: undefined,
+    gutter: undefined
   },
   ink: {
     maxTac: 400,
@@ -631,7 +633,8 @@ function resolveCustomPage(c, m) {
     tolerance: c.page?.tolerance ?? m.page?.tolerance ?? 0.5,
     bleed: c.page?.bleed ?? m.page?.bleed,
     safe: c.page?.safe ?? m.page?.safe,
-    artSafe: c.page?.artSafe ?? m.page?.artSafe
+    artSafe: c.page?.artSafe ?? m.page?.artSafe,
+    gutter: c.page?.gutter ?? m.page?.gutter
   };
 }
 function resolveWithPreset(cliOverrides, manifest, preset) {
@@ -1987,11 +1990,15 @@ var GUTTERPRESS_CSS = `
 
 /* sizes — AFTER the flow positions so max-width:100% lifts the floats' 50%
    cap at equal specificity */
-.gp-small { width: 25%; max-width: 100%; }
-.gp-medium { width: 50%; max-width: 100%; }
-.gp-large { width: 60%; max-width: 100%; }
-.gp-xl { width: 80%; max-width: 100%; }
-.gp-xxl { width: 90%; max-width: 100%; }
+.gp-size-10 { width: 10%; max-width: 100%; }
+.gp-size-20 { width: 20%; max-width: 100%; }
+.gp-size-30 { width: 30%; max-width: 100%; }
+.gp-size-40 { width: 40%; max-width: 100%; }
+.gp-size-50 { width: 50%; max-width: 100%; }
+.gp-size-60 { width: 60%; max-width: 100%; }
+.gp-size-70 { width: 70%; max-width: 100%; }
+.gp-size-80 { width: 80%; max-width: 100%; }
+.gp-size-90 { width: 90%; max-width: 100%; }
 
 /* float clearance presets — consumed by var(--gp-gap) in the float rules
    above and by .gp-shape's shape-margin below; --gp-gap itself is
@@ -2189,11 +2196,15 @@ var GP_CLASSES = new Set([
   "gp-center",
   "gp-full",
   "gp-bleed",
-  "gp-small",
-  "gp-medium",
-  "gp-large",
-  "gp-xl",
-  "gp-xxl",
+  "gp-size-10",
+  "gp-size-20",
+  "gp-size-30",
+  "gp-size-40",
+  "gp-size-50",
+  "gp-size-60",
+  "gp-size-70",
+  "gp-size-80",
+  "gp-size-90",
   "gp-tight",
   "gp-loose",
   "gp-columns",
@@ -2318,10 +2329,10 @@ import markdownItAttrs from "markdown-it-attrs";
 import markdownItFootnote from "markdown-it-footnote";
 
 // src/lib/markdown/gp-pin-scope.js
-function warn3(env, line, type, message, marker) {
+function warn3(env, line, type, message, severity) {
   if (!env.layoutWarnings)
     env.layoutWarnings = [];
-  env.layoutWarnings.push({ line, type, message, marker });
+  env.layoutWarnings.push(severity ? { line, type, message, severity } : { line, type, message });
 }
 function editDistance2(a, b) {
   let prev = Array.from({ length: b.length + 1 }, (_, j) => j);
@@ -2364,7 +2375,7 @@ function checkFlushArt(token, env, line) {
     return;
   if (!classes.some((c) => PIN_EDGES.includes(c)))
     return;
-  warn3(env, line, "flush_art", FLUSH_ART_MSG);
+  warn3(env, line, "flush_art", FLUSH_ART_MSG, "info");
 }
 function elementNameFor(token) {
   switch (token.type) {
@@ -3185,6 +3196,7 @@ function printAreaMeta(page) {
     bleed: page.bleed ?? 0,
     safe: page.safe ?? 0,
     artSafe: page.artSafe,
+    gutter: page.gutter,
     preset: page.preset,
     spec: page.spec
   });
@@ -3813,7 +3825,7 @@ import { satisfies, validRange } from "semver";
 // package.json
 var package_default = {
   name: "gutterpress",
-  version: "0.11.20-alpha.4",
+  version: "0.11.20-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",
@@ -6875,11 +6887,11 @@ var inches = (pt) => `${+(pt / 72).toFixed(2)}in`;
 var check4 = {
   id: "pdf.print.safe-margins",
   name: "Safe margins",
-  description: "Fails when text sits closer to the trim than `page.safe` (DriveThruRPG: 0.5in on every edge). Text only: art is judged in the preview's safe-area overlay, not here. Skipped when `page.safe` is not set",
+  description: "Fails when text sits closer to the trim than `page.safe` (DriveThruRPG: 0.5in on every edge), or than `page.gutter` at the binding edge where one is set. Text only: art is judged in the preview's safe-area overlay, not here. Skipped when `page.safe` is not set",
   category: "pdf",
   phase: "post-build",
   async run(ctx) {
-    const { width, height, bleed = 0, safe = 0 } = ctx.config.page;
+    const { width, height, bleed = 0, safe = 0, gutter = safe } = ctx.config.page;
     if (!ctx.pdfPath || !safe)
       return [];
     const doc = await loadPdf(ctx.pdfPath);
@@ -6917,8 +6929,7 @@ var check4 = {
             ["bottom", Math.min(...ys) - trim.bottom],
             ["top", trim.top - Math.max(...ys)]
           ];
-          const [edge, gap] = gaps.reduce((worst, g) => g[1] < worst[1] ? g : worst);
-          const shortfall = safe - gap;
+          const [edge, shortfall] = gaps.map(([name, gap]) => [name, (name === "binding" ? gutter : safe) - gap]).reduce((worst, g) => g[1] > worst[1] ? g : worst);
           if (shortfall <= TOLERANCE_PT)
             continue;
           const text = item.str.trim();
@@ -6926,7 +6937,7 @@ var check4 = {
             severity: "error",
             message: `Page ${pageNum}: "${text.slice(0, 40)}${text.length > 40 ? "…" : ""}" is ${inches(shortfall)} too close to the ${edge} edge.`,
             file: ctx.pdfPath,
-            detail: `${rule}: text must stay at least ${inches(safe)} inside the trim on every edge.`,
+            detail: gutter === safe ? `${rule}: text must stay at least ${inches(safe)} inside the trim on every edge.` : `${rule}: text must stay at least ${inches(safe)} inside the trim, ${inches(gutter)} at the binding.`,
             code: "text-outside-safe-margin",
             data: { page: pageNum, edge, shortfallPt: +shortfall.toFixed(2) }
           }));
@@ -10867,7 +10878,7 @@ class PdfOutput {
       const rawPdf = pdfxMode ? path13.join(stage, "raw.pdf") : path13.resolve(pdfFile);
       await fsp2.mkdir(path13.dirname(path13.resolve(pdfFile)), { recursive: true });
       log.info("Rendering HTML to PDF via the Gutterpress engine (native Chromium pagination)");
-      const { buildNativePdf } = await import("./engine-7ha27n2b.js");
+      const { buildNativePdf } = await import("./engine-5fw55dfb.js");
       const engineDiagnostics = await buildNativePdf(htmlFile, rawPdf, {
         title: config.title,
         author: config.authors.length > 0 ? config.authors.join(", ") : undefined,
@@ -12412,16 +12423,29 @@ import { existsSync as existsSync13 } from "node:fs";
 import { mkdir as mkdir8, readFile as readFile29, writeFile as writeFile8 } from "node:fs/promises";
 import path19 from "node:path";
 import postcss5 from "postcss";
-import { Scalar as Scalar2 } from "yaml";
+import { isMap as isMap2, Scalar as Scalar2 } from "yaml";
 function isPositivePoints(value) {
   return typeof value === "number" && Number.isFinite(value) && value > 0;
 }
 function writePageBounds(doc, page) {
-  const out = { width: page.width, height: page.height };
   const tolerance = page.tolerance ?? numberAt(doc, ["page", "tolerance"]);
+  if (!isMap2(doc.get("page", true)))
+    doc.set("page", doc.createNode({}));
+  doc.setIn(["page", "width"], page.width);
+  doc.setIn(["page", "height"], page.height);
   if (tolerance !== undefined)
-    out.tolerance = tolerance;
-  doc.set("page", doc.createNode(out));
+    doc.setIn(["page", "tolerance"], tolerance);
+}
+function deletePageBounds(doc) {
+  const block = doc.get("page", true);
+  if (!isMap2(block)) {
+    doc.delete("page");
+    return;
+  }
+  for (const key of ["width", "height", "tolerance"])
+    block.delete(key);
+  if (block.items.length === 0)
+    doc.delete("page");
 }
 function numberAt(doc, keyPath) {
   const v = doc.getIn(keyPath);
@@ -12553,7 +12577,7 @@ async function setPageSetup(projectDir, choice) {
   if (choice.preset === "custom")
     writePageBounds(doc, size);
   else
-    doc.delete("page");
+    deletePageBounds(doc);
   if (target === newSheet && !sheets.includes(newSheet)) {
     ensureSeq(doc, "styles").add(new Scalar2("styles/book.css"));
   }
@@ -12997,7 +13021,7 @@ import { cp as cp3, mkdir as mkdir11, readFile as readFile32, readdir as readdir
 import { constants as FS3, existsSync as existsSync15 } from "node:fs";
 import { access as access3 } from "node:fs/promises";
 import path22 from "node:path";
-import { isMap as isMap2, isScalar as isScalar2, isSeq as isSeq3, parseDocument as parseDocument2 } from "yaml";
+import { isMap as isMap3, isScalar as isScalar2, isSeq as isSeq3, parseDocument as parseDocument2 } from "yaml";
 var BUILT_IN_TEMPLATE_IDS = [
   "book",
   "zine",
@@ -13063,7 +13087,7 @@ function collectEscaping(nodes, getValue, escapes) {
   return out;
 }
 function extensionEntryPath(node) {
-  const use = isMap2(node) ? scalarString(node.get("use", true)) : scalarString(node);
+  const use = isMap3(node) ? scalarString(node.get("use", true)) : scalarString(node);
   return use !== null && isPathSpecifier(use) ? use : null;
 }
 function dropEscaping(doc, seq, key, escaping) {
@@ -13075,7 +13099,7 @@ function dropEscaping(doc, seq, key, escaping) {
     doc.delete(key);
 }
 function rewriteEntry(node, newPath) {
-  if (isMap2(node))
+  if (isMap3(node))
     node.set("use", newPath);
   else if (isScalar2(node))
     node.value = newPath;
@@ -13871,7 +13895,7 @@ async function searchNpmExtensions(query, options = {}) {
   return { matches, total: pages.reduce((sum, page) => sum + page.total, 0) };
 }
 // src/lib/manifest-config.ts
-import { isSeq as isSeq4, isMap as isMap3, YAMLSeq as YAMLSeq3, Scalar as Scalar3 } from "yaml";
+import { isSeq as isSeq4, isMap as isMap4, YAMLSeq as YAMLSeq3, Scalar as Scalar3 } from "yaml";
 function hasKey(obj, key) {
   return Object.prototype.hasOwnProperty.call(obj, key);
 }
@@ -13909,7 +13933,7 @@ async function setManifestFields(projectDir, updates) {
     if (f === null || Array.isArray(f) && f.length === 0) {
       doc.deleteIn(["source", "files"]);
       const source = doc.get("source", true);
-      if (isMap3(source) && source.items.length === 0) {
+      if (isMap4(source) && source.items.length === 0) {
         doc.delete("source");
       }
     } else {
@@ -13939,7 +13963,7 @@ async function readManifestFields(projectDir) {
       out.sourceFiles = filesNode.items.map((i) => scalarString(i) ?? "");
     } else {
       const sourceNode = doc.get("source", true);
-      if (isMap3(sourceNode) && sourceNode.has("files"))
+      if (isMap4(sourceNode) && sourceNode.has("files"))
         out.sourceFiles = null;
     }
     return out;
@@ -17636,10 +17660,10 @@ function normalizeProjectKey(projectDir) {
   return projectDir.replace(/[\\/]+$/, "");
 }
 // src/lib/publish/manifest-publish.ts
-import { isMap as isMap4 } from "yaml";
+import { isMap as isMap5 } from "yaml";
 function settingsFromDoc(doc) {
   const node = doc.get("publish", true);
-  if (!isMap4(node))
+  if (!isMap5(node))
     return {};
   const json = node.toJSON();
   const out = {};
@@ -17664,11 +17688,11 @@ async function setPublishProviderConfig(projectDir, providerId, values) {
     }
   }
   const section = doc.getIn(["publish", providerId], true);
-  if (isMap4(section) && section.items.length === 0) {
+  if (isMap5(section) && section.items.length === 0) {
     doc.deleteIn(["publish", providerId]);
   }
   const publish = doc.get("publish", true);
-  if (isMap4(publish) && publish.items.length === 0) {
+  if (isMap5(publish) && publish.items.length === 0) {
     doc.delete("publish");
   }
   await writeManifestDoc(file, doc);

package/dist/{index-ad95fws8.js → index-yw16cfm8.js}

@@ -19,7 +19,7 @@ import {
   stringValueAt,
   toFolioPage,
   wantsRecto
-} from "./index-gm5xbx5w.js";
+} from "./index-crys9951.js";
 import {
   launchChromium
 } from "./index-bt0qws5c.js";
@@ -49,7 +49,7 @@ function flushMargins(margin, edges) {
 }
 function pinInsets(area, side, edges) {
   const binding = side === "recto" ? "left" : "right";
-  const inset = (edge) => !area || !edges.includes(edge) ? 0 : edge === binding ? area.safe : area.bleed + area.artSafe;
+  const inset = (edge) => !area || !edges.includes(edge) ? 0 : edge === binding ? area.gutter : area.bleed + area.artSafe;
   return { top: inset("top"), right: inset("right"), bottom: inset("bottom"), left: inset("left") };
 }
 var NO_PADDING = { top: 0, right: 0, bottom: 0, left: 0 };

package/dist/index.js

@@ -154,14 +154,14 @@ import {
   testRemoteAccess,
   updateExtensions,
   validateProjectExtensions
-} from "./index-t13p8y08.js";
+} from "./index-pjw7trb8.js";
 import"./index-ht1bcqdd.js";
 import {
   BUILD_DIAGNOSTIC_CODES
-} from "./index-ad95fws8.js";
+} from "./index-yw16cfm8.js";
 import {
   BuildError
-} from "./index-gm5xbx5w.js";
+} from "./index-crys9951.js";
 import"./index-sth219v1.js";
 import {
   DEFAULT_PRINT_OPTS,

package/dist/lib/markdown/assemble.d.ts

@@ -44,7 +44,7 @@ export interface LayoutWarning {
     type: string;
     message: string;
     marker?: unknown;
-    /** Set only by a component's `validate`; absent means `"warning"`. */
+    /** Set by a component's `validate` and by `flush_art`; absent means `"warning"`. */
     severity?: "error" | "warning" | "info";
 }
 /**