@ai-matrx/print 0.1.0 → 0.2.1

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":";AAgEO,IAAM,yBAA0C;AAGhD,IAAM,6BAA8C;AAGpD,IAAM,6BAA6B;AAGnC,IAAM,+BAA+B;AAOrC,IAAM,2BAA2B;AAajC,IAAM,6BAA6B;AAE1C,IAAM,0BAA0B;AAChC,IAAM,+BAA+B;AAIrC,SAAS,YAAY,OAAuB;AACxC,MAAI,OAAO,UAAU,YAAY,MAAM,WAAW,GAAG;AACjD,UAAM,IAAI,MAAM,6CAA6C;AAAA,EACjE;AACA,SAAO;AACX;AAOO,SAAS,qBAAqB,SAAuD;AACxF,MAAI,YAAY,OAAW,QAAO;AAClC,MAAI,YAAY,OAAO,YAAY,IAAK,QAAO;AAC/C,SAAO;AACX;AAEA,SAAS,eAAe,SAAqC;AACzD,MAAI,YAAY,OAAW,QAAO;AAClC,MAAI,OAAO,YAAY,YAAY,CAAC,OAAO,SAAS,OAAO,KAAK,WAAW,GAAG;AAC1E,UAAM,IAAI,MAAM,oDAAoD,OAAO,OAAO,CAAC,GAAG;AAAA,EAC1F;AACA,SAAO,KAAK,MAAM,OAAO;AAC7B;AAGO,SAAS,qBAAqB,eAA2C;AAC5E,MAAI,OAAO,kBAAkB,YAAY,CAAC,OAAO,SAAS,aAAa,KAAK,iBAAiB,GAAG;AAC5F,WAAO;AAAA,EACX;AACA,SAAO,KAAK,IAAI,0BAA0B,aAAa;AAC3D;AASO,SAAS,kBAAkB,aAA6B;AAC3D,MAAI,OAAO,gBAAgB,YAAY,YAAY,KAAK,MAAM,IAAI;AAC9D,UAAM,IAAI,MAAM,iEAAiE;AAAA,EACrF;AACA,QAAM,UAAU,YAAY,KAAK;AACjC,MAAI,CAAC,UAAU,KAAK,OAAO,GAAG;AAC1B,UAAM,IAAI;AAAA,MACN,kDAA6C,QAAQ,MAAM,GAAG,EAAE,CAAC;AAAA,IAIrE;AAAA,EACJ;AACA,SAAO;AACX;AAEA,IAAM,YAAY;AAGX,SAAS,eAAe,OAAe,OAAuB;AACjE,MAAI,OAAO,UAAU,YAAY,CAAC,UAAU,KAAK,MAAM,KAAK,CAAC,GAAG;AAC5D,UAAM,IAAI;AAAA,MACN,aAAa,KAAK,wDAAwD,OAAO,KAAK,CAAC;AAAA,IAE3F;AAAA,EACJ;AACA,SAAO,MAAM,KAAK;AACtB;AA8BO,SAAS,wBACZ,OACA,UACA,MACkB;AAClB,cAAY,KAAK;AAEjB,QAAM,UAAU,eAAe,MAAM,OAAO;AAC5C,QAAM,QAAQ,MAAM,UAAU,SAAY,0BAA0B,eAAe,KAAK,OAAO,OAAO;AACtG,QAAM,kBACF,MAAM,oBAAoB,SACpB,+BACA,eAAe,KAAK,iBAAiB,iBAAiB;AAEhE,QAAM,QAA4B;AAAA,IAC9B,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,KAAK,MAAM,UAAU,0BAA0B;AAAA,IACvD,MAAM;AAAA,IACN,WAAW,EAAE,sBAAsB,qBAAqB,MAAM,OAAO,EAAE;AAAA,IACvE,aAAa,EAAE,MAAM;AAAA,IACrB,mBAAmB,EAAE,OAAO,gBAAgB;AAAA,EAChD;AAGA,MAAI,MAAM,aAAa,OAAW,OAAM,YAAY,OAAO,KAAK;AAChE,MAAI,MAAM,gBAAgB,OAAW,OAAM,uBAAuB,EAAE,MAAM,KAAK,aAAa,MAAM;AAClG,MAAI,MAAM,gBAAgB,QAAW;AACjC,UAAM,QAAQ,kBAAkB,KAAK,WAAW;AAChD,UAAM,eAAe;AAAA,MACjB,WAAW,qBAAqB,KAAK,aAAa;AAAA;AAAA;AAAA,MAGlD,oBAAoB;AAAA,MACpB,QAAQ;AAAA;AAAA,MAER,aAAa;AAAA,IACjB;AAAA,EACJ;AAEA,SAAO;AACX;AAIA,IAAM,mBACF;AAEJ,SAAS,gBAAsB;AAC3B,MAAI,OAAO,aAAa,eAAe,OAAO,WAAW,aAAa;AAClE,UAAM,IAAI,MAAM,gBAAgB;AAAA,EACpC;AACJ;AASA,eAAe,oBAAgD;AAC3D,QAAM,MAAM,MAAM,OAAO,iBAAiB;AAC1C,SAAO,IAAI;AACf;AASA,SAAS,WAAW,KAA2B;AAC3C,MAAI,OAAO,QAAQ,YAAY,QAAQ,KAAM,QAAO;AACpD,QAAM,YAAY;AAClB,SAAO,OAAO,UAAU,UAAU,cAAc,OAAO,UAAU,SAAS;AAC9E;AAEA,SAAS,aAAa,MAAY,MAAmE;AACjG,MAAI,OAAO,eAAe,aAAa;AACnC,UAAM,IAAI,MAAM,gBAAgB;AAAA,EACpC;AACA,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACpC,UAAM,SAAS,IAAI,WAAW;AAC9B,WAAO,SAAS,MAAM,QAAQ,OAAO,MAAM;AAC3C,WAAO,UAAU,MAAM,OAAO,OAAO,SAAS,IAAI,MAAM,mCAAmC,CAAC;AAC5F,SAAK,MAAM;AAAA,EACf,CAAC;AACL;AAEA,eAAe,YAAY,MAAiC;AACxD,MAAI,OAAO,KAAK,gBAAgB,YAAY;AACxC,WAAO,IAAI,WAAW,MAAM,KAAK,YAAY,CAAC;AAAA,EAClD;AACA,QAAM,SAAS,MAAM,aAAa,MAAM,CAAC,WAAW,OAAO,kBAAkB,IAAI,CAAC;AAClF,MAAI,EAAE,kBAAkB,cAAc;AAClC,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAChE;AACA,SAAO,IAAI,WAAW,MAAM;AAChC;AAEA,eAAe,WAAW,MAA6B;AACnD,MAAI,OAAO,KAAK,SAAS,YAAY;AACjC,WAAO,KAAK,KAAK;AAAA,EACrB;AACA,QAAM,SAAS,MAAM,aAAa,MAAM,CAAC,WAAW,OAAO,WAAW,IAAI,CAAC;AAC3E,MAAI,OAAO,WAAW,UAAU;AAC5B,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC/D;AACA,SAAO;AACX;AAEA,SAAS,cAAc,OAA2B;AAC9C,MAAI,SAAS;AACb,QAAM,QAAQ;AACd,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,OAAO;AAC1C,cAAU,OAAO,aAAa,GAAG,MAAM,SAAS,GAAG,IAAI,KAAK,CAAC;AAAA,EACjE;AACA,MAAI,OAAO,SAAS,YAAY;AAC5B,UAAM,IAAI,MAAM,gBAAgB;AAAA,EACpC;AACA,SAAO,KAAK,MAAM;AACtB;AAEA,eAAe,gBAAgB,KAAc,WAAwC;AACjF,MAAI,QAAQ,QAAQ,QAAQ,QAAW;AACnC,UAAM,IAAI,MAAM,aAAa,SAAS,+BAA+B;AAAA,EACzE;AACA,MAAI,WAAW,GAAG,GAAG;AACjB,WAAO,YAAY,GAAG;AAAA,EAC1B;AACA,MAAI,eAAe,WAAY,QAAO;AACtC,MAAI,eAAe,YAAa,QAAO,IAAI,WAAW,GAAG;AACzD,QAAM,IAAI,MAAM,aAAa,SAAS,kDAAkD;AAC5F;AAMA,eAAsB,wBAAwB,OAAe,MAAyC;AAClG,QAAM,UAAU,wBAAwB,OAAO,UAAU,IAAI;AAC7D,gBAAc;AAEd,QAAM,gBAAgB,MAAM,kBAAkB;AAC9C,QAAM,MAAM,MAAM,IAAI,cAAc,OAAO,EAAE,WAAW,KAAK;AAC7D,QAAM,QAAQ,MAAM,gBAAgB,KAAK,KAAK;AAC9C,SAAO,yBAAyB,cAAc,KAAK,CAAC;AACxD;AAGA,eAAsB,oBAAoB,OAAe,MAAyC;AAC9F,QAAM,UAAU,wBAAwB,OAAO,OAAO,IAAI;AAC1D,gBAAc;AAEd,QAAM,gBAAgB,MAAM,kBAAkB;AAC9C,QAAM,MAAM,MAAM,IAAI,cAAc,OAAO,EAAE,WAAW,KAAK;AAC7D,MAAI,WAAW,GAAG,GAAG;AACjB,WAAO,WAAW,GAAG;AAAA,EACzB;AACA,QAAM,QAAQ,MAAM,gBAAgB,KAAK,KAAK;AAC9C,SAAO,IAAI,YAAY,EAAE,OAAO,KAAK;AACzC;","names":[]}

package/dist/react.cjs

@@ -46,8 +46,8 @@ var import_tailwind_merge = require("tailwind-merge");
 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");
+function openPrintWindow(htmlDocument, filename = "print", windowFeatures = "width=920,height=720,scrollbars=yes") {
+  const win = window.open("", "_blank", windowFeatures);
   if (!win) {
     const blob = new Blob([htmlDocument], { type: "text/html;charset=utf-8" });
     const url = URL.createObjectURL(blob);
@@ -57,12 +57,13 @@ function openPrintWindow(htmlDocument, filename = "print") {
     document.body.appendChild(a);
     a.click();
     document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-    return;
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+    return "downloaded";
   }
   win.document.open();
   win.document.write(htmlDocument);
   win.document.close();
+  return "opened";
 }
 
 // src/qr.ts
@@ -590,7 +591,7 @@ ${bodyHtml}
 ${withFitScript ? LP_FIT_SCRIPT : ""}
 </body>
 </html>`;
-  openPrintWindow(html, title);
+  return openPrintWindow(html, title);
 }
 function expandLabels(labels, s) {
   const from = s.rangeFrom > 0 ? s.rangeFrom : 1;
@@ -628,7 +629,7 @@ function buildCalibrationBody(t) {
   return `<div class="lp-page">${banner}${marks}${cells.join("\n")}</div>`;
 }
 function printCalibrationSheet(template) {
-  openSheetWindow(
+  return openSheetWindow(
     template,
     buildCalibrationBody(template),
     "Label calibration",
@@ -695,18 +696,16 @@ async function printQrLabelSheet(data, variantId, rawSettings) {
   const t = resolveTemplate(data, variantId);
   const s = resolveSettings(rawSettings);
   if (s.calibrationPage) {
-    printCalibrationSheet(t);
-    return;
+    return printCalibrationSheet(t);
   }
   const labels = expandLabels(data.labels ?? [], s);
   if (!labels.length) {
-    openSheetWindow(
+    return openSheetWindow(
       t,
       `<div class="lp-page"><div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:11pt;">No labels to print.</div></div>`,
       "QR labels",
       false
     );
-    return;
   }
   const hasBadge = labels.some((l) => (l.badge ?? "").trim() !== "");
   const layout = computeCellLayout(t, s.showCaption, hasBadge);
@@ -736,7 +735,7 @@ async function printQrLabelSheet(data, variantId, rawSettings) {
   const tail = cells.length % perPage;
   if (tail > 0)
     for (let i = 0; i < perPage - tail; i++) cells.push({ html: "" });
-  openSheetWindow(
+  return openSheetWindow(
     t,
     renderPages(t, cells),
     "QR labels",
@@ -1136,7 +1135,8 @@ function visibleSettings(settings, variantId) {
 function PrintOptionsContent({
   printer,
   data,
-  onClose
+  onClose,
+  onPrinted
 }) {
   const [selectedVariant, setSelectedVariant] = (0, import_react.useState)(
     printer.variants[0]?.id ?? ""
@@ -1160,7 +1160,8 @@ function PrintOptionsContent({
     setIsPrinting(true);
     try {
       const settings = useDefaults ? buildDefaultSettings(allSettings) : settingValues;
-      await printer.print(data, variantId, settings);
+      const outcome = await printer.print(data, variantId, settings);
+      onPrinted?.(outcome);
     } finally {
       setIsPrinting(false);
       onClose();
@@ -1388,7 +1389,8 @@ function PrintOptionsDialog({
   printer,
   data,
   open,
-  onOpenChange
+  onOpenChange,
+  onPrinted
 }) {
   const isMobile = useIsMobile();
   const handleClose = () => onOpenChange(false);
@@ -1415,7 +1417,8 @@ function PrintOptionsDialog({
         {
           printer,
           data,
-          onClose: handleClose
+          onClose: handleClose,
+          onPrinted
         }
       ) })
     ] }) });
@@ -1433,18 +1436,20 @@ function PrintOptionsDialog({
       {
         printer,
         data,
-        onClose: handleClose
+        onClose: handleClose,
+        onPrinted
       }
     ) })
   ] }) });
 }
-function usePrintOptions(printer, data) {
+function usePrintOptions(printer, data, onPrinted) {
   const [open, setOpen] = (0, import_react.useState)(false);
   const triggerPrint = async () => {
     if (!printer) return;
     const hasOptions = printer.variants.length > 0 || (printer.settings?.length ?? 0) > 0;
     if (!hasOptions) {
-      await printer.print(data);
+      const outcome = await printer.print(data);
+      onPrinted?.(outcome);
     } else {
       setOpen(true);
     }