@ai-matrx/print 0.1.0 → 0.2.0

package/dist/booklet.cjs

@@ -0,0 +1,202 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/booklet.ts
+var booklet_exports = {};
+__export(booklet_exports, {
+  bookletSizeWarning: () => bookletSizeWarning,
+  buildBookletDocument: () => buildBookletDocument,
+  imposeBooklet: () => imposeBooklet,
+  printBooklet: () => printBooklet
+});
+module.exports = __toCommonJS(booklet_exports);
+
+// src/core.ts
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function openPrintWindow(htmlDocument, filename = "print") {
+  const win = window.open("", "_blank", "width=920,height=720,scrollbars=yes");
+  if (!win) {
+    const blob = new Blob([htmlDocument], { type: "text/html;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${filename.replace(/\s+/g, "-").toLowerCase()}.html`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+    return;
+  }
+  win.document.open();
+  win.document.write(htmlDocument);
+  win.document.close();
+}
+
+// src/booklet.ts
+var PAGES_PER_SHEET = 4;
+var SADDLE_STITCH_MAX_PAGES = 48;
+function imposeBooklet(pageCount) {
+  if (!Number.isInteger(pageCount) || pageCount < 1) {
+    throw new RangeError(
+      `imposeBooklet: pageCount must be a positive integer, received ${String(pageCount)}`
+    );
+  }
+  const padded = Math.ceil(pageCount / PAGES_PER_SHEET) * PAGES_PER_SHEET;
+  const slot = (n) => n > pageCount ? 0 : n;
+  const sheets = [];
+  for (let i = 1; i <= padded / PAGES_PER_SHEET; i += 1) {
+    sheets.push({
+      front: [slot(padded - 2 * i + 2), slot(2 * i - 1)],
+      back: [slot(2 * i), slot(padded - 2 * i + 1)]
+    });
+  }
+  return { paddedPageCount: padded, sheets, requiresShortEdgeDuplex: true };
+}
+function bookletSizeWarning(pageCount) {
+  if (!Number.isInteger(pageCount) || pageCount < 1) return null;
+  const padded = Math.ceil(pageCount / PAGES_PER_SHEET) * PAGES_PER_SHEET;
+  if (padded <= SADDLE_STITCH_MAX_PAGES) return null;
+  return `This booklet is ${padded} pages (${padded / PAGES_PER_SHEET} sheets). Past about ${SADDLE_STITCH_MAX_PAGES} pages a saddle-stitch booklet gets too thick to fold flat and the inner pages creep out at the fore-edge. Consider printing it as a plain workbook instead, or splitting it into ${SADDLE_STITCH_MAX_PAGES}-page signatures.`;
+}
+var BOOKLET_STYLES = `
+  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+  @page { size: 11in 8.5in; margin: 0; }
+
+  html, body {
+    background: #fff;
+    color: #1a1a1a;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+  }
+
+  .bk-side {
+    display: flex;
+    flex-direction: row;
+    width: 11in;
+    height: 8.5in;
+    page-break-after: always;
+    break-after: page;
+    overflow: hidden;
+  }
+  .bk-side:last-of-type { page-break-after: auto; break-after: auto; }
+
+  .bk-page {
+    width: 5.5in;
+    height: 8.5in;
+    overflow: hidden;
+    position: relative;
+  }
+  .bk-blank { /* intentionally empty \u2014 a padded slot */ }
+
+  .bk-banner {
+    background: #fef3c7;
+    border: 2px solid #f59e0b;
+    border-radius: 8px;
+    padding: 14px 18px;
+    margin: 18px;
+    font-size: 13px;
+    line-height: 1.55;
+    color: #78350f;
+    max-width: 11in;
+  }
+  .bk-banner h2 { font-size: 15px; margin-bottom: 6px; }
+  .bk-banner ol { margin: 6px 0 6px 20px; }
+  .bk-banner strong { font-weight: 700; }
+  .bk-banner .bk-size-warning {
+    display: block;
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: 1px solid #f59e0b;
+    color: #7f1d1d;
+    font-weight: 600;
+  }
+  .bk-actions { display: flex; gap: 10px; margin: 0 18px 18px; }
+  .bk-btn {
+    padding: 8px 20px; border-radius: 8px; font-size: 13px; font-family: inherit;
+    font-weight: 600; cursor: pointer; border: none;
+  }
+  .bk-btn-primary { background: #2563eb; color: #fff; }
+  .bk-btn-secondary { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }
+
+  @media print {
+    .screen-only { display: none !important; }
+    .bk-side { page-break-after: always; break-after: page; }
+  }
+`;
+function renderBox(page, pagesHtml) {
+  const html = page === 0 ? void 0 : pagesHtml[page - 1];
+  if (html === void 0) {
+    return `<div class="bk-page bk-blank" data-page="0"></div>`;
+  }
+  return `<div class="bk-page" data-page="${page}">${html}</div>`;
+}
+function renderSide(spread, pagesHtml) {
+  return `<section class="bk-side">${renderBox(spread[0], pagesHtml)}${renderBox(spread[1], pagesHtml)}</section>`;
+}
+function renderBanner(imposition, warning) {
+  const sheetCount = imposition.sheets.length;
+  const warningHtml = warning ? `<span class="bk-size-warning">${escapeHtml(warning)}</span>` : "";
+  return `<div class="bk-banner screen-only">
+    <h2>Booklet print settings \u2014 set these exactly</h2>
+    <ol>
+      <li>Orientation: <strong>Landscape</strong></li>
+      <li>Two-sided printing: <strong>ON</strong></li>
+      <li>Flip on <strong>SHORT edge</strong> (also called "tumble" or "short-edge binding") \u2014 long-edge flip prints every back side upside-down</li>
+      <li>Scale: <strong>100%</strong> (never "fit to page")</li>
+      <li>Margins: <strong>None</strong></li>
+    </ol>
+    <p><strong>Print all pages, fold the whole stack in half, staple the spine.</strong>
+    ${sheetCount} sheet${sheetCount === 1 ? "" : "s"} of paper, ${imposition.paddedPageCount} booklet pages.</p>
+    ${warningHtml}
+  </div>`;
+}
+function buildBookletDocument(pagesHtml, opts) {
+  const title = opts?.title ?? "Booklet";
+  const pageStyles = opts?.pageStyles ?? "";
+  const imposition = imposeBooklet(Math.max(1, pagesHtml.length));
+  const warning = bookletSizeWarning(pagesHtml.length);
+  const sides = imposition.sheets.map((sheet) => renderSide(sheet.front, pagesHtml) + renderSide(sheet.back, pagesHtml)).join("\n");
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <style>
+${BOOKLET_STYLES}
+${pageStyles}
+  </style>
+</head>
+<body>
+${renderBanner(imposition, warning)}
+  <div class="bk-actions screen-only">
+    <button class="bk-btn bk-btn-primary" onclick="window.print()">Print / Save as PDF</button>
+    <button class="bk-btn bk-btn-secondary" onclick="window.close()">Close</button>
+  </div>
+${sides}
+</body>
+</html>`;
+}
+function printBooklet(pagesHtml, opts) {
+  const title = opts?.title ?? "Booklet";
+  openPrintWindow(buildBookletDocument(pagesHtml, opts), title);
+}
+//# sourceMappingURL=booklet.cjs.map

package/dist/booklet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/booklet.ts","../src/core.ts"],"sourcesContent":["/**\n * @ai-matrx/print/booklet — saddle-stitch booklet imposition.\n *\n * The education white space: no test-prep / worksheet tool offers \"turn this\n * into a fold-and-staple booklet\". This module is the whole capability —\n * the imposition math, the size guidance, and a 2-up landscape print lane\n * composed over ./core.\n *\n * Zero dependencies: pure arithmetic plus string composition. Import-inert —\n * `window` is touched only inside printBooklet, at call time.\n *\n * ── THE MATH ────────────────────────────────────────────────────────────────\n * A saddle-stitch booklet is a stack of sheets folded in half together and\n * stapled through the spine. Every sheet carries FOUR logical pages (two per\n * side), so the page count is padded up to a multiple of 4 with blanks.\n *\n * For sheet i (1-indexed, i = 1..N/4) of an N-page (padded) booklet:\n *   front spread = [N − 2i + 2, 2i − 1]     (left, right)\n *   back  spread = [2i, N − 2i + 1]         (left, right)\n *\n * Worked anchor, N = 8:\n *   sheet 1 → front [8, 1]  back [2, 7]\n *   sheet 2 → front [6, 3]  back [4, 5]\n * Every spread's two page numbers sum to N + 1 — the invariant that makes the\n * fold work, and the cheapest way to check an imposition is right.\n *\n * ── THE DUPLEX TRAP ─────────────────────────────────────────────────────────\n * These spreads are 2-up LANDSCAPE. Ordinary duplex printing flips on the LONG\n * edge, which for a landscape sheet means the back side lands upside-down\n * relative to the front — the booklet folds into gibberish. There are exactly\n * two fixes: instruct the human to select short-edge (tumble) duplex, or\n * pre-rotate every back side 180°. A print-window lane cannot pre-rotate\n * reliably (browsers differ on how `@page`/transform interact with duplex), so\n * THIS lane instructs. `BookletImposition.requiresShortEdgeDuplex` exposes the\n * trap in the type system so a future PDF lane — which owns its own page\n * transforms — can take the pre-rotate branch instead of the instruction.\n */\n\nimport { escapeHtml, openPrintWindow } from \"./core\";\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\n/**\n * One physical sheet of paper. Each tuple is [left, right] as the reader sees\n * that side laid flat, in 1-based logical page numbers.\n * `0` means a blank pad page (a slot past the end of the supplied content).\n */\nexport interface BookletSheet {\n  front: [number, number];\n  back: [number, number];\n}\n\nexport interface BookletImposition {\n  /** Supplied page count rounded UP to the next multiple of 4. */\n  paddedPageCount: number;\n  /** Sheets in print order: sheet 1 outermost, last sheet at the fold. */\n  sheets: BookletSheet[];\n  /**\n   * true when ordinary long-edge duplex would flip the backs — consumer must\n   * either instruct short-edge/tumble duplex or pre-rotate backs 180° (PDF\n   * lanes). Always true for this 2-up landscape imposition.\n   */\n  requiresShortEdgeDuplex: true;\n}\n\nexport interface BookletPrintOptions {\n  title?: string;\n  /** CSS injected after the layout styles — style the caller's page content. */\n  pageStyles?: string;\n}\n\n// ─── Imposition ──────────────────────────────────────────────────────────────\n\n/** Sheets carry four logical pages each; everything pads to this. */\nconst PAGES_PER_SHEET = 4;\n\n/**\n * Past roughly this many letter pages, a saddle-stitch booklet gets too thick\n * to fold cleanly and the creep (inner pages pushing out at the fore-edge)\n * becomes visible. Callers should offer \"print as a workbook instead\".\n */\nconst SADDLE_STITCH_MAX_PAGES = 48;\n\n/**\n * Impose `pageCount` logical pages onto saddle-stitch sheets.\n *\n * Padding is appended at the END of the logical page run, so pad slots always\n * carry the HIGHEST page numbers — which is why they surface as `0` in the\n * spreads nearest the front cover (N=1 → sheet 1 front [0, 1], back [0, 0]).\n *\n * @throws RangeError when pageCount is not a positive integer.\n */\nexport function imposeBooklet(pageCount: number): BookletImposition {\n  if (!Number.isInteger(pageCount) || pageCount < 1) {\n    throw new RangeError(\n      `imposeBooklet: pageCount must be a positive integer, received ${String(pageCount)}`,\n    );\n  }\n\n  const padded = Math.ceil(pageCount / PAGES_PER_SHEET) * PAGES_PER_SHEET;\n  // A slot past the supplied content is a blank pad page, reported as 0.\n  const slot = (n: number): number => (n > pageCount ? 0 : n);\n\n  const sheets: BookletSheet[] = [];\n  for (let i = 1; i <= padded / PAGES_PER_SHEET; i += 1) {\n    sheets.push({\n      front: [slot(padded - 2 * i + 2), slot(2 * i - 1)],\n      back: [slot(2 * i), slot(padded - 2 * i + 1)],\n    });\n  }\n\n  return { paddedPageCount: padded, sheets, requiresShortEdgeDuplex: true };\n}\n\n/**\n * Human warning when a booklet is too fat to saddle-stitch well, else null.\n * Measured on the PADDED count — that is what actually goes through the folder.\n */\nexport function bookletSizeWarning(pageCount: number): string | null {\n  if (!Number.isInteger(pageCount) || pageCount < 1) return null;\n  const padded = Math.ceil(pageCount / PAGES_PER_SHEET) * PAGES_PER_SHEET;\n  if (padded <= SADDLE_STITCH_MAX_PAGES) return null;\n  return (\n    `This booklet is ${padded} pages (${padded / PAGES_PER_SHEET} sheets). ` +\n    `Past about ${SADDLE_STITCH_MAX_PAGES} pages a saddle-stitch booklet gets too thick to fold flat ` +\n    `and the inner pages creep out at the fore-edge. Consider printing it as a plain workbook instead, ` +\n    `or splitting it into ${SADDLE_STITCH_MAX_PAGES}-page signatures.`\n  );\n}\n\n// ─── Print lane ──────────────────────────────────────────────────────────────\n\nconst BOOKLET_STYLES = `\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  @page { size: 11in 8.5in; margin: 0; }\n\n  html, body {\n    background: #fff;\n    color: #1a1a1a;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n  }\n\n  .bk-side {\n    display: flex;\n    flex-direction: row;\n    width: 11in;\n    height: 8.5in;\n    page-break-after: always;\n    break-after: page;\n    overflow: hidden;\n  }\n  .bk-side:last-of-type { page-break-after: auto; break-after: auto; }\n\n  .bk-page {\n    width: 5.5in;\n    height: 8.5in;\n    overflow: hidden;\n    position: relative;\n  }\n  .bk-blank { /* intentionally empty — a padded slot */ }\n\n  .bk-banner {\n    background: #fef3c7;\n    border: 2px solid #f59e0b;\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin: 18px;\n    font-size: 13px;\n    line-height: 1.55;\n    color: #78350f;\n    max-width: 11in;\n  }\n  .bk-banner h2 { font-size: 15px; margin-bottom: 6px; }\n  .bk-banner ol { margin: 6px 0 6px 20px; }\n  .bk-banner strong { font-weight: 700; }\n  .bk-banner .bk-size-warning {\n    display: block;\n    margin-top: 10px;\n    padding-top: 10px;\n    border-top: 1px solid #f59e0b;\n    color: #7f1d1d;\n    font-weight: 600;\n  }\n  .bk-actions { display: flex; gap: 10px; margin: 0 18px 18px; }\n  .bk-btn {\n    padding: 8px 20px; border-radius: 8px; font-size: 13px; font-family: inherit;\n    font-weight: 600; cursor: pointer; border: none;\n  }\n  .bk-btn-primary { background: #2563eb; color: #fff; }\n  .bk-btn-secondary { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }\n\n  @media print {\n    .screen-only { display: none !important; }\n    .bk-side { page-break-after: always; break-after: page; }\n  }\n`;\n\nfunction renderBox(page: number, pagesHtml: readonly string[]): string {\n  // Content fragments are TRUSTED HTML supplied by the caller — they are\n  // already-rendered pages, so they are injected verbatim and NOT escaped.\n  const html = page === 0 ? undefined : pagesHtml[page - 1];\n  if (html === undefined) {\n    return `<div class=\"bk-page bk-blank\" data-page=\"0\"></div>`;\n  }\n  return `<div class=\"bk-page\" data-page=\"${page}\">${html}</div>`;\n}\n\nfunction renderSide(spread: readonly [number, number], pagesHtml: readonly string[]): string {\n  return `<section class=\"bk-side\">${renderBox(spread[0], pagesHtml)}${renderBox(spread[1], pagesHtml)}</section>`;\n}\n\nfunction renderBanner(imposition: BookletImposition, warning: string | null): string {\n  const sheetCount = imposition.sheets.length;\n  const warningHtml = warning\n    ? `<span class=\"bk-size-warning\">${escapeHtml(warning)}</span>`\n    : \"\";\n  return `<div class=\"bk-banner screen-only\">\n    <h2>Booklet print settings — set these exactly</h2>\n    <ol>\n      <li>Orientation: <strong>Landscape</strong></li>\n      <li>Two-sided printing: <strong>ON</strong></li>\n      <li>Flip on <strong>SHORT edge</strong> (also called \"tumble\" or \"short-edge binding\") — long-edge flip prints every back side upside-down</li>\n      <li>Scale: <strong>100%</strong> (never \"fit to page\")</li>\n      <li>Margins: <strong>None</strong></li>\n    </ol>\n    <p><strong>Print all pages, fold the whole stack in half, staple the spine.</strong>\n    ${sheetCount} sheet${sheetCount === 1 ? \"\" : \"s\"} of paper, ${imposition.paddedPageCount} booklet pages.</p>\n    ${warningHtml}\n  </div>`;\n}\n\n/**\n * Compose the full booklet document.\n *\n * `pagesHtml[i]` is the already-rendered HTML for logical page i+1. Those\n * fragments are TRUSTED and injected verbatim (they are rendered pages, and\n * escaping them would print markup). Only the title is escaped.\n */\nexport function buildBookletDocument(\n  pagesHtml: readonly string[],\n  opts?: BookletPrintOptions,\n): string {\n  const title = opts?.title ?? \"Booklet\";\n  const pageStyles = opts?.pageStyles ?? \"\";\n  const imposition = imposeBooklet(Math.max(1, pagesHtml.length));\n  const warning = bookletSizeWarning(pagesHtml.length);\n\n  // Sheet order: sheet1 front, sheet1 back, sheet2 front, ... — print the whole\n  // run, then fold the stack as one.\n  const sides = imposition.sheets\n    .map((sheet) => renderSide(sheet.front, pagesHtml) + renderSide(sheet.back, pagesHtml))\n    .join(\"\\n\");\n\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>${escapeHtml(title)}</title>\n  <style>\n${BOOKLET_STYLES}\n${pageStyles}\n  </style>\n</head>\n<body>\n${renderBanner(imposition, warning)}\n  <div class=\"bk-actions screen-only\">\n    <button class=\"bk-btn bk-btn-primary\" onclick=\"window.print()\">Print / Save as PDF</button>\n    <button class=\"bk-btn bk-btn-secondary\" onclick=\"window.close()\">Close</button>\n  </div>\n${sides}\n</body>\n</html>`;\n}\n\n/** Build the booklet document and open it in a print window. */\nexport function printBooklet(\n  pagesHtml: readonly string[],\n  opts?: BookletPrintOptions,\n): void {\n  const title = opts?.title ?? \"Booklet\";\n  openPrintWindow(buildBookletDocument(pagesHtml, opts), title);\n}\n","/**\n * @ai-matrx/print/core — the Block Print contract & print-window composition.\n *\n * Ported VERBATIM from matrx-frontend `lib/block-print/block-print-utils.ts`\n * (2026-08-29 state, including the `number` and `select` PrintSetting types the\n * commerce label lane added). Zero dependencies; touches `window` only at call\n * time, so the module stays import-inert and RSC-safe.\n *\n * BlockPrinter is the only interface a host system needs to know about.\n * Each printable unit exports its own BlockPrinter alongside its render\n * component; host code only ever calls print(data, variantId, settings).\n *\n * `buildFitTextScript` is the ONE auto-shrink script (the flashcards\n * FIT_TEXT pattern, parameterized by selector so the label lane shares it).\n */\n\n// ─── Contract ────────────────────────────────────────────────────────────────\n\nexport interface PrintVariant {\n  id: string;\n  label: string;\n  description?: string;\n}\n\n/**\n * A single user-configurable setting shown in the print dialog.\n * Extend the discriminated union for new control types\n * without breaking existing printers.\n */\nexport type PrintSetting =\n  | {\n      type: \"boolean\";\n      id: string;\n      label: string;\n      description?: string;\n      /** Default value shown when the dialog first opens */\n      defaultValue: boolean;\n      /** Which variant IDs this setting applies to. Omit = applies to all. */\n      appliesTo?: string[];\n    }\n  | {\n      /**\n       * A numeric \"from → to\" range control, rendered as two small number inputs.\n       * Writes two entries into the resolved PrintSettings map — one under fromId,\n       * one under toId. Printers interpret 0 (or missing) as \"no bound\" by convention.\n       */\n      type: \"range\";\n      /** Stable id used as React key — not written to the settings map */\n      id: string;\n      label: string;\n      description?: string;\n      /** Settings map key for the lower bound value */\n      fromId: string;\n      /** Settings map key for the upper bound value */\n      toId: string;\n      defaultFrom: number;\n      defaultTo: number;\n      /** Minimum accepted value for each input (inclusive). Default 0. */\n      min?: number;\n      /** Placeholder shown when the input is empty (0). Default \"start\" / \"end\". */\n      fromPlaceholder?: string;\n      toPlaceholder?: string;\n      /** Which variant IDs this setting applies to. Omit = applies to all. */\n      appliesTo?: string[];\n    }\n  | {\n      /** A single numeric input (e.g. \"start at label #\", \"copies\"). */\n      type: \"number\";\n      id: string;\n      label: string;\n      description?: string;\n      defaultValue: number;\n      /** Minimum accepted value (inclusive). Default 0. */\n      min?: number;\n      /** Maximum accepted value (inclusive). Omit = unbounded. */\n      max?: number;\n      /** Which variant IDs this setting applies to. Omit = applies to all. */\n      appliesTo?: string[];\n    }\n  | {\n      /** A one-of-N choice rendered as a compact segmented row. */\n      type: \"select\";\n      id: string;\n      label: string;\n      description?: string;\n      options: { value: string; label: string }[];\n      defaultValue: string;\n      /** Which variant IDs this setting applies to. Omit = applies to all. */\n      appliesTo?: string[];\n    };\n\n/** A resolved map of setting id → current value, passed to print(). */\nexport type PrintSettings = Record<string, boolean | string | number>;\n\n/**\n * The self-contained print capability that each block can export.\n * Host code only ever calls print(data, variantId, settings) — it never inspects internals.\n */\nexport interface BlockPrinter {\n  /** Tooltip / aria-label for the print button in the block header */\n  label: string;\n\n  /**\n   * Variants offered to the user before printing.\n   * Empty array = no options dialog shown; prints immediately with defaults.\n   */\n  variants: PrintVariant[];\n\n  /**\n   * Optional user-configurable settings shown below the variant picker.\n   * Omit entirely if the block has no configurable settings.\n   */\n  settings?: PrintSetting[];\n\n  /**\n   * Execute the print.\n   * data      — the block's structured data (serverData or parsed content)\n   * variantId — which variant was chosen (undefined = default / no variants)\n   * settings  — resolved setting values chosen by the user\n   */\n  print: (\n    data: unknown,\n    variantId?: string,\n    settings?: PrintSettings,\n  ) => void | Promise<void>;\n}\n\n// ─── Shared Utilities ─────────────────────────────────────────────────────────\n\nconst PRINT_STYLES = `\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11pt;\n    line-height: 1.6;\n    color: #1a1a1a;\n    background: #fff;\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 28px 36px;\n  }\n\n  .print-actions {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 24px;\n    padding-bottom: 18px;\n    border-bottom: 2px solid #e5e7eb;\n  }\n\n  .print-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 20px;\n    border-radius: 8px;\n    font-size: 13px;\n    font-family: inherit;\n    cursor: pointer;\n    border: none;\n    font-weight: 600;\n  }\n\n  .print-btn-primary { background: #2563eb; color: #fff; }\n  .print-btn-secondary { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }\n\n  h1 { font-size: 22pt; font-weight: 700; margin-bottom: 0.5em; }\n  h2 { font-size: 16pt; font-weight: 700; margin: 1.2em 0 0.4em; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.2em; }\n  h3 { font-size: 13pt; font-weight: 600; margin: 1em 0 0.3em; }\n  p  { margin-bottom: 0.7em; }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 1em 0;\n    font-size: 10pt;\n  }\n  th {\n    background: #1e293b;\n    color: #f8fafc;\n    font-weight: 600;\n    text-align: left;\n    padding: 7px 12px;\n    border: 1px solid #334155;\n  }\n  td {\n    padding: 6px 12px;\n    border: 1px solid #e2e8f0;\n    vertical-align: top;\n  }\n  tr:nth-child(even) td { background: #f8fafc; }\n\n  @media print {\n    body { max-width: 100%; padding: 0; }\n    .print-actions { display: none !important; }\n    th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n  }\n`;\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\");\n}\n\n/**\n * Wrap body HTML in a complete, styled print document.\n */\nexport function buildPrintDocument(\n  bodyHtml: string,\n  title = \"AI Response\",\n  extraStyles = \"\",\n): string {\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>${escapeHtml(title)}</title>\n  <style>\n${PRINT_STYLES}\n${extraStyles}\n  </style>\n</head>\n<body>\n  <div class=\"print-actions\">\n    <button class=\"print-btn print-btn-primary\" onclick=\"window.print()\">Print / Save as PDF</button>\n    <button class=\"print-btn print-btn-secondary\" onclick=\"window.close()\">Close</button>\n  </div>\n  <div class=\"content\">\n${bodyHtml}\n  </div>\n</body>\n</html>`;\n}\n\n/**\n * Open a new browser window and write a complete HTML document into it.\n * Falls back to downloading an .html file if the popup is blocked.\n */\nexport function openPrintWindow(\n  htmlDocument: string,\n  filename = \"print\",\n): void {\n  const win = window.open(\"\", \"_blank\", \"width=920,height=720,scrollbars=yes\");\n  if (!win) {\n    // Popup blocked — fall back to file download\n    const blob = new Blob([htmlDocument], { type: \"text/html;charset=utf-8\" });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = `${filename.replace(/\\s+/g, \"-\").toLowerCase()}.html`;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n    return;\n  }\n  win.document.open();\n  win.document.write(htmlDocument);\n  win.document.close();\n}\n\n/**\n * Shorthand: build the document and open it in one call.\n */\nexport function printHtmlContent(\n  bodyHtml: string,\n  title = \"AI Response\",\n  extraStyles = \"\",\n): void {\n  const doc = buildPrintDocument(bodyHtml, title, extraStyles);\n  openPrintWindow(doc, title);\n}\n\n/**\n * Build the auto-shrink script that runs INSIDE a printed window: for every\n * element matching each selector, its font-size is reduced (0.5pt steps, 6pt\n * floor) until it fits its parent element's box. This is the flashcards\n * FIT_TEXT behavior verbatim, parameterized by selector so every lane\n * (flashcards card text, Avery text, label captions) shares the ONE loop.\n *\n * Pass the same selectors the original used to get byte-identical behavior:\n * flashcards passes `[\".card-text .card-text-inner\", \".avery-text-wrap .avery-text\"]`.\n */\nexport function buildFitTextScript(selectors: readonly string[]): string {\n  const selectorsJson = JSON.stringify([...selectors]);\n  return `\n<script>\n(function() {\n  function fitText(el, container) {\n    // container is the bounding box we must fit inside\n    var maxW = container.clientWidth;\n    var maxH = container.clientHeight;\n    var size = parseFloat(window.getComputedStyle(el).fontSize);\n    var minSize = 6;\n    // Give the element a chance to reflow at current size before measuring\n    el.style.fontSize = size + \"pt\";\n    while (size > minSize && (el.scrollWidth > maxW + 1 || el.scrollHeight > maxH + 1)) {\n      size -= 0.5;\n      el.style.fontSize = size + \"pt\";\n    }\n  }\n  function runAll() {\n    var selectors = ${selectorsJson};\n    for (var s = 0; s < selectors.length; s++) {\n      var els = document.querySelectorAll(selectors[s]);\n      for (var i = 0; i < els.length; i++) {\n        fitText(els[i], els[i].parentElement);\n      }\n    }\n  }\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", runAll);\n  } else {\n    // document.write pages may already be loaded\n    setTimeout(runAll, 0);\n  }\n})();\n</script>`;\n}\n\nexport { escapeHtml };\n"],"mappings":"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","names":[]}

package/dist/booklet.d.cts

@@ -0,0 +1,90 @@
+/**
+ * @ai-matrx/print/booklet — saddle-stitch booklet imposition.
+ *
+ * The education white space: no test-prep / worksheet tool offers "turn this
+ * into a fold-and-staple booklet". This module is the whole capability —
+ * the imposition math, the size guidance, and a 2-up landscape print lane
+ * composed over ./core.
+ *
+ * Zero dependencies: pure arithmetic plus string composition. Import-inert —
+ * `window` is touched only inside printBooklet, at call time.
+ *
+ * ── THE MATH ────────────────────────────────────────────────────────────────
+ * A saddle-stitch booklet is a stack of sheets folded in half together and
+ * stapled through the spine. Every sheet carries FOUR logical pages (two per
+ * side), so the page count is padded up to a multiple of 4 with blanks.
+ *
+ * For sheet i (1-indexed, i = 1..N/4) of an N-page (padded) booklet:
+ *   front spread = [N − 2i + 2, 2i − 1]     (left, right)
+ *   back  spread = [2i, N − 2i + 1]         (left, right)
+ *
+ * Worked anchor, N = 8:
+ *   sheet 1 → front [8, 1]  back [2, 7]
+ *   sheet 2 → front [6, 3]  back [4, 5]
+ * Every spread's two page numbers sum to N + 1 — the invariant that makes the
+ * fold work, and the cheapest way to check an imposition is right.
+ *
+ * ── THE DUPLEX TRAP ─────────────────────────────────────────────────────────
+ * These spreads are 2-up LANDSCAPE. Ordinary duplex printing flips on the LONG
+ * edge, which for a landscape sheet means the back side lands upside-down
+ * relative to the front — the booklet folds into gibberish. There are exactly
+ * two fixes: instruct the human to select short-edge (tumble) duplex, or
+ * pre-rotate every back side 180°. A print-window lane cannot pre-rotate
+ * reliably (browsers differ on how `@page`/transform interact with duplex), so
+ * THIS lane instructs. `BookletImposition.requiresShortEdgeDuplex` exposes the
+ * trap in the type system so a future PDF lane — which owns its own page
+ * transforms — can take the pre-rotate branch instead of the instruction.
+ */
+/**
+ * One physical sheet of paper. Each tuple is [left, right] as the reader sees
+ * that side laid flat, in 1-based logical page numbers.
+ * `0` means a blank pad page (a slot past the end of the supplied content).
+ */
+interface BookletSheet {
+    front: [number, number];
+    back: [number, number];
+}
+interface BookletImposition {
+    /** Supplied page count rounded UP to the next multiple of 4. */
+    paddedPageCount: number;
+    /** Sheets in print order: sheet 1 outermost, last sheet at the fold. */
+    sheets: BookletSheet[];
+    /**
+     * true when ordinary long-edge duplex would flip the backs — consumer must
+     * either instruct short-edge/tumble duplex or pre-rotate backs 180° (PDF
+     * lanes). Always true for this 2-up landscape imposition.
+     */
+    requiresShortEdgeDuplex: true;
+}
+interface BookletPrintOptions {
+    title?: string;
+    /** CSS injected after the layout styles — style the caller's page content. */
+    pageStyles?: string;
+}
+/**
+ * Impose `pageCount` logical pages onto saddle-stitch sheets.
+ *
+ * Padding is appended at the END of the logical page run, so pad slots always
+ * carry the HIGHEST page numbers — which is why they surface as `0` in the
+ * spreads nearest the front cover (N=1 → sheet 1 front [0, 1], back [0, 0]).
+ *
+ * @throws RangeError when pageCount is not a positive integer.
+ */
+declare function imposeBooklet(pageCount: number): BookletImposition;
+/**
+ * Human warning when a booklet is too fat to saddle-stitch well, else null.
+ * Measured on the PADDED count — that is what actually goes through the folder.
+ */
+declare function bookletSizeWarning(pageCount: number): string | null;
+/**
+ * Compose the full booklet document.
+ *
+ * `pagesHtml[i]` is the already-rendered HTML for logical page i+1. Those
+ * fragments are TRUSTED and injected verbatim (they are rendered pages, and
+ * escaping them would print markup). Only the title is escaped.
+ */
+declare function buildBookletDocument(pagesHtml: readonly string[], opts?: BookletPrintOptions): string;
+/** Build the booklet document and open it in a print window. */
+declare function printBooklet(pagesHtml: readonly string[], opts?: BookletPrintOptions): void;
+
+export { type BookletImposition, type BookletPrintOptions, type BookletSheet, bookletSizeWarning, buildBookletDocument, imposeBooklet, printBooklet };

package/dist/booklet.d.ts

@@ -0,0 +1,90 @@
+/**
+ * @ai-matrx/print/booklet — saddle-stitch booklet imposition.
+ *
+ * The education white space: no test-prep / worksheet tool offers "turn this
+ * into a fold-and-staple booklet". This module is the whole capability —
+ * the imposition math, the size guidance, and a 2-up landscape print lane
+ * composed over ./core.
+ *
+ * Zero dependencies: pure arithmetic plus string composition. Import-inert —
+ * `window` is touched only inside printBooklet, at call time.
+ *
+ * ── THE MATH ────────────────────────────────────────────────────────────────
+ * A saddle-stitch booklet is a stack of sheets folded in half together and
+ * stapled through the spine. Every sheet carries FOUR logical pages (two per
+ * side), so the page count is padded up to a multiple of 4 with blanks.
+ *
+ * For sheet i (1-indexed, i = 1..N/4) of an N-page (padded) booklet:
+ *   front spread = [N − 2i + 2, 2i − 1]     (left, right)
+ *   back  spread = [2i, N − 2i + 1]         (left, right)
+ *
+ * Worked anchor, N = 8:
+ *   sheet 1 → front [8, 1]  back [2, 7]
+ *   sheet 2 → front [6, 3]  back [4, 5]
+ * Every spread's two page numbers sum to N + 1 — the invariant that makes the
+ * fold work, and the cheapest way to check an imposition is right.
+ *
+ * ── THE DUPLEX TRAP ─────────────────────────────────────────────────────────
+ * These spreads are 2-up LANDSCAPE. Ordinary duplex printing flips on the LONG
+ * edge, which for a landscape sheet means the back side lands upside-down
+ * relative to the front — the booklet folds into gibberish. There are exactly
+ * two fixes: instruct the human to select short-edge (tumble) duplex, or
+ * pre-rotate every back side 180°. A print-window lane cannot pre-rotate
+ * reliably (browsers differ on how `@page`/transform interact with duplex), so
+ * THIS lane instructs. `BookletImposition.requiresShortEdgeDuplex` exposes the
+ * trap in the type system so a future PDF lane — which owns its own page
+ * transforms — can take the pre-rotate branch instead of the instruction.
+ */
+/**
+ * One physical sheet of paper. Each tuple is [left, right] as the reader sees
+ * that side laid flat, in 1-based logical page numbers.
+ * `0` means a blank pad page (a slot past the end of the supplied content).
+ */
+interface BookletSheet {
+    front: [number, number];
+    back: [number, number];
+}
+interface BookletImposition {
+    /** Supplied page count rounded UP to the next multiple of 4. */
+    paddedPageCount: number;
+    /** Sheets in print order: sheet 1 outermost, last sheet at the fold. */
+    sheets: BookletSheet[];
+    /**
+     * true when ordinary long-edge duplex would flip the backs — consumer must
+     * either instruct short-edge/tumble duplex or pre-rotate backs 180° (PDF
+     * lanes). Always true for this 2-up landscape imposition.
+     */
+    requiresShortEdgeDuplex: true;
+}
+interface BookletPrintOptions {
+    title?: string;
+    /** CSS injected after the layout styles — style the caller's page content. */
+    pageStyles?: string;
+}
+/**
+ * Impose `pageCount` logical pages onto saddle-stitch sheets.
+ *
+ * Padding is appended at the END of the logical page run, so pad slots always
+ * carry the HIGHEST page numbers — which is why they surface as `0` in the
+ * spreads nearest the front cover (N=1 → sheet 1 front [0, 1], back [0, 0]).
+ *
+ * @throws RangeError when pageCount is not a positive integer.
+ */
+declare function imposeBooklet(pageCount: number): BookletImposition;
+/**
+ * Human warning when a booklet is too fat to saddle-stitch well, else null.
+ * Measured on the PADDED count — that is what actually goes through the folder.
+ */
+declare function bookletSizeWarning(pageCount: number): string | null;
+/**
+ * Compose the full booklet document.
+ *
+ * `pagesHtml[i]` is the already-rendered HTML for logical page i+1. Those
+ * fragments are TRUSTED and injected verbatim (they are rendered pages, and
+ * escaping them would print markup). Only the title is escaped.
+ */
+declare function buildBookletDocument(pagesHtml: readonly string[], opts?: BookletPrintOptions): string;
+/** Build the booklet document and open it in a print window. */
+declare function printBooklet(pagesHtml: readonly string[], opts?: BookletPrintOptions): void;
+
+export { type BookletImposition, type BookletPrintOptions, type BookletSheet, bookletSizeWarning, buildBookletDocument, imposeBooklet, printBooklet };

package/dist/booklet.js

@@ -0,0 +1,179 @@
+// src/core.ts
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function openPrintWindow(htmlDocument, filename = "print") {
+  const win = window.open("", "_blank", "width=920,height=720,scrollbars=yes");
+  if (!win) {
+    const blob = new Blob([htmlDocument], { type: "text/html;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${filename.replace(/\s+/g, "-").toLowerCase()}.html`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+    return;
+  }
+  win.document.open();
+  win.document.write(htmlDocument);
+  win.document.close();
+}
+
+// src/booklet.ts
+var PAGES_PER_SHEET = 4;
+var SADDLE_STITCH_MAX_PAGES = 48;
+function imposeBooklet(pageCount) {
+  if (!Number.isInteger(pageCount) || pageCount < 1) {
+    throw new RangeError(
+      `imposeBooklet: pageCount must be a positive integer, received ${String(pageCount)}`
+    );
+  }
+  const padded = Math.ceil(pageCount / PAGES_PER_SHEET) * PAGES_PER_SHEET;
+  const slot = (n) => n > pageCount ? 0 : n;
+  const sheets = [];
+  for (let i = 1; i <= padded / PAGES_PER_SHEET; i += 1) {
+    sheets.push({
+      front: [slot(padded - 2 * i + 2), slot(2 * i - 1)],
+      back: [slot(2 * i), slot(padded - 2 * i + 1)]
+    });
+  }
+  return { paddedPageCount: padded, sheets, requiresShortEdgeDuplex: true };
+}
+function bookletSizeWarning(pageCount) {
+  if (!Number.isInteger(pageCount) || pageCount < 1) return null;
+  const padded = Math.ceil(pageCount / PAGES_PER_SHEET) * PAGES_PER_SHEET;
+  if (padded <= SADDLE_STITCH_MAX_PAGES) return null;
+  return `This booklet is ${padded} pages (${padded / PAGES_PER_SHEET} sheets). Past about ${SADDLE_STITCH_MAX_PAGES} pages a saddle-stitch booklet gets too thick to fold flat and the inner pages creep out at the fore-edge. Consider printing it as a plain workbook instead, or splitting it into ${SADDLE_STITCH_MAX_PAGES}-page signatures.`;
+}
+var BOOKLET_STYLES = `
+  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+  @page { size: 11in 8.5in; margin: 0; }
+
+  html, body {
+    background: #fff;
+    color: #1a1a1a;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+  }
+
+  .bk-side {
+    display: flex;
+    flex-direction: row;
+    width: 11in;
+    height: 8.5in;
+    page-break-after: always;
+    break-after: page;
+    overflow: hidden;
+  }
+  .bk-side:last-of-type { page-break-after: auto; break-after: auto; }
+
+  .bk-page {
+    width: 5.5in;
+    height: 8.5in;
+    overflow: hidden;
+    position: relative;
+  }
+  .bk-blank { /* intentionally empty \u2014 a padded slot */ }
+
+  .bk-banner {
+    background: #fef3c7;
+    border: 2px solid #f59e0b;
+    border-radius: 8px;
+    padding: 14px 18px;
+    margin: 18px;
+    font-size: 13px;
+    line-height: 1.55;
+    color: #78350f;
+    max-width: 11in;
+  }
+  .bk-banner h2 { font-size: 15px; margin-bottom: 6px; }
+  .bk-banner ol { margin: 6px 0 6px 20px; }
+  .bk-banner strong { font-weight: 700; }
+  .bk-banner .bk-size-warning {
+    display: block;
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: 1px solid #f59e0b;
+    color: #7f1d1d;
+    font-weight: 600;
+  }
+  .bk-actions { display: flex; gap: 10px; margin: 0 18px 18px; }
+  .bk-btn {
+    padding: 8px 20px; border-radius: 8px; font-size: 13px; font-family: inherit;
+    font-weight: 600; cursor: pointer; border: none;
+  }
+  .bk-btn-primary { background: #2563eb; color: #fff; }
+  .bk-btn-secondary { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }
+
+  @media print {
+    .screen-only { display: none !important; }
+    .bk-side { page-break-after: always; break-after: page; }
+  }
+`;
+function renderBox(page, pagesHtml) {
+  const html = page === 0 ? void 0 : pagesHtml[page - 1];
+  if (html === void 0) {
+    return `<div class="bk-page bk-blank" data-page="0"></div>`;
+  }
+  return `<div class="bk-page" data-page="${page}">${html}</div>`;
+}
+function renderSide(spread, pagesHtml) {
+  return `<section class="bk-side">${renderBox(spread[0], pagesHtml)}${renderBox(spread[1], pagesHtml)}</section>`;
+}
+function renderBanner(imposition, warning) {
+  const sheetCount = imposition.sheets.length;
+  const warningHtml = warning ? `<span class="bk-size-warning">${escapeHtml(warning)}</span>` : "";
+  return `<div class="bk-banner screen-only">
+    <h2>Booklet print settings \u2014 set these exactly</h2>
+    <ol>
+      <li>Orientation: <strong>Landscape</strong></li>
+      <li>Two-sided printing: <strong>ON</strong></li>
+      <li>Flip on <strong>SHORT edge</strong> (also called "tumble" or "short-edge binding") \u2014 long-edge flip prints every back side upside-down</li>
+      <li>Scale: <strong>100%</strong> (never "fit to page")</li>
+      <li>Margins: <strong>None</strong></li>
+    </ol>
+    <p><strong>Print all pages, fold the whole stack in half, staple the spine.</strong>
+    ${sheetCount} sheet${sheetCount === 1 ? "" : "s"} of paper, ${imposition.paddedPageCount} booklet pages.</p>
+    ${warningHtml}
+  </div>`;
+}
+function buildBookletDocument(pagesHtml, opts) {
+  const title = opts?.title ?? "Booklet";
+  const pageStyles = opts?.pageStyles ?? "";
+  const imposition = imposeBooklet(Math.max(1, pagesHtml.length));
+  const warning = bookletSizeWarning(pagesHtml.length);
+  const sides = imposition.sheets.map((sheet) => renderSide(sheet.front, pagesHtml) + renderSide(sheet.back, pagesHtml)).join("\n");
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <style>
+${BOOKLET_STYLES}
+${pageStyles}
+  </style>
+</head>
+<body>
+${renderBanner(imposition, warning)}
+  <div class="bk-actions screen-only">
+    <button class="bk-btn bk-btn-primary" onclick="window.print()">Print / Save as PDF</button>
+    <button class="bk-btn bk-btn-secondary" onclick="window.close()">Close</button>
+  </div>
+${sides}
+</body>
+</html>`;
+}
+function printBooklet(pagesHtml, opts) {
+  const title = opts?.title ?? "Booklet";
+  openPrintWindow(buildBookletDocument(pagesHtml, opts), title);
+}
+export {
+  bookletSizeWarning,
+  buildBookletDocument,
+  imposeBooklet,
+  printBooklet
+};
+//# sourceMappingURL=booklet.js.map