@ai-matrx/print 0.1.0 → 0.2.0

package/dist/qr-styled.d.ts

@@ -0,0 +1,150 @@
+/**
+ * @ai-matrx/print/qr-styled — BRANDED / STYLED QR GENERATION.
+ *
+ * This is the clothing-tag lane. `@ai-matrx/print/qr` is the warehouse lane: it
+ * draws a plain, maximally-boring symbol anywhere JavaScript runs (Node
+ * included) and is what every label, carton and dock-door code should use. This
+ * module exists for the one job that one cannot do — putting a brand mark in the
+ * middle of the code and colouring the modules — and it pays for that with two
+ * real restrictions that are NOT style choices:
+ *
+ *  1. **High error correction is FORCED.** A centre logo OCCLUDES MODULES. The
+ *     symbol only survives because Reed–Solomon recovery covers the hole, so a
+ *     styled code is restricted to "Q" (25%) or "H" (30%), and defaults to "H".
+ *     A caller passing "L" or "M" is **CLAMPED UP to "Q"** — never thrown at,
+ *     mirroring the quiet-zone clamp in `qr.ts`: we would rather print a
+ *     slightly denser symbol than one that stops scanning the moment the logo
+ *     lands on it.
+ *  2. **The logo is a DATA URL, or it is refused.** Print windows are
+ *     unauthenticated `about:blank` documents — a remote `https://` logo would
+ *     both fail to load behind any cookie/auth wall and TAINT THE CANVAS, at
+ *     which point `toDataURL()` throws a SecurityError and the whole sheet dies.
+ *     Non-`data:` URLs are rejected up front with an error naming the rule
+ *     rather than failing mysteriously at draw time.
+ *
+ * BROWSER-ONLY AT CALL TIME. `qr-code-styling` draws through DOM + canvas/SVG,
+ * so both functions throw a clear Error in a non-DOM environment and point at
+ * `@ai-matrx/print/qr` for the server-side lane. The MODULE ITSELF STAYS INERT
+ * everywhere: `qr-code-styling` is only ever pulled in via `await import(...)`
+ * inside a function body, so importing this file from a React Server Component
+ * (or the tarball canary, which imports it in bare Node) costs nothing and
+ * throws nothing. No module-level mutable state.
+ */
+/** The only two error correction levels a styled (logo-bearing) code may use. */
+type StyledQrEcLevel = "Q" | "H";
+/** Module shapes. These are passed straight through to `dotsOptions.type`. */
+type StyledQrDotStyle = "square" | "dots" | "rounded" | "classy" | "extra-rounded";
+/** Finder-pattern (corner square) shapes — straight through to `cornersSquareOptions.type`. */
+type StyledQrCornerStyle = "square" | "dot" | "extra-rounded";
+interface StyledQrOptions {
+    /** Error correction. Default "H". "L"/"M" are CLAMPED UP to "Q" — a logo eats modules. */
+    ecLevel?: StyledQrEcLevel;
+    /** Rendered width (and height) in pixels. Default 512. */
+    widthPx?: number;
+    /** Centre image. **DATA URL ONLY** — a remote URL is rejected (unauthenticated print window + canvas tainting). */
+    logoDataUrl?: string;
+    /** Logo side as a fraction of the symbol. Default 0.2, CLAMPED to <= 0.3 for scannability. */
+    logoSizeRatio?: number;
+    /** Module shape. Default "square". */
+    dotStyle?: StyledQrDotStyle;
+    /** Module colour. Hex only (`#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`). Default "#000000". */
+    color?: string;
+    /** Background colour. Same hex rule. Default "#ffffff". */
+    backgroundColor?: string;
+    /** Finder-pattern shape. Defaults to following `dotStyle`'s library default (omitted). */
+    cornerStyle?: StyledQrCornerStyle;
+}
+/** Styled codes never drop below this. */
+declare const STYLED_QR_MIN_EC_LEVEL: StyledQrEcLevel;
+/** The default for every styled code — maximum recovery, because the logo is always eating modules. */
+declare const DEFAULT_STYLED_QR_EC_LEVEL: StyledQrEcLevel;
+/** Default rendered width in pixels. */
+declare const DEFAULT_STYLED_QR_WIDTH_PX = 512;
+/** Default logo side as a fraction of the symbol. */
+declare const DEFAULT_STYLED_QR_LOGO_RATIO = 0.2;
+/**
+ * Hard ceiling on the logo. Past roughly 30% of the symbol side even "H" (30%
+ * recovery) cannot reconstruct what the image covered, so a bigger request is
+ * clamped rather than honoured.
+ */
+declare const MAX_STYLED_QR_LOGO_RATIO = 0.3;
+/**
+ * Quiet zone, as a fraction of the rendered width.
+ *
+ * `qr-code-styling`'s `margin` is measured in PIXELS, not modules, and the
+ * module count is not known until the symbol is encoded — so an exact 4-module
+ * quiet zone cannot be requested up front. 8% of the width is a deliberately
+ * generous approximation: for a typical version-4-to-8 symbol (33–49 modules
+ * plus quiet zone) it lands at or above the ISO/IEC 18004 §6.3.8 four-module
+ * minimum. Erring large costs a slightly smaller symbol inside the same box;
+ * erring small costs a code that fails at the scanner.
+ */
+declare const STYLED_QR_QUIET_ZONE_RATIO = 0.08;
+/**
+ * The EC clamp. Unset → "H". "Q"/"H" pass. ANYTHING else (including the "L"/"M"
+ * a loosely-typed JS caller can still hand us) is raised to "Q" and never
+ * throws — same posture as the quiet-zone clamp in `qr.ts`.
+ */
+declare function resolveStyledEcLevel(ecLevel: StyledQrEcLevel | undefined): StyledQrEcLevel;
+/** Default 0.2; clamped to (0, 0.3]. A non-numeric/non-positive value falls back to the default. */
+declare function resolveLogoSizeRatio(logoSizeRatio: number | undefined): number;
+/**
+ * THE LOGO RULE: a `data:` URL, or nothing.
+ *
+ * Print windows are unauthenticated and canvas export refuses to serialize a
+ * canvas a cross-origin image has touched, so a remote logo is not "worse", it
+ * is broken. Rejected loudly here rather than silently at draw time.
+ */
+declare function assertLogoDataUrl(logoDataUrl: string): string;
+/** Hex only — `#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`. Named/rgb()/hsl() colours are refused. */
+declare function assertHexColor(color: string, field: string): string;
+/**
+ * The shape handed to `new QRCodeStyling(...)`. Declared structurally rather
+ * than imported from `qr-code-styling`, so this module's own types never depend
+ * on that package's (which pulls `jsdom`/`canvas` types in through its .d.ts).
+ *
+ * `dotStyle` and `cornerStyle` need NO remapping: every value in our contract is
+ * spelled identically in the library's `DotType` / `CornerSquareType` unions.
+ */
+interface StyledQrLibOptions {
+    type: "canvas" | "svg";
+    width: number;
+    height: number;
+    margin: number;
+    data: string;
+    image?: string;
+    qrOptions: {
+        errorCorrectionLevel: StyledQrEcLevel;
+    };
+    imageOptions?: {
+        imageSize: number;
+        hideBackgroundDots: boolean;
+        margin: number;
+        crossOrigin: string;
+    };
+    dotsOptions: {
+        type?: StyledQrDotStyle;
+        color: string;
+    };
+    cornersSquareOptions?: {
+        type: StyledQrCornerStyle;
+        color: string;
+    };
+    backgroundOptions: {
+        color: string;
+    };
+}
+/**
+ * Pure option builder — every clamp and every gate runs here, which is what
+ * makes them testable without a canvas.
+ */
+declare function buildStyledQrLibOptions(value: string, drawType: "canvas" | "svg", opts?: StyledQrOptions): StyledQrLibOptions;
+/**
+ * PNG data URL. BROWSER-ONLY at call time (see the module header); lazy-imports
+ * `qr-code-styling` so this file stays import-inert in Node.
+ */
+declare function generateStyledQrDataUrl(value: string, opts?: StyledQrOptions): Promise<string>;
+/** SVG markup string. Same clamps, same gates, same lazy import. */
+declare function generateStyledQrSvg(value: string, opts?: StyledQrOptions): Promise<string>;
+
+export { DEFAULT_STYLED_QR_EC_LEVEL, DEFAULT_STYLED_QR_LOGO_RATIO, DEFAULT_STYLED_QR_WIDTH_PX, MAX_STYLED_QR_LOGO_RATIO, STYLED_QR_MIN_EC_LEVEL, STYLED_QR_QUIET_ZONE_RATIO, type StyledQrCornerStyle, type StyledQrDotStyle, type StyledQrEcLevel, type StyledQrLibOptions, type StyledQrOptions, assertHexColor, assertLogoDataUrl, buildStyledQrLibOptions, generateStyledQrDataUrl, generateStyledQrSvg, resolveLogoSizeRatio, resolveStyledEcLevel };

package/dist/qr-styled.js

@@ -0,0 +1,188 @@
+// src/qr-styled.ts
+var STYLED_QR_MIN_EC_LEVEL = "Q";
+var DEFAULT_STYLED_QR_EC_LEVEL = "H";
+var DEFAULT_STYLED_QR_WIDTH_PX = 512;
+var DEFAULT_STYLED_QR_LOGO_RATIO = 0.2;
+var MAX_STYLED_QR_LOGO_RATIO = 0.3;
+var STYLED_QR_QUIET_ZONE_RATIO = 0.08;
+var DEFAULT_STYLED_QR_COLOR = "#000000";
+var DEFAULT_STYLED_QR_BACKGROUND = "#ffffff";
+function assertValue(value) {
+  if (typeof value !== "string" || value.length === 0) {
+    throw new Error("Styled QR value must be a non-empty string.");
+  }
+  return value;
+}
+function resolveStyledEcLevel(ecLevel) {
+  if (ecLevel === void 0) return DEFAULT_STYLED_QR_EC_LEVEL;
+  if (ecLevel === "Q" || ecLevel === "H") return ecLevel;
+  return STYLED_QR_MIN_EC_LEVEL;
+}
+function resolveWidthPx(widthPx) {
+  if (widthPx === void 0) return DEFAULT_STYLED_QR_WIDTH_PX;
+  if (typeof widthPx !== "number" || !Number.isFinite(widthPx) || widthPx <= 0) {
+    throw new Error(`Styled QR widthPx must be a positive number, got ${String(widthPx)}.`);
+  }
+  return Math.round(widthPx);
+}
+function resolveLogoSizeRatio(logoSizeRatio) {
+  if (typeof logoSizeRatio !== "number" || !Number.isFinite(logoSizeRatio) || logoSizeRatio <= 0) {
+    return DEFAULT_STYLED_QR_LOGO_RATIO;
+  }
+  return Math.min(MAX_STYLED_QR_LOGO_RATIO, logoSizeRatio);
+}
+function assertLogoDataUrl(logoDataUrl) {
+  if (typeof logoDataUrl !== "string" || logoDataUrl.trim() === "") {
+    throw new Error("Styled QR logoDataUrl must be a non-empty string when provided.");
+  }
+  const trimmed = logoDataUrl.trim();
+  if (!/^data:/i.test(trimmed)) {
+    throw new Error(
+      `Styled QR logo must be a data: URL \u2014 got "${trimmed.slice(0, 48)}". DATA URL ONLY: the print window is unauthenticated so a remote image may not load at all, and a cross-origin image taints the canvas, which makes the PNG export throw. Inline the logo as a data: URL (e.g. data:image/png;base64,...) before passing it.`
+    );
+  }
+  return trimmed;
+}
+var HEX_COLOR = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
+function assertHexColor(color, field) {
+  if (typeof color !== "string" || !HEX_COLOR.test(color.trim())) {
+    throw new Error(
+      `Styled QR ${field} must be a hex colour like "#000000" or "#fff", got "${String(color)}". Named colours, rgb() and hsl() are not accepted.`
+    );
+  }
+  return color.trim();
+}
+function buildStyledQrLibOptions(value, drawType, opts) {
+  assertValue(value);
+  const widthPx = resolveWidthPx(opts?.widthPx);
+  const color = opts?.color === void 0 ? DEFAULT_STYLED_QR_COLOR : assertHexColor(opts.color, "color");
+  const backgroundColor = opts?.backgroundColor === void 0 ? DEFAULT_STYLED_QR_BACKGROUND : assertHexColor(opts.backgroundColor, "backgroundColor");
+  const built = {
+    type: drawType,
+    width: widthPx,
+    height: widthPx,
+    margin: Math.round(widthPx * STYLED_QR_QUIET_ZONE_RATIO),
+    data: value,
+    qrOptions: { errorCorrectionLevel: resolveStyledEcLevel(opts?.ecLevel) },
+    dotsOptions: { color },
+    backgroundOptions: { color: backgroundColor }
+  };
+  if (opts?.dotStyle !== void 0) built.dotsOptions.type = opts.dotStyle;
+  if (opts?.cornerStyle !== void 0) built.cornersSquareOptions = { type: opts.cornerStyle, color };
+  if (opts?.logoDataUrl !== void 0) {
+    built.image = assertLogoDataUrl(opts.logoDataUrl);
+    built.imageOptions = {
+      imageSize: resolveLogoSizeRatio(opts.logoSizeRatio),
+      // Clearing the modules under the logo is what keeps the mark legible;
+      // the forced Q/H error correction is what pays for the hole.
+      hideBackgroundDots: true,
+      margin: 0,
+      // Belt and braces: the data: URL cannot taint the canvas anyway.
+      crossOrigin: "anonymous"
+    };
+  }
+  return built;
+}
+var BROWSER_REQUIRED = "styled QR generation requires a browser environment \u2014 use @ai-matrx/print/qr for server-side codes";
+function assertBrowser() {
+  if (typeof document === "undefined" || typeof window === "undefined") {
+    throw new Error(BROWSER_REQUIRED);
+  }
+}
+async function loadQrCodeStyling() {
+  const mod = await import("qr-code-styling");
+  return mod.default;
+}
+function isBlobLike(raw) {
+  if (typeof raw !== "object" || raw === null) return false;
+  const candidate = raw;
+  return typeof candidate.slice === "function" && typeof candidate.size === "number";
+}
+function readBlobWith(blob, read) {
+  if (typeof FileReader === "undefined") {
+    throw new Error(BROWSER_REQUIRED);
+  }
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = () => reject(reader.error ?? new Error("Styled QR blob could not be read."));
+    read(reader);
+  });
+}
+async function blobToBytes(blob) {
+  if (typeof blob.arrayBuffer === "function") {
+    return new Uint8Array(await blob.arrayBuffer());
+  }
+  const result = await readBlobWith(blob, (reader) => reader.readAsArrayBuffer(blob));
+  if (!(result instanceof ArrayBuffer)) {
+    throw new Error("Styled QR blob could not be read as bytes.");
+  }
+  return new Uint8Array(result);
+}
+async function blobToText(blob) {
+  if (typeof blob.text === "function") {
+    return blob.text();
+  }
+  const result = await readBlobWith(blob, (reader) => reader.readAsText(blob));
+  if (typeof result !== "string") {
+    throw new Error("Styled QR blob could not be read as text.");
+  }
+  return result;
+}
+function bytesToBase64(bytes) {
+  let binary = "";
+  const CHUNK = 32768;
+  for (let i = 0; i < bytes.length; i += CHUNK) {
+    binary += String.fromCharCode(...bytes.subarray(i, i + CHUNK));
+  }
+  if (typeof btoa !== "function") {
+    throw new Error(BROWSER_REQUIRED);
+  }
+  return btoa(binary);
+}
+async function rawToUint8Array(raw, extension) {
+  if (raw === null || raw === void 0) {
+    throw new Error(`Styled QR ${extension} generation produced no data.`);
+  }
+  if (isBlobLike(raw)) {
+    return blobToBytes(raw);
+  }
+  if (raw instanceof Uint8Array) return raw;
+  if (raw instanceof ArrayBuffer) return new Uint8Array(raw);
+  throw new Error(`Styled QR ${extension} generation returned an unexpected payload type.`);
+}
+async function generateStyledQrDataUrl(value, opts) {
+  const options = buildStyledQrLibOptions(value, "canvas", opts);
+  assertBrowser();
+  const QRCodeStyling = await loadQrCodeStyling();
+  const raw = await new QRCodeStyling(options).getRawData("png");
+  const bytes = await rawToUint8Array(raw, "PNG");
+  return `data:image/png;base64,${bytesToBase64(bytes)}`;
+}
+async function generateStyledQrSvg(value, opts) {
+  const options = buildStyledQrLibOptions(value, "svg", opts);
+  assertBrowser();
+  const QRCodeStyling = await loadQrCodeStyling();
+  const raw = await new QRCodeStyling(options).getRawData("svg");
+  if (isBlobLike(raw)) {
+    return blobToText(raw);
+  }
+  const bytes = await rawToUint8Array(raw, "SVG");
+  return new TextDecoder().decode(bytes);
+}
+export {
+  DEFAULT_STYLED_QR_EC_LEVEL,
+  DEFAULT_STYLED_QR_LOGO_RATIO,
+  DEFAULT_STYLED_QR_WIDTH_PX,
+  MAX_STYLED_QR_LOGO_RATIO,
+  STYLED_QR_MIN_EC_LEVEL,
+  STYLED_QR_QUIET_ZONE_RATIO,
+  assertHexColor,
+  assertLogoDataUrl,
+  buildStyledQrLibOptions,
+  generateStyledQrDataUrl,
+  generateStyledQrSvg,
+  resolveLogoSizeRatio,
+  resolveStyledEcLevel
+};
+//# sourceMappingURL=qr-styled.js.map

package/dist/qr-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/qr-styled.ts"],"sourcesContent":["/**\n * @ai-matrx/print/qr-styled — BRANDED / STYLED QR GENERATION.\n *\n * This is the clothing-tag lane. `@ai-matrx/print/qr` is the warehouse lane: it\n * draws a plain, maximally-boring symbol anywhere JavaScript runs (Node\n * included) and is what every label, carton and dock-door code should use. This\n * module exists for the one job that one cannot do — putting a brand mark in the\n * middle of the code and colouring the modules — and it pays for that with two\n * real restrictions that are NOT style choices:\n *\n *  1. **High error correction is FORCED.** A centre logo OCCLUDES MODULES. The\n *     symbol only survives because Reed–Solomon recovery covers the hole, so a\n *     styled code is restricted to \"Q\" (25%) or \"H\" (30%), and defaults to \"H\".\n *     A caller passing \"L\" or \"M\" is **CLAMPED UP to \"Q\"** — never thrown at,\n *     mirroring the quiet-zone clamp in `qr.ts`: we would rather print a\n *     slightly denser symbol than one that stops scanning the moment the logo\n *     lands on it.\n *  2. **The logo is a DATA URL, or it is refused.** Print windows are\n *     unauthenticated `about:blank` documents — a remote `https://` logo would\n *     both fail to load behind any cookie/auth wall and TAINT THE CANVAS, at\n *     which point `toDataURL()` throws a SecurityError and the whole sheet dies.\n *     Non-`data:` URLs are rejected up front with an error naming the rule\n *     rather than failing mysteriously at draw time.\n *\n * BROWSER-ONLY AT CALL TIME. `qr-code-styling` draws through DOM + canvas/SVG,\n * so both functions throw a clear Error in a non-DOM environment and point at\n * `@ai-matrx/print/qr` for the server-side lane. The MODULE ITSELF STAYS INERT\n * everywhere: `qr-code-styling` is only ever pulled in via `await import(...)`\n * inside a function body, so importing this file from a React Server Component\n * (or the tarball canary, which imports it in bare Node) costs nothing and\n * throws nothing. No module-level mutable state.\n */\n\n// ─── Contract ────────────────────────────────────────────────────────────────\n\n/** The only two error correction levels a styled (logo-bearing) code may use. */\nexport type StyledQrEcLevel = \"Q\" | \"H\";\n\n/** Module shapes. These are passed straight through to `dotsOptions.type`. */\nexport type StyledQrDotStyle = \"square\" | \"dots\" | \"rounded\" | \"classy\" | \"extra-rounded\";\n\n/** Finder-pattern (corner square) shapes — straight through to `cornersSquareOptions.type`. */\nexport type StyledQrCornerStyle = \"square\" | \"dot\" | \"extra-rounded\";\n\nexport interface StyledQrOptions {\n    /** Error correction. Default \"H\". \"L\"/\"M\" are CLAMPED UP to \"Q\" — a logo eats modules. */\n    ecLevel?: StyledQrEcLevel;\n    /** Rendered width (and height) in pixels. Default 512. */\n    widthPx?: number;\n    /** Centre image. **DATA URL ONLY** — a remote URL is rejected (unauthenticated print window + canvas tainting). */\n    logoDataUrl?: string;\n    /** Logo side as a fraction of the symbol. Default 0.2, CLAMPED to <= 0.3 for scannability. */\n    logoSizeRatio?: number;\n    /** Module shape. Default \"square\". */\n    dotStyle?: StyledQrDotStyle;\n    /** Module colour. Hex only (`#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`). Default \"#000000\". */\n    color?: string;\n    /** Background colour. Same hex rule. Default \"#ffffff\". */\n    backgroundColor?: string;\n    /** Finder-pattern shape. Defaults to following `dotStyle`'s library default (omitted). */\n    cornerStyle?: StyledQrCornerStyle;\n}\n\n/** Styled codes never drop below this. */\nexport const STYLED_QR_MIN_EC_LEVEL: StyledQrEcLevel = \"Q\";\n\n/** The default for every styled code — maximum recovery, because the logo is always eating modules. */\nexport const DEFAULT_STYLED_QR_EC_LEVEL: StyledQrEcLevel = \"H\";\n\n/** Default rendered width in pixels. */\nexport const DEFAULT_STYLED_QR_WIDTH_PX = 512;\n\n/** Default logo side as a fraction of the symbol. */\nexport const DEFAULT_STYLED_QR_LOGO_RATIO = 0.2;\n\n/**\n * Hard ceiling on the logo. Past roughly 30% of the symbol side even \"H\" (30%\n * recovery) cannot reconstruct what the image covered, so a bigger request is\n * clamped rather than honoured.\n */\nexport const MAX_STYLED_QR_LOGO_RATIO = 0.3;\n\n/**\n * Quiet zone, as a fraction of the rendered width.\n *\n * `qr-code-styling`'s `margin` is measured in PIXELS, not modules, and the\n * module count is not known until the symbol is encoded — so an exact 4-module\n * quiet zone cannot be requested up front. 8% of the width is a deliberately\n * generous approximation: for a typical version-4-to-8 symbol (33–49 modules\n * plus quiet zone) it lands at or above the ISO/IEC 18004 §6.3.8 four-module\n * minimum. Erring large costs a slightly smaller symbol inside the same box;\n * erring small costs a code that fails at the scanner.\n */\nexport const STYLED_QR_QUIET_ZONE_RATIO = 0.08;\n\nconst DEFAULT_STYLED_QR_COLOR = \"#000000\";\nconst DEFAULT_STYLED_QR_BACKGROUND = \"#ffffff\";\n\n// ─── Validation / clamps ─────────────────────────────────────────────────────\n\nfunction assertValue(value: string): string {\n    if (typeof value !== \"string\" || value.length === 0) {\n        throw new Error(\"Styled QR value must be a non-empty string.\");\n    }\n    return value;\n}\n\n/**\n * The EC clamp. Unset → \"H\". \"Q\"/\"H\" pass. ANYTHING else (including the \"L\"/\"M\"\n * a loosely-typed JS caller can still hand us) is raised to \"Q\" and never\n * throws — same posture as the quiet-zone clamp in `qr.ts`.\n */\nexport function resolveStyledEcLevel(ecLevel: StyledQrEcLevel | undefined): StyledQrEcLevel {\n    if (ecLevel === undefined) return DEFAULT_STYLED_QR_EC_LEVEL;\n    if (ecLevel === \"Q\" || ecLevel === \"H\") return ecLevel;\n    return STYLED_QR_MIN_EC_LEVEL;\n}\n\nfunction resolveWidthPx(widthPx: number | undefined): number {\n    if (widthPx === undefined) return DEFAULT_STYLED_QR_WIDTH_PX;\n    if (typeof widthPx !== \"number\" || !Number.isFinite(widthPx) || widthPx <= 0) {\n        throw new Error(`Styled QR widthPx must be a positive number, got ${String(widthPx)}.`);\n    }\n    return Math.round(widthPx);\n}\n\n/** Default 0.2; clamped to (0, 0.3]. A non-numeric/non-positive value falls back to the default. */\nexport function resolveLogoSizeRatio(logoSizeRatio: number | undefined): number {\n    if (typeof logoSizeRatio !== \"number\" || !Number.isFinite(logoSizeRatio) || logoSizeRatio <= 0) {\n        return DEFAULT_STYLED_QR_LOGO_RATIO;\n    }\n    return Math.min(MAX_STYLED_QR_LOGO_RATIO, logoSizeRatio);\n}\n\n/**\n * THE LOGO RULE: a `data:` URL, or nothing.\n *\n * Print windows are unauthenticated and canvas export refuses to serialize a\n * canvas a cross-origin image has touched, so a remote logo is not \"worse\", it\n * is broken. Rejected loudly here rather than silently at draw time.\n */\nexport function assertLogoDataUrl(logoDataUrl: string): string {\n    if (typeof logoDataUrl !== \"string\" || logoDataUrl.trim() === \"\") {\n        throw new Error(\"Styled QR logoDataUrl must be a non-empty string when provided.\");\n    }\n    const trimmed = logoDataUrl.trim();\n    if (!/^data:/i.test(trimmed)) {\n        throw new Error(\n            `Styled QR logo must be a data: URL — got \"${trimmed.slice(0, 48)}\". ` +\n                \"DATA URL ONLY: the print window is unauthenticated so a remote image may not load at all, \" +\n                \"and a cross-origin image taints the canvas, which makes the PNG export throw. \" +\n                \"Inline the logo as a data: URL (e.g. data:image/png;base64,...) before passing it.\",\n        );\n    }\n    return trimmed;\n}\n\nconst HEX_COLOR = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;\n\n/** Hex only — `#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`. Named/rgb()/hsl() colours are refused. */\nexport function assertHexColor(color: string, field: string): string {\n    if (typeof color !== \"string\" || !HEX_COLOR.test(color.trim())) {\n        throw new Error(\n            `Styled QR ${field} must be a hex colour like \"#000000\" or \"#fff\", got \"${String(color)}\". ` +\n                \"Named colours, rgb() and hsl() are not accepted.\",\n        );\n    }\n    return color.trim();\n}\n\n// ─── Option assembly ─────────────────────────────────────────────────────────\n\n/**\n * The shape handed to `new QRCodeStyling(...)`. Declared structurally rather\n * than imported from `qr-code-styling`, so this module's own types never depend\n * on that package's (which pulls `jsdom`/`canvas` types in through its .d.ts).\n *\n * `dotStyle` and `cornerStyle` need NO remapping: every value in our contract is\n * spelled identically in the library's `DotType` / `CornerSquareType` unions.\n */\nexport interface StyledQrLibOptions {\n    type: \"canvas\" | \"svg\";\n    width: number;\n    height: number;\n    margin: number;\n    data: string;\n    image?: string;\n    qrOptions: { errorCorrectionLevel: StyledQrEcLevel };\n    imageOptions?: { imageSize: number; hideBackgroundDots: boolean; margin: number; crossOrigin: string };\n    dotsOptions: { type?: StyledQrDotStyle; color: string };\n    cornersSquareOptions?: { type: StyledQrCornerStyle; color: string };\n    backgroundOptions: { color: string };\n}\n\n/**\n * Pure option builder — every clamp and every gate runs here, which is what\n * makes them testable without a canvas.\n */\nexport function buildStyledQrLibOptions(\n    value: string,\n    drawType: \"canvas\" | \"svg\",\n    opts?: StyledQrOptions,\n): StyledQrLibOptions {\n    assertValue(value);\n\n    const widthPx = resolveWidthPx(opts?.widthPx);\n    const color = opts?.color === undefined ? DEFAULT_STYLED_QR_COLOR : assertHexColor(opts.color, \"color\");\n    const backgroundColor =\n        opts?.backgroundColor === undefined\n            ? DEFAULT_STYLED_QR_BACKGROUND\n            : assertHexColor(opts.backgroundColor, \"backgroundColor\");\n\n    const built: StyledQrLibOptions = {\n        type: drawType,\n        width: widthPx,\n        height: widthPx,\n        margin: Math.round(widthPx * STYLED_QR_QUIET_ZONE_RATIO),\n        data: value,\n        qrOptions: { errorCorrectionLevel: resolveStyledEcLevel(opts?.ecLevel) },\n        dotsOptions: { color },\n        backgroundOptions: { color: backgroundColor },\n    };\n\n    // exactOptionalPropertyTypes: omit keys entirely rather than assigning undefined.\n    if (opts?.dotStyle !== undefined) built.dotsOptions.type = opts.dotStyle;\n    if (opts?.cornerStyle !== undefined) built.cornersSquareOptions = { type: opts.cornerStyle, color };\n    if (opts?.logoDataUrl !== undefined) {\n        built.image = assertLogoDataUrl(opts.logoDataUrl);\n        built.imageOptions = {\n            imageSize: resolveLogoSizeRatio(opts.logoSizeRatio),\n            // Clearing the modules under the logo is what keeps the mark legible;\n            // the forced Q/H error correction is what pays for the hole.\n            hideBackgroundDots: true,\n            margin: 0,\n            // Belt and braces: the data: URL cannot taint the canvas anyway.\n            crossOrigin: \"anonymous\",\n        };\n    }\n\n    return built;\n}\n\n// ─── Browser gate + draw ─────────────────────────────────────────────────────\n\nconst BROWSER_REQUIRED =\n    \"styled QR generation requires a browser environment — use @ai-matrx/print/qr for server-side codes\";\n\nfunction assertBrowser(): void {\n    if (typeof document === \"undefined\" || typeof window === \"undefined\") {\n        throw new Error(BROWSER_REQUIRED);\n    }\n}\n\n/** Minimal structural view of what we actually use from the library. */\ninterface QrCodeStylingInstance {\n    getRawData(extension: \"png\" | \"svg\"): Promise<unknown>;\n}\ntype QrCodeStylingCtor = new (options: StyledQrLibOptions) => QrCodeStylingInstance;\n\n/** Lazy import — this is the ONLY place `qr-code-styling` is pulled in. */\nasync function loadQrCodeStyling(): Promise<QrCodeStylingCtor> {\n    const mod = await import(\"qr-code-styling\");\n    return mod.default as unknown as QrCodeStylingCtor;\n}\n\n/**\n * Duck-typed rather than `instanceof Blob`: the Blob `qr-code-styling` hands\n * back comes from ITS window, which is not necessarily this realm's — and, in\n * jsdom, is a Blob whose prototype carries only `slice`/`size`/`type`, with\n * neither `arrayBuffer()` nor `text()`. That is exactly why the readers below\n * fall back to `FileReader`.\n */\nfunction isBlobLike(raw: unknown): raw is Blob {\n    if (typeof raw !== \"object\" || raw === null) return false;\n    const candidate = raw as { slice?: unknown; size?: unknown };\n    return typeof candidate.slice === \"function\" && typeof candidate.size === \"number\";\n}\n\nfunction readBlobWith(blob: Blob, read: (reader: FileReader) => void): Promise<FileReader[\"result\"]> {\n    if (typeof FileReader === \"undefined\") {\n        throw new Error(BROWSER_REQUIRED);\n    }\n    return new Promise((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = () => resolve(reader.result);\n        reader.onerror = () => reject(reader.error ?? new Error(\"Styled QR blob could not be read.\"));\n        read(reader);\n    });\n}\n\nasync function blobToBytes(blob: Blob): Promise<Uint8Array> {\n    if (typeof blob.arrayBuffer === \"function\") {\n        return new Uint8Array(await blob.arrayBuffer());\n    }\n    const result = await readBlobWith(blob, (reader) => reader.readAsArrayBuffer(blob));\n    if (!(result instanceof ArrayBuffer)) {\n        throw new Error(\"Styled QR blob could not be read as bytes.\");\n    }\n    return new Uint8Array(result);\n}\n\nasync function blobToText(blob: Blob): Promise<string> {\n    if (typeof blob.text === \"function\") {\n        return blob.text();\n    }\n    const result = await readBlobWith(blob, (reader) => reader.readAsText(blob));\n    if (typeof result !== \"string\") {\n        throw new Error(\"Styled QR blob could not be read as text.\");\n    }\n    return result;\n}\n\nfunction bytesToBase64(bytes: Uint8Array): string {\n    let binary = \"\";\n    const CHUNK = 0x8000;\n    for (let i = 0; i < bytes.length; i += CHUNK) {\n        binary += String.fromCharCode(...bytes.subarray(i, i + CHUNK));\n    }\n    if (typeof btoa !== \"function\") {\n        throw new Error(BROWSER_REQUIRED);\n    }\n    return btoa(binary);\n}\n\nasync function rawToUint8Array(raw: unknown, extension: string): Promise<Uint8Array> {\n    if (raw === null || raw === undefined) {\n        throw new Error(`Styled QR ${extension} generation produced no data.`);\n    }\n    if (isBlobLike(raw)) {\n        return blobToBytes(raw);\n    }\n    if (raw instanceof Uint8Array) return raw;\n    if (raw instanceof ArrayBuffer) return new Uint8Array(raw);\n    throw new Error(`Styled QR ${extension} generation returned an unexpected payload type.`);\n}\n\n/**\n * PNG data URL. BROWSER-ONLY at call time (see the module header); lazy-imports\n * `qr-code-styling` so this file stays import-inert in Node.\n */\nexport async function generateStyledQrDataUrl(value: string, opts?: StyledQrOptions): Promise<string> {\n    const options = buildStyledQrLibOptions(value, \"canvas\", opts);\n    assertBrowser();\n\n    const QRCodeStyling = await loadQrCodeStyling();\n    const raw = await new QRCodeStyling(options).getRawData(\"png\");\n    const bytes = await rawToUint8Array(raw, \"PNG\");\n    return `data:image/png;base64,${bytesToBase64(bytes)}`;\n}\n\n/** SVG markup string. Same clamps, same gates, same lazy import. */\nexport async function generateStyledQrSvg(value: string, opts?: StyledQrOptions): Promise<string> {\n    const options = buildStyledQrLibOptions(value, \"svg\", opts);\n    assertBrowser();\n\n    const QRCodeStyling = await loadQrCodeStyling();\n    const raw = await new QRCodeStyling(options).getRawData(\"svg\");\n    if (isBlobLike(raw)) {\n        return blobToText(raw);\n    }\n    const bytes = await rawToUint8Array(raw, \"SVG\");\n    return new TextDecoder().decode(bytes);\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/print",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "The AI Matrx print system: the BlockPrinter contract and print-window composition, the flashcards deck printer (duplex-mirrored cut sheets, Avery 5388, study sheets), QR generation with spec quiet zones and e-commerce payload builders, label-sheet printing on Avery and roll stock with custom label formats, and DOM-capture/markdown to PDF.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -106,12 +106,44 @@
         "default": "./dist/react.cjs"
       }
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./barcode": {
+      "import": {
+        "types": "./dist/barcode.d.ts",
+        "default": "./dist/barcode.js"
+      },
+      "require": {
+        "types": "./dist/barcode.d.cts",
+        "default": "./dist/barcode.cjs"
+      }
+    },
+    "./qr-styled": {
+      "import": {
+        "types": "./dist/qr-styled.d.ts",
+        "default": "./dist/qr-styled.js"
+      },
+      "require": {
+        "types": "./dist/qr-styled.d.cts",
+        "default": "./dist/qr-styled.cjs"
+      }
+    },
+    "./booklet": {
+      "import": {
+        "types": "./dist/booklet.d.ts",
+        "default": "./dist/booklet.js"
+      },
+      "require": {
+        "types": "./dist/booklet.d.cts",
+        "default": "./dist/booklet.cjs"
+      }
+    }
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.15",
+    "bwip-js": "^4.7.0",
     "html2canvas": "^1.4.1",
     "jspdf": "^3.0.4",
+    "qr-code-styling": "^1.9.2",
     "qrcode": "^1.5.4",
     "tailwind-merge": "^3.6.0",
     "vaul": "^1.1.2"