@pixldocs/canvas-renderer 0.5.496 → 0.5.498

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixldocs/canvas-renderer",
-  "version": "0.5.496",
+  "version": "0.5.498",
   "description": "Client-side template renderer for Pixldocs — React component + imperative API for rendering templates in any web app",
   "type": "module",
   "publishConfig": {

package/dist/canvasWatermark-B0ab38Ok.cjs

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const WATERMARK_ID_PREFIX = "__wm_";
-const DEFAULT_WATERMARK_OPACITY = 0.14;
-const DEFAULT_WATERMARK_FONT_SIZE = 18;
-const DEFAULT_WATERMARK_ANGLE = -30;
-function getWatermarkText() {
-  try {
-    const host = window.location.hostname;
-    if (host.includes("biomaker")) return "biomaker.app";
-  } catch {
-  }
-  return "pixldocs.com";
-}
-function getLuminance(color) {
-  if (!color || color === "transparent" || color === "none") return 1;
-  let r = 255, g = 255, b = 255;
-  if (color.startsWith("#")) {
-    const hex = color.slice(1);
-    const full = hex.length === 3 ? hex.split("").map((c) => c + c).join("") : hex;
-    const n = parseInt(full, 16);
-    r = n >> 16 & 255;
-    g = n >> 8 & 255;
-    b = n & 255;
-  } else {
-    const m = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-    if (m) {
-      r = +m[1];
-      g = +m[2];
-      b = +m[3];
-    }
-  }
-  return (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-}
-function getWatermarkColor(bgColor) {
-  const lum = getLuminance(bgColor);
-  return lum < 0.45 ? "#cccccc" : "#808080";
-}
-function getPageBgColor(page, canvasBg) {
-  var _a, _b;
-  const settingsBg = (_a = page.settings) == null ? void 0 : _a.backgroundColor;
-  if (settingsBg && settingsBg !== "transparent" && settingsBg !== "none") {
-    return settingsBg;
-  }
-  const children = page.children || [];
-  for (const child of children) {
-    if (child.type === "shape" && child.fill && child.fill !== "transparent" && child.fill !== "none") {
-      return child.fill;
-    }
-    if ((_b = child.children) == null ? void 0 : _b.length) {
-      for (const gc of child.children) {
-        if (gc.type === "shape" && gc.fill && gc.fill !== "transparent" && gc.fill !== "none") {
-          return gc.fill;
-        }
-      }
-    }
-  }
-  return canvasBg;
-}
-function generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options = {}) {
-  const elements = [];
-  const text = options.text ?? getWatermarkText();
-  const fontSize = options.fontSize ?? DEFAULT_WATERMARK_FONT_SIZE;
-  const angle = options.angle ?? DEFAULT_WATERMARK_ANGLE;
-  const opacity = options.opacity ?? DEFAULT_WATERMARK_OPACITY;
-  const estimatedTextWidth = text.length * fontSize * 0.55;
-  const spacingX = Math.max(160, estimatedTextWidth + 30);
-  const spacingY = 90;
-  const startX = -canvasWidth * 0.3;
-  const startY = -canvasHeight * 0.3;
-  const endX = canvasWidth * 1.5;
-  const endY = canvasHeight * 1.5;
-  let idx = 0;
-  for (let y = startY; y < endY; y += spacingY) {
-    for (let x = startX; x < endX; x += spacingX) {
-      elements.push({
-        id: `${WATERMARK_ID_PREFIX}${idx++}`,
-        type: "text",
-        left: x,
-        top: y,
-        width: 200,
-        height: 40,
-        text,
-        fontFamily: "Montserrat",
-        fontSize,
-        fontWeight: "600",
-        fill: wmColor,
-        angle,
-        selectable: false,
-        locked: true,
-        visible: true,
-        opacity,
-        scaleX: 1,
-        scaleY: 1,
-        letterSpacing: 4
-      });
-    }
-  }
-  return elements;
-}
-function injectWatermark(config, options = {}) {
-  var _a, _b, _c;
-  const canvasWidth = ((_a = config.canvas) == null ? void 0 : _a.width) || 612;
-  const canvasHeight = ((_b = config.canvas) == null ? void 0 : _b.height) || 792;
-  const canvasBg = (_c = config.canvas) == null ? void 0 : _c.backgroundColor;
-  return {
-    ...config,
-    pages: config.pages.map((page) => {
-      const pageBg = getPageBgColor(page, canvasBg);
-      const wmColor = getWatermarkColor(pageBg);
-      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options);
-      return {
-        ...page,
-        children: [
-          ...page.children || [],
-          ...watermarkElements
-        ]
-      };
-    })
-  };
-}
-exports.injectWatermark = injectWatermark;
-//# sourceMappingURL=canvasWatermark-B0ab38Ok.cjs.map

package/dist/canvasWatermark-B0ab38Ok.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvasWatermark-B0ab38Ok.cjs","sources":["../../../src/lib/canvasWatermark.ts"],"sourcesContent":["/**\n * Injects diagonal \"PixlDocs\" watermark text elements into a TemplateConfig's pages.\n * The watermark elements are rendered as actual canvas text objects,\n * making them impossible to remove via browser inspect.\n */\n\nimport type { TemplateConfig, CanvasElement } from '@/types/editor';\n\nconst WATERMARK_ID_PREFIX = '__wm_';\n\n/** Optional overrides for watermark appearance. */\nexport interface WatermarkOptions {\n  /** Override the watermark text. Defaults to domain-based ('pixldocs.com' / 'biomaker.app'). */\n  text?: string;\n  /** Opacity 0–1. Default: 0.14 */\n  opacity?: number;\n  /** Font size in px. Default: 18 */\n  fontSize?: number;\n  /** Rotation angle in degrees. Default: -30 */\n  angle?: number;\n}\n\nconst DEFAULT_WATERMARK_OPACITY = 0.14;\nconst DEFAULT_WATERMARK_FONT_SIZE = 18;\nconst DEFAULT_WATERMARK_ANGLE = -30;\n\n/** Determine watermark text based on current domain */\nfunction getWatermarkText(): string {\n  try {\n    const host = window.location.hostname;\n    if (host.includes('biomaker')) return 'biomaker.app';\n  } catch {}\n  return 'pixldocs.com';\n}\n\n/** Parse a hex/rgb color to luminance (0=black, 1=white) */\nfunction getLuminance(color: string | undefined): number {\n  if (!color || color === 'transparent' || color === 'none') return 1; // assume light\n  let r = 255, g = 255, b = 255;\n  if (color.startsWith('#')) {\n    const hex = color.slice(1);\n    const full = hex.length === 3 ? hex.split('').map(c => c + c).join('') : hex;\n    const n = parseInt(full, 16);\n    r = (n >> 16) & 255;\n    g = (n >> 8) & 255;\n    b = n & 255;\n  } else {\n    const m = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n    if (m) { r = +m[1]; g = +m[2]; b = +m[3]; }\n  }\n  return (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n}\n\n/** Pick watermark color that contrasts with page background */\nfunction getWatermarkColor(bgColor: string | undefined): string {\n  const lum = getLuminance(bgColor);\n  // Dark bg → light watermark, Light bg → dark watermark\n  return lum < 0.45 ? '#cccccc' : '#808080';\n}\n\n/** Find the dominant background color of a page */\nfunction getPageBgColor(page: { children?: any[]; settings?: { backgroundColor?: string } }, canvasBg?: string): string | undefined {\n  // 1. Check page-level settings (theme-applied bg lives here)\n  const settingsBg = page.settings?.backgroundColor;\n  if (settingsBg && settingsBg !== 'transparent' && settingsBg !== 'none') {\n    return settingsBg;\n  }\n  // 2. Check first background shape fill\n  const children = page.children || [];\n  for (const child of children) {\n    if (child.type === 'shape' && child.fill && child.fill !== 'transparent' && child.fill !== 'none') {\n      return child.fill;\n    }\n    // Check inside groups (background groups)\n    if (child.children?.length) {\n      for (const gc of child.children) {\n        if (gc.type === 'shape' && gc.fill && gc.fill !== 'transparent' && gc.fill !== 'none') {\n          return gc.fill;\n        }\n      }\n    }\n  }\n  return canvasBg;\n}\n\n/** Generate watermark text elements for a given canvas size */\nfunction generateWatermarkElements(\n  canvasWidth: number,\n  canvasHeight: number,\n  wmColor: string,\n  options: WatermarkOptions = {},\n): CanvasElement[] {\n  const elements: CanvasElement[] = [];\n  const text = options.text ?? getWatermarkText();\n  const fontSize = options.fontSize ?? DEFAULT_WATERMARK_FONT_SIZE;\n  const angle = options.angle ?? DEFAULT_WATERMARK_ANGLE;\n  const opacity = options.opacity ?? DEFAULT_WATERMARK_OPACITY;\n  // Adjust spacing based on text length to prevent overlap\n  const estimatedTextWidth = text.length * fontSize * 0.55;\n  const spacingX = Math.max(160, estimatedTextWidth + 30);\n  const spacingY = 90;\n\n  const startX = -canvasWidth * 0.3;\n  const startY = -canvasHeight * 0.3;\n  const endX = canvasWidth * 1.5;\n  const endY = canvasHeight * 1.5;\n\n  let idx = 0;\n  for (let y = startY; y < endY; y += spacingY) {\n    for (let x = startX; x < endX; x += spacingX) {\n      elements.push({\n        id: `${WATERMARK_ID_PREFIX}${idx++}`,\n        type: 'text',\n        left: x,\n        top: y,\n        width: 200,\n        height: 40,\n        text,\n        fontFamily: 'Montserrat',\n        fontSize,\n        fontWeight: '600',\n        fill: wmColor,\n        angle,\n        selectable: false,\n        locked: true,\n        visible: true,\n        opacity,\n        scaleX: 1,\n        scaleY: 1,\n        letterSpacing: 4,\n      } as CanvasElement);\n    }\n  }\n  return elements;\n}\n\n/**\n * Returns a new config with watermark elements injected into every page.\n * The original config is NOT mutated.\n */\nexport function injectWatermark(\n  config: TemplateConfig,\n  options: WatermarkOptions = {},\n): TemplateConfig {\n  const canvasWidth = config.canvas?.width || 612;\n  const canvasHeight = config.canvas?.height || 792;\n  const canvasBg = (config.canvas as any)?.backgroundColor;\n\n  return {\n    ...config,\n    pages: config.pages.map((page) => {\n      const pageBg = getPageBgColor(page as any, canvasBg);\n      const wmColor = getWatermarkColor(pageBg);\n      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options);\n      return {\n        ...page,\n        children: [\n          ...(page.children || []),\n          ...watermarkElements,\n        ],\n      };\n    }),\n  };\n}\n\n/** Check if an element ID is a watermark element */\nexport function isWatermarkElement(id: string): boolean {\n  return id.startsWith(WATERMARK_ID_PREFIX);\n}\n"],"names":[],"mappings":";;AAQA,MAAM,sBAAsB;AAc5B,MAAM,4BAA4B;AAClC,MAAM,8BAA8B;AACpC,MAAM,0BAA0B;AAGhC,SAAS,mBAA2B;AAClC,MAAI;AACF,UAAM,OAAO,OAAO,SAAS;AAC7B,QAAI,KAAK,SAAS,UAAU,EAAG,QAAO;AAAA,EACxC,QAAQ;AAAA,EAAC;AACT,SAAO;AACT;AAGA,SAAS,aAAa,OAAmC;AACvD,MAAI,CAAC,SAAS,UAAU,iBAAiB,UAAU,OAAQ,QAAO;AAClE,MAAI,IAAI,KAAK,IAAI,KAAK,IAAI;AAC1B,MAAI,MAAM,WAAW,GAAG,GAAG;AACzB,UAAM,MAAM,MAAM,MAAM,CAAC;AACzB,UAAM,OAAO,IAAI,WAAW,IAAI,IAAI,MAAM,EAAE,EAAE,IAAI,OAAK,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI;AACzE,UAAM,IAAI,SAAS,MAAM,EAAE;AAC3B,QAAK,KAAK,KAAM;AAChB,QAAK,KAAK,IAAK;AACf,QAAI,IAAI;AAAA,EACV,OAAO;AACL,UAAM,IAAI,MAAM,MAAM,gCAAgC;AACtD,QAAI,GAAG;AAAE,UAAI,CAAC,EAAE,CAAC;AAAG,UAAI,CAAC,EAAE,CAAC;AAAG,UAAI,CAAC,EAAE,CAAC;AAAA,IAAG;AAAA,EAC5C;AACA,UAAQ,QAAQ,IAAI,QAAQ,IAAI,QAAQ,KAAK;AAC/C;AAGA,SAAS,kBAAkB,SAAqC;AAC9D,QAAM,MAAM,aAAa,OAAO;AAEhC,SAAO,MAAM,OAAO,YAAY;AAClC;AAGA,SAAS,eAAe,MAAqE,UAAuC;;AAElI,QAAM,cAAa,UAAK,aAAL,mBAAe;AAClC,MAAI,cAAc,eAAe,iBAAiB,eAAe,QAAQ;AACvE,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,KAAK,YAAY,CAAA;AAClC,aAAW,SAAS,UAAU;AAC5B,QAAI,MAAM,SAAS,WAAW,MAAM,QAAQ,MAAM,SAAS,iBAAiB,MAAM,SAAS,QAAQ;AACjG,aAAO,MAAM;AAAA,IACf;AAEA,SAAI,WAAM,aAAN,mBAAgB,QAAQ;AAC1B,iBAAW,MAAM,MAAM,UAAU;AAC/B,YAAI,GAAG,SAAS,WAAW,GAAG,QAAQ,GAAG,SAAS,iBAAiB,GAAG,SAAS,QAAQ;AACrF,iBAAO,GAAG;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAGA,SAAS,0BACP,aACA,cACA,SACA,UAA4B,CAAA,GACX;AACjB,QAAM,WAA4B,CAAA;AAClC,QAAM,OAAO,QAAQ,QAAQ,iBAAA;AAC7B,QAAM,WAAW,QAAQ,YAAY;AACrC,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,UAAU,QAAQ,WAAW;AAEnC,QAAM,qBAAqB,KAAK,SAAS,WAAW;AACpD,QAAM,WAAW,KAAK,IAAI,KAAK,qBAAqB,EAAE;AACtD,QAAM,WAAW;AAEjB,QAAM,SAAS,CAAC,cAAc;AAC9B,QAAM,SAAS,CAAC,eAAe;AAC/B,QAAM,OAAO,cAAc;AAC3B,QAAM,OAAO,eAAe;AAE5B,MAAI,MAAM;AACV,WAAS,IAAI,QAAQ,IAAI,MAAM,KAAK,UAAU;AAC5C,aAAS,IAAI,QAAQ,IAAI,MAAM,KAAK,UAAU;AAC5C,eAAS,KAAK;AAAA,QACZ,IAAI,GAAG,mBAAmB,GAAG,KAAK;AAAA,QAClC,MAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA,YAAY;AAAA,QACZ,MAAM;AAAA,QACN;AAAA,QACA,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,eAAe;AAAA,MAAA,CACC;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;AAMO,SAAS,gBACd,QACA,UAA4B,IACZ;;AAChB,QAAM,gBAAc,YAAO,WAAP,mBAAe,UAAS;AAC5C,QAAM,iBAAe,YAAO,WAAP,mBAAe,WAAU;AAC9C,QAAM,YAAY,YAAO,WAAP,mBAAuB;AAEzC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,OAAO,MAAM,IAAI,CAAC,SAAS;AAChC,YAAM,SAAS,eAAe,MAAa,QAAQ;AACnD,YAAM,UAAU,kBAAkB,MAAM;AACxC,YAAM,oBAAoB,0BAA0B,aAAa,cAAc,SAAS,OAAO;AAC/F,aAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAI,KAAK,YAAY,CAAA;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MACL;AAAA,IAEJ,CAAC;AAAA,EAAA;AAEL;;"}

package/dist/canvasWatermark-pkhacGge.js

@@ -1,123 +0,0 @@
-const WATERMARK_ID_PREFIX = "__wm_";
-const DEFAULT_WATERMARK_OPACITY = 0.14;
-const DEFAULT_WATERMARK_FONT_SIZE = 18;
-const DEFAULT_WATERMARK_ANGLE = -30;
-function getWatermarkText() {
-  try {
-    const host = window.location.hostname;
-    if (host.includes("biomaker")) return "biomaker.app";
-  } catch {
-  }
-  return "pixldocs.com";
-}
-function getLuminance(color) {
-  if (!color || color === "transparent" || color === "none") return 1;
-  let r = 255, g = 255, b = 255;
-  if (color.startsWith("#")) {
-    const hex = color.slice(1);
-    const full = hex.length === 3 ? hex.split("").map((c) => c + c).join("") : hex;
-    const n = parseInt(full, 16);
-    r = n >> 16 & 255;
-    g = n >> 8 & 255;
-    b = n & 255;
-  } else {
-    const m = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-    if (m) {
-      r = +m[1];
-      g = +m[2];
-      b = +m[3];
-    }
-  }
-  return (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-}
-function getWatermarkColor(bgColor) {
-  const lum = getLuminance(bgColor);
-  return lum < 0.45 ? "#cccccc" : "#808080";
-}
-function getPageBgColor(page, canvasBg) {
-  var _a, _b;
-  const settingsBg = (_a = page.settings) == null ? void 0 : _a.backgroundColor;
-  if (settingsBg && settingsBg !== "transparent" && settingsBg !== "none") {
-    return settingsBg;
-  }
-  const children = page.children || [];
-  for (const child of children) {
-    if (child.type === "shape" && child.fill && child.fill !== "transparent" && child.fill !== "none") {
-      return child.fill;
-    }
-    if ((_b = child.children) == null ? void 0 : _b.length) {
-      for (const gc of child.children) {
-        if (gc.type === "shape" && gc.fill && gc.fill !== "transparent" && gc.fill !== "none") {
-          return gc.fill;
-        }
-      }
-    }
-  }
-  return canvasBg;
-}
-function generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options = {}) {
-  const elements = [];
-  const text = options.text ?? getWatermarkText();
-  const fontSize = options.fontSize ?? DEFAULT_WATERMARK_FONT_SIZE;
-  const angle = options.angle ?? DEFAULT_WATERMARK_ANGLE;
-  const opacity = options.opacity ?? DEFAULT_WATERMARK_OPACITY;
-  const estimatedTextWidth = text.length * fontSize * 0.55;
-  const spacingX = Math.max(160, estimatedTextWidth + 30);
-  const spacingY = 90;
-  const startX = -canvasWidth * 0.3;
-  const startY = -canvasHeight * 0.3;
-  const endX = canvasWidth * 1.5;
-  const endY = canvasHeight * 1.5;
-  let idx = 0;
-  for (let y = startY; y < endY; y += spacingY) {
-    for (let x = startX; x < endX; x += spacingX) {
-      elements.push({
-        id: `${WATERMARK_ID_PREFIX}${idx++}`,
-        type: "text",
-        left: x,
-        top: y,
-        width: 200,
-        height: 40,
-        text,
-        fontFamily: "Montserrat",
-        fontSize,
-        fontWeight: "600",
-        fill: wmColor,
-        angle,
-        selectable: false,
-        locked: true,
-        visible: true,
-        opacity,
-        scaleX: 1,
-        scaleY: 1,
-        letterSpacing: 4
-      });
-    }
-  }
-  return elements;
-}
-function injectWatermark(config, options = {}) {
-  var _a, _b, _c;
-  const canvasWidth = ((_a = config.canvas) == null ? void 0 : _a.width) || 612;
-  const canvasHeight = ((_b = config.canvas) == null ? void 0 : _b.height) || 792;
-  const canvasBg = (_c = config.canvas) == null ? void 0 : _c.backgroundColor;
-  return {
-    ...config,
-    pages: config.pages.map((page) => {
-      const pageBg = getPageBgColor(page, canvasBg);
-      const wmColor = getWatermarkColor(pageBg);
-      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options);
-      return {
-        ...page,
-        children: [
-          ...page.children || [],
-          ...watermarkElements
-        ]
-      };
-    })
-  };
-}
-export {
-  injectWatermark
-};
-//# sourceMappingURL=canvasWatermark-pkhacGge.js.map

package/dist/canvasWatermark-pkhacGge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvasWatermark-pkhacGge.js","sources":["../../../src/lib/canvasWatermark.ts"],"sourcesContent":["/**\n * Injects diagonal \"PixlDocs\" watermark text elements into a TemplateConfig's pages.\n * The watermark elements are rendered as actual canvas text objects,\n * making them impossible to remove via browser inspect.\n */\n\nimport type { TemplateConfig, CanvasElement } from '@/types/editor';\n\nconst WATERMARK_ID_PREFIX = '__wm_';\n\n/** Optional overrides for watermark appearance. */\nexport interface WatermarkOptions {\n  /** Override the watermark text. Defaults to domain-based ('pixldocs.com' / 'biomaker.app'). */\n  text?: string;\n  /** Opacity 0–1. Default: 0.14 */\n  opacity?: number;\n  /** Font size in px. Default: 18 */\n  fontSize?: number;\n  /** Rotation angle in degrees. Default: -30 */\n  angle?: number;\n}\n\nconst DEFAULT_WATERMARK_OPACITY = 0.14;\nconst DEFAULT_WATERMARK_FONT_SIZE = 18;\nconst DEFAULT_WATERMARK_ANGLE = -30;\n\n/** Determine watermark text based on current domain */\nfunction getWatermarkText(): string {\n  try {\n    const host = window.location.hostname;\n    if (host.includes('biomaker')) return 'biomaker.app';\n  } catch {}\n  return 'pixldocs.com';\n}\n\n/** Parse a hex/rgb color to luminance (0=black, 1=white) */\nfunction getLuminance(color: string | undefined): number {\n  if (!color || color === 'transparent' || color === 'none') return 1; // assume light\n  let r = 255, g = 255, b = 255;\n  if (color.startsWith('#')) {\n    const hex = color.slice(1);\n    const full = hex.length === 3 ? hex.split('').map(c => c + c).join('') : hex;\n    const n = parseInt(full, 16);\n    r = (n >> 16) & 255;\n    g = (n >> 8) & 255;\n    b = n & 255;\n  } else {\n    const m = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n    if (m) { r = +m[1]; g = +m[2]; b = +m[3]; }\n  }\n  return (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n}\n\n/** Pick watermark color that contrasts with page background */\nfunction getWatermarkColor(bgColor: string | undefined): string {\n  const lum = getLuminance(bgColor);\n  // Dark bg → light watermark, Light bg → dark watermark\n  return lum < 0.45 ? '#cccccc' : '#808080';\n}\n\n/** Find the dominant background color of a page */\nfunction getPageBgColor(page: { children?: any[]; settings?: { backgroundColor?: string } }, canvasBg?: string): string | undefined {\n  // 1. Check page-level settings (theme-applied bg lives here)\n  const settingsBg = page.settings?.backgroundColor;\n  if (settingsBg && settingsBg !== 'transparent' && settingsBg !== 'none') {\n    return settingsBg;\n  }\n  // 2. Check first background shape fill\n  const children = page.children || [];\n  for (const child of children) {\n    if (child.type === 'shape' && child.fill && child.fill !== 'transparent' && child.fill !== 'none') {\n      return child.fill;\n    }\n    // Check inside groups (background groups)\n    if (child.children?.length) {\n      for (const gc of child.children) {\n        if (gc.type === 'shape' && gc.fill && gc.fill !== 'transparent' && gc.fill !== 'none') {\n          return gc.fill;\n        }\n      }\n    }\n  }\n  return canvasBg;\n}\n\n/** Generate watermark text elements for a given canvas size */\nfunction generateWatermarkElements(\n  canvasWidth: number,\n  canvasHeight: number,\n  wmColor: string,\n  options: WatermarkOptions = {},\n): CanvasElement[] {\n  const elements: CanvasElement[] = [];\n  const text = options.text ?? getWatermarkText();\n  const fontSize = options.fontSize ?? DEFAULT_WATERMARK_FONT_SIZE;\n  const angle = options.angle ?? DEFAULT_WATERMARK_ANGLE;\n  const opacity = options.opacity ?? DEFAULT_WATERMARK_OPACITY;\n  // Adjust spacing based on text length to prevent overlap\n  const estimatedTextWidth = text.length * fontSize * 0.55;\n  const spacingX = Math.max(160, estimatedTextWidth + 30);\n  const spacingY = 90;\n\n  const startX = -canvasWidth * 0.3;\n  const startY = -canvasHeight * 0.3;\n  const endX = canvasWidth * 1.5;\n  const endY = canvasHeight * 1.5;\n\n  let idx = 0;\n  for (let y = startY; y < endY; y += spacingY) {\n    for (let x = startX; x < endX; x += spacingX) {\n      elements.push({\n        id: `${WATERMARK_ID_PREFIX}${idx++}`,\n        type: 'text',\n        left: x,\n        top: y,\n        width: 200,\n        height: 40,\n        text,\n        fontFamily: 'Montserrat',\n        fontSize,\n        fontWeight: '600',\n        fill: wmColor,\n        angle,\n        selectable: false,\n        locked: true,\n        visible: true,\n        opacity,\n        scaleX: 1,\n        scaleY: 1,\n        letterSpacing: 4,\n      } as CanvasElement);\n    }\n  }\n  return elements;\n}\n\n/**\n * Returns a new config with watermark elements injected into every page.\n * The original config is NOT mutated.\n */\nexport function injectWatermark(\n  config: TemplateConfig,\n  options: WatermarkOptions = {},\n): TemplateConfig {\n  const canvasWidth = config.canvas?.width || 612;\n  const canvasHeight = config.canvas?.height || 792;\n  const canvasBg = (config.canvas as any)?.backgroundColor;\n\n  return {\n    ...config,\n    pages: config.pages.map((page) => {\n      const pageBg = getPageBgColor(page as any, canvasBg);\n      const wmColor = getWatermarkColor(pageBg);\n      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options);\n      return {\n        ...page,\n        children: [\n          ...(page.children || []),\n          ...watermarkElements,\n        ],\n      };\n    }),\n  };\n}\n\n/** Check if an element ID is a watermark element */\nexport function isWatermarkElement(id: string): boolean {\n  return id.startsWith(WATERMARK_ID_PREFIX);\n}\n"],"names":[],"mappings":"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"}