@pixldocs/canvas-renderer 0.5.39 → 0.5.41

package/dist/{canvasWatermark-DAZIQ_IR.cjs → canvasWatermark-B0ab38Ok.cjs}

@@ -1,6 +1,9 @@
 "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;
@@ -54,11 +57,12 @@ function getPageBgColor(page, canvasBg) {
   }
   return canvasBg;
 }
-function generateWatermarkElements(canvasWidth, canvasHeight, wmColor) {
+function generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options = {}) {
   const elements = [];
-  const text = getWatermarkText();
-  const fontSize = 18;
-  const angle = -30;
+  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;
@@ -85,7 +89,7 @@ function generateWatermarkElements(canvasWidth, canvasHeight, wmColor) {
         selectable: false,
         locked: true,
         visible: true,
-        opacity: 0.14,
+        opacity,
         scaleX: 1,
         scaleY: 1,
         letterSpacing: 4
@@ -94,7 +98,7 @@ function generateWatermarkElements(canvasWidth, canvasHeight, wmColor) {
   }
   return elements;
 }
-function injectWatermark(config) {
+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;
@@ -104,7 +108,7 @@ function injectWatermark(config) {
     pages: config.pages.map((page) => {
       const pageBg = getPageBgColor(page, canvasBg);
       const wmColor = getWatermarkColor(pageBg);
-      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor);
+      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options);
       return {
         ...page,
         children: [
@@ -116,4 +120,4 @@ function injectWatermark(config) {
   };
 }
 exports.injectWatermark = injectWatermark;
-//# sourceMappingURL=canvasWatermark-DAZIQ_IR.cjs.map
+//# sourceMappingURL=canvasWatermark-B0ab38Ok.cjs.map

package/dist/canvasWatermark-B0ab38Ok.cjs.map

@@ -0,0 +1 @@
+{"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":"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"}

package/dist/{canvasWatermark-CM85x4k7.js → canvasWatermark-pkhacGge.js}

@@ -1,4 +1,7 @@
 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;
@@ -52,11 +55,12 @@ function getPageBgColor(page, canvasBg) {
   }
   return canvasBg;
 }
-function generateWatermarkElements(canvasWidth, canvasHeight, wmColor) {
+function generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options = {}) {
   const elements = [];
-  const text = getWatermarkText();
-  const fontSize = 18;
-  const angle = -30;
+  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;
@@ -83,7 +87,7 @@ function generateWatermarkElements(canvasWidth, canvasHeight, wmColor) {
         selectable: false,
         locked: true,
         visible: true,
-        opacity: 0.14,
+        opacity,
         scaleX: 1,
         scaleY: 1,
         letterSpacing: 4
@@ -92,7 +96,7 @@ function generateWatermarkElements(canvasWidth, canvasHeight, wmColor) {
   }
   return elements;
 }
-function injectWatermark(config) {
+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;
@@ -102,7 +106,7 @@ function injectWatermark(config) {
     pages: config.pages.map((page) => {
       const pageBg = getPageBgColor(page, canvasBg);
       const wmColor = getWatermarkColor(pageBg);
-      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor);
+      const watermarkElements = generateWatermarkElements(canvasWidth, canvasHeight, wmColor, options);
       return {
         ...page,
         children: [
@@ -116,4 +120,4 @@ function injectWatermark(config) {
 export {
   injectWatermark
 };
-//# sourceMappingURL=canvasWatermark-CM85x4k7.js.map
+//# sourceMappingURL=canvasWatermark-pkhacGge.js.map

package/dist/canvasWatermark-pkhacGge.js.map

@@ -0,0 +1 @@
+{"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":"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;AArDpI;AAuDE,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;AAvIlB;AAwIE,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/index.cjs

@@ -12072,7 +12072,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.39";
+const PACKAGE_VERSION = "0.5.40";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -12080,6 +12080,24 @@ function installUnderlineFix(fab) {
   const TextProto = (_a = fab.Text) == null ? void 0 : _a.prototype;
   if (!TextProto || typeof TextProto._renderTextDecoration !== "function") return;
   const original = TextProto._renderTextDecoration;
+  const measureLineTextWidth = (obj, ctx, lineIndex) => {
+    var _a2, _b, _c, _d, _e, _f;
+    const rawLine = (_a2 = obj._textLines) == null ? void 0 : _a2[lineIndex];
+    const lineText = Array.isArray(rawLine) ? rawLine.join("") : String(rawLine ?? "");
+    if (!lineText) return 0;
+    const fontSize = Number(((_b = obj.getValueOfPropertyAt) == null ? void 0 : _b.call(obj, lineIndex, 0, "fontSize")) ?? obj.fontSize ?? 0);
+    const fontStyle = String(((_c = obj.getValueOfPropertyAt) == null ? void 0 : _c.call(obj, lineIndex, 0, "fontStyle")) ?? obj.fontStyle ?? "normal");
+    const fontWeight = String(((_d = obj.getValueOfPropertyAt) == null ? void 0 : _d.call(obj, lineIndex, 0, "fontWeight")) ?? obj.fontWeight ?? "400");
+    const fontFamily = String(((_e = obj.getValueOfPropertyAt) == null ? void 0 : _e.call(obj, lineIndex, 0, "fontFamily")) ?? obj.fontFamily ?? "sans-serif");
+    const charSpacing = Number(((_f = obj.getValueOfPropertyAt) == null ? void 0 : _f.call(obj, lineIndex, 0, "charSpacing")) ?? obj.charSpacing ?? 0);
+    ctx.save();
+    ctx.font = `${fontStyle} normal ${fontWeight} ${fontSize}px ${fontFamily}`;
+    const measured = ctx.measureText(lineText).width;
+    ctx.restore();
+    const graphemeCount = Array.from(lineText).length;
+    const spacingWidth = graphemeCount > 1 ? charSpacing / 1e3 * fontSize * (graphemeCount - 1) : 0;
+    return Math.max(0, measured + spacingWidth);
+  };
   TextProto._renderTextDecoration = function patchedRenderTextDecoration(ctx, type) {
     try {
       const hasOwn = !!this[type];
@@ -12110,20 +12128,16 @@ function installUnderlineFix(fab) {
           topOffset += heightOfLine;
           continue;
         }
-        if (Array.isArray(this.__lineWidths)) {
-          this.__lineWidths[i] = void 0;
-        }
-        let lineWidth = 0;
-        try {
-          lineWidth = this.getLineWidth(i);
-        } catch {
-          lineWidth = 0;
-        }
+        const lineWidth = measureLineTextWidth(this, ctx, i);
         if (!lineWidth) {
           topOffset += heightOfLine;
           continue;
         }
-        const lineLeftOffset = this._getLineLeftOffset(i);
+        const availableWidth = Number(this.width ?? lineWidth);
+        let lineLeftOffset = 0;
+        const align = String(this.textAlign ?? "left");
+        if (align === "center") lineLeftOffset = (availableWidth - lineWidth) / 2;
+        else if (align === "right" || align === "end") lineLeftOffset = availableWidth - lineWidth;
         let drawStart = leftOffset + lineLeftOffset;
         if (this.direction === "rtl") {
           drawStart = this.width - drawStart - lineWidth;
@@ -12213,7 +12227,7 @@ class PixldocsRenderer {
    * This is the primary external API for the package.
    */
   async renderFromForm(options) {
-    const { templateId, formSchemaId, sectionState, themeId, watermark, prefetched, ...renderOpts } = options;
+    const { templateId, formSchemaId, sectionState, themeId, watermark, watermarkOptions, prefetched, ...renderOpts } = options;
     const resolved = await resolveFromForm({
       templateId,
       formSchemaId,
@@ -12226,8 +12240,8 @@ class PixldocsRenderer {
     const shouldWatermark = watermark ?? resolved.price > 0;
     let configToRender = resolved.config;
     if (shouldWatermark) {
-      const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-DAZIQ_IR.cjs"));
-      configToRender = injectWatermark(configToRender);
+      const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-B0ab38Ok.cjs"));
+      configToRender = injectWatermark(configToRender, watermarkOptions);
     }
     return this.renderAllPages(configToRender, renderOpts);
   }
@@ -12266,7 +12280,7 @@ class PixldocsRenderer {
    * Resolve from V2 sectionState and return SVGs for all pages (for server vector PDF).
    */
   async renderSvgsFromForm(options) {
-    const { templateId, formSchemaId, sectionState, themeId, watermark, prefetched } = options;
+    const { templateId, formSchemaId, sectionState, themeId, watermark, watermarkOptions, prefetched } = options;
     const resolved = await resolveFromForm({
       templateId,
       formSchemaId,
@@ -12279,8 +12293,8 @@ class PixldocsRenderer {
     const shouldWatermark = watermark ?? resolved.price > 0;
     let configToRender = resolved.config;
     if (shouldWatermark) {
-      const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-DAZIQ_IR.cjs"));
-      configToRender = injectWatermark(configToRender);
+      const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-B0ab38Ok.cjs"));
+      configToRender = injectWatermark(configToRender, watermarkOptions);
     }
     return this.renderAllPageSvgs(configToRender);
   }
@@ -12298,7 +12312,7 @@ class PixldocsRenderer {
    * This is the primary PDF export API — mirrors renderFromForm() but returns a PDF.
    */
   async renderPdfFromForm(options) {
-    const { templateId, formSchemaId, sectionState, themeId, watermark, prefetched, title, fontBaseUrl } = options;
+    const { templateId, formSchemaId, sectionState, themeId, watermark, watermarkOptions, prefetched, title, fontBaseUrl } = options;
     const resolved = await resolveFromForm({
       templateId,
       formSchemaId,
@@ -12311,8 +12325,8 @@ class PixldocsRenderer {
     const shouldWatermark = watermark ?? resolved.price > 0;
     let configToRender = resolved.config;
     if (shouldWatermark) {
-      const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-DAZIQ_IR.cjs"));
-      configToRender = injectWatermark(configToRender);
+      const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-B0ab38Ok.cjs"));
+      configToRender = injectWatermark(configToRender, watermarkOptions);
     }
     const svgs = await this.renderAllPageSvgs(configToRender);
     const { assemblePdfFromSvgs: assemblePdfFromSvgs2 } = await Promise.resolve().then(() => pdfExport);