@pixldocs/canvas-renderer 0.5.184 → 0.5.185

package/README.md

@@ -406,3 +406,44 @@ rectangle (the closest pure-vector approximation), unchanged.
 
 No API change is required on the consumer side — the same `renderFromForm`,
 `renderPdfFromForm`, etc. respect the flag automatically.
+
+### Example: per-field blur for a biodata form (use page)
+
+On pixldocs.com's Use page for the Biodata preset, every form field renders
+a small **🔒 Blur in preview** checkbox next to it. Toggling it redacts only
+that field's text in the watermarked preview — perfect for hiding reference
+rows, phone numbers, or addresses behind the paywall while leaving the rest
+of the biodata visible. Paid / clean downloads always render the original
+content.
+
+Under the hood the flow is:
+
+1. Keep a `Set<string>` of "blurred field ids" in component state — each id
+   encodes the field's path (single field, repeatable entry, or nested
+   repeatable entry), e.g.
+   `__bioPreviewBlur__:nested:family:1:siblings:2:name`.
+2. Resolve each blurred field id to the **exact cloned element ids** in the
+   paginated config (a single repeatable field may map to N cloned elements,
+   one per entry).
+3. Pass that set to `injectPreviewBlur` as `extraElementExactIds` (or
+   `extraElementBaseIds` if you only know the source/base id), then render
+   the returned config like any other.
+
+```tsx
+import { injectPreviewBlur } from '@pixldocs/canvas-renderer';
+
+// `blurredElementIds` = the resolved Set<string> of exact cloned element ids
+// you built from the user's checkbox state.
+const previewConfig = injectPreviewBlur(paginatedConfig, {
+  extraElementExactIds: blurredElementIds,
+});
+
+// Then render `previewConfig` with <PixldocsPreview config={previewConfig} />
+// or `renderer.renderAllPages(previewConfig)`. The live React preview will
+// additionally upgrade the static rectangles to real CSS
+// `backdrop-filter: blur()` overlays automatically.
+```
+
+This is exactly how the Biodata preset on pixldocs.com wires its per-field
+🔒 checkboxes — no template authoring required, the user picks at runtime
+which fields stay visible in the watermarked preview.

package/dist/{index-D2deevHj.js → index-NWuzIM_r.js}

@@ -16561,9 +16561,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.184";
+const resolvedPackageVersion = "0.5.185";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.184";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.185";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16862,7 +16862,7 @@ class PixldocsRenderer {
     if (shouldWatermark) {
       const { injectWatermark } = await import("./canvasWatermark-pkhacGge.js");
       configToRender = injectWatermark(configToRender, watermarkOptions);
-      const { injectPreviewBlur } = await import("./previewBlur-Dwbjk5sM.js");
+      const { injectPreviewBlur } = await import("./previewBlur-B5SlBl4a.js");
       configToRender = injectPreviewBlur(configToRender);
     }
     return this.renderAllPages(configToRender, renderOpts);
@@ -16921,7 +16921,7 @@ class PixldocsRenderer {
     if (shouldWatermark) {
       const { injectWatermark } = await import("./canvasWatermark-pkhacGge.js");
       configToRender = injectWatermark(configToRender, watermarkOptions);
-      const { injectPreviewBlur } = await import("./previewBlur-Dwbjk5sM.js");
+      const { injectPreviewBlur } = await import("./previewBlur-B5SlBl4a.js");
       configToRender = injectPreviewBlur(configToRender);
     }
     return this.renderAllPageSvgs(configToRender);
@@ -16965,7 +16965,7 @@ class PixldocsRenderer {
     if (shouldWatermark) {
       const { injectWatermark } = await import("./canvasWatermark-pkhacGge.js");
       configToRender = injectWatermark(configToRender, watermarkOptions);
-      const { injectPreviewBlur } = await import("./previewBlur-Dwbjk5sM.js");
+      const { injectPreviewBlur } = await import("./previewBlur-B5SlBl4a.js");
       configToRender = injectPreviewBlur(configToRender);
     }
     return this.renderPdfViaClientExport(configToRender, {
@@ -17071,7 +17071,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 import("./vectorPdfExport-CBUTexHq.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-CfmlwA1-.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -19216,7 +19216,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-CBUTexHq.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-CfmlwA1-.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19613,4 +19613,4 @@ export {
   awaitFontsForConfig as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-D2deevHj.js.map
+//# sourceMappingURL=index-NWuzIM_r.js.map