@embedpdf/plugin-redaction 1.4.1 → 2.0.0-next.0

package/dist/svelte/index.js

@@ -0,0 +1,554 @@
+import * as $ from "svelte/internal/client";
+import { RedactionPlugin, initialDocumentState } from "@embedpdf/plugin-redaction";
+export * from "@embedpdf/plugin-redaction";
+import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/svelte";
+import "svelte/internal/disclose-version";
+import { Rotation } from "@embedpdf/models";
+import { CounterRotate } from "@embedpdf/utils/svelte";
+const useRedactionPlugin = () => usePlugin(RedactionPlugin.id);
+const useRedactionCapability = () => useCapability(RedactionPlugin.id);
+const useRedaction = (getDocumentId) => {
+  const capability = useRedactionCapability();
+  let state = $.state($.proxy(initialDocumentState));
+  const documentId = $.derived(getDocumentId);
+  const scopedProvides = $.derived(() => capability.provides && $.get(documentId) ? capability.provides.forDocument($.get(documentId)) : null);
+  $.user_effect(() => {
+    const provides = capability.provides;
+    const docId = $.get(documentId);
+    if (!provides || !docId) {
+      $.set(state, initialDocumentState, true);
+      return;
+    }
+    const scope = provides.forDocument(docId);
+    try {
+      $.set(state, scope.getState(), true);
+    } catch (e) {
+      $.set(state, initialDocumentState, true);
+    }
+    return scope.onStateChange((newState) => {
+      $.set(state, newState, true);
+    });
+  });
+  return {
+    get provides() {
+      return $.get(scopedProvides);
+    },
+    get state() {
+      return $.get(state);
+    }
+  };
+};
+var root_1$3 = $.from_html(`<div></div>`);
+function Highlight($$anchor, $$props) {
+  let color = $.prop($$props, "color", 3, "#FFFF00"), opacity = $.prop($$props, "opacity", 3, 1), border = $.prop($$props, "border", 3, "1px solid red"), style = $.prop($$props, "style", 3, "");
+  const boundingRect = $$props.rect;
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  $.each(node, 17, () => $$props.rects, $.index, ($$anchor2, b) => {
+    var div = root_1$3();
+    div.__pointerdown = function(...$$args) {
+      var _a;
+      (_a = $$props.onClick) == null ? void 0 : _a.apply(this, $$args);
+    };
+    div.__touchstart = function(...$$args) {
+      var _a;
+      (_a = $$props.onClick) == null ? void 0 : _a.apply(this, $$args);
+    };
+    let styles;
+    $.template_effect(() => styles = $.set_style(div, style(), styles, {
+      position: "absolute",
+      border: border(),
+      left: `${(boundingRect ? $.get(b).origin.x - boundingRect.origin.x : $.get(b).origin.x) * $$props.scale}px`,
+      top: `${(boundingRect ? $.get(b).origin.y - boundingRect.origin.y : $.get(b).origin.y) * $$props.scale}px`,
+      width: `${$.get(b).size.width * $$props.scale}px`,
+      height: `${$.get(b).size.height * $$props.scale}px`,
+      background: color(),
+      opacity: opacity(),
+      "pointer-events": $$props.onClick ? "auto" : "none",
+      cursor: $$props.onClick ? "pointer" : "default",
+      "z-index": $$props.onClick ? "1" : void 0
+    }));
+    $.append($$anchor2, div);
+  });
+  $.append($$anchor, fragment);
+}
+$.delegate(["pointerdown", "touchstart"]);
+var root_1$2 = $.from_html(`<div></div>`);
+function Marquee_redact($$anchor, $$props) {
+  $.push($$props, true);
+  let className = $.prop($$props, "className", 3, ""), stroke = $.prop($$props, "stroke", 3, "red"), fill = $.prop($$props, "fill", 3, "transparent");
+  const redactionPlugin = useRedactionPlugin();
+  const documentState = useDocumentState(() => $$props.documentId);
+  let rect = $.state(null);
+  const actualScale = $.derived(() => {
+    var _a;
+    return $$props.scale !== void 0 ? $$props.scale : ((_a = documentState.current) == null ? void 0 : _a.scale) ?? 1;
+  });
+  $.user_effect(() => {
+    if (!redactionPlugin.plugin || !$$props.documentId) {
+      $.set(rect, null);
+      return;
+    }
+    return redactionPlugin.plugin.registerMarqueeOnPage({
+      documentId: $$props.documentId,
+      pageIndex: $$props.pageIndex,
+      scale: $.get(actualScale),
+      callback: {
+        onPreview: (newRect) => {
+          $.set(rect, newRect, true);
+        }
+      }
+    });
+  });
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent = ($$anchor2) => {
+      var div = root_1$2();
+      let styles;
+      $.template_effect(() => {
+        $.set_class(div, 1, $.clsx(className()));
+        styles = $.set_style(div, "", styles, {
+          position: "absolute",
+          "pointer-events": "none",
+          left: `${$.get(rect).origin.x * $.get(actualScale)}px`,
+          top: `${$.get(rect).origin.y * $.get(actualScale)}px`,
+          width: `${$.get(rect).size.width * $.get(actualScale)}px`,
+          height: `${$.get(rect).size.height * $.get(actualScale)}px`,
+          border: `1px solid ${stroke()}`,
+          background: fill(),
+          "box-sizing": "border-box"
+        });
+      });
+      $.append($$anchor2, div);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(rect)) $$render(consequent);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
+var root_3 = $.from_html(`<div></div> <!>`, 1);
+var root_10 = $.from_html(`<div><!></div> <!>`, 1);
+var root_1$1 = $.from_html(`<div style="position: absolute; inset: 0; pointer-events: none;"></div>`);
+function Pending_redactions($$anchor, $$props) {
+  $.push($$props, true);
+  let rotation = $.prop($$props, "rotation", 19, () => Rotation.Degree0), bboxStroke = $.prop($$props, "bboxStroke", 3, "rgba(0,0,0,0.8)");
+  const redactionCapability = useRedactionCapability();
+  let items = $.state($.proxy([]));
+  let selectedId = $.state(null);
+  $.user_effect(() => {
+    var _a;
+    const redactionValue = redactionCapability.provides;
+    if (!redactionValue) {
+      $.set(items, [], true);
+      $.set(selectedId, null);
+      return;
+    }
+    const scoped = redactionValue.forDocument($$props.documentId);
+    const currentState = scoped.getState();
+    $.set(items, currentState.pending[$$props.pageIndex] ?? [], true);
+    $.set(selectedId, ((_a = currentState.selected) == null ? void 0 : _a.page) === $$props.pageIndex ? currentState.selected.id : null, true);
+    const off1 = scoped.onPendingChange((map) => {
+      $.set(items, map[$$props.pageIndex] ?? [], true);
+    });
+    const off2 = scoped.onSelectedChange((sel) => {
+      $.set(selectedId, (sel == null ? void 0 : sel.page) === $$props.pageIndex ? sel.id : null, true);
+    });
+    return () => {
+      off1 == null ? void 0 : off1();
+      off2 == null ? void 0 : off2();
+    };
+  });
+  function select(e, id) {
+    e.stopPropagation();
+    if (!redactionCapability.provides) return;
+    redactionCapability.provides.forDocument($$props.documentId).selectPending($$props.pageIndex, id);
+  }
+  function shouldShowMenu(itemId) {
+    const isSelected = $.get(selectedId) === itemId;
+    return isSelected && (!!$$props.selectionMenu || !!$$props.selectionMenuSnippet);
+  }
+  function buildContext(item) {
+    return { type: "redaction", item, pageIndex: $$props.pageIndex };
+  }
+  const menuPlacement = { suggestTop: false, spaceAbove: 0, spaceBelow: 0 };
+  function buildMenuProps(item, rect, menuWrapperProps) {
+    return {
+      context: buildContext(item),
+      selected: $.get(selectedId) === item.id,
+      rect,
+      placement: menuPlacement,
+      menuWrapperProps
+    };
+  }
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent_9 = ($$anchor2) => {
+      var div = root_1$1();
+      $.each(div, 21, () => $.get(items), (item) => item.id, ($$anchor3, item) => {
+        var fragment_1 = $.comment();
+        var node_1 = $.first_child(fragment_1);
+        {
+          var consequent_4 = ($$anchor4) => {
+            var fragment_2 = root_3();
+            var div_1 = $.first_child(fragment_2);
+            div_1.__pointerdown = (e) => select(e, $.get(item).id);
+            div_1.__touchstart = (e) => select(e, $.get(item).id);
+            var node_2 = $.sibling(div_1, 2);
+            {
+              var consequent_3 = ($$anchor5) => {
+                {
+                  const children = ($$anchor6, $$arg0) => {
+                    let rect = () => $$arg0 == null ? void 0 : $$arg0().rect;
+                    let menuWrapperProps = () => $$arg0 == null ? void 0 : $$arg0().menuWrapperProps;
+                    const menuProps = $.derived(() => buildMenuProps($.get(item), rect(), menuWrapperProps()));
+                    var fragment_4 = $.comment();
+                    var node_3 = $.first_child(fragment_4);
+                    {
+                      var consequent_1 = ($$anchor7) => {
+                        const result = $.derived(() => $$props.selectionMenu($.get(menuProps)));
+                        var fragment_5 = $.comment();
+                        var node_4 = $.first_child(fragment_5);
+                        {
+                          var consequent = ($$anchor8) => {
+                            var fragment_6 = $.comment();
+                            var node_5 = $.first_child(fragment_6);
+                            $.component(node_5, () => $.get(result).component, ($$anchor9, result_component) => {
+                              result_component($$anchor9, $.spread_props(() => $.get(result).props));
+                            });
+                            $.append($$anchor8, fragment_6);
+                          };
+                          $.if(node_4, ($$render) => {
+                            if ($.get(result)) $$render(consequent);
+                          });
+                        }
+                        $.append($$anchor7, fragment_5);
+                      };
+                      var alternate = ($$anchor7) => {
+                        var fragment_7 = $.comment();
+                        var node_6 = $.first_child(fragment_7);
+                        {
+                          var consequent_2 = ($$anchor8) => {
+                            var fragment_8 = $.comment();
+                            var node_7 = $.first_child(fragment_8);
+                            $.snippet(node_7, () => $$props.selectionMenuSnippet, () => $.get(menuProps));
+                            $.append($$anchor8, fragment_8);
+                          };
+                          $.if(
+                            node_6,
+                            ($$render) => {
+                              if ($$props.selectionMenuSnippet) $$render(consequent_2);
+                            },
+                            true
+                          );
+                        }
+                        $.append($$anchor7, fragment_7);
+                      };
+                      $.if(node_3, ($$render) => {
+                        if ($$props.selectionMenu) $$render(consequent_1);
+                        else $$render(alternate, false);
+                      });
+                    }
+                    $.append($$anchor6, fragment_4);
+                  };
+                  let $0 = $.derived(() => ({
+                    origin: {
+                      x: $.get(item).rect.origin.x * $$props.scale,
+                      y: $.get(item).rect.origin.y * $$props.scale
+                    },
+                    size: {
+                      width: $.get(item).rect.size.width * $$props.scale,
+                      height: $.get(item).rect.size.height * $$props.scale
+                    }
+                  }));
+                  CounterRotate($$anchor5, {
+                    get rect() {
+                      return $.get($0);
+                    },
+                    get rotation() {
+                      return rotation();
+                    },
+                    children,
+                    $$slots: { default: true }
+                  });
+                }
+              };
+              $.if(node_2, ($$render) => {
+                if (shouldShowMenu($.get(item).id)) $$render(consequent_3);
+              });
+            }
+            $.template_effect(() => $.set_style(div_1, `
+            position: absolute;
+            left: ${$.get(item).rect.origin.x * $$props.scale}px;
+            top: ${$.get(item).rect.origin.y * $$props.scale}px;
+            width: ${$.get(item).rect.size.width * $$props.scale}px;
+            height: ${$.get(item).rect.size.height * $$props.scale}px;
+            background: transparent;
+            outline: ${$.get(selectedId) === $.get(item).id ? `1px solid ${bboxStroke()}` : "none"};
+            outline-offset: 2px;
+            border: 1px solid red;
+            pointer-events: auto;
+            cursor: pointer;
+          `));
+            $.append($$anchor4, fragment_2);
+          };
+          var alternate_2 = ($$anchor4) => {
+            var fragment_9 = root_10();
+            var div_2 = $.first_child(fragment_9);
+            var node_8 = $.child(div_2);
+            Highlight(node_8, {
+              get rect() {
+                return $.get(item).rect;
+              },
+              get rects() {
+                return $.get(item).rects;
+              },
+              color: "transparent",
+              border: "1px solid red",
+              get scale() {
+                return $$props.scale;
+              },
+              onClick: (e) => select(e, $.get(item).id)
+            });
+            $.reset(div_2);
+            var node_9 = $.sibling(div_2, 2);
+            {
+              var consequent_8 = ($$anchor5) => {
+                {
+                  const children = ($$anchor6, $$arg0) => {
+                    let rect = () => $$arg0 == null ? void 0 : $$arg0().rect;
+                    let menuWrapperProps = () => $$arg0 == null ? void 0 : $$arg0().menuWrapperProps;
+                    const menuProps = $.derived(() => buildMenuProps($.get(item), rect(), menuWrapperProps()));
+                    var fragment_11 = $.comment();
+                    var node_10 = $.first_child(fragment_11);
+                    {
+                      var consequent_6 = ($$anchor7) => {
+                        const result = $.derived(() => $$props.selectionMenu($.get(menuProps)));
+                        var fragment_12 = $.comment();
+                        var node_11 = $.first_child(fragment_12);
+                        {
+                          var consequent_5 = ($$anchor8) => {
+                            var fragment_13 = $.comment();
+                            var node_12 = $.first_child(fragment_13);
+                            $.component(node_12, () => $.get(result).component, ($$anchor9, result_component_1) => {
+                              result_component_1($$anchor9, $.spread_props(() => $.get(result).props));
+                            });
+                            $.append($$anchor8, fragment_13);
+                          };
+                          $.if(node_11, ($$render) => {
+                            if ($.get(result)) $$render(consequent_5);
+                          });
+                        }
+                        $.append($$anchor7, fragment_12);
+                      };
+                      var alternate_1 = ($$anchor7) => {
+                        var fragment_14 = $.comment();
+                        var node_13 = $.first_child(fragment_14);
+                        {
+                          var consequent_7 = ($$anchor8) => {
+                            var fragment_15 = $.comment();
+                            var node_14 = $.first_child(fragment_15);
+                            $.snippet(node_14, () => $$props.selectionMenuSnippet, () => $.get(menuProps));
+                            $.append($$anchor8, fragment_15);
+                          };
+                          $.if(
+                            node_13,
+                            ($$render) => {
+                              if ($$props.selectionMenuSnippet) $$render(consequent_7);
+                            },
+                            true
+                          );
+                        }
+                        $.append($$anchor7, fragment_14);
+                      };
+                      $.if(node_10, ($$render) => {
+                        if ($$props.selectionMenu) $$render(consequent_6);
+                        else $$render(alternate_1, false);
+                      });
+                    }
+                    $.append($$anchor6, fragment_11);
+                  };
+                  let $0 = $.derived(() => ({
+                    origin: {
+                      x: $.get(item).rect.origin.x * $$props.scale,
+                      y: $.get(item).rect.origin.y * $$props.scale
+                    },
+                    size: {
+                      width: $.get(item).rect.size.width * $$props.scale,
+                      height: $.get(item).rect.size.height * $$props.scale
+                    }
+                  }));
+                  CounterRotate($$anchor5, {
+                    get rect() {
+                      return $.get($0);
+                    },
+                    get rotation() {
+                      return rotation();
+                    },
+                    children,
+                    $$slots: { default: true }
+                  });
+                }
+              };
+              $.if(node_9, ($$render) => {
+                if (shouldShowMenu($.get(item).id)) $$render(consequent_8);
+              });
+            }
+            $.template_effect(() => $.set_style(div_2, `
+            position: absolute;
+            left: ${$.get(item).rect.origin.x * $$props.scale}px;
+            top: ${$.get(item).rect.origin.y * $$props.scale}px;
+            width: ${$.get(item).rect.size.width * $$props.scale}px;
+            height: ${$.get(item).rect.size.height * $$props.scale}px;
+            background: transparent;
+            outline: ${$.get(selectedId) === $.get(item).id ? `1px solid ${bboxStroke()}` : "none"};
+            outline-offset: 2px;
+            pointer-events: auto;
+            cursor: ${$.get(selectedId) === $.get(item).id ? "pointer" : "default"};
+          `));
+            $.append($$anchor4, fragment_9);
+          };
+          $.if(node_1, ($$render) => {
+            if ($.get(item).kind === "area") $$render(consequent_4);
+            else $$render(alternate_2, false);
+          });
+        }
+        $.append($$anchor3, fragment_1);
+      });
+      $.reset(div);
+      $.append($$anchor2, div);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(items).length) $$render(consequent_9);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
+$.delegate(["pointerdown", "touchstart"]);
+var root_1 = $.from_html(`<div><!></div>`);
+function Selection_redact($$anchor, $$props) {
+  $.push($$props, true);
+  const redactionPlugin = useRedactionPlugin();
+  let rects = $.state($.proxy([]));
+  let boundingRect = $.state(null);
+  $.user_effect(() => {
+    if (!redactionPlugin.plugin) {
+      $.set(rects, [], true);
+      $.set(boundingRect, null);
+      return;
+    }
+    return redactionPlugin.plugin.onRedactionSelectionChange($$props.documentId, (formattedSelection) => {
+      const selection = formattedSelection.find((s) => s.pageIndex === $$props.pageIndex);
+      $.set(rects, (selection == null ? void 0 : selection.segmentRects) ?? [], true);
+      $.set(boundingRect, (selection == null ? void 0 : selection.rect) ?? null, true);
+    });
+  });
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent = ($$anchor2) => {
+      var div = root_1();
+      $.set_style(div, "", {}, {
+        "mix-blend-mode": "normal",
+        "pointer-events": "none",
+        position: "absolute",
+        inset: "0"
+      });
+      var node_1 = $.child(div);
+      Highlight(node_1, {
+        color: "transparent",
+        opacity: 1,
+        get rects() {
+          return $.get(rects);
+        },
+        get scale() {
+          return $$props.scale;
+        },
+        border: "1px solid red"
+      });
+      $.reset(div);
+      $.append($$anchor2, div);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(boundingRect)) $$render(consequent);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
+var root = $.from_html(`<!> <!> <!>`, 1);
+function Redaction_layer($$anchor, $$props) {
+  $.push($$props, true);
+  const documentState = useDocumentState(() => $$props.documentId);
+  const actualScale = $.derived(() => {
+    var _a;
+    return $$props.scale !== void 0 ? $$props.scale : ((_a = documentState.current) == null ? void 0 : _a.scale) ?? 1;
+  });
+  const actualRotation = $.derived(() => {
+    var _a;
+    return $$props.rotation !== void 0 ? $$props.rotation : ((_a = documentState.current) == null ? void 0 : _a.rotation) ?? Rotation.Degree0;
+  });
+  var fragment = root();
+  var node = $.first_child(fragment);
+  Pending_redactions(node, {
+    get documentId() {
+      return $$props.documentId;
+    },
+    get pageIndex() {
+      return $$props.pageIndex;
+    },
+    get scale() {
+      return $.get(actualScale);
+    },
+    get rotation() {
+      return $.get(actualRotation);
+    },
+    get selectionMenu() {
+      return $$props.selectionMenu;
+    },
+    get selectionMenuSnippet() {
+      return $$props.selectionMenuSnippet;
+    }
+  });
+  var node_1 = $.sibling(node, 2);
+  Marquee_redact(node_1, {
+    get documentId() {
+      return $$props.documentId;
+    },
+    get pageIndex() {
+      return $$props.pageIndex;
+    },
+    get scale() {
+      return $.get(actualScale);
+    }
+  });
+  var node_2 = $.sibling(node_1, 2);
+  Selection_redact(node_2, {
+    get documentId() {
+      return $$props.documentId;
+    },
+    get pageIndex() {
+      return $$props.pageIndex;
+    },
+    get scale() {
+      return $.get(actualScale);
+    }
+  });
+  $.append($$anchor, fragment);
+  $.pop();
+}
+export {
+  Highlight,
+  Marquee_redact as MarqueeRedact,
+  Pending_redactions as PendingRedactions,
+  Redaction_layer as RedactionLayer,
+  Selection_redact as SelectionRedact,
+  useRedaction,
+  useRedactionCapability,
+  useRedactionPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-redaction.svelte.ts","../../src/svelte/components/highlight.svelte","../../src/svelte/components/marquee-redact.svelte","../../src/svelte/components/pending-redactions.svelte","../../src/svelte/components/selection-redact.svelte","../../src/svelte/components/redaction-layer.svelte"],"sourcesContent":["import {\n  RedactionPlugin,\n  initialDocumentState,\n  RedactionDocumentState,\n  RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseRedactionReturn {\n  provides: RedactionScope | null;\n  state: RedactionDocumentState;\n}\n\n/**\n * Hook for redaction state for a specific document\n * @param getDocumentId Document ID getter function\n */\nexport const useRedaction = (getDocumentId: () => string | null): UseRedactionReturn => {\n  const capability = useRedactionCapability();\n\n  let state = $state<RedactionDocumentState>(initialDocumentState);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state = initialDocumentState;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Get initial state\n    try {\n      state = scope.getState();\n    } catch (e) {\n      // Handle case where state might not be ready\n      state = initialDocumentState;\n    }\n\n    // Subscribe to state changes for THIS docId\n    return scope.onStateChange((newState) => {\n      state = newState;\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n\n  interface HighlightProps {\n    color?: string;\n    opacity?: number;\n    border?: string;\n    rects: Rect[];\n    rect?: Rect;\n    scale: number;\n    onClick?: (e: MouseEvent | TouchEvent) => void;\n    style?: string;\n  }\n\n  let {\n    color = '#FFFF00',\n    opacity = 1,\n    border = '1px solid red',\n    rects,\n    rect,\n    scale,\n    onClick,\n    style = '',\n  }: HighlightProps = $props();\n\n  // Rename rect to boundingRect for clarity\n  const boundingRect = rect;\n</script>\n\n{#each rects as b, i (i)}\n  <div\n    onpointerdown={onClick}\n    ontouchstart={onClick}\n    style:position=\"absolute\"\n    style:border\n    style:left={`${(boundingRect ? b.origin.x - boundingRect.origin.x : b.origin.x) * scale}px`}\n    style:top={`${(boundingRect ? b.origin.y - boundingRect.origin.y : b.origin.y) * scale}px`}\n    style:width={`${b.size.width * scale}px`}\n    style:height={`${b.size.height * scale}px`}\n    style:background={color}\n    style:opacity\n    style:pointer-events={onClick ? 'auto' : 'none'}\n    style:cursor={onClick ? 'pointer' : 'default'}\n    style:z-index={onClick ? '1' : undefined}\n    {style}\n  ></div>\n{/each}\n","<script lang=\"ts\">\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n\n  interface MarqueeRedactProps {\n    /** The ID of the document */\n    documentId: string;\n    /** Index of the page this layer lives on */\n    pageIndex: number;\n    /** Scale of the page */\n    scale?: number;\n    /** Optional CSS class applied to the marquee rectangle */\n    className?: string;\n    /** Stroke / fill colours (defaults below) */\n    stroke?: string;\n    fill?: string;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    className = '',\n    stroke = 'red',\n    fill = 'transparent',\n  }: MarqueeRedactProps = $props();\n\n  const redactionPlugin = useRedactionPlugin();\n  const documentState = useDocumentState(() => documentId);\n  let rect = $state<Rect | null>(null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  $effect(() => {\n    if (!redactionPlugin.plugin || !documentId) {\n      rect = null;\n      return;\n    }\n\n    return redactionPlugin.plugin.registerMarqueeOnPage({\n      documentId,\n      pageIndex,\n      scale: actualScale,\n      callback: {\n        onPreview: (newRect) => {\n          rect = newRect;\n        },\n      },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    class={className}\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * actualScale}px`}\n    style:top={`${rect.origin.y * actualScale}px`}\n    style:width={`${rect.size.width * actualScale}px`}\n    style:height={`${rect.size.height * actualScale}px`}\n    style:border={`1px solid ${stroke}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n  ></div>\n{/if}\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import type { Rect } from '@embedpdf/models';\n  import { Rotation } from '@embedpdf/models';\n  import { CounterRotate } from '@embedpdf/utils/svelte';\n  import type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/svelte';\n  import type { RedactionItem } from '@embedpdf/plugin-redaction';\n  import { useRedactionCapability } from '../hooks/use-redaction.svelte';\n  import Highlight from './highlight.svelte';\n  import type {\n    RedactionSelectionContext,\n    RedactionSelectionMenuRenderFn,\n    RedactionSelectionMenuProps,\n  } from '../types';\n\n  interface Props {\n    documentId: string;\n    pageIndex: number;\n    scale: number;\n    rotation?: Rotation;\n    bboxStroke?: string;\n    selectionMenu?: RedactionSelectionMenuRenderFn;\n    selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale,\n    rotation = Rotation.Degree0,\n    bboxStroke = 'rgba(0,0,0,0.8)',\n    selectionMenu,\n    selectionMenuSnippet,\n  }: Props = $props();\n\n  const redactionCapability = useRedactionCapability();\n\n  let items = $state<RedactionItem[]>([]);\n  let selectedId = $state<string | null>(null);\n\n  $effect(() => {\n    const redactionValue = redactionCapability.provides;\n    if (!redactionValue) {\n      items = [];\n      selectedId = null;\n      return;\n    }\n\n    const scoped = redactionValue.forDocument(documentId);\n    const currentState = scoped.getState();\n    items = currentState.pending[pageIndex] ?? [];\n    selectedId = currentState.selected?.page === pageIndex ? currentState.selected.id : null;\n\n    const off1 = scoped.onPendingChange((map) => {\n      items = map[pageIndex] ?? [];\n    });\n\n    const off2 = scoped.onSelectedChange((sel) => {\n      selectedId = sel?.page === pageIndex ? sel.id : null;\n    });\n\n    return () => {\n      off1?.();\n      off2?.();\n    };\n  });\n\n  function select(e: MouseEvent | TouchEvent, id: string) {\n    e.stopPropagation();\n    if (!redactionCapability.provides) return;\n    redactionCapability.provides.forDocument(documentId).selectPending(pageIndex, id);\n  }\n\n  function shouldShowMenu(itemId: string): boolean {\n    const isSelected = selectedId === itemId;\n    return isSelected && (!!selectionMenu || !!selectionMenuSnippet);\n  }\n\n  function buildContext(item: RedactionItem): RedactionSelectionContext {\n    return { type: 'redaction', item, pageIndex };\n  }\n\n  const menuPlacement: SelectionMenuPlacement = {\n    suggestTop: false,\n    spaceAbove: 0,\n    spaceBelow: 0,\n  };\n\n  function buildMenuProps(\n    item: RedactionItem,\n    rect: Rect,\n    menuWrapperProps: MenuWrapperProps,\n  ): RedactionSelectionMenuProps {\n    return {\n      context: buildContext(item),\n      selected: selectedId === item.id,\n      rect,\n      placement: menuPlacement,\n      menuWrapperProps,\n    };\n  }\n</script>\n\n{#if items.length}\n  <div style=\"position: absolute; inset: 0; pointer-events: none;\">\n    {#each items as item (item.id)}\n      {#if item.kind === 'area'}\n        <div\n          style=\"\n            position: absolute;\n            left: {item.rect.origin.x * scale}px;\n            top: {item.rect.origin.y * scale}px;\n            width: {item.rect.size.width * scale}px;\n            height: {item.rect.size.height * scale}px;\n            background: transparent;\n            outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n            outline-offset: 2px;\n            border: 1px solid red;\n            pointer-events: auto;\n            cursor: pointer;\n          \"\n          onpointerdown={(e) => select(e, item.id)}\n          ontouchstart={(e) => select(e, item.id)}\n        ></div>\n\n        {#if shouldShowMenu(item.id)}\n          <CounterRotate\n            rect={{\n              origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n              size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n            }}\n            {rotation}\n          >\n            {#snippet children({ rect, menuWrapperProps })}\n              {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n              {#if selectionMenu}\n                {@const result = selectionMenu(menuProps)}\n                {#if result}\n                  <result.component {...result.props} />\n                {/if}\n              {:else if selectionMenuSnippet}\n                {@render selectionMenuSnippet(menuProps)}\n              {/if}\n            {/snippet}\n          </CounterRotate>\n        {/if}\n      {:else}\n        <div\n          style=\"\n            position: absolute;\n            left: {item.rect.origin.x * scale}px;\n            top: {item.rect.origin.y * scale}px;\n            width: {item.rect.size.width * scale}px;\n            height: {item.rect.size.height * scale}px;\n            background: transparent;\n            outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n            outline-offset: 2px;\n            pointer-events: auto;\n            cursor: {selectedId === item.id ? 'pointer' : 'default'};\n          \"\n        >\n          <Highlight\n            rect={item.rect}\n            rects={item.rects}\n            color=\"transparent\"\n            border=\"1px solid red\"\n            {scale}\n            onClick={(e) => select(e, item.id)}\n          />\n        </div>\n\n        {#if shouldShowMenu(item.id)}\n          <CounterRotate\n            rect={{\n              origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n              size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n            }}\n            {rotation}\n          >\n            {#snippet children({ rect, menuWrapperProps })}\n              {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n              {#if selectionMenu}\n                {@const result = selectionMenu(menuProps)}\n                {#if result}\n                  <result.component {...result.props} />\n                {/if}\n              {:else if selectionMenuSnippet}\n                {@render selectionMenuSnippet(menuProps)}\n              {/if}\n            {/snippet}\n          </CounterRotate>\n        {/if}\n      {/if}\n    {/each}\n  </div>\n{/if}\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n  import Highlight from './highlight.svelte';\n\n  interface SelectionRedactProps {\n    documentId: string;\n    pageIndex: number;\n    scale: number;\n  }\n\n  let { documentId, pageIndex, scale }: SelectionRedactProps = $props();\n\n  const redactionPlugin = useRedactionPlugin();\n  let rects = $state<Rect[]>([]);\n  let boundingRect = $state<Rect | null>(null);\n\n  $effect(() => {\n    if (!redactionPlugin.plugin) {\n      rects = [];\n      boundingRect = null;\n      return;\n    }\n\n    return redactionPlugin.plugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n      const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n      rects = selection?.segmentRects ?? [];\n      boundingRect = selection?.rect ?? null;\n    });\n  });\n</script>\n\n{#if boundingRect}\n  <div\n    style:mix-blend-mode=\"normal\"\n    style:pointer-events=\"none\"\n    style:position=\"absolute\"\n    style:inset=\"0\"\n  >\n    <Highlight color=\"transparent\" opacity={1} {rects} {scale} border=\"1px solid red\" />\n  </div>\n{/if}\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { Rotation } from '@embedpdf/models';\n  import PendingRedactions from './pending-redactions.svelte';\n  import MarqueeRedact from './marquee-redact.svelte';\n  import SelectionRedact from './selection-redact.svelte';\n  import type { RedactionSelectionMenuRenderFn, RedactionSelectionMenuProps } from '../types';\n\n  interface RedactionLayerProps {\n    /** The ID of the document this layer belongs to */\n    documentId: string;\n    /** Index of the page this layer lives on */\n    pageIndex: number;\n    /** Current render scale for this page */\n    scale?: number;\n    /** Page rotation (for counter-rotating menus, etc.) */\n    rotation?: Rotation;\n    /** Render function for selection menu (schema-driven approach) */\n    selectionMenu?: RedactionSelectionMenuRenderFn;\n    /** Snippet for custom selection menu (slot-based approach) */\n    selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale,\n    rotation,\n    selectionMenu,\n    selectionMenuSnippet,\n  }: RedactionLayerProps = $props();\n\n  const documentState = useDocumentState(() => documentId);\n\n  const actualScale = $derived(scale !== undefined ? scale : (documentState.current?.scale ?? 1));\n\n  const actualRotation = $derived(\n    rotation !== undefined ? rotation : (documentState.current?.rotation ?? Rotation.Degree0),\n  );\n</script>\n\n<PendingRedactions\n  {documentId}\n  {pageIndex}\n  scale={actualScale}\n  rotation={actualRotation}\n  {selectionMenu}\n  {selectionMenuSnippet}\n/>\n<MarqueeRedact {documentId} {pageIndex} scale={actualScale} />\n<SelectionRedact {documentId} {pageIndex} scale={actualScale} />\n"],"names":["$$anchor"],"mappings":"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"}

package/dist/svelte/types.d.ts

@@ -0,0 +1,10 @@
+import { SelectionMenuPropsBase, SelectionMenuRenderFn, SelectionMenuRenderResult } from '@embedpdf/utils/svelte';
+import { RedactionItem } from '../lib/index.ts';
+export interface RedactionSelectionContext {
+    type: 'redaction';
+    item: RedactionItem;
+    pageIndex: number;
+}
+export type RedactionSelectionMenuProps = SelectionMenuPropsBase<RedactionSelectionContext>;
+export type RedactionSelectionMenuRenderFn = SelectionMenuRenderFn<RedactionSelectionContext>;
+export type { SelectionMenuRenderResult };

package/dist/vue/components/highlight.vue.d.ts

@@ -8,9 +8,10 @@ interface HighlightProps {
     scale: number;
     onClick?: (e: PointerEvent | TouchEvent) => void;
 }
-declare const _default: import('vue').DefineComponent<HighlightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HighlightProps> & Readonly<{}>, {
+declare const __VLS_export: import('vue').DefineComponent<HighlightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HighlightProps> & Readonly<{}>, {
     color: string;
     opacity: number;
     border: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/vue/components/marquee-redact.vue.d.ts

@@ -1,16 +1,19 @@
 interface MarqueeRedactProps {
+    /** The ID of the document */
+    documentId: string;
     /** Index of the page this layer lives on */
     pageIndex: number;
     /** Scale of the page */
-    scale: number;
+    scale?: number;
     /** Optional CSS class applied to the marquee rectangle */
     className?: string;
     /** Stroke / fill colours (defaults below) */
     stroke?: string;
     fill?: string;
 }
-declare const _default: import('vue').DefineComponent<MarqueeRedactProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MarqueeRedactProps> & Readonly<{}>, {
+declare const __VLS_export: import('vue').DefineComponent<MarqueeRedactProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MarqueeRedactProps> & Readonly<{}>, {
     fill: string;
     stroke: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;