@pixldocs/canvas-renderer 0.5.180 → 0.5.182

package/README.md

@@ -344,3 +344,39 @@ const { config } = await resolveTemplateData({
 ## License
 
 UNLICENSED — Private package for Pixldocs ecosystem only.
+
+---
+
+## Preview Blur (anti-screenshot)
+
+Set `previewBlur: true` on any text or image element in your config to redact
+it in watermarked previews — useful for protecting paid content (e.g. biodata
+reference rows) from screenshot theft.
+
+The element renders normally underneath, and a **translucent frosted-glass
+overlay rectangle** is appended on top at the element's absolute bounds, so
+layout/wrap stays identical but the content is visually obscured. The
+overlay auto-tints (light glass on dark text, dark glass on light text) and
+is rendered with no stroke, no shadow, and square corners so it sits flush
+against neighboring content. In the live web preview the overlay is upgraded
+to a CSS `backdrop-filter: blur()` rectangle for a real frosted-glass effect;
+exported PNG/PDF use the translucent rect (the closest pure-vector
+approximation).
+
+Preview-blur is gated identically to the watermark: it only runs when
+`watermark === true` (or, by default, when `template.price > 0` and the user
+hasn't paid). Clean / paid downloads always render the original content.
+
+```ts
+// In your template config
+{
+  id: 'reference-1-name',
+  type: 'text',
+  text: 'John Doe',
+  previewBlur: true,   // ← redacted in preview, full in paid download
+  ...
+}
+```
+
+No API change is required on the consumer side — the same `renderFromForm`,
+`renderPdfFromForm`, etc. respect the flag automatically.

package/dist/{index-B9NOXCTL.cjs → index-CUINpGhe.cjs}

@@ -16498,9 +16498,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.180";
+const resolvedPackageVersion = "0.5.182";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.180";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.182";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16799,6 +16799,8 @@ class PixldocsRenderer {
     if (shouldWatermark) {
       const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-B0ab38Ok.cjs"));
       configToRender = injectWatermark(configToRender, watermarkOptions);
+      const { injectPreviewBlur } = await Promise.resolve().then(() => require("./previewBlur-D1laq3kn.cjs"));
+      configToRender = injectPreviewBlur(configToRender);
     }
     return this.renderAllPages(configToRender, renderOpts);
   }
@@ -16856,6 +16858,8 @@ class PixldocsRenderer {
     if (shouldWatermark) {
       const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-B0ab38Ok.cjs"));
       configToRender = injectWatermark(configToRender, watermarkOptions);
+      const { injectPreviewBlur } = await Promise.resolve().then(() => require("./previewBlur-D1laq3kn.cjs"));
+      configToRender = injectPreviewBlur(configToRender);
     }
     return this.renderAllPageSvgs(configToRender);
   }
@@ -16898,6 +16902,8 @@ class PixldocsRenderer {
     if (shouldWatermark) {
       const { injectWatermark } = await Promise.resolve().then(() => require("./canvasWatermark-B0ab38Ok.cjs"));
       configToRender = injectWatermark(configToRender, watermarkOptions);
+      const { injectPreviewBlur } = await Promise.resolve().then(() => require("./previewBlur-D1laq3kn.cjs"));
+      configToRender = injectPreviewBlur(configToRender);
     }
     return this.renderPdfViaClientExport(configToRender, {
       title: title ?? resolved.config.name,
@@ -17002,7 +17008,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-B8qiTpn8.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-0dwbE8Kn.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -19147,7 +19153,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-B8qiTpn8.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-0dwbE8Kn.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19497,6 +19503,7 @@ exports.applyThemeToConfig = applyThemeToConfig;
 exports.assemblePdfFromSvgs = assemblePdfFromSvgs;
 exports.awaitFontsForConfig = awaitFontsForConfig;
 exports.bakeEdgeFade = bakeEdgeFade;
+exports.baseId = baseId;
 exports.buildRoundedTrianglePath = buildRoundedTrianglePath;
 exports.canvasImageLoader = canvasImageLoader;
 exports.captureFabricCanvasSvgForPdf = captureFabricCanvasSvgForPdf;
@@ -19540,4 +19547,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-B9NOXCTL.cjs.map
+//# sourceMappingURL=index-CUINpGhe.cjs.map