@embedpdf/plugin-redaction 2.4.1 → 2.6.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { clamp, BasePlugin, createBehaviorEmitter, refreshPages } from "@embedpdf/core";
-import { PdfAnnotationSubtype, PdfPermissionFlag, PdfTaskHelper, PdfErrorCode, Task, uuidV4 } from "@embedpdf/models";
+import { BasePlugin, createBehaviorEmitter, refreshPages } from "@embedpdf/core";
+import { PdfAnnotationSubtype, PdfPermissionFlag, uuidV4, PdfTaskHelper, PdfErrorCode, Task } from "@embedpdf/models";
 var RedactionMode = /* @__PURE__ */ ((RedactionMode2) => {
   RedactionMode2["Redact"] = "redact";
   RedactionMode2["MarqueeRedact"] = "marqueeRedact";
@@ -56,48 +56,6 @@ const deselectPending = (documentId) => ({
   type: DESELECT_PENDING,
   payload: documentId
 });
-function createMarqueeHandler(opts) {
-  const { pageSize, scale, minDragPx = 5, onPreview, onCommit } = opts;
-  let start = null;
-  let last = null;
-  return {
-    onPointerDown: (pos, evt) => {
-      var _a;
-      start = pos;
-      last = { origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } };
-      onPreview == null ? void 0 : onPreview(last);
-      (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
-    },
-    onPointerMove: (pos) => {
-      if (!start) return;
-      const x = clamp(pos.x, 0, pageSize.width);
-      const y = clamp(pos.y, 0, pageSize.height);
-      last = {
-        origin: { x: Math.min(start.x, x), y: Math.min(start.y, y) },
-        size: { width: Math.abs(x - start.x), height: Math.abs(y - start.y) }
-      };
-      onPreview == null ? void 0 : onPreview(last);
-    },
-    onPointerUp: (_pos, evt) => {
-      var _a;
-      if (last) {
-        const dragPx = Math.max(last.size.width, last.size.height) * scale;
-        if (dragPx > minDragPx) onCommit == null ? void 0 : onCommit(last);
-      }
-      start = null;
-      last = null;
-      onPreview == null ? void 0 : onPreview(null);
-      (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
-    },
-    onPointerCancel: (_pos, evt) => {
-      var _a;
-      start = null;
-      last = null;
-      onPreview == null ? void 0 : onPreview(null);
-      (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
-    }
-  };
-}
 const calculatePendingCount = (pending) => {
   return Object.values(pending).reduce((total, items) => total + items.length, 0);
 };
@@ -319,14 +277,16 @@ const redactTool = {
       if (anno.type !== PdfAnnotationSubtype.REDACT) return true;
       return !((_a = anno.segmentRects) == null ? void 0 : _a.length);
     },
+    isRotatable: false,
     lockAspectRatio: false,
     isGroupDraggable: false,
-    isGroupResizable: false
+    isGroupResizable: false,
+    isGroupRotatable: false
   },
   defaults: {
     type: PdfAnnotationSubtype.REDACT,
-    color: "#E44234",
-    overlayColor: "#000000",
+    color: "#000000",
+    overlayColor: "#FFFFFF",
     strokeColor: "#E44234",
     opacity: 1
   }
@@ -337,6 +297,7 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     var _a, _b, _c, _d;
     super(id, registry);
     this.redactionSelection$ = /* @__PURE__ */ new Map();
+    this.redactionMarquee$ = /* @__PURE__ */ new Map();
     this.pending$ = createBehaviorEmitter();
     this.selected$ = createBehaviorEmitter();
     this.state$ = createBehaviorEmitter();
@@ -428,6 +389,10 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
       })
     );
     this.redactionSelection$.set(documentId, createBehaviorEmitter());
+    this.redactionMarquee$.set(
+      documentId,
+      createBehaviorEmitter()
+    );
     const unsubscribers = [];
     if (this.selectionCapability) {
       const selectionScope = this.selectionCapability.forDocument(documentId);
@@ -458,7 +423,43 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
           }
         );
       });
-      unsubscribers.push(unsubSelection, unsubEndSelection);
+      const unsubMarqueeChange = selectionScope.onMarqueeChange((event) => {
+        var _a;
+        const docState = this.getDocumentState(documentId);
+        if (!(docState == null ? void 0 : docState.isRedacting)) return;
+        (_a = this.redactionMarquee$.get(documentId)) == null ? void 0 : _a.emit({ pageIndex: event.pageIndex, rect: event.rect, modeId: event.modeId });
+      });
+      const unsubMarqueeEnd = selectionScope.onMarqueeEnd((event) => {
+        const docState = this.getDocumentState(documentId);
+        if (!(docState == null ? void 0 : docState.isRedacting)) return;
+        if (!this.checkPermission(documentId, PdfPermissionFlag.ModifyContents)) return;
+        if (this.useAnnotationMode) {
+          this.createRedactAnnotationFromArea(documentId, event.pageIndex, event.rect);
+        } else {
+          const redactionColor = this.config.drawBlackBoxes ? "#000000" : "transparent";
+          const item = {
+            id: uuidV4(),
+            kind: "area",
+            page: event.pageIndex,
+            rect: event.rect,
+            source: "legacy",
+            markColor: "#FF0000",
+            redactionColor
+          };
+          this.dispatch(addPending(documentId, [item]));
+          this.selectPending(event.pageIndex, item.id, documentId);
+        }
+      });
+      const unsubEmptySpaceClick = selectionScope.onEmptySpaceClick(() => {
+        this.deselectPending(documentId);
+      });
+      unsubscribers.push(
+        unsubSelection,
+        unsubEndSelection,
+        unsubMarqueeChange,
+        unsubMarqueeEnd,
+        unsubEmptySpaceClick
+      );
     }
     if (this.useAnnotationMode && this.annotationCapability) {
       const annoScope = this.annotationCapability.forDocument(documentId);
@@ -511,11 +512,32 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     );
   }
   onDocumentLoaded(documentId) {
-    var _a, _b;
-    (_a = this.selectionCapability) == null ? void 0 : _a.enableForMode(RedactionMode.Redact, { showRects: false }, documentId);
+    var _a, _b, _c;
+    (_a = this.selectionCapability) == null ? void 0 : _a.enableForMode(
+      RedactionMode.Redact,
+      {
+        enableSelection: true,
+        showSelectionRects: false,
+        enableMarquee: true,
+        showMarqueeRects: false
+      },
+      documentId
+    );
     (_b = this.selectionCapability) == null ? void 0 : _b.enableForMode(
+      RedactionMode.MarqueeRedact,
+      {
+        enableSelection: false,
+        enableMarquee: true,
+        showMarqueeRects: false
+      },
+      documentId
+    );
+    (_c = this.selectionCapability) == null ? void 0 : _c.enableForMode(
       RedactionMode.RedactSelection,
-      { showRects: false },
+      {
+        enableSelection: true,
+        showSelectionRects: false
+      },
       documentId
     );
   }
@@ -524,6 +546,9 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     const emitter = this.redactionSelection$.get(documentId);
     emitter == null ? void 0 : emitter.clear();
     this.redactionSelection$.delete(documentId);
+    const marqueeEmitter = this.redactionMarquee$.get(documentId);
+    marqueeEmitter == null ? void 0 : marqueeEmitter.clear();
+    this.redactionMarquee$.delete(documentId);
     const unsubscribers = this.documentUnsubscribers.get(documentId);
     if (unsubscribers) {
       unsubscribers.forEach((unsub) => unsub());
@@ -777,14 +802,15 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     this.events$.emit({ type: "clear", documentId: id });
   }
   selectPending(page, itemId, documentId) {
-    var _a, _b;
+    var _a, _b, _c;
     const id = documentId ?? this.getActiveDocumentId();
     if (this.useAnnotationMode) {
       (_a = this.annotationCapability) == null ? void 0 : _a.forDocument(id).selectAnnotation(page, itemId);
     } else {
       this.dispatch(selectPending(id, page, itemId));
+      (_b = this.interactionManagerCapability) == null ? void 0 : _b.claimPageActivity(id, "redaction-selection", page);
     }
-    (_b = this.selectionCapability) == null ? void 0 : _b.forDocument(id).clear();
+    (_c = this.selectionCapability) == null ? void 0 : _c.forDocument(id).clear();
   }
   getSelectedPending(documentId) {
     var _a;
@@ -792,12 +818,13 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     return ((_a = this.getDocumentState(id)) == null ? void 0 : _a.selected) ?? null;
   }
   deselectPending(documentId) {
-    var _a;
+    var _a, _b;
     const id = documentId ?? this.getActiveDocumentId();
     if (this.useAnnotationMode) {
       (_a = this.annotationCapability) == null ? void 0 : _a.forDocument(id).deselectAnnotation();
     } else {
       this.dispatch(deselectPending(id));
+      (_b = this.interactionManagerCapability) == null ? void 0 : _b.releasePageActivity(id, "redaction-selection");
     }
   }
   // ─────────────────────────────────────────────────────────
@@ -921,6 +948,11 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     return (emitter == null ? void 0 : emitter.on(callback)) ?? (() => {
     });
   }
+  onRedactionMarqueeChange(documentId, callback) {
+    const emitter = this.redactionMarquee$.get(documentId);
+    return (emitter == null ? void 0 : emitter.on(callback)) ?? (() => {
+    });
+  }
   /**
    * Get the stroke color for redaction previews.
    * In annotation mode: returns tool's defaults.strokeColor
@@ -933,85 +965,6 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     }
     return "#FF0000";
   }
-  registerMarqueeOnPage(opts) {
-    if (!this.interactionManagerCapability) {
-      this.logger.warn(
-        "RedactionPlugin",
-        "MissingDependency",
-        "Interaction manager plugin not loaded, marquee redaction disabled"
-      );
-      return () => {
-      };
-    }
-    const coreDoc = this.coreState.core.documents[opts.documentId];
-    if (!(coreDoc == null ? void 0 : coreDoc.document)) {
-      this.logger.warn("RedactionPlugin", "DocumentNotFound", "Document not found");
-      return () => {
-      };
-    }
-    const page = coreDoc.document.pages[opts.pageIndex];
-    if (!page) {
-      this.logger.warn("RedactionPlugin", "PageNotFound", `Page ${opts.pageIndex} not found`);
-      return () => {
-      };
-    }
-    const handlers = createMarqueeHandler({
-      pageSize: page.size,
-      scale: opts.scale,
-      onPreview: opts.callback.onPreview,
-      onCommit: (r) => {
-        var _a, _b;
-        (_b = (_a = opts.callback).onCommit) == null ? void 0 : _b.call(_a, r);
-        if (this.useAnnotationMode) {
-          this.createRedactAnnotationFromArea(opts.documentId, opts.pageIndex, r);
-        } else {
-          const redactionColor = this.config.drawBlackBoxes ? "#000000" : "transparent";
-          const item = {
-            id: uuidV4(),
-            kind: "area",
-            page: opts.pageIndex,
-            rect: r,
-            source: "legacy",
-            markColor: "#FF0000",
-            redactionColor
-          };
-          this.dispatch(addPending(opts.documentId, [item]));
-          this.selectPending(opts.pageIndex, item.id, opts.documentId);
-        }
-      }
-    });
-    const off = this.interactionManagerCapability.registerAlways({
-      handlers: {
-        onPointerDown: (_, evt) => {
-          if (evt.target === evt.currentTarget) {
-            this.deselectPending(opts.documentId);
-          }
-        }
-      },
-      scope: {
-        type: "page",
-        documentId: opts.documentId,
-        pageIndex: opts.pageIndex
-      }
-    });
-    const off2 = this.interactionManagerCapability.registerHandlers({
-      documentId: opts.documentId,
-      modeId: RedactionMode.Redact,
-      handlers,
-      pageIndex: opts.pageIndex
-    });
-    const off3 = this.interactionManagerCapability.registerHandlers({
-      documentId: opts.documentId,
-      modeId: RedactionMode.MarqueeRedact,
-      handlers,
-      pageIndex: opts.pageIndex
-    });
-    return () => {
-      off();
-      off2();
-      off3();
-    };
-  }
   queueCurrentSelectionAsPending(documentId) {
     const id = documentId ?? this.getActiveDocumentId();
     if (!this.selectionCapability) {
@@ -1508,6 +1461,8 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     this.events$.clear();
     this.redactionSelection$.forEach((emitter) => emitter.clear());
     this.redactionSelection$.clear();
+    this.redactionMarquee$.forEach((emitter) => emitter.clear());
+    this.redactionMarquee$.clear();
     this.documentUnsubscribers.forEach((unsubscribers) => {
       unsubscribers.forEach((unsub) => unsub());
     });