@pixldocs/canvas-renderer 0.5.181 → 0.5.182

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-DQBzPXXr.cjs");
+const index = require("./index-CUINpGhe.cjs");
 exports.DEPLOYMENT_VERSION_MARKER = index.DEPLOYMENT_VERSION_MARKER;
 exports.FONT_FALLBACK_DEVANAGARI = index.FONT_FALLBACK_DEVANAGARI;
 exports.FONT_FALLBACK_MATH = index.FONT_FALLBACK_MATH;

package/dist/index.js

@@ -1,43 +1,43 @@
-import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, b, M, N, O, Q, R, S, U, V, W, X, Y, Z, _, $, a0, a1 } from "./index-Ck5VHk_Q.js";
+import { D, F, q, s, t, P, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, M, d, N, O, Q, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2 } from "./index-CcCXKYy6.js";
 export {
   D as DEPLOYMENT_VERSION_MARKER,
   F as FONT_FALLBACK_DEVANAGARI,
-  o as FONT_FALLBACK_MATH,
-  q as FONT_FALLBACK_SYMBOLS,
-  s as FONT_FILES,
+  q as FONT_FALLBACK_MATH,
+  s as FONT_FALLBACK_SYMBOLS,
+  t as FONT_FILES,
   P as PACKAGE_VERSION,
-  t as PixldocsPreview,
-  u as PixldocsRenderer,
-  v as applyThemeToConfig,
-  w as assemblePdfFromSvgs,
-  x as awaitFontsForConfig,
-  y as collectFontDescriptorsFromConfig,
-  z as collectFontsFromConfig,
-  B as collectImageUrls,
-  C as configHasAutoShrinkText,
-  E as dumpSvgTextDiagnostics,
-  G as embedFont,
-  H as embedFontsForConfig,
-  I as embedFontsInPdf,
-  J as ensureFontsForResolvedConfig,
-  K as extractFontFamiliesFromSvgs,
-  L as getEmbeddedJsPDFFontName,
-  b as getProxiedImageUrl,
-  M as getPublishedTemplate,
-  N as getTemplateForm,
-  O as isBundledAssetUrl,
-  Q as isFontAvailable,
-  R as isPrivateUrl,
-  S as listPublishedTemplates,
-  U as loadGoogleFontCSS,
-  V as normalizeFontFamily,
-  W as resolveFontWeight,
-  X as resolveFromForm,
-  Y as resolveTemplateData,
-  Z as rewriteSvgFontsForJsPDF,
-  _ as setAutoShrinkDebug,
-  $ as setBundledAssetPrefixes,
-  a0 as warmResolvedTemplateForPreview,
-  a1 as warmTemplateFromForm
+  u as PixldocsPreview,
+  v as PixldocsRenderer,
+  w as applyThemeToConfig,
+  x as assemblePdfFromSvgs,
+  y as awaitFontsForConfig,
+  z as collectFontDescriptorsFromConfig,
+  B as collectFontsFromConfig,
+  C as collectImageUrls,
+  E as configHasAutoShrinkText,
+  G as dumpSvgTextDiagnostics,
+  H as embedFont,
+  I as embedFontsForConfig,
+  J as embedFontsInPdf,
+  K as ensureFontsForResolvedConfig,
+  L as extractFontFamiliesFromSvgs,
+  M as getEmbeddedJsPDFFontName,
+  d as getProxiedImageUrl,
+  N as getPublishedTemplate,
+  O as getTemplateForm,
+  Q as isBundledAssetUrl,
+  R as isFontAvailable,
+  S as isPrivateUrl,
+  U as listPublishedTemplates,
+  V as loadGoogleFontCSS,
+  W as normalizeFontFamily,
+  X as resolveFontWeight,
+  Y as resolveFromForm,
+  Z as resolveTemplateData,
+  _ as rewriteSvgFontsForJsPDF,
+  $ as setAutoShrinkDebug,
+  a0 as setBundledAssetPrefixes,
+  a1 as warmResolvedTemplateForPreview,
+  a2 as warmTemplateFromForm
 };
 //# sourceMappingURL=index.js.map

package/dist/previewBlur-D1laq3kn.cjs

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./index-CUINpGhe.cjs");
+const OVERLAY_ID_PREFIX = "__pb_";
+function getNumber(v, fallback = 0) {
+  return typeof v === "number" && Number.isFinite(v) ? v : fallback;
+}
+function resolveSize(node, key) {
+  const v = node == null ? void 0 : node[key];
+  if (typeof v === "number" && Number.isFinite(v)) return v;
+  return 0;
+}
+function collectOverlays(node, parentLeft, parentTop, inheritedBlur, extraBaseIds, extraExactIds, out) {
+  if (!node || typeof node !== "object") return;
+  const matchesBase = !!(extraBaseIds && typeof node.id === "string" && extraBaseIds.has(index.baseId(node.id)));
+  const matchesExact = !!(extraExactIds && typeof node.id === "string" && extraExactIds.has(node.id));
+  const isBlurred = inheritedBlur || node.previewBlur === true || matchesBase || matchesExact;
+  const absLeft = parentLeft + getNumber(node.left, 0);
+  const absTop = parentTop + getNumber(node.top, 0);
+  if (node.type === "group") {
+    const children = node.children || node.elements;
+    if (Array.isArray(children)) {
+      for (const child of children) {
+        collectOverlays(child, absLeft, absTop, isBlurred, extraBaseIds, extraExactIds, out);
+      }
+    }
+    return;
+  }
+  if (!isBlurred) return;
+  const scaleX = getNumber(node.scaleX, 1) || 1;
+  const scaleY = getNumber(node.scaleY, 1) || 1;
+  const w = Math.max(4, resolveSize(node, "width") * scaleX);
+  const h = Math.max(4, resolveSize(node, "height") * scaleY);
+  out.push({
+    left: absLeft,
+    top: absTop,
+    width: w,
+    height: h,
+    hintFill: typeof node.fill === "string" ? node.fill : void 0
+  });
+}
+function parseColor(c) {
+  if (!c) return null;
+  const s = c.trim();
+  const hex = s.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (hex) {
+    let h = hex[1];
+    if (h.length === 3) h = h.split("").map((x) => x + x).join("");
+    return {
+      r: parseInt(h.slice(0, 2), 16),
+      g: parseInt(h.slice(2, 4), 16),
+      b: parseInt(h.slice(4, 6), 16)
+    };
+  }
+  const rgb = s.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  if (rgb) return { r: +rgb[1], g: +rgb[2], b: +rgb[3] };
+  return null;
+}
+function buildOverlay(b, idx) {
+  const c = parseColor(b.hintFill);
+  const lum = c ? (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255 : 0.2;
+  const isLightGlass = lum < 0.5;
+  const baseFill = isLightGlass ? "rgba(245,245,245,0.68)" : "rgba(30,30,30,0.62)";
+  return {
+    id: `${OVERLAY_ID_PREFIX}${idx}`,
+    type: "shape",
+    shapeType: "rounded-rect",
+    left: b.left,
+    top: b.top,
+    width: b.width,
+    height: b.height,
+    cornerRadius: 0,
+    fill: baseFill,
+    stroke: "transparent",
+    strokeWidth: 0,
+    opacity: 1,
+    selectable: false,
+    locked: true,
+    visible: true,
+    scaleX: 1,
+    scaleY: 1
+  };
+}
+function injectPreviewBlur(config, options) {
+  const cloned = typeof structuredClone === "function" ? structuredClone(config) : JSON.parse(JSON.stringify(config));
+  const extraBase = (options == null ? void 0 : options.extraElementBaseIds) && options.extraElementBaseIds.size > 0 ? options.extraElementBaseIds : void 0;
+  const extraExact = (options == null ? void 0 : options.extraElementExactIds) && options.extraElementExactIds.size > 0 ? options.extraElementExactIds : void 0;
+  let idx = 0;
+  for (const page of cloned.pages || []) {
+    const children = page.children || page.elements;
+    if (!Array.isArray(children)) continue;
+    const overlays = [];
+    for (const child of children) {
+      collectOverlays(child, 0, 0, false, extraBase, extraExact, overlays);
+    }
+    if (overlays.length === 0) continue;
+    for (const b of overlays) {
+      children.push(buildOverlay(b, idx++));
+    }
+  }
+  return cloned;
+}
+exports.injectPreviewBlur = injectPreviewBlur;
+//# sourceMappingURL=previewBlur-D1laq3kn.cjs.map

package/dist/previewBlur-D1laq3kn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewBlur-D1laq3kn.cjs","sources":["../../../src/lib/previewBlur.ts"],"sourcesContent":["/**\n * Preview Blur (anti-screenshot) injector.\n *\n * Walks a TemplateConfig and, for every element marked `previewBlur: true`\n * (or whose id is in the provided extra sets), appends a translucent\n * \"frosted glass\" overlay rectangle at the element's absolute bounding\n * box. The overlay sits on top of the original element so the content is\n * obscured visually, but layout / text / colors underneath remain intact\n * (no destructive mutation of the source element).\n *\n * The original config is NOT mutated. Safe to chain after `injectWatermark`.\n */\n\nimport type { TemplateConfig, CanvasElement } from '@/types/editor';\nimport { baseId } from '@/lib/formSchema';\n\nconst OVERLAY_ID_PREFIX = '__pb_';\n\nexport function isPreviewBlurOverlay(id: string): boolean {\n  return typeof id === 'string' && id.startsWith(OVERLAY_ID_PREFIX);\n}\n\ninterface OverlayBounds {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n  /** Used to colour-tune overlay against dark text. */\n  hintFill?: string;\n}\n\nfunction getNumber(v: unknown, fallback = 0): number {\n  return typeof v === 'number' && Number.isFinite(v) ? v : fallback;\n}\n\nfunction resolveSize(node: any, key: 'width' | 'height'): number {\n  const v = node?.[key];\n  if (typeof v === 'number' && Number.isFinite(v)) return v;\n  // 'auto' or other — fall back to a small minimum so the overlay still shows.\n  return 0;\n}\n\n/**\n * Recursively walk a node tree, accumulate parent offsets, and collect\n * overlay rectangles for any node that should be blurred.\n */\nfunction collectOverlays(\n  node: any,\n  parentLeft: number,\n  parentTop: number,\n  inheritedBlur: boolean,\n  extraBaseIds: Set<string> | undefined,\n  extraExactIds: Set<string> | undefined,\n  out: OverlayBounds[],\n): void {\n  if (!node || typeof node !== 'object') return;\n\n  const matchesBase = !!(\n    extraBaseIds && typeof node.id === 'string' && extraBaseIds.has(baseId(node.id))\n  );\n  const matchesExact = !!(\n    extraExactIds && typeof node.id === 'string' && extraExactIds.has(node.id)\n  );\n  const isBlurred = inheritedBlur || node.previewBlur === true || matchesBase || matchesExact;\n\n  const absLeft = parentLeft + getNumber(node.left, 0);\n  const absTop = parentTop + getNumber(node.top, 0);\n\n  if (node.type === 'group') {\n    // Groups themselves have no visual; descend so children can be matched\n    // and so blur inherits from group → children when the group is flagged.\n    const children = (node.children || node.elements) as any[] | undefined;\n    if (Array.isArray(children)) {\n      for (const child of children) {\n        collectOverlays(child, absLeft, absTop, isBlurred, extraBaseIds, extraExactIds, out);\n      }\n    }\n    return;\n  }\n\n  if (!isBlurred) return;\n\n  const scaleX = getNumber(node.scaleX, 1) || 1;\n  const scaleY = getNumber(node.scaleY, 1) || 1;\n  const w = Math.max(4, resolveSize(node, 'width') * scaleX);\n  const h = Math.max(4, resolveSize(node, 'height') * scaleY);\n\n  out.push({\n    left: absLeft,\n    top: absTop,\n    width: w,\n    height: h,\n    hintFill: typeof node.fill === 'string' ? node.fill : undefined,\n  });\n}\n\n/** Parse a color to {r,g,b} (best-effort). */\nfunction parseColor(c: string | undefined): { r: number; g: number; b: number } | null {\n  if (!c) return null;\n  const s = c.trim();\n  const hex = s.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hex) {\n    let h = hex[1];\n    if (h.length === 3) h = h.split('').map((x) => x + x).join('');\n    return {\n      r: parseInt(h.slice(0, 2), 16),\n      g: parseInt(h.slice(2, 4), 16),\n      b: parseInt(h.slice(4, 6), 16),\n    };\n  }\n  const rgb = s.match(/^rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i);\n  if (rgb) return { r: +rgb[1], g: +rgb[2], b: +rgb[3] };\n  return null;\n}\n\n/** Build a single frosted-glass overlay element. */\nfunction buildOverlay(b: OverlayBounds, idx: number): CanvasElement {\n  // Pick a tint based on the underlying text color so the glass reads\n  // naturally on both dark text and pale text.\n  const c = parseColor(b.hintFill);\n  const lum = c ? (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255 : 0.2;\n  // Dark text → light glass; light text → dark glass.\n  const isLightGlass = lum < 0.5;\n  const baseFill = isLightGlass\n    ? 'rgba(245,245,245,0.68)'\n    : 'rgba(30,30,30,0.62)';\n\n  return {\n    id: `${OVERLAY_ID_PREFIX}${idx}`,\n    type: 'shape',\n    shapeType: 'rounded-rect',\n    left: b.left,\n    top: b.top,\n    width: b.width,\n    height: b.height,\n    cornerRadius: 0,\n    fill: baseFill,\n    stroke: 'transparent',\n    strokeWidth: 0,\n    opacity: 1,\n    selectable: false,\n    locked: true,\n    visible: true,\n    scaleX: 1,\n    scaleY: 1,\n  } as unknown as CanvasElement;\n}\n\nexport function injectPreviewBlur(\n  config: TemplateConfig,\n  options?: {\n    extraElementBaseIds?: Set<string>;\n    extraElementExactIds?: Set<string>;\n  },\n): TemplateConfig {\n  const cloned: TemplateConfig =\n    typeof structuredClone === 'function'\n      ? structuredClone(config)\n      : JSON.parse(JSON.stringify(config));\n\n  const extraBase =\n    options?.extraElementBaseIds && options.extraElementBaseIds.size > 0\n      ? options.extraElementBaseIds\n      : undefined;\n  const extraExact =\n    options?.extraElementExactIds && options.extraElementExactIds.size > 0\n      ? options.extraElementExactIds\n      : undefined;\n\n  let idx = 0;\n  for (const page of cloned.pages || []) {\n    const children = ((page as any).children || (page as any).elements) as any[] | undefined;\n    if (!Array.isArray(children)) continue;\n\n    const overlays: OverlayBounds[] = [];\n    for (const child of children) {\n      collectOverlays(child, 0, 0, false, extraBase, extraExact, overlays);\n    }\n    if (overlays.length === 0) continue;\n\n    // Append at the END of the page children so the glass renders on top.\n    // (Watermark, when injected, is also appended at the end; running blur\n    //  AFTER watermark — as the use page does — keeps the glass above text\n    //  and BELOW the watermark grid, which is the desired anti-screenshot\n    //  layering.)\n    for (const b of overlays) {\n      children.push(buildOverlay(b, idx++));\n    }\n  }\n  return cloned;\n}\n\nexport function hasAnyPreviewBlur(config: TemplateConfig): boolean {\n  function walk(node: any): boolean {\n    if (!node || typeof node !== 'object') return false;\n    if (node.previewBlur === true) return true;\n    const children = node.children || node.elements;\n    if (Array.isArray(children)) {\n      for (const c of children) if (walk(c)) return true;\n    }\n    return false;\n  }\n  for (const page of config.pages || []) if (walk(page)) return true;\n  return false;\n}\n"],"names":["baseId"],"mappings":"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"}

package/dist/previewBlur-ceEQYSVv.js

@@ -0,0 +1,104 @@
+import { b as baseId } from "./index-CcCXKYy6.js";
+const OVERLAY_ID_PREFIX = "__pb_";
+function getNumber(v, fallback = 0) {
+  return typeof v === "number" && Number.isFinite(v) ? v : fallback;
+}
+function resolveSize(node, key) {
+  const v = node == null ? void 0 : node[key];
+  if (typeof v === "number" && Number.isFinite(v)) return v;
+  return 0;
+}
+function collectOverlays(node, parentLeft, parentTop, inheritedBlur, extraBaseIds, extraExactIds, out) {
+  if (!node || typeof node !== "object") return;
+  const matchesBase = !!(extraBaseIds && typeof node.id === "string" && extraBaseIds.has(baseId(node.id)));
+  const matchesExact = !!(extraExactIds && typeof node.id === "string" && extraExactIds.has(node.id));
+  const isBlurred = inheritedBlur || node.previewBlur === true || matchesBase || matchesExact;
+  const absLeft = parentLeft + getNumber(node.left, 0);
+  const absTop = parentTop + getNumber(node.top, 0);
+  if (node.type === "group") {
+    const children = node.children || node.elements;
+    if (Array.isArray(children)) {
+      for (const child of children) {
+        collectOverlays(child, absLeft, absTop, isBlurred, extraBaseIds, extraExactIds, out);
+      }
+    }
+    return;
+  }
+  if (!isBlurred) return;
+  const scaleX = getNumber(node.scaleX, 1) || 1;
+  const scaleY = getNumber(node.scaleY, 1) || 1;
+  const w = Math.max(4, resolveSize(node, "width") * scaleX);
+  const h = Math.max(4, resolveSize(node, "height") * scaleY);
+  out.push({
+    left: absLeft,
+    top: absTop,
+    width: w,
+    height: h,
+    hintFill: typeof node.fill === "string" ? node.fill : void 0
+  });
+}
+function parseColor(c) {
+  if (!c) return null;
+  const s = c.trim();
+  const hex = s.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (hex) {
+    let h = hex[1];
+    if (h.length === 3) h = h.split("").map((x) => x + x).join("");
+    return {
+      r: parseInt(h.slice(0, 2), 16),
+      g: parseInt(h.slice(2, 4), 16),
+      b: parseInt(h.slice(4, 6), 16)
+    };
+  }
+  const rgb = s.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  if (rgb) return { r: +rgb[1], g: +rgb[2], b: +rgb[3] };
+  return null;
+}
+function buildOverlay(b, idx) {
+  const c = parseColor(b.hintFill);
+  const lum = c ? (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255 : 0.2;
+  const isLightGlass = lum < 0.5;
+  const baseFill = isLightGlass ? "rgba(245,245,245,0.68)" : "rgba(30,30,30,0.62)";
+  return {
+    id: `${OVERLAY_ID_PREFIX}${idx}`,
+    type: "shape",
+    shapeType: "rounded-rect",
+    left: b.left,
+    top: b.top,
+    width: b.width,
+    height: b.height,
+    cornerRadius: 0,
+    fill: baseFill,
+    stroke: "transparent",
+    strokeWidth: 0,
+    opacity: 1,
+    selectable: false,
+    locked: true,
+    visible: true,
+    scaleX: 1,
+    scaleY: 1
+  };
+}
+function injectPreviewBlur(config, options) {
+  const cloned = typeof structuredClone === "function" ? structuredClone(config) : JSON.parse(JSON.stringify(config));
+  const extraBase = (options == null ? void 0 : options.extraElementBaseIds) && options.extraElementBaseIds.size > 0 ? options.extraElementBaseIds : void 0;
+  const extraExact = (options == null ? void 0 : options.extraElementExactIds) && options.extraElementExactIds.size > 0 ? options.extraElementExactIds : void 0;
+  let idx = 0;
+  for (const page of cloned.pages || []) {
+    const children = page.children || page.elements;
+    if (!Array.isArray(children)) continue;
+    const overlays = [];
+    for (const child of children) {
+      collectOverlays(child, 0, 0, false, extraBase, extraExact, overlays);
+    }
+    if (overlays.length === 0) continue;
+    for (const b of overlays) {
+      children.push(buildOverlay(b, idx++));
+    }
+  }
+  return cloned;
+}
+export {
+  injectPreviewBlur
+};
+//# sourceMappingURL=previewBlur-ceEQYSVv.js.map

package/dist/previewBlur-ceEQYSVv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewBlur-ceEQYSVv.js","sources":["../../../src/lib/previewBlur.ts"],"sourcesContent":["/**\n * Preview Blur (anti-screenshot) injector.\n *\n * Walks a TemplateConfig and, for every element marked `previewBlur: true`\n * (or whose id is in the provided extra sets), appends a translucent\n * \"frosted glass\" overlay rectangle at the element's absolute bounding\n * box. The overlay sits on top of the original element so the content is\n * obscured visually, but layout / text / colors underneath remain intact\n * (no destructive mutation of the source element).\n *\n * The original config is NOT mutated. Safe to chain after `injectWatermark`.\n */\n\nimport type { TemplateConfig, CanvasElement } from '@/types/editor';\nimport { baseId } from '@/lib/formSchema';\n\nconst OVERLAY_ID_PREFIX = '__pb_';\n\nexport function isPreviewBlurOverlay(id: string): boolean {\n  return typeof id === 'string' && id.startsWith(OVERLAY_ID_PREFIX);\n}\n\ninterface OverlayBounds {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n  /** Used to colour-tune overlay against dark text. */\n  hintFill?: string;\n}\n\nfunction getNumber(v: unknown, fallback = 0): number {\n  return typeof v === 'number' && Number.isFinite(v) ? v : fallback;\n}\n\nfunction resolveSize(node: any, key: 'width' | 'height'): number {\n  const v = node?.[key];\n  if (typeof v === 'number' && Number.isFinite(v)) return v;\n  // 'auto' or other — fall back to a small minimum so the overlay still shows.\n  return 0;\n}\n\n/**\n * Recursively walk a node tree, accumulate parent offsets, and collect\n * overlay rectangles for any node that should be blurred.\n */\nfunction collectOverlays(\n  node: any,\n  parentLeft: number,\n  parentTop: number,\n  inheritedBlur: boolean,\n  extraBaseIds: Set<string> | undefined,\n  extraExactIds: Set<string> | undefined,\n  out: OverlayBounds[],\n): void {\n  if (!node || typeof node !== 'object') return;\n\n  const matchesBase = !!(\n    extraBaseIds && typeof node.id === 'string' && extraBaseIds.has(baseId(node.id))\n  );\n  const matchesExact = !!(\n    extraExactIds && typeof node.id === 'string' && extraExactIds.has(node.id)\n  );\n  const isBlurred = inheritedBlur || node.previewBlur === true || matchesBase || matchesExact;\n\n  const absLeft = parentLeft + getNumber(node.left, 0);\n  const absTop = parentTop + getNumber(node.top, 0);\n\n  if (node.type === 'group') {\n    // Groups themselves have no visual; descend so children can be matched\n    // and so blur inherits from group → children when the group is flagged.\n    const children = (node.children || node.elements) as any[] | undefined;\n    if (Array.isArray(children)) {\n      for (const child of children) {\n        collectOverlays(child, absLeft, absTop, isBlurred, extraBaseIds, extraExactIds, out);\n      }\n    }\n    return;\n  }\n\n  if (!isBlurred) return;\n\n  const scaleX = getNumber(node.scaleX, 1) || 1;\n  const scaleY = getNumber(node.scaleY, 1) || 1;\n  const w = Math.max(4, resolveSize(node, 'width') * scaleX);\n  const h = Math.max(4, resolveSize(node, 'height') * scaleY);\n\n  out.push({\n    left: absLeft,\n    top: absTop,\n    width: w,\n    height: h,\n    hintFill: typeof node.fill === 'string' ? node.fill : undefined,\n  });\n}\n\n/** Parse a color to {r,g,b} (best-effort). */\nfunction parseColor(c: string | undefined): { r: number; g: number; b: number } | null {\n  if (!c) return null;\n  const s = c.trim();\n  const hex = s.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hex) {\n    let h = hex[1];\n    if (h.length === 3) h = h.split('').map((x) => x + x).join('');\n    return {\n      r: parseInt(h.slice(0, 2), 16),\n      g: parseInt(h.slice(2, 4), 16),\n      b: parseInt(h.slice(4, 6), 16),\n    };\n  }\n  const rgb = s.match(/^rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i);\n  if (rgb) return { r: +rgb[1], g: +rgb[2], b: +rgb[3] };\n  return null;\n}\n\n/** Build a single frosted-glass overlay element. */\nfunction buildOverlay(b: OverlayBounds, idx: number): CanvasElement {\n  // Pick a tint based on the underlying text color so the glass reads\n  // naturally on both dark text and pale text.\n  const c = parseColor(b.hintFill);\n  const lum = c ? (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255 : 0.2;\n  // Dark text → light glass; light text → dark glass.\n  const isLightGlass = lum < 0.5;\n  const baseFill = isLightGlass\n    ? 'rgba(245,245,245,0.68)'\n    : 'rgba(30,30,30,0.62)';\n\n  return {\n    id: `${OVERLAY_ID_PREFIX}${idx}`,\n    type: 'shape',\n    shapeType: 'rounded-rect',\n    left: b.left,\n    top: b.top,\n    width: b.width,\n    height: b.height,\n    cornerRadius: 0,\n    fill: baseFill,\n    stroke: 'transparent',\n    strokeWidth: 0,\n    opacity: 1,\n    selectable: false,\n    locked: true,\n    visible: true,\n    scaleX: 1,\n    scaleY: 1,\n  } as unknown as CanvasElement;\n}\n\nexport function injectPreviewBlur(\n  config: TemplateConfig,\n  options?: {\n    extraElementBaseIds?: Set<string>;\n    extraElementExactIds?: Set<string>;\n  },\n): TemplateConfig {\n  const cloned: TemplateConfig =\n    typeof structuredClone === 'function'\n      ? structuredClone(config)\n      : JSON.parse(JSON.stringify(config));\n\n  const extraBase =\n    options?.extraElementBaseIds && options.extraElementBaseIds.size > 0\n      ? options.extraElementBaseIds\n      : undefined;\n  const extraExact =\n    options?.extraElementExactIds && options.extraElementExactIds.size > 0\n      ? options.extraElementExactIds\n      : undefined;\n\n  let idx = 0;\n  for (const page of cloned.pages || []) {\n    const children = ((page as any).children || (page as any).elements) as any[] | undefined;\n    if (!Array.isArray(children)) continue;\n\n    const overlays: OverlayBounds[] = [];\n    for (const child of children) {\n      collectOverlays(child, 0, 0, false, extraBase, extraExact, overlays);\n    }\n    if (overlays.length === 0) continue;\n\n    // Append at the END of the page children so the glass renders on top.\n    // (Watermark, when injected, is also appended at the end; running blur\n    //  AFTER watermark — as the use page does — keeps the glass above text\n    //  and BELOW the watermark grid, which is the desired anti-screenshot\n    //  layering.)\n    for (const b of overlays) {\n      children.push(buildOverlay(b, idx++));\n    }\n  }\n  return cloned;\n}\n\nexport function hasAnyPreviewBlur(config: TemplateConfig): boolean {\n  function walk(node: any): boolean {\n    if (!node || typeof node !== 'object') return false;\n    if (node.previewBlur === true) return true;\n    const children = node.children || node.elements;\n    if (Array.isArray(children)) {\n      for (const c of children) if (walk(c)) return true;\n    }\n    return false;\n  }\n  for (const page of config.pages || []) if (walk(page)) return true;\n  return false;\n}\n"],"names":[],"mappings":"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"}

package/dist/{vectorPdfExport-DPng52xI.cjs → vectorPdfExport-0dwbE8Kn.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jspdf = require("jspdf");
 const svg2pdf_js = require("svg2pdf.js");
 const fabric = require("fabric");
-const index = require("./index-DQBzPXXr.cjs");
+const index = require("./index-CUINpGhe.cjs");
 const pdfFonts = require("./pdfFonts-BTj2f465.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -2525,7 +2525,7 @@ async function fetchSvgAsElement(imageUrl, colorMap) {
 async function getRecoloredSvgDataUrl(imageUrl, colorMap) {
   if (!colorMap || Object.keys(colorMap).length === 0) return null;
   try {
-    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-DQBzPXXr.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-CUINpGhe.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -3316,7 +3316,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-DQBzPXXr.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-CUINpGhe.cjs")).then((n) => n.canvasImageLoader);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${index.API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -5310,4 +5310,4 @@ exports.exportMultiPagePdf = exportMultiPagePdf;
 exports.logTextMeasurementDiagnostic = logTextMeasurementDiagnostic;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-DPng52xI.cjs.map
+//# sourceMappingURL=vectorPdfExport-0dwbE8Kn.cjs.map