gutterpress 0.11.23-alpha.6 → 0.11.23-beta.1

package/dist/{cli-58fsk6d7.js → cli-k087gj0p.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",
@@ -1140,7 +1170,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 +1185,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-ze691rrd.js";
 
 // src/assets/engine/gutterpress-agent.js
 var gutterpress_agent_default = "./gutterpress-agent-d29ry3ak.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 +1242,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 +1251,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 +1263,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 +1371,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);
       }
@@ -1674,7 +1704,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 +1725,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 +1772,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) => {
@@ -1949,8 +1981,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 +1994,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;
@@ -2603,10 +2635,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 +2677,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 +2697,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(`

package/dist/{cli-qzkq9em8.js → cli-s1zt779w.js}

@@ -1,7 +1,7 @@
 // package.json
 var package_default = {
   name: "gutterpress",
-  version: "0.11.23-alpha.6",
+  version: "0.11.23-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-x777v272.js → cli-ttj95aex.js}

@@ -1,7 +1,7 @@
 import {
   PACKAGE_VERSION,
   debug
-} from "./cli-tf9tw6at.js";
+} from "./cli-1fy1pm9d.js";
 import {
   isExactNpmVersion,
   isValidNpmPackageName,
@@ -3575,9 +3575,9 @@ async function loadNpmPackage(packageName, baseDir, version) {
   const looksLikeJsFilename = /\.(m?js|cjs)$/i.test(packageName);
   const suggestedPath = looksLikeJsFilename ? `./${packageName}` : `./plugins/${packageName}.js`;
   if (!looksLikeJsFilename && (!version || !isExactNpmVersion(version))) {
-    throw new Error(`Extension "${packageName}${version ? `@${version}` : ""}" is not pinned to an exact version, so it can't be downloaded automatically. Run \`gutterpress ext add ${packageName}\` (or use Book setup > Advanced in the desktop app) to download it and pin its version in your manifest.`);
+    throw new Error(`Extension "${packageName}${version ? `@${version}` : ""}" is not pinned to an exact version, so it can't be downloaded automatically. Run \`gutterpress ext add ${packageName}\` (or add it in Book setup) to download it and pin its version in your manifest.`);
   }
-  throw new Error(`Extension "${packageName}" not found. Install it with \`gutterpress ext add ${version ? `${packageName}@${version}` : packageName}\` (or Book setup > Advanced in the desktop app),
+  throw new Error(`Extension "${packageName}" not found. Install it with \`gutterpress ext add ${version ? `${packageName}@${version}` : packageName}\` (or add it in Book setup),
 or reference a local file under \`extensions:\`:
   extensions:
     - ${suggestedPath}`);

package/dist/{cli-bnf7eb38.js → cli-vhav8g82.js}

@@ -14,7 +14,7 @@ import {
 import {
   PACKAGE_VERSION,
   log
-} from "./cli-tf9tw6at.js";
+} from "./cli-1fy1pm9d.js";
 import {
   __require
 } from "./cli-37x76zdn.js";

package/dist/cli.js

@@ -8,7 +8,7 @@ import {
 } from "./cli-d8xjns66.js";
 import {
   package_default
-} from "./cli-qzkq9em8.js";
+} from "./cli-s1zt779w.js";
 import {
   EXIT_CODES
 } from "./cli-46ycxe6r.js";
@@ -20,14 +20,14 @@ import {
 import { defineCommand, parseArgs, runMain } from "citty";
 import { statSync } from "node:fs";
 var SUBCOMMANDS = {
-  new: () => import("./new-b27kyr02.js").then((m) => m.default),
-  preview: () => import("./preview-bck9f88w.js").then((m) => m.default),
-  build: () => import("./build-py643c5a.js").then((m) => m.default),
-  publish: () => import("./publish-keyp8rh4.js").then((m) => m.default),
-  validate: () => import("./validate-z28cvr5x.js").then((m) => m.default),
-  preflight: () => import("./preflight-akdqz9v8.js").then((m) => m.default),
-  doctor: () => import("./doctor-tyrzqphh.js").then((m) => m.default),
-  ext: () => import("./ext-70kt3eft.js").then((m) => m.default)
+  new: () => import("./new-jtk028rf.js").then((m) => m.default),
+  preview: () => import("./preview-d1j1g4qf.js").then((m) => m.default),
+  build: () => import("./build-dg8a566j.js").then((m) => m.default),
+  publish: () => import("./publish-7yw4jyrt.js").then((m) => m.default),
+  validate: () => import("./validate-rkcdnzhw.js").then((m) => m.default),
+  preflight: () => import("./preflight-cs6mj1d6.js").then((m) => m.default),
+  doctor: () => import("./doctor-g4a42tcz.js").then((m) => m.default),
+  ext: () => import("./ext-w9d5ftcg.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-b27kyr02.js");
+      const { newArgs } = await import("./new-jtk028rf.js");
       rejectUnknownFlags(commandArgs, newArgs, "new");
       const parsed = parseArgs(commandArgs, {
         ...newArgs,
@@ -64,7 +64,7 @@ async function preflightRequiredInvocations(rawArgs) {
       return;
     }
     if (command === "preflight") {
-      const { preflightArgs } = await import("./preflight-akdqz9v8.js");
+      const { preflightArgs } = await import("./preflight-cs6mj1d6.js");
       rejectUnknownFlags(commandArgs, preflightArgs, "preflight");
       const parsed = parseArgs(commandArgs, {
         ...preflightArgs,
@@ -84,7 +84,7 @@ async function preflightRequiredInvocations(rawArgs) {
       }
       if (subcommand.startsWith("-"))
         return;
-      const { EXT_SUBCOMMANDS, extAddArgs, extRemoveArgs, extEnableArgs, extDisableArgs } = await import("./ext-70kt3eft.js");
+      const { EXT_SUBCOMMANDS, extAddArgs, extRemoveArgs, extEnableArgs, extDisableArgs } = await import("./ext-w9d5ftcg.js");
       if (!EXT_SUBCOMMANDS.includes(subcommand)) {
         throw new UsageError(`gutterpress ext: unknown command "${subcommand}"`);
       }

package/dist/{doctor-tyrzqphh.js → doctor-g4a42tcz.js}

@@ -1,17 +1,17 @@
 import {
   getSystemDiagnostics
-} from "./cli-bnf7eb38.js";
+} from "./cli-vhav8g82.js";
 import"./cli-5crpmz42.js";
 import"./cli-asap4t1z.js";
 import {
   log
-} from "./cli-tf9tw6at.js";
+} from "./cli-1fy1pm9d.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
 } from "./cli-d8xjns66.js";
-import"./cli-qzkq9em8.js";
+import"./cli-s1zt779w.js";
 import"./cli-46ycxe6r.js";
 import"./cli-37x76zdn.js";
 

package/dist/engine/shared/page-vars.d.ts

@@ -0,0 +1,32 @@
+/**
+ * The page's own numbers, published as custom properties so a stylesheet reads
+ * them instead of keeping a copy that stops following Book setup:
+ *
+ *   --gp-page-width  --gp-page-height  --gp-page-bleed  --gp-page-safe
+ *   --gp-page-gutter  --gp-page-art-safe  --gp-page-margin-top
+ *   --gp-page-margin-bottom  --gp-page-margin-inside  --gp-page-margin-outside
+ *
+ * Every value is in `pt` with the unit, so `calc()` takes it directly, and every
+ * name is always there: a value the book does not define is `0pt`.
+ *
+ * Where each comes from:
+ *  - size and margins: the `@page` reader (`resolvePage`) over the stylesheet
+ *    the engine reads. The assembly writes the manifest's size, and its margins
+ *    when it sets any, as plain `@page` rules after every sheet (see
+ *    lib/markdown/assemble.ts), so the reader returns the manifest's when it
+ *    decided and the look's or the 1in default when it did not. The recto is
+ *    read (`:right`, page 1 and every odd page): `inside` is its left, the
+ *    binding, and `outside` its right.
+ *  - bleed, safe, gutter, art-safe: the manifest's `page`, through the book's
+ *    `<meta name="gp-print-area">` (shared/print-area.ts).
+ *
+ * The size and margins are also published per named page, on the selectors that
+ * assign it (the way `--gp-content-h` is); the book-wide ones are on `:root`.
+ *
+ * Pure: the compiler publishes this CSS for the PDF and the viewer for the
+ * preview (viewer/fragment.ts), from the same model and print area.
+ */
+import { type GcpmModel } from "./gcpm-extract.ts";
+import { type PrintArea } from "./print-area.ts";
+/** The `gp-page-vars` rules for one book; `area` is `null` when it carries no print area. */
+export declare function pageGeometryVarsCss(model: GcpmModel, area: PrintArea | null): string;

package/dist/{engine-4rabsgwq.js → engine-jvkcahr1.js}

@@ -1,8 +1,9 @@
 import {
   build
-} from "./cli-58fsk6d7.js";
+} from "./cli-k087gj0p.js";
 import"./cli-eyyggect.js";
 import"./cli-asap4t1z.js";
+import"./cli-65gy8ask.js";
 import {
   BuildError
 } from "./cli-46ycxe6r.js";

package/dist/{engine-wm4fggac.js → engine-wgkaqjsc.js}

@@ -1,10 +1,10 @@
 import {
   build
-} from "./index-wm4x7xbf.js";
-import"./index-2vxzxyyj.js";
+} from "./index-fk2kpf2t.js";
+import"./index-798jt0qc.js";
 import {
   BuildError
-} from "./index-46ycxe6r.js";
+} from "./index-tayzfr9c.js";
 import"./index-bt0qws5c.js";
 import"./index-37x76zdn.js";
 

package/dist/{ext-70kt3eft.js → ext-w9d5ftcg.js}

@@ -2,10 +2,10 @@ import {
   importExtensionFromFile,
   importExtensionFromUrl,
   searchNpmExtensions
-} from "./cli-09jj8w5g.js";
-import"./cli-bnf7eb38.js";
+} from "./cli-989eg8jz.js";
+import"./cli-vhav8g82.js";
 import"./cli-ht1bcqdd.js";
-import"./cli-58fsk6d7.js";
+import"./cli-k087gj0p.js";
 import"./cli-5crpmz42.js";
 import"./cli-eyyggect.js";
 import"./cli-asap4t1z.js";
@@ -18,12 +18,12 @@ import {
   removeExtension,
   setExtensionEnabled,
   updateExtensions
-} from "./cli-55br530w.js";
+} from "./cli-e31jshz6.js";
 import {
   isPathSpecifier,
   parseExtensionSpecifier
-} from "./cli-x777v272.js";
-import"./cli-tf9tw6at.js";
+} from "./cli-ttj95aex.js";
+import"./cli-1fy1pm9d.js";
 import {
   UsageError,
   exitForUsage,
@@ -31,7 +31,8 @@ import {
   rejectUnknownFlags,
   resolveProjectDir
 } from "./cli-d8xjns66.js";
-import"./cli-qzkq9em8.js";
+import"./cli-s1zt779w.js";
+import"./cli-65gy8ask.js";
 import {
   EXIT_CODES
 } from "./cli-46ycxe6r.js";

package/dist/{extension-restore-whag4sm0.js → extension-restore-5x4mj79d.js}

@@ -3,9 +3,9 @@ import {
   restoreForCommand,
   restoreOfflineMessage,
   restorePinnedExtensions
-} from "./index-cmakyf43.js";
-import"./index-1zqkfzcd.js";
-import"./index-46ycxe6r.js";
+} from "./index-rj5vrhz6.js";
+import"./index-a4j3xcfp.js";
+import"./index-tayzfr9c.js";
 import"./index-5x42amh8.js";
 import"./index-37x76zdn.js";
 export {

package/dist/{extension-restore-fjfn1hrk.js → extension-restore-as0g38p1.js}

@@ -3,11 +3,12 @@ import {
   restoreForCommand,
   restoreOfflineMessage,
   restorePinnedExtensions
-} from "./cli-55br530w.js";
-import"./cli-x777v272.js";
-import"./cli-tf9tw6at.js";
+} from "./cli-e31jshz6.js";
+import"./cli-ttj95aex.js";
+import"./cli-1fy1pm9d.js";
 import"./cli-d8xjns66.js";
-import"./cli-qzkq9em8.js";
+import"./cli-s1zt779w.js";
+import"./cli-65gy8ask.js";
 import"./cli-46ycxe6r.js";
 import"./cli-y28j019d.js";
 import"./cli-37x76zdn.js";

package/dist/{gutterpress-viewer-mafsby5k.js → gutterpress-viewer-ze691rrd.js}

@@ -34,6 +34,7 @@
     makeOverflowFragmentable: () => makeOverflowFragmentable,
     loadStyleSources: () => loadStyleSources,
     injectViewerCss: () => injectViewerCss,
+    injectPageVars: () => injectPageVars,
     injectBreakMapping: () => injectBreakMapping,
     indexInStrip: () => indexInStrip,
     fragmentDocument: () => fragmentDocument,
@@ -1118,6 +1119,7 @@
   }
 
   // src/engine/shared/print-area.ts
+  var round3 = (n) => Math.round(n * 1000) / 1000;
   function printAreaFromMeta(doc) {
     const raw = doc.querySelector('meta[name="gp-print-area"]')?.getAttribute("content");
     if (!raw)
@@ -1200,6 +1202,33 @@
     return { kind, gap, need };
   }
 
+  // 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/viewer/fragment.ts
   var PX_PER_PT = 96 / 72;
   function injectViewerCss(doc = document) {
@@ -1210,6 +1239,15 @@
     style.textContent = viewer_default;
     doc.head.appendChild(style);
   }
+  function injectPageVars(model, doc = document) {
+    let style = doc.getElementById("gp-page-vars");
+    if (!style) {
+      style = doc.createElement("style");
+      style.id = "gp-page-vars";
+      doc.head.appendChild(style);
+    }
+    style.textContent = pageGeometryVarsCss(model, printAreaFromMeta(doc));
+  }
   var pt = (v) => v * PX_PER_PT;
   function collectCssText(doc = document) {
     let out = "";
@@ -1793,13 +1831,13 @@
     return shim;
   }
   function compensateRectoBreaks(model, strips) {
-    const decls = model.breaks.filter(isRectoVersoBreak);
+    const decls2 = model.breaks.filter(isRectoVersoBreak);
     for (const spacer of Array.from(document.querySelectorAll(".gp-recto-spacer")))
       spacer.remove();
-    if (!decls.length)
+    if (!decls2.length)
       return 0;
     const sites = [];
-    for (const d of decls) {
+    for (const d of decls2) {
       let els = [];
       try {
         els = Array.from(document.querySelectorAll(d.selector));
@@ -1993,6 +2031,7 @@
       document.head.appendChild(style);
     }
     const model = extract(css);
+    injectPageVars(model);
     injectBreakMapping(model);
     const authoring = [];
     const strips = buildStrips(model, opts, authoring);
@@ -2861,8 +2900,8 @@
     } catch {}
     return document.getElementById(id);
   }
-  function applyPageBackground(sheet, decls) {
-    for (const [prop, value] of Object.entries(decls)) {
+  function applyPageBackground(sheet, decls2) {
+    for (const [prop, value] of Object.entries(decls2)) {
       const p = prop.toLowerCase();
       if (p !== "background" && !p.startsWith("background-"))
         continue;
@@ -2941,8 +2980,8 @@
       }
       if (blankPages.has(bookIndex)) {
         const pseudos2 = ["blank"];
-        const { geometry: geometry2, marginBoxes: marginBoxes2, decls: decls2 } = resolvePage(model, { pseudos: pseudos2 });
-        return { index: bookIndex, strip, pseudos: pseudos2, geometry: geometry2, marginBoxes: marginBoxes2, decls: decls2 };
+        const { geometry: geometry2, marginBoxes: marginBoxes2, decls: decls3 } = resolvePage(model, { pseudos: pseudos2 });
+        return { index: bookIndex, strip, pseudos: pseudos2, geometry: geometry2, marginBoxes: marginBoxes2, decls: decls3 };
       }
       const pseudos = [];
       if (bookIndex === 0)
@@ -2950,11 +2989,11 @@
       if (indexInStrip2 === 0)
         pseudos.push("nth-first-of-run");
       pseudos.push(bookIndex % 2 === 0 ? "right" : "left");
-      const { geometry, marginBoxes, decls } = resolvePage(model, {
+      const { geometry, marginBoxes, decls: decls2 } = resolvePage(model, {
         name: strip.page,
         pseudos
       });
-      return { index: bookIndex, strip, pseudos, geometry, marginBoxes, decls };
+      return { index: bookIndex, strip, pseudos, geometry, marginBoxes, decls: decls2 };
     }
     function buildMaps() {
       api.stringMap = new Map;
@@ -3150,10 +3189,10 @@
     function drawMarginBoxes(sheet, ctx, totalPages) {
       const g = ctx.geometry;
       for (const name of MARGIN_BOX_NAMES) {
-        const decls = ctx.marginBoxes[`@${name}`];
-        if (!decls?.content)
+        const decls2 = ctx.marginBoxes[`@${name}`];
+        if (!decls2?.content)
           continue;
-        const text = evaluate(decls.content, {
+        const text = evaluate(decls2.content, {
           page: api.pageNumbers[ctx.index] ?? ctx.index + 1,
           pages: totalPages,
           strings: (n, w) => stringAt(n, w, ctx.index),
@@ -3169,7 +3208,7 @@
         const content = document.createElement("span");
         content.className = "gp-marginbox-content";
         content.textContent = text;
-        for (const [prop, value] of Object.entries(decls)) {
+        for (const [prop, value] of Object.entries(decls2)) {
           if (prop.toLowerCase() === "content" || isIgnoredMarginBoxProperty(prop))
             continue;
           content.style.setProperty(prop, value);