@embedpdf/plugin-capture 1.0.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 CloudPDF
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,129 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CAPTURE_PLUGIN_ID: () => CAPTURE_PLUGIN_ID,
+  CapturePlugin: () => CapturePlugin,
+  CapturePluginPackage: () => CapturePluginPackage,
+  manifest: () => manifest
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/lib/manifest.ts
+var CAPTURE_PLUGIN_ID = "capture";
+var manifest = {
+  id: CAPTURE_PLUGIN_ID,
+  name: "Capture Plugin",
+  version: "1.0.0",
+  provides: ["capture"],
+  requires: ["render", "interaction-manager"],
+  optional: [],
+  defaultConfig: {
+    enabled: true,
+    scale: 1,
+    imageType: "image/png",
+    withAnnotations: false
+  }
+};
+
+// src/lib/capture-plugin.ts
+var import_core = require("@embedpdf/core");
+var import_models = require("@embedpdf/models");
+var CapturePlugin = class extends import_core.BasePlugin {
+  constructor(id, registry, config) {
+    super(id, registry);
+    this.captureArea$ = (0, import_core.createEmitter)();
+    this.config = config;
+    this.renderCapability = this.registry.getPlugin("render").provides();
+    this.interactionManagerCapability = this.registry.getPlugin("interaction-manager").provides();
+    this.interactionManagerCapability.registerMode({
+      id: "marqueeCapture",
+      scope: "page",
+      exclusive: true,
+      cursor: "crosshair"
+    });
+  }
+  async initialize(_) {
+  }
+  buildCapability() {
+    return {
+      onCaptureArea: this.captureArea$.on,
+      captureArea: this.captureArea.bind(this),
+      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),
+      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),
+      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),
+      isMarqueeCaptureActive: () => this.interactionManagerCapability?.getActiveMode() === "marqueeCapture"
+    };
+  }
+  captureArea(pageIndex, rect) {
+    this.disableMarqueeCapture();
+    const task = this.renderCapability.renderPageRect({
+      pageIndex,
+      rect,
+      imageType: this.config.imageType,
+      scaleFactor: this.config.scale,
+      options: {
+        withAnnotations: this.config.withAnnotations || false
+      }
+    });
+    task.wait((blob) => {
+      this.captureArea$.emit({
+        pageIndex,
+        rect,
+        blob,
+        imageType: this.config.imageType || "image/png",
+        scale: this.config.scale || 1,
+        withAnnotations: this.config.withAnnotations || false
+      });
+    }, import_models.ignore);
+  }
+  enableMarqueeCapture() {
+    this.interactionManagerCapability?.activate("marqueeCapture");
+  }
+  disableMarqueeCapture() {
+    this.interactionManagerCapability?.activate("default");
+  }
+  toggleMarqueeCapture() {
+    if (this.interactionManagerCapability?.getActiveMode() === "marqueeCapture") {
+      this.interactionManagerCapability?.activate("default");
+    } else {
+      this.interactionManagerCapability?.activate("marqueeCapture");
+    }
+  }
+};
+CapturePlugin.id = "capture";
+
+// src/lib/index.ts
+var CapturePluginPackage = {
+  manifest,
+  create: (registry, _engine, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),
+  reducer: () => {
+  },
+  initialState: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CAPTURE_PLUGIN_ID,
+  CapturePlugin,
+  CapturePluginPackage,
+  manifest
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/lib/manifest.ts","../src/lib/capture-plugin.ts","../src/lib/index.ts"],"sourcesContent":["export * from './lib';\n","import { PluginManifest } from '@embedpdf/core';\nimport { CapturePluginConfig } from './types';\n\nexport const CAPTURE_PLUGIN_ID = 'capture';\n\nexport const manifest: PluginManifest<CapturePluginConfig> = {\n  id: CAPTURE_PLUGIN_ID,\n  name: 'Capture Plugin',\n  version: '1.0.0',\n  provides: ['capture'],\n  requires: ['render', 'interaction-manager'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    scale: 1,\n    imageType: 'image/png',\n    withAnnotations: false,\n  },\n};\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nimport { CaptureAreaEvent, CaptureCapability, CapturePluginConfig } from './types';\nimport { ignore, Rect } from '@embedpdf/models';\n\nexport class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {\n  static readonly id = 'capture' as const;\n\n  private captureArea$ = createEmitter<CaptureAreaEvent>();\n\n  private renderCapability: RenderCapability;\n  private interactionManagerCapability: InteractionManagerCapability;\n  private config: CapturePluginConfig;\n\n  constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.interactionManagerCapability = this.registry\n      .getPlugin<InteractionManagerPlugin>('interaction-manager')!\n      .provides();\n\n    this.interactionManagerCapability.registerMode({\n      id: 'marqueeCapture',\n      scope: 'page',\n      exclusive: true,\n      cursor: 'crosshair',\n    });\n  }\n\n  async initialize(_: CapturePluginConfig): Promise<void> {}\n\n  protected buildCapability(): CaptureCapability {\n    return {\n      onCaptureArea: this.captureArea$.on,\n      captureArea: this.captureArea.bind(this),\n      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),\n      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),\n      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),\n      isMarqueeCaptureActive: () =>\n        this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture',\n    };\n  }\n\n  private captureArea(pageIndex: number, rect: Rect) {\n    this.disableMarqueeCapture();\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex,\n      rect,\n      imageType: this.config.imageType,\n      scaleFactor: this.config.scale,\n      options: {\n        withAnnotations: this.config.withAnnotations || false,\n      },\n    });\n\n    task.wait((blob) => {\n      this.captureArea$.emit({\n        pageIndex,\n        rect,\n        blob,\n        imageType: this.config.imageType || 'image/png',\n        scale: this.config.scale || 1,\n        withAnnotations: this.config.withAnnotations || false,\n      });\n    }, ignore);\n  }\n\n  private enableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('marqueeCapture');\n  }\n\n  private disableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('default');\n  }\n\n  private toggleMarqueeCapture() {\n    if (this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture') {\n      this.interactionManagerCapability?.activate('default');\n    } else {\n      this.interactionManagerCapability?.activate('marqueeCapture');\n    }\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, CAPTURE_PLUGIN_ID } from './manifest';\nimport { CapturePluginConfig } from './types';\nimport { CapturePlugin } from './capture-plugin';\n\nexport const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig> = {\n  manifest,\n  create: (registry, _engine, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './capture-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,oBAAoB;AAE1B,IAAM,WAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,SAAS;AAAA,EACpB,UAAU,CAAC,UAAU,qBAAqB;AAAA,EAC1C,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB;AACF;;;AClBA,kBAA0D;AAQ1D,oBAA6B;AAEtB,IAAM,gBAAN,cAA4B,uBAAmD;AAAA,EASpF,YAAY,IAAY,UAA0B,QAA6B;AAC7E,UAAM,IAAI,QAAQ;AAPpB,SAAQ,mBAAe,2BAAgC;AASrD,SAAK,SAAS;AAEd,SAAK,mBAAmB,KAAK,SAAS,UAAwB,QAAQ,EAAG,SAAS;AAClF,SAAK,+BAA+B,KAAK,SACtC,UAAoC,qBAAqB,EACzD,SAAS;AAEZ,SAAK,6BAA6B,aAAa;AAAA,MAC7C,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,WAAW,GAAuC;AAAA,EAAC;AAAA,EAE/C,kBAAqC;AAC7C,WAAO;AAAA,MACL,eAAe,KAAK,aAAa;AAAA,MACjC,aAAa,KAAK,YAAY,KAAK,IAAI;AAAA,MACvC,sBAAsB,KAAK,qBAAqB,KAAK,IAAI;AAAA,MACzD,uBAAuB,KAAK,sBAAsB,KAAK,IAAI;AAAA,MAC3D,sBAAsB,KAAK,qBAAqB,KAAK,IAAI;AAAA,MACzD,wBAAwB,MACtB,KAAK,8BAA8B,cAAc,MAAM;AAAA,IAC3D;AAAA,EACF;AAAA,EAEQ,YAAY,WAAmB,MAAY;AACjD,SAAK,sBAAsB;AAE3B,UAAM,OAAO,KAAK,iBAAiB,eAAe;AAAA,MAChD;AAAA,MACA;AAAA,MACA,WAAW,KAAK,OAAO;AAAA,MACvB,aAAa,KAAK,OAAO;AAAA,MACzB,SAAS;AAAA,QACP,iBAAiB,KAAK,OAAO,mBAAmB;AAAA,MAClD;AAAA,IACF,CAAC;AAED,SAAK,KAAK,CAAC,SAAS;AAClB,WAAK,aAAa,KAAK;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,KAAK,OAAO,aAAa;AAAA,QACpC,OAAO,KAAK,OAAO,SAAS;AAAA,QAC5B,iBAAiB,KAAK,OAAO,mBAAmB;AAAA,MAClD,CAAC;AAAA,IACH,GAAG,oBAAM;AAAA,EACX;AAAA,EAEQ,uBAAuB;AAC7B,SAAK,8BAA8B,SAAS,gBAAgB;AAAA,EAC9D;AAAA,EAEQ,wBAAwB;AAC9B,SAAK,8BAA8B,SAAS,SAAS;AAAA,EACvD;AAAA,EAEQ,uBAAuB;AAC7B,QAAI,KAAK,8BAA8B,cAAc,MAAM,kBAAkB;AAC3E,WAAK,8BAA8B,SAAS,SAAS;AAAA,IACvD,OAAO;AACL,WAAK,8BAA8B,SAAS,gBAAgB;AAAA,IAC9D;AAAA,EACF;AACF;AAjFa,cACK,KAAK;;;ACNhB,IAAM,uBAA0E;AAAA,EACrF;AAAA,EACA,QAAQ,CAAC,UAAU,SAAS,WAAW,IAAI,cAAc,mBAAmB,UAAU,MAAM;AAAA,EAC5F,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,cAAc,CAAC;AACjB;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,46 @@
+import { BasePluginConfig, EventHook, BasePlugin, PluginRegistry, PluginManifest, PluginPackage } from '@embedpdf/core';
+import { ImageConversionTypes, Rect } from '@embedpdf/models';
+
+interface CapturePluginConfig extends BasePluginConfig {
+    scale?: number;
+    imageType?: ImageConversionTypes;
+    withAnnotations?: boolean;
+}
+interface CaptureAreaEvent {
+    pageIndex: number;
+    rect: Rect;
+    blob: Blob;
+    imageType: ImageConversionTypes;
+    scale: number;
+    withAnnotations: boolean;
+}
+interface CaptureCapability {
+    onCaptureArea: EventHook<CaptureAreaEvent>;
+    captureArea(pageIndex: number, rect: Rect): void;
+    enableMarqueeCapture: () => void;
+    disableMarqueeCapture: () => void;
+    toggleMarqueeCapture: () => void;
+    isMarqueeCaptureActive: () => boolean;
+}
+
+declare class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {
+    static readonly id: "capture";
+    private captureArea$;
+    private renderCapability;
+    private interactionManagerCapability;
+    private config;
+    constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig);
+    initialize(_: CapturePluginConfig): Promise<void>;
+    protected buildCapability(): CaptureCapability;
+    private captureArea;
+    private enableMarqueeCapture;
+    private disableMarqueeCapture;
+    private toggleMarqueeCapture;
+}
+
+declare const CAPTURE_PLUGIN_ID = "capture";
+declare const manifest: PluginManifest<CapturePluginConfig>;
+
+declare const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig>;
+
+export { CAPTURE_PLUGIN_ID, type CaptureAreaEvent, type CaptureCapability, CapturePlugin, type CapturePluginConfig, CapturePluginPackage, manifest };

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+import { BasePluginConfig, EventHook, BasePlugin, PluginRegistry, PluginManifest, PluginPackage } from '@embedpdf/core';
+import { ImageConversionTypes, Rect } from '@embedpdf/models';
+
+interface CapturePluginConfig extends BasePluginConfig {
+    scale?: number;
+    imageType?: ImageConversionTypes;
+    withAnnotations?: boolean;
+}
+interface CaptureAreaEvent {
+    pageIndex: number;
+    rect: Rect;
+    blob: Blob;
+    imageType: ImageConversionTypes;
+    scale: number;
+    withAnnotations: boolean;
+}
+interface CaptureCapability {
+    onCaptureArea: EventHook<CaptureAreaEvent>;
+    captureArea(pageIndex: number, rect: Rect): void;
+    enableMarqueeCapture: () => void;
+    disableMarqueeCapture: () => void;
+    toggleMarqueeCapture: () => void;
+    isMarqueeCaptureActive: () => boolean;
+}
+
+declare class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {
+    static readonly id: "capture";
+    private captureArea$;
+    private renderCapability;
+    private interactionManagerCapability;
+    private config;
+    constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig);
+    initialize(_: CapturePluginConfig): Promise<void>;
+    protected buildCapability(): CaptureCapability;
+    private captureArea;
+    private enableMarqueeCapture;
+    private disableMarqueeCapture;
+    private toggleMarqueeCapture;
+}
+
+declare const CAPTURE_PLUGIN_ID = "capture";
+declare const manifest: PluginManifest<CapturePluginConfig>;
+
+declare const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig>;
+
+export { CAPTURE_PLUGIN_ID, type CaptureAreaEvent, type CaptureCapability, CapturePlugin, type CapturePluginConfig, CapturePluginPackage, manifest };

package/dist/index.js

@@ -0,0 +1,99 @@
+// src/lib/manifest.ts
+var CAPTURE_PLUGIN_ID = "capture";
+var manifest = {
+  id: CAPTURE_PLUGIN_ID,
+  name: "Capture Plugin",
+  version: "1.0.0",
+  provides: ["capture"],
+  requires: ["render", "interaction-manager"],
+  optional: [],
+  defaultConfig: {
+    enabled: true,
+    scale: 1,
+    imageType: "image/png",
+    withAnnotations: false
+  }
+};
+
+// src/lib/capture-plugin.ts
+import { BasePlugin, createEmitter } from "@embedpdf/core";
+import { ignore } from "@embedpdf/models";
+var CapturePlugin = class extends BasePlugin {
+  constructor(id, registry, config) {
+    super(id, registry);
+    this.captureArea$ = createEmitter();
+    this.config = config;
+    this.renderCapability = this.registry.getPlugin("render").provides();
+    this.interactionManagerCapability = this.registry.getPlugin("interaction-manager").provides();
+    this.interactionManagerCapability.registerMode({
+      id: "marqueeCapture",
+      scope: "page",
+      exclusive: true,
+      cursor: "crosshair"
+    });
+  }
+  async initialize(_) {
+  }
+  buildCapability() {
+    return {
+      onCaptureArea: this.captureArea$.on,
+      captureArea: this.captureArea.bind(this),
+      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),
+      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),
+      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),
+      isMarqueeCaptureActive: () => this.interactionManagerCapability?.getActiveMode() === "marqueeCapture"
+    };
+  }
+  captureArea(pageIndex, rect) {
+    this.disableMarqueeCapture();
+    const task = this.renderCapability.renderPageRect({
+      pageIndex,
+      rect,
+      imageType: this.config.imageType,
+      scaleFactor: this.config.scale,
+      options: {
+        withAnnotations: this.config.withAnnotations || false
+      }
+    });
+    task.wait((blob) => {
+      this.captureArea$.emit({
+        pageIndex,
+        rect,
+        blob,
+        imageType: this.config.imageType || "image/png",
+        scale: this.config.scale || 1,
+        withAnnotations: this.config.withAnnotations || false
+      });
+    }, ignore);
+  }
+  enableMarqueeCapture() {
+    this.interactionManagerCapability?.activate("marqueeCapture");
+  }
+  disableMarqueeCapture() {
+    this.interactionManagerCapability?.activate("default");
+  }
+  toggleMarqueeCapture() {
+    if (this.interactionManagerCapability?.getActiveMode() === "marqueeCapture") {
+      this.interactionManagerCapability?.activate("default");
+    } else {
+      this.interactionManagerCapability?.activate("marqueeCapture");
+    }
+  }
+};
+CapturePlugin.id = "capture";
+
+// src/lib/index.ts
+var CapturePluginPackage = {
+  manifest,
+  create: (registry, _engine, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),
+  reducer: () => {
+  },
+  initialState: {}
+};
+export {
+  CAPTURE_PLUGIN_ID,
+  CapturePlugin,
+  CapturePluginPackage,
+  manifest
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/manifest.ts","../src/lib/capture-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { CapturePluginConfig } from './types';\n\nexport const CAPTURE_PLUGIN_ID = 'capture';\n\nexport const manifest: PluginManifest<CapturePluginConfig> = {\n  id: CAPTURE_PLUGIN_ID,\n  name: 'Capture Plugin',\n  version: '1.0.0',\n  provides: ['capture'],\n  requires: ['render', 'interaction-manager'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    scale: 1,\n    imageType: 'image/png',\n    withAnnotations: false,\n  },\n};\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport {\n  InteractionManagerCapability,\n  InteractionManagerPlugin,\n} from '@embedpdf/plugin-interaction-manager';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nimport { CaptureAreaEvent, CaptureCapability, CapturePluginConfig } from './types';\nimport { ignore, Rect } from '@embedpdf/models';\n\nexport class CapturePlugin extends BasePlugin<CapturePluginConfig, CaptureCapability> {\n  static readonly id = 'capture' as const;\n\n  private captureArea$ = createEmitter<CaptureAreaEvent>();\n\n  private renderCapability: RenderCapability;\n  private interactionManagerCapability: InteractionManagerCapability;\n  private config: CapturePluginConfig;\n\n  constructor(id: string, registry: PluginRegistry, config: CapturePluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.interactionManagerCapability = this.registry\n      .getPlugin<InteractionManagerPlugin>('interaction-manager')!\n      .provides();\n\n    this.interactionManagerCapability.registerMode({\n      id: 'marqueeCapture',\n      scope: 'page',\n      exclusive: true,\n      cursor: 'crosshair',\n    });\n  }\n\n  async initialize(_: CapturePluginConfig): Promise<void> {}\n\n  protected buildCapability(): CaptureCapability {\n    return {\n      onCaptureArea: this.captureArea$.on,\n      captureArea: this.captureArea.bind(this),\n      enableMarqueeCapture: this.enableMarqueeCapture.bind(this),\n      disableMarqueeCapture: this.disableMarqueeCapture.bind(this),\n      toggleMarqueeCapture: this.toggleMarqueeCapture.bind(this),\n      isMarqueeCaptureActive: () =>\n        this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture',\n    };\n  }\n\n  private captureArea(pageIndex: number, rect: Rect) {\n    this.disableMarqueeCapture();\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex,\n      rect,\n      imageType: this.config.imageType,\n      scaleFactor: this.config.scale,\n      options: {\n        withAnnotations: this.config.withAnnotations || false,\n      },\n    });\n\n    task.wait((blob) => {\n      this.captureArea$.emit({\n        pageIndex,\n        rect,\n        blob,\n        imageType: this.config.imageType || 'image/png',\n        scale: this.config.scale || 1,\n        withAnnotations: this.config.withAnnotations || false,\n      });\n    }, ignore);\n  }\n\n  private enableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('marqueeCapture');\n  }\n\n  private disableMarqueeCapture() {\n    this.interactionManagerCapability?.activate('default');\n  }\n\n  private toggleMarqueeCapture() {\n    if (this.interactionManagerCapability?.getActiveMode() === 'marqueeCapture') {\n      this.interactionManagerCapability?.activate('default');\n    } else {\n      this.interactionManagerCapability?.activate('marqueeCapture');\n    }\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, CAPTURE_PLUGIN_ID } from './manifest';\nimport { CapturePluginConfig } from './types';\nimport { CapturePlugin } from './capture-plugin';\n\nexport const CapturePluginPackage: PluginPackage<CapturePlugin, CapturePluginConfig> = {\n  manifest,\n  create: (registry, _engine, config) => new CapturePlugin(CAPTURE_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './capture-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"mappings":";AAGO,IAAM,oBAAoB;AAE1B,IAAM,WAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,SAAS;AAAA,EACpB,UAAU,CAAC,UAAU,qBAAqB;AAAA,EAC1C,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB;AACF;;;AClBA,SAAS,YAAY,qBAAqC;AAQ1D,SAAS,cAAoB;AAEtB,IAAM,gBAAN,cAA4B,WAAmD;AAAA,EASpF,YAAY,IAAY,UAA0B,QAA6B;AAC7E,UAAM,IAAI,QAAQ;AAPpB,SAAQ,eAAe,cAAgC;AASrD,SAAK,SAAS;AAEd,SAAK,mBAAmB,KAAK,SAAS,UAAwB,QAAQ,EAAG,SAAS;AAClF,SAAK,+BAA+B,KAAK,SACtC,UAAoC,qBAAqB,EACzD,SAAS;AAEZ,SAAK,6BAA6B,aAAa;AAAA,MAC7C,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,WAAW,GAAuC;AAAA,EAAC;AAAA,EAE/C,kBAAqC;AAC7C,WAAO;AAAA,MACL,eAAe,KAAK,aAAa;AAAA,MACjC,aAAa,KAAK,YAAY,KAAK,IAAI;AAAA,MACvC,sBAAsB,KAAK,qBAAqB,KAAK,IAAI;AAAA,MACzD,uBAAuB,KAAK,sBAAsB,KAAK,IAAI;AAAA,MAC3D,sBAAsB,KAAK,qBAAqB,KAAK,IAAI;AAAA,MACzD,wBAAwB,MACtB,KAAK,8BAA8B,cAAc,MAAM;AAAA,IAC3D;AAAA,EACF;AAAA,EAEQ,YAAY,WAAmB,MAAY;AACjD,SAAK,sBAAsB;AAE3B,UAAM,OAAO,KAAK,iBAAiB,eAAe;AAAA,MAChD;AAAA,MACA;AAAA,MACA,WAAW,KAAK,OAAO;AAAA,MACvB,aAAa,KAAK,OAAO;AAAA,MACzB,SAAS;AAAA,QACP,iBAAiB,KAAK,OAAO,mBAAmB;AAAA,MAClD;AAAA,IACF,CAAC;AAED,SAAK,KAAK,CAAC,SAAS;AAClB,WAAK,aAAa,KAAK;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,KAAK,OAAO,aAAa;AAAA,QACpC,OAAO,KAAK,OAAO,SAAS;AAAA,QAC5B,iBAAiB,KAAK,OAAO,mBAAmB;AAAA,MAClD,CAAC;AAAA,IACH,GAAG,MAAM;AAAA,EACX;AAAA,EAEQ,uBAAuB;AAC7B,SAAK,8BAA8B,SAAS,gBAAgB;AAAA,EAC9D;AAAA,EAEQ,wBAAwB;AAC9B,SAAK,8BAA8B,SAAS,SAAS;AAAA,EACvD;AAAA,EAEQ,uBAAuB;AAC7B,QAAI,KAAK,8BAA8B,cAAc,MAAM,kBAAkB;AAC3E,WAAK,8BAA8B,SAAS,SAAS;AAAA,IACvD,OAAO;AACL,WAAK,8BAA8B,SAAS,gBAAgB;AAAA,IAC9D;AAAA,EACF;AACF;AAjFa,cACK,KAAK;;;ACNhB,IAAM,uBAA0E;AAAA,EACrF;AAAA,EACA,QAAQ,CAAC,UAAU,SAAS,WAAW,IAAI,cAAc,mBAAmB,UAAU,MAAM;AAAA,EAC5F,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,cAAc,CAAC;AACjB;","names":[]}

package/dist/preact/index.cjs

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/preact/index.ts
+var preact_exports = {};
+__export(preact_exports, {
+  MarqueeCapture: () => MarqueeCapture,
+  useCaptureCapability: () => useCaptureCapability,
+  useCapturePlugin: () => useCapturePlugin
+});
+module.exports = __toCommonJS(preact_exports);
+
+// src/preact/hooks/use-capture.ts
+var import_preact = require("@embedpdf/core/preact");
+var import_plugin_capture = require("@embedpdf/plugin-capture");
+var useCaptureCapability = () => (0, import_preact.useCapability)(import_plugin_capture.CapturePlugin.id);
+var useCapturePlugin = () => (0, import_preact.usePlugin)(import_plugin_capture.CapturePlugin.id);
+
+// src/preact/components/marquee-capture.tsx
+var import_hooks = require("preact/hooks");
+var import_preact2 = require("@embedpdf/plugin-interaction-manager/preact");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var MarqueeCapture = ({
+  pageIndex,
+  scale,
+  pageWidth,
+  pageHeight,
+  className,
+  stroke = "rgba(33,150,243,0.8)",
+  fill = "rgba(33,150,243,0.15)"
+}) => {
+  const { provides: capture } = useCaptureCapability();
+  const { register } = (0, import_preact2.usePointerHandlers)({ modeId: "marqueeCapture", pageIndex });
+  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+  const startRef = (0, import_hooks.useRef)(null);
+  const [rect, setRect] = (0, import_hooks.useState)(null);
+  const pageWidthPDF = pageWidth / scale;
+  const pageHeightPDF = pageHeight / scale;
+  const handlers = (0, import_hooks.useMemo)(
+    () => ({
+      onPointerDown: (pos, evt) => {
+        startRef.current = pos;
+        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });
+        evt.target?.setPointerCapture?.(evt.pointerId);
+      },
+      onPointerMove: (pos) => {
+        if (!startRef.current) return;
+        const curX = clamp(pos.x, 0, pageWidthPDF);
+        const curY = clamp(pos.y, 0, pageHeightPDF);
+        const { x: sx, y: sy } = startRef.current;
+        const left = Math.min(sx, curX);
+        const top = Math.min(sy, curY);
+        const width = Math.abs(curX - sx);
+        const height = Math.abs(curY - sy);
+        setRect({ origin: { x: left, y: top }, size: { width, height } });
+      },
+      onPointerUp: (_, evt) => {
+        if (rect && capture) {
+          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;
+          if (dragPx > 5) {
+            capture.captureArea(pageIndex, rect);
+          }
+        }
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      },
+      onPointerCancel: (_, evt) => {
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      }
+    }),
+    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex]
+  );
+  (0, import_hooks.useEffect)(() => {
+    if (!register) return;
+    return register(handlers);
+  }, [register, handlers]);
+  if (!rect) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        left: rect.origin.x * scale,
+        top: rect.origin.y * scale,
+        width: rect.size.width * scale,
+        height: rect.size.height * scale,
+        border: `1px solid ${stroke}`,
+        background: fill,
+        boxSizing: "border-box"
+      },
+      className
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MarqueeCapture,
+  useCaptureCapability,
+  useCapturePlugin
+});
+//# sourceMappingURL=index.cjs.map

package/dist/preact/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preact/index.ts","../../src/preact/hooks/use-capture.ts","../../src/preact/components/marquee-capture.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","/** @jsxImportSource preact */\nimport { useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/preact';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"mappings":"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","names":["import_preact"]}

package/dist/preact/index.d.cts

@@ -0,0 +1,37 @@
+import * as _embedpdf_plugin_capture from '@embedpdf/plugin-capture';
+import { CapturePlugin } from '@embedpdf/plugin-capture';
+import * as preact from 'preact';
+
+declare const useCaptureCapability: () => {
+    provides: Readonly<_embedpdf_plugin_capture.CaptureCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const useCapturePlugin: () => {
+    plugin: CapturePlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+interface MarqueeCaptureProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    scale: number;
+    /** Width of the page */
+    pageWidth: number;
+    /** Height of the page */
+    pageHeight: number;
+    /** Optional CSS class applied to the marquee rectangle */
+    className?: string;
+    /** Stroke / fill colours (defaults below) */
+    stroke?: string;
+    fill?: string;
+}
+/**
+ * Draws a marquee rectangle while the user drags.
+ * Hook it into the interaction-manager with modeId = 'marqueeCapture'.
+ */
+declare const MarqueeCapture: ({ pageIndex, scale, pageWidth, pageHeight, className, stroke, fill, }: MarqueeCaptureProps) => preact.JSX.Element | null;
+
+export { MarqueeCapture, useCaptureCapability, useCapturePlugin };

package/dist/preact/index.d.ts

@@ -0,0 +1,37 @@
+import * as _embedpdf_plugin_capture from '@embedpdf/plugin-capture';
+import { CapturePlugin } from '@embedpdf/plugin-capture';
+import * as preact from 'preact';
+
+declare const useCaptureCapability: () => {
+    provides: Readonly<_embedpdf_plugin_capture.CaptureCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const useCapturePlugin: () => {
+    plugin: CapturePlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+interface MarqueeCaptureProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    scale: number;
+    /** Width of the page */
+    pageWidth: number;
+    /** Height of the page */
+    pageHeight: number;
+    /** Optional CSS class applied to the marquee rectangle */
+    className?: string;
+    /** Stroke / fill colours (defaults below) */
+    stroke?: string;
+    fill?: string;
+}
+/**
+ * Draws a marquee rectangle while the user drags.
+ * Hook it into the interaction-manager with modeId = 'marqueeCapture'.
+ */
+declare const MarqueeCapture: ({ pageIndex, scale, pageWidth, pageHeight, className, stroke, fill, }: MarqueeCaptureProps) => preact.JSX.Element | null;
+
+export { MarqueeCapture, useCaptureCapability, useCapturePlugin };

package/dist/preact/index.js

@@ -0,0 +1,92 @@
+// src/preact/hooks/use-capture.ts
+import { useCapability, usePlugin } from "@embedpdf/core/preact";
+import { CapturePlugin } from "@embedpdf/plugin-capture";
+var useCaptureCapability = () => useCapability(CapturePlugin.id);
+var useCapturePlugin = () => usePlugin(CapturePlugin.id);
+
+// src/preact/components/marquee-capture.tsx
+import { useEffect, useMemo, useRef, useState } from "preact/hooks";
+import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/preact";
+import { jsx } from "preact/jsx-runtime";
+var MarqueeCapture = ({
+  pageIndex,
+  scale,
+  pageWidth,
+  pageHeight,
+  className,
+  stroke = "rgba(33,150,243,0.8)",
+  fill = "rgba(33,150,243,0.15)"
+}) => {
+  const { provides: capture } = useCaptureCapability();
+  const { register } = usePointerHandlers({ modeId: "marqueeCapture", pageIndex });
+  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+  const startRef = useRef(null);
+  const [rect, setRect] = useState(null);
+  const pageWidthPDF = pageWidth / scale;
+  const pageHeightPDF = pageHeight / scale;
+  const handlers = useMemo(
+    () => ({
+      onPointerDown: (pos, evt) => {
+        startRef.current = pos;
+        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });
+        evt.target?.setPointerCapture?.(evt.pointerId);
+      },
+      onPointerMove: (pos) => {
+        if (!startRef.current) return;
+        const curX = clamp(pos.x, 0, pageWidthPDF);
+        const curY = clamp(pos.y, 0, pageHeightPDF);
+        const { x: sx, y: sy } = startRef.current;
+        const left = Math.min(sx, curX);
+        const top = Math.min(sy, curY);
+        const width = Math.abs(curX - sx);
+        const height = Math.abs(curY - sy);
+        setRect({ origin: { x: left, y: top }, size: { width, height } });
+      },
+      onPointerUp: (_, evt) => {
+        if (rect && capture) {
+          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;
+          if (dragPx > 5) {
+            capture.captureArea(pageIndex, rect);
+          }
+        }
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      },
+      onPointerCancel: (_, evt) => {
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      }
+    }),
+    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex]
+  );
+  useEffect(() => {
+    if (!register) return;
+    return register(handlers);
+  }, [register, handlers]);
+  if (!rect) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        left: rect.origin.x * scale,
+        top: rect.origin.y * scale,
+        width: rect.size.width * scale,
+        height: rect.size.height * scale,
+        border: `1px solid ${stroke}`,
+        background: fill,
+        boxSizing: "border-box"
+      },
+      className
+    }
+  );
+};
+export {
+  MarqueeCapture,
+  useCaptureCapability,
+  useCapturePlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/preact/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preact/hooks/use-capture.ts","../../src/preact/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","/** @jsxImportSource preact */\nimport { useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/preact';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/react/index.cjs

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  MarqueeCapture: () => MarqueeCapture,
+  useCaptureCapability: () => useCaptureCapability,
+  useCapturePlugin: () => useCapturePlugin
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/react/hooks/use-capture.ts
+var import_react = require("@embedpdf/core/react");
+var import_plugin_capture = require("@embedpdf/plugin-capture");
+var useCaptureCapability = () => (0, import_react.useCapability)(import_plugin_capture.CapturePlugin.id);
+var useCapturePlugin = () => (0, import_react.usePlugin)(import_plugin_capture.CapturePlugin.id);
+
+// src/react/components/marquee-capture.tsx
+var import_react2 = require("react");
+var import_react3 = require("@embedpdf/plugin-interaction-manager/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var MarqueeCapture = ({
+  pageIndex,
+  scale,
+  pageWidth,
+  pageHeight,
+  className,
+  stroke = "rgba(33,150,243,0.8)",
+  fill = "rgba(33,150,243,0.15)"
+}) => {
+  const { provides: capture } = useCaptureCapability();
+  const { register } = (0, import_react3.usePointerHandlers)({ modeId: "marqueeCapture", pageIndex });
+  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+  const startRef = (0, import_react2.useRef)(null);
+  const [rect, setRect] = (0, import_react2.useState)(null);
+  const pageWidthPDF = pageWidth / scale;
+  const pageHeightPDF = pageHeight / scale;
+  const handlers = (0, import_react2.useMemo)(
+    () => ({
+      onPointerDown: (pos, evt) => {
+        startRef.current = pos;
+        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });
+        evt.target?.setPointerCapture?.(evt.pointerId);
+      },
+      onPointerMove: (pos) => {
+        if (!startRef.current) return;
+        const curX = clamp(pos.x, 0, pageWidthPDF);
+        const curY = clamp(pos.y, 0, pageHeightPDF);
+        const { x: sx, y: sy } = startRef.current;
+        const left = Math.min(sx, curX);
+        const top = Math.min(sy, curY);
+        const width = Math.abs(curX - sx);
+        const height = Math.abs(curY - sy);
+        setRect({ origin: { x: left, y: top }, size: { width, height } });
+      },
+      onPointerUp: (_, evt) => {
+        if (rect && capture) {
+          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;
+          if (dragPx > 5) {
+            capture.captureArea(pageIndex, rect);
+          }
+        }
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      },
+      onPointerCancel: (_, evt) => {
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      }
+    }),
+    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (!register) return;
+    return register(handlers);
+  }, [register, handlers]);
+  if (!rect) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        left: rect.origin.x * scale,
+        top: rect.origin.y * scale,
+        width: rect.size.width * scale,
+        height: rect.size.height * scale,
+        border: `1px solid ${stroke}`,
+        background: fill,
+        boxSizing: "border-box"
+      },
+      className
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MarqueeCapture,
+  useCaptureCapability,
+  useCapturePlugin
+});
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/index.ts","../../src/react/hooks/use-capture.ts","../../src/react/components/marquee-capture.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/react';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"mappings":"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","names":["import_react"]}

package/dist/react/index.d.cts

@@ -0,0 +1,37 @@
+import * as _embedpdf_plugin_capture from '@embedpdf/plugin-capture';
+import { CapturePlugin } from '@embedpdf/plugin-capture';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const useCaptureCapability: () => {
+    provides: Readonly<_embedpdf_plugin_capture.CaptureCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const useCapturePlugin: () => {
+    plugin: CapturePlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+interface MarqueeCaptureProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    scale: number;
+    /** Width of the page */
+    pageWidth: number;
+    /** Height of the page */
+    pageHeight: number;
+    /** Optional CSS class applied to the marquee rectangle */
+    className?: string;
+    /** Stroke / fill colours (defaults below) */
+    stroke?: string;
+    fill?: string;
+}
+/**
+ * Draws a marquee rectangle while the user drags.
+ * Hook it into the interaction-manager with modeId = 'marqueeCapture'.
+ */
+declare const MarqueeCapture: ({ pageIndex, scale, pageWidth, pageHeight, className, stroke, fill, }: MarqueeCaptureProps) => react_jsx_runtime.JSX.Element | null;
+
+export { MarqueeCapture, useCaptureCapability, useCapturePlugin };

package/dist/react/index.d.ts

@@ -0,0 +1,37 @@
+import * as _embedpdf_plugin_capture from '@embedpdf/plugin-capture';
+import { CapturePlugin } from '@embedpdf/plugin-capture';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const useCaptureCapability: () => {
+    provides: Readonly<_embedpdf_plugin_capture.CaptureCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const useCapturePlugin: () => {
+    plugin: CapturePlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+
+interface MarqueeCaptureProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    scale: number;
+    /** Width of the page */
+    pageWidth: number;
+    /** Height of the page */
+    pageHeight: number;
+    /** Optional CSS class applied to the marquee rectangle */
+    className?: string;
+    /** Stroke / fill colours (defaults below) */
+    stroke?: string;
+    fill?: string;
+}
+/**
+ * Draws a marquee rectangle while the user drags.
+ * Hook it into the interaction-manager with modeId = 'marqueeCapture'.
+ */
+declare const MarqueeCapture: ({ pageIndex, scale, pageWidth, pageHeight, className, stroke, fill, }: MarqueeCaptureProps) => react_jsx_runtime.JSX.Element | null;
+
+export { MarqueeCapture, useCaptureCapability, useCapturePlugin };

package/dist/react/index.js

@@ -0,0 +1,92 @@
+// src/react/hooks/use-capture.ts
+import { useCapability, usePlugin } from "@embedpdf/core/react";
+import { CapturePlugin } from "@embedpdf/plugin-capture";
+var useCaptureCapability = () => useCapability(CapturePlugin.id);
+var useCapturePlugin = () => usePlugin(CapturePlugin.id);
+
+// src/react/components/marquee-capture.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/react";
+import { jsx } from "react/jsx-runtime";
+var MarqueeCapture = ({
+  pageIndex,
+  scale,
+  pageWidth,
+  pageHeight,
+  className,
+  stroke = "rgba(33,150,243,0.8)",
+  fill = "rgba(33,150,243,0.15)"
+}) => {
+  const { provides: capture } = useCaptureCapability();
+  const { register } = usePointerHandlers({ modeId: "marqueeCapture", pageIndex });
+  const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+  const startRef = useRef(null);
+  const [rect, setRect] = useState(null);
+  const pageWidthPDF = pageWidth / scale;
+  const pageHeightPDF = pageHeight / scale;
+  const handlers = useMemo(
+    () => ({
+      onPointerDown: (pos, evt) => {
+        startRef.current = pos;
+        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });
+        evt.target?.setPointerCapture?.(evt.pointerId);
+      },
+      onPointerMove: (pos) => {
+        if (!startRef.current) return;
+        const curX = clamp(pos.x, 0, pageWidthPDF);
+        const curY = clamp(pos.y, 0, pageHeightPDF);
+        const { x: sx, y: sy } = startRef.current;
+        const left = Math.min(sx, curX);
+        const top = Math.min(sy, curY);
+        const width = Math.abs(curX - sx);
+        const height = Math.abs(curY - sy);
+        setRect({ origin: { x: left, y: top }, size: { width, height } });
+      },
+      onPointerUp: (_, evt) => {
+        if (rect && capture) {
+          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;
+          if (dragPx > 5) {
+            capture.captureArea(pageIndex, rect);
+          }
+        }
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      },
+      onPointerCancel: (_, evt) => {
+        startRef.current = null;
+        setRect(null);
+        evt.target?.releasePointerCapture?.(evt.pointerId);
+      }
+    }),
+    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex]
+  );
+  useEffect(() => {
+    if (!register) return;
+    return register(handlers);
+  }, [register, handlers]);
+  if (!rect) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        left: rect.origin.x * scale,
+        top: rect.origin.y * scale,
+        width: rect.size.width * scale,
+        height: rect.size.height * scale,
+        border: `1px solid ${stroke}`,
+        background: fill,
+        boxSizing: "border-box"
+      },
+      className
+    }
+  );
+};
+export {
+  MarqueeCapture,
+  useCaptureCapability,
+  useCapturePlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/hooks/use-capture.ts","../../src/react/components/marquee-capture.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { CapturePlugin } from '@embedpdf/plugin-capture';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport type { PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';\nimport { usePointerHandlers } from '@embedpdf/plugin-interaction-manager/react';\nimport { Rect } from '@embedpdf/models';\n\nimport { useCaptureCapability } from '../hooks/use-capture';\n\ninterface MarqueeCaptureProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Width of the page */\n  pageWidth: number;\n  /** Height of the page */\n  pageHeight: 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/**\n * Draws a marquee rectangle while the user drags.\n * Hook it into the interaction-manager with modeId = 'marqueeCapture'.\n */\nexport const MarqueeCapture = ({\n  pageIndex,\n  scale,\n  pageWidth,\n  pageHeight,\n  className,\n  stroke = 'rgba(33,150,243,0.8)',\n  fill = 'rgba(33,150,243,0.15)',\n}: MarqueeCaptureProps) => {\n  /* ------------------------------------------------------------------ */\n  /* capture capability                                                */\n  /* ------------------------------------------------------------------ */\n  const { provides: capture } = useCaptureCapability();\n\n  /* ------------------------------------------------------------------ */\n  /* integration with interaction-manager                               */\n  /* ------------------------------------------------------------------ */\n  const { register } = usePointerHandlers({ modeId: 'marqueeCapture', pageIndex });\n\n  /* ------------------------------------------------------------------ */\n  /* helpers                                                            */\n  /* ------------------------------------------------------------------ */\n  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n  /* ------------------------------------------------------------------ */\n  /* local state – start / current drag position                        */\n  /* ------------------------------------------------------------------ */\n  const startRef = useRef<{ x: number; y: number } | null>(null);\n  const [rect, setRect] = useState<Rect | null>(null);\n\n  /* page size in **PDF-space** (unscaled) ----------------------------- */\n  const pageWidthPDF = pageWidth / scale;\n  const pageHeightPDF = pageHeight / scale;\n\n  /* ------------------------------------------------------------------ */\n  /* pointer handlers                                                   */\n  /* ------------------------------------------------------------------ */\n  const handlers = useMemo<PointerEventHandlers<PointerEvent>>(\n    () => ({\n      onPointerDown: (pos, evt) => {\n        startRef.current = pos;\n        setRect({ origin: { x: pos.x, y: pos.y }, size: { width: 0, height: 0 } });\n        (evt.target as HTMLElement)?.setPointerCapture?.(evt.pointerId);\n      },\n      onPointerMove: (pos) => {\n        if (!startRef.current) return;\n        /* clamp current position to the page bounds */\n        const curX = clamp(pos.x, 0, pageWidthPDF);\n        const curY = clamp(pos.y, 0, pageHeightPDF);\n\n        const { x: sx, y: sy } = startRef.current;\n        const left = Math.min(sx, curX);\n        const top = Math.min(sy, curY);\n        const width = Math.abs(curX - sx);\n        const height = Math.abs(curY - sy);\n\n        setRect({ origin: { x: left, y: top }, size: { width, height } });\n      },\n      onPointerUp: (_, evt) => {\n        if (rect && capture) {\n          const dragPx = Math.max(rect.size.width, rect.size.height) * scale;\n          if (dragPx > 5) {\n            // real drag → zoom to it\n            capture.captureArea(pageIndex, rect);\n          }\n        }\n\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n      onPointerCancel: (_, evt) => {\n        startRef.current = null;\n        setRect(null);\n        (evt.target as HTMLElement)?.releasePointerCapture?.(evt.pointerId);\n      },\n    }),\n    [pageWidthPDF, pageWidthPDF, capture, scale, rect, pageIndex],\n  );\n\n  /* register with the interaction-manager */\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  /* ------------------------------------------------------------------ */\n  /* render                                                              */\n  /* ------------------------------------------------------------------ */\n  if (!rect) return null; // nothing to draw\n\n  return (\n    <div\n      /* Each page wrapper is position:relative, so absolute is fine */\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        left: rect.origin.x * scale,\n        top: rect.origin.y * scale,\n        width: rect.size.width * scale,\n        height: rect.size.height * scale,\n        border: `1px solid ${stroke}`,\n        background: fill,\n        boxSizing: 'border-box',\n      }}\n      className={className}\n    />\n  );\n};\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@embedpdf/plugin-capture",
+  "version": "1.0.5",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "import": "./dist/preact/index.js",
+      "require": "./dist/preact/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@embedpdf/models": "1.0.5"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "@embedpdf/core": "1.0.5",
+    "@embedpdf/plugin-render": "1.0.5",
+    "@embedpdf/plugin-interaction-manager": "1.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "preact": "^10.26.4",
+    "@embedpdf/core": "1.0.5",
+    "@embedpdf/plugin-interaction-manager": "1.0.5"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/embedpdf/embed-pdf-viewer",
+    "directory": "packages/plugin-download"
+  },
+  "homepage": "https://www.embedpdf.com/docs",
+  "bugs": {
+    "url": "https://github.com/embedpdf/embed-pdf-viewer/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "PROJECT_CWD=$(pwd) pnpm -w p:build",
+    "build:watch": "PROJECT_CWD=$(pwd) pnpm -w p:build:watch",
+    "clean": "PROJECT_CWD=$(pwd) pnpm -w p:clean",
+    "lint": "PROJECT_CWD=$(pwd) pnpm -w p:lint",
+    "lint:fix": "PROJECT_CWD=$(pwd) pnpm -w p:lint:fix",
+    "typecheck": "PROJECT_CWD=$(pwd) pnpm -w p:typecheck"
+  }
+}