@embedpdf/plugin-selection 1.0.10 → 1.0.12

package/dist/react/index.cjs

@@ -1,169 +1,2 @@
-"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, {
-  CopyToClipboard: () => CopyToClipboard,
-  SelectionLayer: () => SelectionLayer,
-  useSelectionCapability: () => useSelectionCapability,
-  useSelectionPlugin: () => useSelectionPlugin
-});
-module.exports = __toCommonJS(react_exports);
-
-// src/react/hooks/use-selection.ts
-var import_react = require("@embedpdf/core/react");
-var import_plugin_selection = require("@embedpdf/plugin-selection");
-var useSelectionCapability = () => (0, import_react.useCapability)(import_plugin_selection.SelectionPlugin.id);
-var useSelectionPlugin = () => (0, import_react.usePlugin)(import_plugin_selection.SelectionPlugin.id);
-
-// src/react/components/selection-layer.tsx
-var import_react2 = require("react");
-var import_models = require("@embedpdf/models");
-var import_react3 = require("@embedpdf/plugin-interaction-manager/react");
-var import_plugin_selection2 = require("@embedpdf/plugin-selection");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SelectionLayer({ pageIndex, scale, background = "rgba(33,150,243)" }) {
-  const { provides: sel } = useSelectionCapability();
-  const { provides: im } = (0, import_react3.useInteractionManagerCapability)();
-  const { register } = (0, import_react3.usePointerHandlers)({ pageIndex });
-  const [rects, setRects] = (0, import_react2.useState)([]);
-  const [boundingRect, setBoundingRect] = (0, import_react2.useState)(null);
-  const { setCursor, removeCursor } = (0, import_react3.useCursor)();
-  (0, import_react2.useEffect)(() => {
-    if (!sel) return;
-    return sel.onSelectionChange(() => {
-      const mode = im?.getActiveMode();
-      if (mode === "default") {
-        setRects(sel.getHighlightRectsForPage(pageIndex));
-        setBoundingRect(sel.getBoundingRectForPage(pageIndex));
-      } else {
-        setRects([]);
-        setBoundingRect(null);
-      }
-    });
-  }, [sel, pageIndex]);
-  let geoCache;
-  const cachedGlyphAt = (0, import_react2.useCallback)((pt) => {
-    if (!geoCache) return -1;
-    return (0, import_plugin_selection2.glyphAt)(geoCache, pt);
-  }, []);
-  (0, import_react2.useEffect)(() => {
-    if (!sel) return;
-    const task = sel.getGeometry(pageIndex);
-    task.wait((g) => geoCache = g, import_models.ignore);
-    return () => {
-      task.abort({
-        code: import_models.PdfErrorCode.Cancelled,
-        message: "Cancelled"
-      });
-    };
-  }, [sel, pageIndex]);
-  const handlers = (0, import_react2.useMemo)(
-    () => ({
-      onPointerDown: (point, _evt, modeId) => {
-        if (!sel) return;
-        if (!sel.isEnabledForMode(modeId)) return;
-        sel.clear();
-        const task = sel.getGeometry(pageIndex);
-        task.wait((geo) => {
-          const g = (0, import_plugin_selection2.glyphAt)(geo, point);
-          if (g !== -1) sel.begin(pageIndex, g);
-        }, import_models.ignore);
-      },
-      onPointerMove: (point, _evt, modeId) => {
-        if (!sel) return;
-        if (!sel.isEnabledForMode(modeId)) return;
-        const g = cachedGlyphAt(point);
-        if (g !== -1) {
-          setCursor("selection-text", "text", 10);
-        } else {
-          removeCursor("selection-text");
-        }
-        if (g !== -1) sel.update(pageIndex, g);
-      },
-      onPointerUp: (_point, _evt, modeId) => {
-        if (!sel) return;
-        if (!sel.isEnabledForMode(modeId)) return;
-        sel.end();
-      },
-      onHandlerActiveEnd(modeId) {
-        if (!sel) return;
-        if (!sel.isEnabledForMode(modeId)) return;
-        sel.clear();
-      }
-    }),
-    [sel, pageIndex, cachedGlyphAt]
-  );
-  (0, import_react2.useEffect)(() => {
-    if (!register) return;
-    return register(handlers);
-  }, [register, handlers]);
-  if (!boundingRect) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        left: boundingRect.origin.x * scale,
-        top: boundingRect.origin.y * scale,
-        width: boundingRect.size.width * scale,
-        height: boundingRect.size.height * scale,
-        mixBlendMode: "multiply",
-        isolation: "isolate"
-      },
-      children: rects.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          style: {
-            position: "absolute",
-            left: (b.origin.x - boundingRect.origin.x) * scale,
-            top: (b.origin.y - boundingRect.origin.y) * scale,
-            width: b.size.width * scale,
-            height: b.size.height * scale,
-            background,
-            pointerEvents: "none"
-          }
-        },
-        i
-      ))
-    }
-  );
-}
-
-// src/react/components/copy-to-clipboard.tsx
-var import_react4 = require("react");
-function CopyToClipboard() {
-  const { provides: sel } = useSelectionCapability();
-  (0, import_react4.useEffect)(() => {
-    if (!sel) return;
-    return sel.onCopyToClipboard((text) => {
-      navigator.clipboard.writeText(text);
-    });
-  }, [sel]);
-  return null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CopyToClipboard,
-  SelectionLayer,
-  useSelectionCapability,
-  useSelectionPlugin
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),t=require("@embedpdf/plugin-selection"),r=require("react/jsx-runtime"),i=require("react"),n=require("@embedpdf/models"),o=require("@embedpdf/plugin-interaction-manager/react"),l=()=>e.useCapability(t.SelectionPlugin.id);exports.CopyToClipboard=function(){const{provides:e}=l();return i.useEffect((()=>{if(e)return e.onCopyToClipboard((e=>{navigator.clipboard.writeText(e)}))}),[e]),null},exports.SelectionLayer=function({pageIndex:e,scale:s,background:u="rgba(33,150,243)"}){const{provides:a}=l(),{provides:d}=o.useInteractionManagerCapability(),{register:c}=o.usePointerHandlers({pageIndex:e}),[g,p]=i.useState([]),[f,b]=i.useState(null),{setCursor:h,removeCursor:x}=o.useCursor(),y=i.useRef(null);i.useEffect((()=>{if(a)return a.onSelectionChange((()=>{"default"===(null==d?void 0:d.getActiveMode())?(p(a.getHighlightRectsForPage(e)),b(a.getBoundingRectForPage(e))):(p([]),b(null))}))}),[a,e]);const m=i.useCallback((e=>{const r=y.current;return r?t.glyphAt(r,e):-1}),[]);i.useEffect((()=>{if(!a)return;const t=a.getGeometry(e);return t.wait((e=>y.current=e),n.ignore),()=>{t.abort({code:n.PdfErrorCode.Cancelled,message:"Cancelled"}),y.current=null}}),[a,e]);const C=i.useMemo((()=>({onPointerDown:(r,i,o)=>{if(!a)return;if(!a.isEnabledForMode(o))return;a.clear();a.getGeometry(e).wait((i=>{const n=t.glyphAt(i,r);-1!==n&&a.begin(e,n)}),n.ignore)},onPointerMove:(t,r,i)=>{if(!a)return;if(!a.isEnabledForMode(i))return;const n=m(t);-1!==n?h("selection-text","text",10):x("selection-text"),-1!==n&&a.update(e,n)},onPointerUp:(e,t,r)=>{a&&a.isEnabledForMode(r)&&a.end()},onHandlerActiveEnd(e){a&&a.isEnabledForMode(e)&&a.clear()}})),[a,e,m]);return i.useEffect((()=>{if(c)return c(C)}),[c,C]),f?r.jsx("div",{style:{position:"absolute",left:f.origin.x*s,top:f.origin.y*s,width:f.size.width*s,height:f.size.height*s,mixBlendMode:"multiply",isolation:"isolate"},children:g.map(((e,t)=>r.jsx("div",{style:{position:"absolute",left:(e.origin.x-f.origin.x)*s,top:(e.origin.y-f.origin.y)*s,width:e.size.width*s,height:e.size.height*s,background:u,pointerEvents:"none"}},t)))}):null},exports.useSelectionCapability=l,exports.useSelectionPlugin=()=>e.usePlugin(t.SelectionPlugin.id);
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/index.ts","../../src/react/hooks/use-selection.ts","../../src/react/components/selection-layer.tsx","../../src/react/components/copy-to-clipboard.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ignore, PdfErrorCode, PdfPageGeometry, Rect } from '@embedpdf/models';\nimport {\n  useCursor,\n  useInteractionManagerCapability,\n  usePointerHandlers,\n} from '@embedpdf/plugin-interaction-manager/react';\nimport { PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';\nimport { glyphAt } from '@embedpdf/plugin-selection';\n\nimport { useSelectionCapability } from '../hooks';\n\ntype Props = {\n  pageIndex: number;\n  scale: number;\n  background?: string;\n};\n\nexport function SelectionLayer({ pageIndex, scale, background = 'rgba(33,150,243)' }: Props) {\n  const { provides: sel } = useSelectionCapability();\n  const { provides: im } = useInteractionManagerCapability();\n  const { register } = usePointerHandlers({ pageIndex });\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n  const { setCursor, removeCursor } = useCursor();\n\n  /* subscribe to rect updates */\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onSelectionChange(() => {\n      const mode = im?.getActiveMode();\n      if (mode === 'default') {\n        setRects(sel.getHighlightRectsForPage(pageIndex));\n        setBoundingRect(sel.getBoundingRectForPage(pageIndex));\n      } else {\n        setRects([]);\n        setBoundingRect(null);\n      }\n    });\n  }, [sel, pageIndex]);\n\n  /* cheap glyphAt cache for the active page */\n  let geoCache: PdfPageGeometry | undefined;\n  const cachedGlyphAt = useCallback((pt: { x: number; y: number }) => {\n    if (!geoCache) return -1;\n    return glyphAt(geoCache, pt);\n  }, []);\n\n  // Initialize geometry cache\n  useEffect(() => {\n    if (!sel) return;\n    const task = sel.getGeometry(pageIndex);\n    task.wait((g) => (geoCache = g), ignore);\n\n    return () => {\n      task.abort({\n        code: PdfErrorCode.Cancelled,\n        message: 'Cancelled',\n      });\n    };\n  }, [sel, pageIndex]);\n\n  const handlers = useMemo(\n    (): PointerEventHandlersWithLifecycle<PointerEvent> => ({\n      onPointerDown: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        // clear the selection\n        sel.clear();\n        const task = sel.getGeometry(pageIndex);\n        task.wait((geo) => {\n          const g = glyphAt(geo, point);\n          if (g !== -1) sel.begin(pageIndex, g);\n        }, ignore);\n      },\n      onPointerMove: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        const g = cachedGlyphAt(point);\n        if (g !== -1) {\n          setCursor('selection-text', 'text', 10);\n        } else {\n          removeCursor('selection-text');\n        }\n        if (g !== -1) sel.update(pageIndex, g);\n      },\n      onPointerUp: (_point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        sel.end();\n      },\n      onHandlerActiveEnd(modeId) {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n\n        sel.clear();\n      },\n    }),\n    [sel, pageIndex, cachedGlyphAt],\n  );\n\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        left: boundingRect.origin.x * scale,\n        top: boundingRect.origin.y * scale,\n        width: boundingRect.size.width * scale,\n        height: boundingRect.size.height * scale,\n        mixBlendMode: 'multiply',\n        isolation: 'isolate',\n      }}\n    >\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          style={{\n            position: 'absolute',\n            left: (b.origin.x - boundingRect.origin.x) * scale,\n            top: (b.origin.y - boundingRect.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background,\n            pointerEvents: 'none',\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n","import { useEffect } from 'react';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard((text) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n"],"mappings":"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","names":["import_react","import_plugin_selection","import_react"]}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/copy-to-clipboard.tsx","../../src/shared/components/selection-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard((text) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from '@framework';\nimport { ignore, PdfErrorCode, PdfPageGeometry, Position, Rect } from '@embedpdf/models';\nimport {\n  useCursor,\n  useInteractionManagerCapability,\n  usePointerHandlers,\n} from '@embedpdf/plugin-interaction-manager/@framework';\nimport { PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';\nimport { glyphAt } from '@embedpdf/plugin-selection';\n\nimport { useSelectionCapability } from '../hooks';\n\ntype Props = {\n  pageIndex: number;\n  scale: number;\n  background?: string;\n};\n\nexport function SelectionLayer({ pageIndex, scale, background = 'rgba(33,150,243)' }: Props) {\n  const { provides: sel } = useSelectionCapability();\n  const { provides: im } = useInteractionManagerCapability();\n  const { register } = usePointerHandlers({ pageIndex });\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n  const { setCursor, removeCursor } = useCursor();\n  const geoCacheRef = useRef<PdfPageGeometry | null>(null);\n\n  /* subscribe to rect updates */\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onSelectionChange(() => {\n      const mode = im?.getActiveMode();\n      if (mode === 'default') {\n        setRects(sel.getHighlightRectsForPage(pageIndex));\n        setBoundingRect(sel.getBoundingRectForPage(pageIndex));\n      } else {\n        setRects([]);\n        setBoundingRect(null);\n      }\n    });\n  }, [sel, pageIndex]);\n\n  /* cheap glyphAt cache for the active page */\n  const cachedGlyphAt = useCallback((pt: Position) => {\n    const geo = geoCacheRef.current;\n    return geo ? glyphAt(geo, pt) : -1;\n  }, []);\n\n  // Initialize geometry cache\n  useEffect(() => {\n    if (!sel) return;\n    const task = sel.getGeometry(pageIndex);\n    task.wait((g) => (geoCacheRef.current = g), ignore);\n\n    return () => {\n      task.abort({\n        code: PdfErrorCode.Cancelled,\n        message: 'Cancelled',\n      });\n      geoCacheRef.current = null;\n    };\n  }, [sel, pageIndex]);\n\n  const handlers = useMemo(\n    (): PointerEventHandlersWithLifecycle<PointerEvent> => ({\n      onPointerDown: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        // clear the selection\n        sel.clear();\n        const task = sel.getGeometry(pageIndex);\n        task.wait((geo) => {\n          const g = glyphAt(geo, point);\n          if (g !== -1) sel.begin(pageIndex, g);\n        }, ignore);\n      },\n      onPointerMove: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        const g = cachedGlyphAt(point);\n        if (g !== -1) {\n          setCursor('selection-text', 'text', 10);\n        } else {\n          removeCursor('selection-text');\n        }\n        if (g !== -1) sel.update(pageIndex, g);\n      },\n      onPointerUp: (_point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        sel.end();\n      },\n      onHandlerActiveEnd(modeId) {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n\n        sel.clear();\n      },\n    }),\n    [sel, pageIndex, cachedGlyphAt],\n  );\n\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        left: boundingRect.origin.x * scale,\n        top: boundingRect.origin.y * scale,\n        width: boundingRect.size.width * scale,\n        height: boundingRect.size.height * scale,\n        mixBlendMode: 'multiply',\n        isolation: 'isolate',\n      }}\n    >\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          style={{\n            position: 'absolute',\n            left: (b.origin.x - boundingRect.origin.x) * scale,\n            top: (b.origin.y - boundingRect.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background,\n            pointerEvents: 'none',\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","provides","sel","useEffect","onCopyToClipboard","text","navigator","clipboard","writeText","pageIndex","scale","background","im","useInteractionManagerCapability","register","usePointerHandlers","rects","setRects","useState","boundingRect","setBoundingRect","setCursor","removeCursor","useCursor","geoCacheRef","useRef","onSelectionChange","getActiveMode","getHighlightRectsForPage","getBoundingRectForPage","cachedGlyphAt","useCallback","pt","geo","current","glyphAt","task","getGeometry","wait","g","ignore","abort","code","PdfErrorCode","Cancelled","message","handlers","useMemo","onPointerDown","point","_evt","modeId","isEnabledForMode","clear","begin","onPointerMove","update","onPointerUp","_point","end","onHandlerActiveEnd","jsxRuntime","jsx","style","position","left","origin","x","top","y","width","size","height","mixBlendMode","isolation","children","map","b","i","pointerEvents","usePlugin"],"mappings":"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"}

package/dist/react/index.d.ts

@@ -1,25 +1 @@
-import * as _embedpdf_plugin_selection from '@embedpdf/plugin-selection';
-import { SelectionPlugin } from '@embedpdf/plugin-selection';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const useSelectionCapability: () => {
-    provides: Readonly<_embedpdf_plugin_selection.SelectionCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useSelectionPlugin: () => {
-    plugin: SelectionPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-
-type Props = {
-    pageIndex: number;
-    scale: number;
-    background?: string;
-};
-declare function SelectionLayer({ pageIndex, scale, background }: Props): react_jsx_runtime.JSX.Element | null;
-
-declare function CopyToClipboard(): null;
-
-export { CopyToClipboard, SelectionLayer, useSelectionCapability, useSelectionPlugin };
+export * from '../shared-react';

package/dist/react/index.js

@@ -1,19 +1,11 @@
-// src/react/hooks/use-selection.ts
 import { useCapability, usePlugin } from "@embedpdf/core/react";
-import { SelectionPlugin } from "@embedpdf/plugin-selection";
-var useSelectionCapability = () => useCapability(SelectionPlugin.id);
-var useSelectionPlugin = () => usePlugin(SelectionPlugin.id);
-
-// src/react/components/selection-layer.tsx
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { ignore, PdfErrorCode } from "@embedpdf/models";
-import {
-  useCursor,
-  useInteractionManagerCapability,
-  usePointerHandlers
-} from "@embedpdf/plugin-interaction-manager/react";
-import { glyphAt } from "@embedpdf/plugin-selection";
+import { SelectionPlugin, glyphAt } from "@embedpdf/plugin-selection";
 import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback, useMemo } from "react";
+import { ignore, PdfErrorCode } from "@embedpdf/models";
+import { useInteractionManagerCapability, usePointerHandlers, useCursor } from "@embedpdf/plugin-interaction-manager/react";
+const useSelectionCapability = () => useCapability(SelectionPlugin.id);
+const useSelectionPlugin = () => usePlugin(SelectionPlugin.id);
 function SelectionLayer({ pageIndex, scale, background = "rgba(33,150,243)" }) {
   const { provides: sel } = useSelectionCapability();
   const { provides: im } = useInteractionManagerCapability();
@@ -21,10 +13,11 @@ function SelectionLayer({ pageIndex, scale, background = "rgba(33,150,243)" }) {
   const [rects, setRects] = useState([]);
   const [boundingRect, setBoundingRect] = useState(null);
   const { setCursor, removeCursor } = useCursor();
+  const geoCacheRef = useRef(null);
   useEffect(() => {
     if (!sel) return;
     return sel.onSelectionChange(() => {
-      const mode = im?.getActiveMode();
+      const mode = im == null ? void 0 : im.getActiveMode();
       if (mode === "default") {
         setRects(sel.getHighlightRectsForPage(pageIndex));
         setBoundingRect(sel.getBoundingRectForPage(pageIndex));
@@ -34,20 +27,20 @@ function SelectionLayer({ pageIndex, scale, background = "rgba(33,150,243)" }) {
       }
     });
   }, [sel, pageIndex]);
-  let geoCache;
   const cachedGlyphAt = useCallback((pt) => {
-    if (!geoCache) return -1;
-    return glyphAt(geoCache, pt);
+    const geo = geoCacheRef.current;
+    return geo ? glyphAt(geo, pt) : -1;
   }, []);
   useEffect(() => {
     if (!sel) return;
     const task = sel.getGeometry(pageIndex);
-    task.wait((g) => geoCache = g, ignore);
+    task.wait((g) => geoCacheRef.current = g, ignore);
     return () => {
       task.abort({
         code: PdfErrorCode.Cancelled,
         message: "Cancelled"
       });
+      geoCacheRef.current = null;
     };
   }, [sel, pageIndex]);
   const handlers = useMemo(
@@ -121,12 +114,9 @@ function SelectionLayer({ pageIndex, scale, background = "rgba(33,150,243)" }) {
     }
   );
 }
-
-// src/react/components/copy-to-clipboard.tsx
-import { useEffect as useEffect2 } from "react";
 function CopyToClipboard() {
   const { provides: sel } = useSelectionCapability();
-  useEffect2(() => {
+  useEffect(() => {
     if (!sel) return;
     return sel.onCopyToClipboard((text) => {
       navigator.clipboard.writeText(text);
@@ -140,4 +130,4 @@ export {
   useSelectionCapability,
   useSelectionPlugin
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/hooks/use-selection.ts","../../src/react/components/selection-layer.tsx","../../src/react/components/copy-to-clipboard.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ignore, PdfErrorCode, PdfPageGeometry, Rect } from '@embedpdf/models';\nimport {\n  useCursor,\n  useInteractionManagerCapability,\n  usePointerHandlers,\n} from '@embedpdf/plugin-interaction-manager/react';\nimport { PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';\nimport { glyphAt } from '@embedpdf/plugin-selection';\n\nimport { useSelectionCapability } from '../hooks';\n\ntype Props = {\n  pageIndex: number;\n  scale: number;\n  background?: string;\n};\n\nexport function SelectionLayer({ pageIndex, scale, background = 'rgba(33,150,243)' }: Props) {\n  const { provides: sel } = useSelectionCapability();\n  const { provides: im } = useInteractionManagerCapability();\n  const { register } = usePointerHandlers({ pageIndex });\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n  const { setCursor, removeCursor } = useCursor();\n\n  /* subscribe to rect updates */\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onSelectionChange(() => {\n      const mode = im?.getActiveMode();\n      if (mode === 'default') {\n        setRects(sel.getHighlightRectsForPage(pageIndex));\n        setBoundingRect(sel.getBoundingRectForPage(pageIndex));\n      } else {\n        setRects([]);\n        setBoundingRect(null);\n      }\n    });\n  }, [sel, pageIndex]);\n\n  /* cheap glyphAt cache for the active page */\n  let geoCache: PdfPageGeometry | undefined;\n  const cachedGlyphAt = useCallback((pt: { x: number; y: number }) => {\n    if (!geoCache) return -1;\n    return glyphAt(geoCache, pt);\n  }, []);\n\n  // Initialize geometry cache\n  useEffect(() => {\n    if (!sel) return;\n    const task = sel.getGeometry(pageIndex);\n    task.wait((g) => (geoCache = g), ignore);\n\n    return () => {\n      task.abort({\n        code: PdfErrorCode.Cancelled,\n        message: 'Cancelled',\n      });\n    };\n  }, [sel, pageIndex]);\n\n  const handlers = useMemo(\n    (): PointerEventHandlersWithLifecycle<PointerEvent> => ({\n      onPointerDown: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        // clear the selection\n        sel.clear();\n        const task = sel.getGeometry(pageIndex);\n        task.wait((geo) => {\n          const g = glyphAt(geo, point);\n          if (g !== -1) sel.begin(pageIndex, g);\n        }, ignore);\n      },\n      onPointerMove: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        const g = cachedGlyphAt(point);\n        if (g !== -1) {\n          setCursor('selection-text', 'text', 10);\n        } else {\n          removeCursor('selection-text');\n        }\n        if (g !== -1) sel.update(pageIndex, g);\n      },\n      onPointerUp: (_point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        sel.end();\n      },\n      onHandlerActiveEnd(modeId) {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n\n        sel.clear();\n      },\n    }),\n    [sel, pageIndex, cachedGlyphAt],\n  );\n\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        left: boundingRect.origin.x * scale,\n        top: boundingRect.origin.y * scale,\n        width: boundingRect.size.width * scale,\n        height: boundingRect.size.height * scale,\n        mixBlendMode: 'multiply',\n        isolation: 'isolate',\n      }}\n    >\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          style={{\n            position: 'absolute',\n            left: (b.origin.x - boundingRect.origin.x) * scale,\n            top: (b.origin.y - boundingRect.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background,\n            pointerEvents: 'none',\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n","import { useEffect } from 'react';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard((text) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,uBAAuB;AAEzB,IAAM,yBAAyB,MAAM,cAA+B,gBAAgB,EAAE;AACtF,IAAM,qBAAqB,MAAM,UAA2B,gBAAgB,EAAE;;;ACJrF,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAC1D,SAAS,QAAQ,oBAA2C;AAC5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AAiHhB;AAvGD,SAAS,eAAe,EAAE,WAAW,OAAO,aAAa,mBAAmB,GAAU;AAC3F,QAAM,EAAE,UAAU,IAAI,IAAI,uBAAuB;AACjD,QAAM,EAAE,UAAU,GAAG,IAAI,gCAAgC;AACzD,QAAM,EAAE,SAAS,IAAI,mBAAmB,EAAE,UAAU,CAAC;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAsB,CAAC,CAAC;AAClD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,IAAI;AAClE,QAAM,EAAE,WAAW,aAAa,IAAI,UAAU;AAG9C,YAAU,MAAM;AACd,QAAI,CAAC,IAAK;AACV,WAAO,IAAI,kBAAkB,MAAM;AACjC,YAAM,OAAO,IAAI,cAAc;AAC/B,UAAI,SAAS,WAAW;AACtB,iBAAS,IAAI,yBAAyB,SAAS,CAAC;AAChD,wBAAgB,IAAI,uBAAuB,SAAS,CAAC;AAAA,MACvD,OAAO;AACL,iBAAS,CAAC,CAAC;AACX,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,SAAS,CAAC;AAGnB,MAAI;AACJ,QAAM,gBAAgB,YAAY,CAAC,OAAiC;AAClE,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,QAAQ,UAAU,EAAE;AAAA,EAC7B,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACd,QAAI,CAAC,IAAK;AACV,UAAM,OAAO,IAAI,YAAY,SAAS;AACtC,SAAK,KAAK,CAAC,MAAO,WAAW,GAAI,MAAM;AAEvC,WAAO,MAAM;AACX,WAAK,MAAM;AAAA,QACT,MAAM,aAAa;AAAA,QACnB,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,KAAK,SAAS,CAAC;AAEnB,QAAM,WAAW;AAAA,IACf,OAAwD;AAAA,MACtD,eAAe,CAAC,OAAO,MAAM,WAAW;AACtC,YAAI,CAAC,IAAK;AACV,YAAI,CAAC,IAAI,iBAAiB,MAAM,EAAG;AAEnC,YAAI,MAAM;AACV,cAAM,OAAO,IAAI,YAAY,SAAS;AACtC,aAAK,KAAK,CAAC,QAAQ;AACjB,gBAAM,IAAI,QAAQ,KAAK,KAAK;AAC5B,cAAI,MAAM,GAAI,KAAI,MAAM,WAAW,CAAC;AAAA,QACtC,GAAG,MAAM;AAAA,MACX;AAAA,MACA,eAAe,CAAC,OAAO,MAAM,WAAW;AACtC,YAAI,CAAC,IAAK;AACV,YAAI,CAAC,IAAI,iBAAiB,MAAM,EAAG;AACnC,cAAM,IAAI,cAAc,KAAK;AAC7B,YAAI,MAAM,IAAI;AACZ,oBAAU,kBAAkB,QAAQ,EAAE;AAAA,QACxC,OAAO;AACL,uBAAa,gBAAgB;AAAA,QAC/B;AACA,YAAI,MAAM,GAAI,KAAI,OAAO,WAAW,CAAC;AAAA,MACvC;AAAA,MACA,aAAa,CAAC,QAAQ,MAAM,WAAW;AACrC,YAAI,CAAC,IAAK;AACV,YAAI,CAAC,IAAI,iBAAiB,MAAM,EAAG;AACnC,YAAI,IAAI;AAAA,MACV;AAAA,MACA,mBAAmB,QAAQ;AACzB,YAAI,CAAC,IAAK;AACV,YAAI,CAAC,IAAI,iBAAiB,MAAM,EAAG;AAEnC,YAAI,MAAM;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC,KAAK,WAAW,aAAa;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACf,WAAO,SAAS,QAAQ;AAAA,EAC1B,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,MAAI,CAAC,aAAc,QAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,aAAa,OAAO,IAAI;AAAA,QAC9B,KAAK,aAAa,OAAO,IAAI;AAAA,QAC7B,OAAO,aAAa,KAAK,QAAQ;AAAA,QACjC,QAAQ,aAAa,KAAK,SAAS;AAAA,QACnC,cAAc;AAAA,QACd,WAAW;AAAA,MACb;AAAA,MAEC,gBAAM,IAAI,CAAC,GAAG,MACb;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO,EAAE,OAAO,IAAI,aAAa,OAAO,KAAK;AAAA,YAC7C,MAAM,EAAE,OAAO,IAAI,aAAa,OAAO,KAAK;AAAA,YAC5C,OAAO,EAAE,KAAK,QAAQ;AAAA,YACtB,QAAQ,EAAE,KAAK,SAAS;AAAA,YACxB;AAAA,YACA,eAAe;AAAA,UACjB;AAAA;AAAA,QATK;AAAA,MAUP,CACD;AAAA;AAAA,EACH;AAEJ;;;ACxIA,SAAS,aAAAA,kBAAiB;AAInB,SAAS,kBAAkB;AAChC,QAAM,EAAE,UAAU,IAAI,IAAI,uBAAuB;AAEjD,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,IAAK;AACV,WAAO,IAAI,kBAAkB,CAAC,SAAS;AACrC,gBAAU,UAAU,UAAU,IAAI;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;","names":["useEffect","useEffect"]}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-selection.ts","../../src/shared/components/selection-layer.tsx","../../src/shared/components/copy-to-clipboard.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","import { useCallback, useEffect, useMemo, useRef, useState } from '@framework';\nimport { ignore, PdfErrorCode, PdfPageGeometry, Position, Rect } from '@embedpdf/models';\nimport {\n  useCursor,\n  useInteractionManagerCapability,\n  usePointerHandlers,\n} from '@embedpdf/plugin-interaction-manager/@framework';\nimport { PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';\nimport { glyphAt } from '@embedpdf/plugin-selection';\n\nimport { useSelectionCapability } from '../hooks';\n\ntype Props = {\n  pageIndex: number;\n  scale: number;\n  background?: string;\n};\n\nexport function SelectionLayer({ pageIndex, scale, background = 'rgba(33,150,243)' }: Props) {\n  const { provides: sel } = useSelectionCapability();\n  const { provides: im } = useInteractionManagerCapability();\n  const { register } = usePointerHandlers({ pageIndex });\n  const [rects, setRects] = useState<Array<Rect>>([]);\n  const [boundingRect, setBoundingRect] = useState<Rect | null>(null);\n  const { setCursor, removeCursor } = useCursor();\n  const geoCacheRef = useRef<PdfPageGeometry | null>(null);\n\n  /* subscribe to rect updates */\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onSelectionChange(() => {\n      const mode = im?.getActiveMode();\n      if (mode === 'default') {\n        setRects(sel.getHighlightRectsForPage(pageIndex));\n        setBoundingRect(sel.getBoundingRectForPage(pageIndex));\n      } else {\n        setRects([]);\n        setBoundingRect(null);\n      }\n    });\n  }, [sel, pageIndex]);\n\n  /* cheap glyphAt cache for the active page */\n  const cachedGlyphAt = useCallback((pt: Position) => {\n    const geo = geoCacheRef.current;\n    return geo ? glyphAt(geo, pt) : -1;\n  }, []);\n\n  // Initialize geometry cache\n  useEffect(() => {\n    if (!sel) return;\n    const task = sel.getGeometry(pageIndex);\n    task.wait((g) => (geoCacheRef.current = g), ignore);\n\n    return () => {\n      task.abort({\n        code: PdfErrorCode.Cancelled,\n        message: 'Cancelled',\n      });\n      geoCacheRef.current = null;\n    };\n  }, [sel, pageIndex]);\n\n  const handlers = useMemo(\n    (): PointerEventHandlersWithLifecycle<PointerEvent> => ({\n      onPointerDown: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        // clear the selection\n        sel.clear();\n        const task = sel.getGeometry(pageIndex);\n        task.wait((geo) => {\n          const g = glyphAt(geo, point);\n          if (g !== -1) sel.begin(pageIndex, g);\n        }, ignore);\n      },\n      onPointerMove: (point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        const g = cachedGlyphAt(point);\n        if (g !== -1) {\n          setCursor('selection-text', 'text', 10);\n        } else {\n          removeCursor('selection-text');\n        }\n        if (g !== -1) sel.update(pageIndex, g);\n      },\n      onPointerUp: (_point, _evt, modeId) => {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n        sel.end();\n      },\n      onHandlerActiveEnd(modeId) {\n        if (!sel) return;\n        if (!sel.isEnabledForMode(modeId)) return;\n\n        sel.clear();\n      },\n    }),\n    [sel, pageIndex, cachedGlyphAt],\n  );\n\n  useEffect(() => {\n    if (!register) return;\n    return register(handlers);\n  }, [register, handlers]);\n\n  if (!boundingRect) return null;\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        left: boundingRect.origin.x * scale,\n        top: boundingRect.origin.y * scale,\n        width: boundingRect.size.width * scale,\n        height: boundingRect.size.height * scale,\n        mixBlendMode: 'multiply',\n        isolation: 'isolate',\n      }}\n    >\n      {rects.map((b, i) => (\n        <div\n          key={i}\n          style={{\n            position: 'absolute',\n            left: (b.origin.x - boundingRect.origin.x) * scale,\n            top: (b.origin.y - boundingRect.origin.y) * scale,\n            width: b.size.width * scale,\n            height: b.size.height * scale,\n            background,\n            pointerEvents: 'none',\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n","import { useEffect } from '@framework';\n\nimport { useSelectionCapability } from '../hooks';\n\nexport function CopyToClipboard() {\n  const { provides: sel } = useSelectionCapability();\n\n  useEffect(() => {\n    if (!sel) return;\n    return sel.onCopyToClipboard((text) => {\n      navigator.clipboard.writeText(text);\n    });\n  }, [sel]);\n\n  return null;\n}\n"],"names":[],"mappings":"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"}

package/dist/react/interaction-manager.d.ts

@@ -0,0 +1 @@
+export * from '@embedpdf/plugin-interaction-manager/react';

package/dist/shared-preact/components/copy-to-clipboard.d.ts

@@ -0,0 +1 @@
+export declare function CopyToClipboard(): null;

package/dist/shared-preact/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './selection-layer';
+export * from './copy-to-clipboard';

package/dist/shared-preact/components/selection-layer.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    pageIndex: number;
+    scale: number;
+    background?: string;
+};
+export declare function SelectionLayer({ pageIndex, scale, background }: Props): import("preact").JSX.Element | null;
+export {};

package/dist/shared-preact/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-selection';

package/dist/shared-preact/hooks/use-selection.d.ts

@@ -0,0 +1,11 @@
+import { SelectionPlugin } from '../../lib/index.ts';
+export declare const useSelectionCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').SelectionCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useSelectionPlugin: () => {
+    plugin: SelectionPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};

package/dist/shared-preact/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './components';

package/dist/shared-react/components/copy-to-clipboard.d.ts

@@ -0,0 +1 @@
+export declare function CopyToClipboard(): null;

package/dist/shared-react/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './selection-layer';
+export * from './copy-to-clipboard';

package/dist/shared-react/components/selection-layer.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    pageIndex: number;
+    scale: number;
+    background?: string;
+};
+export declare function SelectionLayer({ pageIndex, scale, background }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shared-react/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-selection';

package/dist/shared-react/hooks/use-selection.d.ts

@@ -0,0 +1,11 @@
+import { SelectionPlugin } from '../../lib/index.ts';
+export declare const useSelectionCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').SelectionCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useSelectionPlugin: () => {
+    plugin: SelectionPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};

package/dist/shared-react/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './components';

package/dist/vue/components/copy-to-clipboard.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as SelectionLayer } from './selection-layer.vue';
+export { default as CopyToClipboard } from './copy-to-clipboard.vue';

package/dist/vue/components/selection-layer.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    pageIndex: number;
+    scale: number;
+    background?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    background: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/vue/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-selection';

package/dist/vue/hooks/use-selection.d.ts

@@ -0,0 +1,11 @@
+import { SelectionPlugin } from '../../lib/index.ts';
+/**
+ * Hook to get the selection plugin's capability API.
+ * This provides methods for controlling and listening to selection events.
+ */
+export declare const useSelectionCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').SelectionCapability>>;
+/**
+ * Hook to get the raw selection plugin instance.
+ * Useful for accessing plugin-specific properties or methods not exposed in the capability.
+ */
+export declare const useSelectionPlugin: () => import('@embedpdf/core/vue').PluginState<SelectionPlugin>;

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/vue"),o=require("@embedpdf/plugin-selection"),t=require("vue"),l=require("@embedpdf/models"),a=require("@embedpdf/plugin-interaction-manager/vue"),n=()=>e.useCapability(o.SelectionPlugin.id),i=t.defineComponent({__name:"selection-layer",props:{pageIndex:{},scale:{},background:{default:"rgba(33, 150, 243)"}},setup(e){const i=e,{provides:r}=n(),{provides:u}=a.useInteractionManagerCapability(),{register:c}=a.usePointerHandlers({pageIndex:i.pageIndex}),{setCursor:d,removeCursor:s}=a.useCursor(),p=t.ref([]),g=t.ref(null);let v;t.watchEffect((e=>{if(r.value){e(r.value.onSelectionChange((()=>{var e;"default"===(null==(e=u.value)?void 0:e.getActiveMode())?(p.value=r.value.getHighlightRectsForPage(i.pageIndex),g.value=r.value.getBoundingRectForPage(i.pageIndex)):(p.value=[],g.value=null)})))}})),t.watchEffect((e=>{if(r.value){const o=r.value.getGeometry(i.pageIndex);o.wait((e=>v=e),l.ignore),e((()=>{o.abort({code:l.PdfErrorCode.Cancelled,message:"SelectionLayer unmounted"})}))}}));const x=t.computed((()=>({onPointerDown:(e,t,a)=>{if(!r.value||!r.value.isEnabledForMode(a))return;r.value.clear();r.value.getGeometry(i.pageIndex).wait((t=>{const l=o.glyphAt(t,e);-1!==l&&r.value.begin(i.pageIndex,l)}),l.ignore)},onPointerMove:(e,t,l)=>{if(!r.value||!r.value.isEnabledForMode(l))return;const a=v?o.glyphAt(v,e):-1;-1!==a?(d("selection-text","text",10),r.value.update(i.pageIndex,a)):s("selection-text")},onPointerUp:(e,o,t)=>{r.value&&r.value.isEnabledForMode(t)&&r.value.end()},onHandlerActiveEnd:e=>{r.value&&r.value.isEnabledForMode(e)&&r.value.clear()}})));return t.watchEffect((e=>{if(c){const o=c(x.value);o&&e(o)}})),(e,o)=>g.value?(t.openBlock(),t.createElementBlock("div",{key:0,style:t.normalizeStyle({position:"absolute",left:g.value.origin.x*e.scale+"px",top:g.value.origin.y*e.scale+"px",width:g.value.size.width*e.scale+"px",height:g.value.size.height*e.scale+"px",mixBlendMode:"multiply",isolation:"isolate",pointerEvents:"none"})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(p.value,((o,l)=>(t.openBlock(),t.createElementBlock("div",{key:l,style:t.normalizeStyle({position:"absolute",left:(o.origin.x-g.value.origin.x)*e.scale+"px",top:(o.origin.y-g.value.origin.y)*e.scale+"px",width:o.size.width*e.scale+"px",height:o.size.height*e.scale+"px",background:e.background})},null,4)))),128))],4)):t.createCommentVNode("",!0)}}),r=t.defineComponent({__name:"copy-to-clipboard",setup(e){const{provides:o}=n();return t.watchEffect((e=>{if(o.value){e(o.value.onCopyToClipboard((e=>{navigator.clipboard.writeText(e).catch((e=>{console.error("Failed to copy text to clipboard:",e)}))})))}})),(e,o)=>null}});exports.CopyToClipboard=r,exports.SelectionLayer=i,exports.useSelectionCapability=n,exports.useSelectionPlugin=()=>e.usePlugin(o.SelectionPlugin.id);
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-selection.ts","../../src/vue/components/selection-layer.vue","../../src/vue/components/copy-to-clipboard.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { SelectionPlugin } from '@embedpdf/plugin-selection';\n\n/**\n * Hook to get the selection plugin's capability API.\n * This provides methods for controlling and listening to selection events.\n */\nexport const useSelectionCapability = () => useCapability<SelectionPlugin>(SelectionPlugin.id);\n\n/**\n * Hook to get the raw selection plugin instance.\n * Useful for accessing plugin-specific properties or methods not exposed in the capability.\n */\nexport const useSelectionPlugin = () => usePlugin<SelectionPlugin>(SelectionPlugin.id);\n","<script setup lang=\"ts\">\nimport { ref, watchEffect, computed } from 'vue';\nimport { ignore, PdfErrorCode, PdfPageGeometry, Rect } from '@embedpdf/models';\nimport {\n  useCursor,\n  useInteractionManagerCapability,\n  usePointerHandlers,\n} from '@embedpdf/plugin-interaction-manager/vue';\nimport { PointerEventHandlersWithLifecycle } from '@embedpdf/plugin-interaction-manager';\nimport { glyphAt } from '@embedpdf/plugin-selection';\nimport { useSelectionCapability } from '../hooks';\n\ninterface Props {\n  pageIndex: number;\n  scale: number;\n  background?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  background: 'rgba(33, 150, 243)', // Default selection color\n});\n\nconst { provides: sel } = useSelectionCapability();\nconst { provides: im } = useInteractionManagerCapability();\nconst { register } = usePointerHandlers({ pageIndex: props.pageIndex });\nconst { setCursor, removeCursor } = useCursor();\n\nconst rects = ref<Rect[]>([]);\nconst boundingRect = ref<Rect | null>(null);\n\n// Subscribe to selection changes and update the rendered rectangles\nwatchEffect((onCleanup) => {\n  if (sel.value) {\n    const unsubscribe = sel.value.onSelectionChange(() => {\n      const mode = im.value?.getActiveMode();\n      if (mode === 'default') {\n        rects.value = sel.value!.getHighlightRectsForPage(props.pageIndex);\n        boundingRect.value = sel.value!.getBoundingRectForPage(props.pageIndex);\n      } else {\n        rects.value = [];\n        boundingRect.value = null;\n      }\n    });\n    onCleanup(unsubscribe);\n  }\n});\n\n// Cache page geometry for faster hit-testing during pointer moves\nlet geoCache: PdfPageGeometry | undefined;\nwatchEffect((onCleanup) => {\n  if (sel.value) {\n    const task = sel.value.getGeometry(props.pageIndex);\n    task.wait((g) => (geoCache = g), ignore);\n\n    onCleanup(() => {\n      task.abort({\n        code: PdfErrorCode.Cancelled,\n        message: 'SelectionLayer unmounted',\n      });\n    });\n  }\n});\n\nconst handlers = computed(\n  (): PointerEventHandlersWithLifecycle<PointerEvent> => ({\n    onPointerDown: (point, _evt, modeId) => {\n      if (!sel.value || !sel.value.isEnabledForMode(modeId)) return;\n      sel.value.clear();\n      const task = sel.value.getGeometry(props.pageIndex);\n      task.wait((geo) => {\n        const g = glyphAt(geo, point);\n        if (g !== -1) sel.value!.begin(props.pageIndex, g);\n      }, ignore);\n    },\n    onPointerMove: (point, _evt, modeId) => {\n      if (!sel.value || !sel.value.isEnabledForMode(modeId)) return;\n      const g = geoCache ? glyphAt(geoCache, point) : -1;\n      if (g !== -1) {\n        setCursor('selection-text', 'text', 10);\n        sel.value.update(props.pageIndex, g);\n      } else {\n        removeCursor('selection-text');\n      }\n    },\n    onPointerUp: (_point, _evt, modeId) => {\n      if (!sel.value || !sel.value.isEnabledForMode(modeId)) return;\n      sel.value.end();\n    },\n    onHandlerActiveEnd: (modeId) => {\n      if (!sel.value || !sel.value.isEnabledForMode(modeId)) return;\n      sel.value.clear();\n    },\n  }),\n);\n\n// Register the pointer handlers with the interaction manager\nwatchEffect((onCleanup) => {\n  if (register) {\n    const cleanup = register(handlers.value);\n    if (cleanup) onCleanup(cleanup);\n  }\n});\n</script>\n\n<template>\n  <div\n    v-if=\"boundingRect\"\n    :style=\"{\n      position: 'absolute',\n      left: `${boundingRect.origin.x * scale}px`,\n      top: `${boundingRect.origin.y * scale}px`,\n      width: `${boundingRect.size.width * scale}px`,\n      height: `${boundingRect.size.height * scale}px`,\n      mixBlendMode: 'multiply',\n      isolation: 'isolate',\n      pointerEvents: 'none',\n    }\"\n  >\n    <div\n      v-for=\"(rect, i) in rects\"\n      :key=\"i\"\n      :style=\"{\n        position: 'absolute',\n        left: `${(rect.origin.x - boundingRect.origin.x) * scale}px`,\n        top: `${(rect.origin.y - boundingRect.origin.y) * scale}px`,\n        width: `${rect.size.width * scale}px`,\n        height: `${rect.size.height * scale}px`,\n        background: background,\n      }\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { watchEffect } from 'vue';\nimport { useSelectionCapability } from '../hooks';\n\nconst { provides: sel } = useSelectionCapability();\n\n// This effect runs when the component is mounted and the capability is available.\n// It automatically handles unsubscribing when the component is unmounted.\nwatchEffect((onCleanup) => {\n  if (sel.value) {\n    const unsubscribe = sel.value.onCopyToClipboard((text) => {\n      // Use the Clipboard API to write the text\n      navigator.clipboard.writeText(text).catch((err) => {\n        console.error('Failed to copy text to clipboard:', err);\n      });\n    });\n\n    // Register the cleanup function to run on unmount or re-run\n    onCleanup(unsubscribe);\n  }\n});\n</script>\n\n<template>\n  <!-- This component renders nothing to the DOM -->\n</template>\n"],"names":["useSelectionCapability","useCapability","SelectionPlugin","id","props","__props","provides","sel","im","useInteractionManagerCapability","register","usePointerHandlers","pageIndex","setCursor","removeCursor","useCursor","rects","ref","boundingRect","geoCache","vue$1","watchEffect","onCleanup","value","onSelectionChange","_a","getActiveMode","getHighlightRectsForPage","getBoundingRectForPage","task","getGeometry","wait","g","ignore","abort","code","PdfErrorCode","Cancelled","message","handlers","computed","onPointerDown","point","_evt","modeId","isEnabledForMode","clear","geo","glyphAt","begin","onPointerMove","update","onPointerUp","_point","end","onHandlerActiveEnd","cleanup","_createElementBlock","style","_normalizeStyle","left","origin","x","scale","top","y","width","size","height","_openBlock","createElementBlock","_Fragment","_renderList","renderList","rect","i","key","background","onCopyToClipboard","text","navigator","clipboard","writeText","catch","err","console","error","usePlugin"],"mappings":"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"}

package/dist/vue/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './components';