@embedpdf/plugin-annotation 2.11.0 → 2.12.0

package/dist/react/index.js

@@ -2944,6 +2944,7 @@ const builtInRenderers = [
   createRenderer({
     id: "stamp",
     matches: (a) => a.type === PdfAnnotationSubtype.STAMP,
+    matchesPreview: (p) => p.type === PdfAnnotationSubtype.STAMP,
     render: ({ annotation, isSelected, documentId, pageIndex, scale, onClick }) => /* @__PURE__ */ jsx(
       Stamp,
       {
@@ -2955,6 +2956,24 @@ const builtInRenderers = [
         onClick
       }
     ),
+    renderPreview: ({ data }) => {
+      const rotationDeg = (4 - data.pageRotation) % 4 * 90;
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: data.ghostUrl,
+          style: {
+            width: "100%",
+            height: "100%",
+            opacity: 0.6,
+            objectFit: "contain",
+            pointerEvents: "none",
+            transform: rotationDeg ? `rotate(${rotationDeg}deg)` : void 0
+          },
+          alt: ""
+        }
+      );
+    },
     useAppearanceStream: false,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
@@ -3468,7 +3487,6 @@ function AnnotationPaintLayer({ documentId, pageIndex, scale }) {
   const { plugin: annotationPlugin } = useAnnotationPlugin();
   const [previews, setPreviews] = useState(/* @__PURE__ */ new Map());
   const fileInputRef = useRef(null);
-  const canvasRef = useRef(null);
   const services = useMemo(
     () => ({
       requestFile: ({ accept, onFile }) => {
@@ -3484,29 +3502,6 @@ function AnnotationPaintLayer({ documentId, pageIndex, scale }) {
           }
         };
         input.click();
-      },
-      processImage: ({ source, maxWidth, maxHeight, onComplete }) => {
-        const canvas = canvasRef.current;
-        if (!canvas || !canvas.getContext) return;
-        const ctx = canvas.getContext("2d");
-        if (!ctx) return;
-        const img = new Image();
-        img.crossOrigin = "Anonymous";
-        img.onload = () => {
-          let { naturalWidth: width, naturalHeight: height } = img;
-          const scaleX = maxWidth ? maxWidth / width : 1;
-          const scaleY = maxHeight ? maxHeight / height : 1;
-          const scaleFactor = Math.min(scaleX, scaleY, 1);
-          const finalWidth = width * scaleFactor;
-          const finalHeight = height * scaleFactor;
-          canvas.width = finalWidth;
-          canvas.height = finalHeight;
-          ctx.drawImage(img, 0, 0, finalWidth, finalHeight);
-          const imageData = ctx.getImageData(0, 0, finalWidth, finalHeight);
-          if (typeof source !== "string") URL.revokeObjectURL(img.src);
-          onComplete({ imageData, width: finalWidth, height: finalHeight });
-        };
-        img.src = typeof source === "string" ? source : URL.createObjectURL(source);
       }
     }),
     []
@@ -3530,7 +3525,6 @@ function AnnotationPaintLayer({ documentId, pageIndex, scale }) {
   }, [documentId, pageIndex, scale, annotationPlugin, services]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", style: { display: "none" } }),
-    /* @__PURE__ */ jsx("canvas", { ref: canvasRef, style: { display: "none" } }),
     Array.from(previews.entries()).map(([toolId, preview]) => /* @__PURE__ */ jsx(PreviewRenderer, { toolId, preview, scale }, toolId))
   ] });
 }