@pixldocs/canvas-renderer 0.5.181 → 0.5.182

package/package.json

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

package/dist/previewBlur-BB8gxlmo.cjs

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const BLOCK_CHAR = "█";
-function redactText(input) {
-  if (!input) return BLOCK_CHAR.repeat(4);
-  return input.replace(/\S/g, BLOCK_CHAR);
-}
-function processNode(node, inheritedBlur) {
-  if (!node || typeof node !== "object") return;
-  const blur = inheritedBlur || node.previewBlur === true;
-  if (node.type === "group") {
-    const children = node.children || node.elements;
-    if (children && Array.isArray(children)) {
-      for (const child of children) processNode(child, blur);
-    }
-    return;
-  }
-  if (!blur) return;
-  if (node.type === "text") {
-    if (typeof node.text === "string") {
-      node.text = redactText(node.text);
-    } else {
-      node.text = BLOCK_CHAR.repeat(6);
-    }
-    if (node.formattingEnabled) {
-      node.formattingEnabled = false;
-    }
-    node.fill = "#6b6b6b";
-    if (node.fillGradient) node.fillGradient = void 0;
-    node.underline = false;
-    node.linethrough = false;
-    return;
-  }
-  if (node.type === "image") {
-    node.src = void 0;
-    node.fill = "#6b6b6b";
-    return;
-  }
-}
-function injectPreviewBlur(config) {
-  const cloned = typeof structuredClone === "function" ? structuredClone(config) : JSON.parse(JSON.stringify(config));
-  for (const page of cloned.pages || []) {
-    const children = page.children || page.elements;
-    if (children && Array.isArray(children)) {
-      for (const child of children) processNode(child, false);
-    }
-  }
-  return cloned;
-}
-exports.injectPreviewBlur = injectPreviewBlur;
-//# sourceMappingURL=previewBlur-BB8gxlmo.cjs.map

package/dist/previewBlur-BB8gxlmo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"previewBlur-BB8gxlmo.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 * redacts its visible content so users can't take usable screenshots from\n * the watermarked preview. Currently implemented for TEXT elements by\n * replacing every printable character with `█` (full-block) — this keeps\n * the layout perfectly stable across the client and EC2 rendering pipelines\n * (no bbox math, no overlay siblings, no group disruption).\n *\n * Images and groups are placeholders for now: images get fill darkened and\n * src cleared (renders as a solid box of original dimensions); groups have\n * their flag propagated to descendants.\n *\n * Only invoke this when watermark is also being injected — the gate must\n * match exactly, otherwise paid downloads would also be redacted.\n */\n\nimport type { TemplateConfig } from '@/types/editor';\n\nconst BLOCK_CHAR = '█';\n\nfunction redactText(input: string): string {\n  if (!input) return BLOCK_CHAR.repeat(4);\n  // Preserve whitespace + line breaks so wrapping / line count stay identical.\n  return input.replace(/\\S/g, BLOCK_CHAR);\n}\n\nfunction processNode(node: any, inheritedBlur: boolean): void {\n  if (!node || typeof node !== 'object') return;\n  const blur = inheritedBlur || node.previewBlur === true;\n\n  if (node.type === 'group') {\n    // Propagate to descendants; group itself has no visual to redact.\n    const children = (node.children || node.elements) as any[] | undefined;\n    if (children && Array.isArray(children)) {\n      for (const child of children) processNode(child, blur);\n    }\n    return;\n  }\n\n  if (!blur) return;\n\n  if (node.type === 'text') {\n    // Keep the same character count (so width/wrap stays) but redacted.\n    if (typeof node.text === 'string') {\n      node.text = redactText(node.text);\n    } else {\n      node.text = BLOCK_CHAR.repeat(6);\n    }\n    // Inline-formatted text would expose markers; strip them.\n    if (node.formattingEnabled) {\n      node.formattingEnabled = false;\n    }\n    // Neutral muted fill so it reads as redacted, not as styled text.\n    node.fill = '#6b6b6b';\n    if (node.fillGradient) node.fillGradient = undefined;\n    node.underline = false;\n    node.linethrough = false;\n    return;\n  }\n\n  if (node.type === 'image') {\n    node.src = undefined;\n    node.fill = '#6b6b6b';\n    return;\n  }\n}\n\n/**\n * Returns a deep-cloned config with every `previewBlur: true` element\n * redacted. Original config is NOT mutated. Safe to chain after\n * `injectWatermark()`.\n */\nexport function injectPreviewBlur(config: TemplateConfig): TemplateConfig {\n  // Structured clone keeps full fidelity (and avoids JSON-stringify dropping\n  // class instances) — fallback to JSON for older runtimes.\n  const cloned: TemplateConfig =\n    typeof structuredClone === 'function'\n      ? structuredClone(config)\n      : JSON.parse(JSON.stringify(config));\n\n  for (const page of cloned.pages || []) {\n    const children = (page as any).children || (page as any).elements;\n    if (children && Array.isArray(children)) {\n      for (const child of children) processNode(child, false);\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}"],"names":[],"mappings":";;AAoBA,MAAM,aAAa;AAEnB,SAAS,WAAW,OAAuB;AACzC,MAAI,CAAC,MAAO,QAAO,WAAW,OAAO,CAAC;AAEtC,SAAO,MAAM,QAAQ,OAAO,UAAU;AACxC;AAEA,SAAS,YAAY,MAAW,eAA8B;AAC5D,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU;AACvC,QAAM,OAAO,iBAAiB,KAAK,gBAAgB;AAEnD,MAAI,KAAK,SAAS,SAAS;AAEzB,UAAM,WAAY,KAAK,YAAY,KAAK;AACxC,QAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,iBAAW,SAAS,SAAU,aAAY,OAAO,IAAI;AAAA,IACvD;AACA;AAAA,EACF;AAEA,MAAI,CAAC,KAAM;AAEX,MAAI,KAAK,SAAS,QAAQ;AAExB,QAAI,OAAO,KAAK,SAAS,UAAU;AACjC,WAAK,OAAO,WAAW,KAAK,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,OAAO,WAAW,OAAO,CAAC;AAAA,IACjC;AAEA,QAAI,KAAK,mBAAmB;AAC1B,WAAK,oBAAoB;AAAA,IAC3B;AAEA,SAAK,OAAO;AACZ,QAAI,KAAK,aAAc,MAAK,eAAe;AAC3C,SAAK,YAAY;AACjB,SAAK,cAAc;AACnB;AAAA,EACF;AAEA,MAAI,KAAK,SAAS,SAAS;AACzB,SAAK,MAAM;AACX,SAAK,OAAO;AACZ;AAAA,EACF;AACF;AAOO,SAAS,kBAAkB,QAAwC;AAGxE,QAAM,SACJ,OAAO,oBAAoB,aACvB,gBAAgB,MAAM,IACtB,KAAK,MAAM,KAAK,UAAU,MAAM,CAAC;AAEvC,aAAW,QAAQ,OAAO,SAAS,CAAA,GAAI;AACrC,UAAM,WAAY,KAAa,YAAa,KAAa;AACzD,QAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,iBAAW,SAAS,SAAU,aAAY,OAAO,KAAK;AAAA,IACxD;AAAA,EACF;AACA,SAAO;AACT;;"}

package/dist/previewBlur-Dj6dSSNO.js

@@ -1,51 +0,0 @@
-const BLOCK_CHAR = "█";
-function redactText(input) {
-  if (!input) return BLOCK_CHAR.repeat(4);
-  return input.replace(/\S/g, BLOCK_CHAR);
-}
-function processNode(node, inheritedBlur) {
-  if (!node || typeof node !== "object") return;
-  const blur = inheritedBlur || node.previewBlur === true;
-  if (node.type === "group") {
-    const children = node.children || node.elements;
-    if (children && Array.isArray(children)) {
-      for (const child of children) processNode(child, blur);
-    }
-    return;
-  }
-  if (!blur) return;
-  if (node.type === "text") {
-    if (typeof node.text === "string") {
-      node.text = redactText(node.text);
-    } else {
-      node.text = BLOCK_CHAR.repeat(6);
-    }
-    if (node.formattingEnabled) {
-      node.formattingEnabled = false;
-    }
-    node.fill = "#6b6b6b";
-    if (node.fillGradient) node.fillGradient = void 0;
-    node.underline = false;
-    node.linethrough = false;
-    return;
-  }
-  if (node.type === "image") {
-    node.src = void 0;
-    node.fill = "#6b6b6b";
-    return;
-  }
-}
-function injectPreviewBlur(config) {
-  const cloned = typeof structuredClone === "function" ? structuredClone(config) : JSON.parse(JSON.stringify(config));
-  for (const page of cloned.pages || []) {
-    const children = page.children || page.elements;
-    if (children && Array.isArray(children)) {
-      for (const child of children) processNode(child, false);
-    }
-  }
-  return cloned;
-}
-export {
-  injectPreviewBlur
-};
-//# sourceMappingURL=previewBlur-Dj6dSSNO.js.map

package/dist/previewBlur-Dj6dSSNO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"previewBlur-Dj6dSSNO.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 * redacts its visible content so users can't take usable screenshots from\n * the watermarked preview. Currently implemented for TEXT elements by\n * replacing every printable character with `█` (full-block) — this keeps\n * the layout perfectly stable across the client and EC2 rendering pipelines\n * (no bbox math, no overlay siblings, no group disruption).\n *\n * Images and groups are placeholders for now: images get fill darkened and\n * src cleared (renders as a solid box of original dimensions); groups have\n * their flag propagated to descendants.\n *\n * Only invoke this when watermark is also being injected — the gate must\n * match exactly, otherwise paid downloads would also be redacted.\n */\n\nimport type { TemplateConfig } from '@/types/editor';\n\nconst BLOCK_CHAR = '█';\n\nfunction redactText(input: string): string {\n  if (!input) return BLOCK_CHAR.repeat(4);\n  // Preserve whitespace + line breaks so wrapping / line count stay identical.\n  return input.replace(/\\S/g, BLOCK_CHAR);\n}\n\nfunction processNode(node: any, inheritedBlur: boolean): void {\n  if (!node || typeof node !== 'object') return;\n  const blur = inheritedBlur || node.previewBlur === true;\n\n  if (node.type === 'group') {\n    // Propagate to descendants; group itself has no visual to redact.\n    const children = (node.children || node.elements) as any[] | undefined;\n    if (children && Array.isArray(children)) {\n      for (const child of children) processNode(child, blur);\n    }\n    return;\n  }\n\n  if (!blur) return;\n\n  if (node.type === 'text') {\n    // Keep the same character count (so width/wrap stays) but redacted.\n    if (typeof node.text === 'string') {\n      node.text = redactText(node.text);\n    } else {\n      node.text = BLOCK_CHAR.repeat(6);\n    }\n    // Inline-formatted text would expose markers; strip them.\n    if (node.formattingEnabled) {\n      node.formattingEnabled = false;\n    }\n    // Neutral muted fill so it reads as redacted, not as styled text.\n    node.fill = '#6b6b6b';\n    if (node.fillGradient) node.fillGradient = undefined;\n    node.underline = false;\n    node.linethrough = false;\n    return;\n  }\n\n  if (node.type === 'image') {\n    node.src = undefined;\n    node.fill = '#6b6b6b';\n    return;\n  }\n}\n\n/**\n * Returns a deep-cloned config with every `previewBlur: true` element\n * redacted. Original config is NOT mutated. Safe to chain after\n * `injectWatermark()`.\n */\nexport function injectPreviewBlur(config: TemplateConfig): TemplateConfig {\n  // Structured clone keeps full fidelity (and avoids JSON-stringify dropping\n  // class instances) — fallback to JSON for older runtimes.\n  const cloned: TemplateConfig =\n    typeof structuredClone === 'function'\n      ? structuredClone(config)\n      : JSON.parse(JSON.stringify(config));\n\n  for (const page of cloned.pages || []) {\n    const children = (page as any).children || (page as any).elements;\n    if (children && Array.isArray(children)) {\n      for (const child of children) processNode(child, false);\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}"],"names":[],"mappings":"AAoBA,MAAM,aAAa;AAEnB,SAAS,WAAW,OAAuB;AACzC,MAAI,CAAC,MAAO,QAAO,WAAW,OAAO,CAAC;AAEtC,SAAO,MAAM,QAAQ,OAAO,UAAU;AACxC;AAEA,SAAS,YAAY,MAAW,eAA8B;AAC5D,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU;AACvC,QAAM,OAAO,iBAAiB,KAAK,gBAAgB;AAEnD,MAAI,KAAK,SAAS,SAAS;AAEzB,UAAM,WAAY,KAAK,YAAY,KAAK;AACxC,QAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,iBAAW,SAAS,SAAU,aAAY,OAAO,IAAI;AAAA,IACvD;AACA;AAAA,EACF;AAEA,MAAI,CAAC,KAAM;AAEX,MAAI,KAAK,SAAS,QAAQ;AAExB,QAAI,OAAO,KAAK,SAAS,UAAU;AACjC,WAAK,OAAO,WAAW,KAAK,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,OAAO,WAAW,OAAO,CAAC;AAAA,IACjC;AAEA,QAAI,KAAK,mBAAmB;AAC1B,WAAK,oBAAoB;AAAA,IAC3B;AAEA,SAAK,OAAO;AACZ,QAAI,KAAK,aAAc,MAAK,eAAe;AAC3C,SAAK,YAAY;AACjB,SAAK,cAAc;AACnB;AAAA,EACF;AAEA,MAAI,KAAK,SAAS,SAAS;AACzB,SAAK,MAAM;AACX,SAAK,OAAO;AACZ;AAAA,EACF;AACF;AAOO,SAAS,kBAAkB,QAAwC;AAGxE,QAAM,SACJ,OAAO,oBAAoB,aACvB,gBAAgB,MAAM,IACtB,KAAK,MAAM,KAAK,UAAU,MAAM,CAAC;AAEvC,aAAW,QAAQ,OAAO,SAAS,CAAA,GAAI;AACrC,UAAM,WAAY,KAAa,YAAa,KAAa;AACzD,QAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,iBAAW,SAAS,SAAU,aAAY,OAAO,KAAK;AAAA,IACxD;AAAA,EACF;AACA,SAAO;AACT;"}