@embedpdf/plugin-signature 2.13.0

package/dist/react/index.js

@@ -0,0 +1,463 @@
+import { createPluginPackage } from "@embedpdf/core";
+import { SignaturePlugin, SignatureCreationType, SignaturePluginPackage as SignaturePluginPackage$1 } from "@embedpdf/plugin-signature";
+export * from "@embedpdf/plugin-signature";
+import { useCapability, usePlugin } from "@embedpdf/core/react";
+import { useState, useEffect, useRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+const useSignaturePlugin = () => usePlugin(SignaturePlugin.id);
+const useSignatureCapability = () => useCapability(SignaturePlugin.id);
+const useSignatureEntries = () => {
+  const { provides } = useSignatureCapability();
+  const [entries, setEntries] = useState((provides == null ? void 0 : provides.getEntries()) ?? []);
+  useEffect(() => {
+    if (!provides) return;
+    setEntries(provides.getEntries());
+    return provides.onEntriesChange((updated) => {
+      setEntries(updated);
+    });
+  }, [provides]);
+  return { entries, provides };
+};
+const useActivePlacement = (documentId) => {
+  const { provides } = useSignatureCapability();
+  const [activePlacement, setActivePlacement] = useState(null);
+  useEffect(() => {
+    if (!provides) return;
+    const scope = provides.forDocument(documentId);
+    setActivePlacement(scope.getActivePlacement());
+    return scope.onActivePlacementChange(setActivePlacement);
+  }, [provides, documentId]);
+  return activePlacement;
+};
+function useSignatureUpload({
+  accept = "image/png,image/jpeg,image/svg+xml",
+  onResult
+}) {
+  const inputRef = useRef(null);
+  const [previewUrl, setPreviewUrl] = useState(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const processFile = useCallback(
+    (file) => {
+      const reader = new FileReader();
+      reader.onload = () => {
+        const arrayBuffer = reader.result;
+        const blob = new Blob([arrayBuffer], { type: file.type });
+        const dataUrl = URL.createObjectURL(blob);
+        setPreviewUrl((prev) => {
+          if (prev) URL.revokeObjectURL(prev);
+          return dataUrl;
+        });
+        const img = new Image();
+        img.onload = () => {
+          const previewCanvas = document.createElement("canvas");
+          previewCanvas.width = img.width;
+          previewCanvas.height = img.height;
+          const ctx = previewCanvas.getContext("2d");
+          if (ctx) {
+            ctx.drawImage(img, 0, 0);
+          }
+          const result = {
+            creationType: SignatureCreationType.Upload,
+            imageMimeType: file.type,
+            imageSize: { width: img.width, height: img.height },
+            previewDataUrl: previewCanvas.toDataURL("image/png"),
+            imageData: arrayBuffer
+          };
+          onResult(result);
+        };
+        img.src = dataUrl;
+      };
+      reader.readAsArrayBuffer(file);
+    },
+    [onResult]
+  );
+  const handleFileInputChange = useCallback(
+    (e) => {
+      const files = e.target.files;
+      if (files && files[0]) {
+        processFile(files[0]);
+      }
+    },
+    [processFile]
+  );
+  const handleDrop = useCallback(
+    (e) => {
+      var _a;
+      e.preventDefault();
+      setIsDragging(false);
+      const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
+      if (files && files[0]) {
+        processFile(files[0]);
+      }
+    },
+    [processFile]
+  );
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    setIsDragging(true);
+  }, []);
+  const handleDragLeave = useCallback(() => {
+    setIsDragging(false);
+  }, []);
+  const openFilePicker = useCallback(() => {
+    var _a;
+    (_a = inputRef.current) == null ? void 0 : _a.click();
+  }, []);
+  const clear = useCallback(() => {
+    setPreviewUrl((prev) => {
+      if (prev) URL.revokeObjectURL(prev);
+      return null;
+    });
+    onResult(null);
+    if (inputRef.current) {
+      inputRef.current.value = "";
+    }
+  }, [onResult]);
+  return {
+    inputRef,
+    openFilePicker,
+    processFile,
+    handleFileInputChange,
+    handleDrop,
+    handleDragOver,
+    handleDragLeave,
+    previewUrl,
+    isDragging,
+    clear,
+    accept
+  };
+}
+function cropCanvas(source, padding = 4) {
+  const ctx = source.getContext("2d");
+  if (!ctx) return null;
+  const { width, height } = source;
+  if (width === 0 || height === 0) return null;
+  const imageData = ctx.getImageData(0, 0, width, height);
+  const { data } = imageData;
+  let minX = width;
+  let minY = height;
+  let maxX = 0;
+  let maxY = 0;
+  for (let y = 0; y < height; y++) {
+    for (let x = 0; x < width; x++) {
+      const alpha = data[(y * width + x) * 4 + 3];
+      if (alpha > 0) {
+        if (x < minX) minX = x;
+        if (x > maxX) maxX = x;
+        if (y < minY) minY = y;
+        if (y > maxY) maxY = y;
+      }
+    }
+  }
+  if (maxX < minX || maxY < minY) return null;
+  const cropX = Math.max(0, minX - padding);
+  const cropY = Math.max(0, minY - padding);
+  const cropW = Math.min(width, maxX + padding + 1) - cropX;
+  const cropH = Math.min(height, maxY + padding + 1) - cropY;
+  const cropped = document.createElement("canvas");
+  cropped.width = cropW;
+  cropped.height = cropH;
+  const croppedCtx = cropped.getContext("2d");
+  if (!croppedCtx) return null;
+  croppedCtx.drawImage(source, cropX, cropY, cropW, cropH, 0, 0, cropW, cropH);
+  return {
+    canvas: cropped,
+    bounds: { x: cropX, y: cropY, width: cropW, height: cropH }
+  };
+}
+function SignatureDrawPad({
+  onResult,
+  padRef,
+  strokeColor = "#000000",
+  strokeWidth = 4,
+  className
+}) {
+  const canvasRef = useRef(null);
+  const [strokes, setStrokes] = useState([]);
+  const isDrawingRef = useRef(false);
+  const sizeRef = useRef({ width: 0, height: 0 });
+  const strokesRef = useRef(strokes);
+  strokesRef.current = strokes;
+  const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+  const getCanvasPos = useCallback(
+    (e) => {
+      const canvas = canvasRef.current;
+      if (!canvas) return { x: 0, y: 0 };
+      const rect = canvas.getBoundingClientRect();
+      return {
+        x: (e.clientX - rect.left) * (canvas.width / dpr / rect.width),
+        y: (e.clientY - rect.top) * (canvas.height / dpr / rect.height)
+      };
+    },
+    [dpr]
+  );
+  const redraw = useCallback(
+    (currentStrokes) => {
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.save();
+      ctx.scale(dpr, dpr);
+      ctx.strokeStyle = strokeColor;
+      ctx.lineWidth = strokeWidth;
+      ctx.lineCap = "round";
+      ctx.lineJoin = "round";
+      for (const stroke of currentStrokes) {
+        if (stroke.points.length === 0) continue;
+        ctx.beginPath();
+        ctx.moveTo(stroke.points[0].x, stroke.points[0].y);
+        for (let i = 1; i < stroke.points.length; i++) {
+          ctx.lineTo(stroke.points[i].x, stroke.points[i].y);
+        }
+        ctx.stroke();
+      }
+      ctx.restore();
+    },
+    [dpr, strokeColor, strokeWidth]
+  );
+  const redrawRef = useRef(redraw);
+  redrawRef.current = redraw;
+  const emitResult = useCallback(
+    (currentStrokes) => {
+      if (currentStrokes.length === 0 || currentStrokes.every((s) => s.points.length < 2)) {
+        onResult(null);
+        return;
+      }
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const cropped = cropCanvas(canvas, Math.ceil(strokeWidth * dpr));
+      if (!cropped) {
+        onResult(null);
+        return;
+      }
+      const offsetX = cropped.bounds.x / dpr;
+      const offsetY = cropped.bounds.y / dpr;
+      const croppedWidth = Math.round(cropped.bounds.width / dpr);
+      const croppedHeight = Math.round(cropped.bounds.height / dpr);
+      const result = {
+        creationType: SignatureCreationType.Draw,
+        inkData: {
+          inkList: currentStrokes.filter((s) => s.points.length >= 2).map((s) => ({
+            points: s.points.map((p) => ({
+              x: p.x - offsetX,
+              y: p.y - offsetY
+            }))
+          })),
+          strokeWidth,
+          strokeColor,
+          size: { width: croppedWidth, height: croppedHeight }
+        },
+        previewDataUrl: cropped.canvas.toDataURL("image/png")
+      };
+      onResult(result);
+    },
+    [onResult, strokeWidth, strokeColor, dpr]
+  );
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const observer = new ResizeObserver((entries) => {
+      const { width: w, height: h } = entries[0].contentRect;
+      if (w > 0 && h > 0) {
+        sizeRef.current = { width: Math.round(w), height: Math.round(h) };
+        canvas.width = Math.round(w) * dpr;
+        canvas.height = Math.round(h) * dpr;
+        redrawRef.current(strokesRef.current);
+      }
+    });
+    observer.observe(canvas);
+    return () => observer.disconnect();
+  }, [dpr]);
+  useEffect(() => {
+    redraw(strokes);
+    if (strokes.length > 0 && strokes.some((s) => s.points.length >= 2)) {
+      emitResult(strokes);
+    }
+  }, [strokeColor, strokeWidth]);
+  const handleClear = useCallback(() => {
+    setStrokes([]);
+    redraw([]);
+    onResult(null);
+  }, [redraw, onResult]);
+  useEffect(() => {
+    padRef == null ? void 0 : padRef({ clear: handleClear });
+    return () => padRef == null ? void 0 : padRef(null);
+  }, [padRef, handleClear]);
+  const handlePointerDown = useCallback(
+    (e) => {
+      var _a, _b;
+      isDrawingRef.current = true;
+      const pos = getCanvasPos(e);
+      const newStrokes = [...strokes, { points: [pos] }];
+      setStrokes(newStrokes);
+      redraw(newStrokes);
+      (_b = (_a = e.target) == null ? void 0 : _a.setPointerCapture) == null ? void 0 : _b.call(_a, e.pointerId);
+    },
+    [strokes, getCanvasPos, redraw]
+  );
+  const handlePointerMove = useCallback(
+    (e) => {
+      if (!isDrawingRef.current) return;
+      const pos = getCanvasPos(e);
+      const newStrokes = [...strokes];
+      const last = newStrokes[newStrokes.length - 1];
+      if (last) {
+        last.points.push(pos);
+        setStrokes(newStrokes);
+        redraw(newStrokes);
+      }
+    },
+    [strokes, getCanvasPos, redraw]
+  );
+  const handlePointerUp = useCallback(
+    (e) => {
+      var _a, _b;
+      isDrawingRef.current = false;
+      (_b = (_a = e.target) == null ? void 0 : _a.releasePointerCapture) == null ? void 0 : _b.call(_a, e.pointerId);
+      emitResult(strokes);
+    },
+    [strokes, emitResult]
+  );
+  return /* @__PURE__ */ jsx(
+    "canvas",
+    {
+      ref: canvasRef,
+      className,
+      style: { touchAction: "none", width: "100%", height: "100%", display: "block" },
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp
+    }
+  );
+}
+function SignatureTypePad({
+  onResult,
+  padRef,
+  fontFamily = "'Dancing Script', cursive",
+  fontSize = 48,
+  color = "#000000",
+  className,
+  placeholder = "Type your signature..."
+}) {
+  const canvasRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const inputId = useRef(`sig-type-${Math.random().toString(36).slice(2, 8)}`).current;
+  const sizeRef = useRef({ width: 0, height: 0 });
+  const [text, setText] = useState("");
+  const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+  const renderText = useCallback(
+    (currentText) => {
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const { width, height } = sizeRef.current;
+      if (width === 0 || height === 0) return;
+      canvas.width = width * dpr;
+      canvas.height = height * dpr;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      if (!currentText.trim()) {
+        onResult(null);
+        return;
+      }
+      ctx.scale(dpr, dpr);
+      ctx.fillStyle = color;
+      ctx.font = `${fontSize}px ${fontFamily}`;
+      ctx.textBaseline = "middle";
+      ctx.textAlign = "center";
+      ctx.fillText(currentText, width / 2, height / 2, width - 20);
+      const cropped = cropCanvas(canvas, Math.ceil(4 * dpr));
+      if (!cropped) {
+        onResult(null);
+        return;
+      }
+      const croppedWidth = Math.round(cropped.bounds.width / dpr);
+      const croppedHeight = Math.round(cropped.bounds.height / dpr);
+      cropped.canvas.toBlob((blob) => {
+        if (!blob) return;
+        blob.arrayBuffer().then((imageData) => {
+          const result = {
+            creationType: SignatureCreationType.Type,
+            label: currentText,
+            imageMimeType: "image/png",
+            imageSize: { width: croppedWidth, height: croppedHeight },
+            previewDataUrl: cropped.canvas.toDataURL("image/png"),
+            imageData
+          };
+          onResult(result);
+        });
+      }, "image/png");
+    },
+    [onResult, color, fontSize, fontFamily, dpr]
+  );
+  const renderTextRef = useRef(renderText);
+  renderTextRef.current = renderText;
+  const textRef = useRef(text);
+  textRef.current = text;
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    if (!wrapper) return;
+    const observer = new ResizeObserver((entries) => {
+      const { width: w, height: h } = entries[0].contentRect;
+      if (w > 0 && h > 0) {
+        sizeRef.current = { width: Math.round(w), height: Math.round(h) };
+        renderTextRef.current(textRef.current);
+      }
+    });
+    observer.observe(wrapper);
+    return () => observer.disconnect();
+  }, []);
+  useEffect(() => {
+    renderText(text);
+  }, [text, fontFamily, renderText]);
+  const handleClear = useCallback(() => {
+    setText("");
+    onResult(null);
+  }, [onResult]);
+  useEffect(() => {
+    padRef == null ? void 0 : padRef({ clear: handleClear });
+    return () => padRef == null ? void 0 : padRef(null);
+  }, [padRef, handleClear]);
+  const handleTextChange = useCallback((e) => {
+    setText(e.target.value);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className, style: { width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ jsx("style", { children: `#${inputId}::placeholder { color: ${color}; opacity: 0.5; }` }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id: inputId,
+        type: "text",
+        value: text,
+        onInput: handleTextChange,
+        placeholder,
+        style: {
+          fontFamily,
+          fontSize: `${Math.min(fontSize, 32)}px`,
+          color,
+          width: "100%",
+          height: "100%",
+          border: "none",
+          outline: "none",
+          background: "transparent",
+          textIndent: "8px"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("canvas", { ref: canvasRef, style: { display: "none" } })
+  ] });
+}
+const SignaturePluginPackage = createPluginPackage(SignaturePluginPackage$1).build();
+export {
+  SignatureDrawPad,
+  SignaturePluginPackage,
+  SignatureTypePad,
+  useActivePlacement,
+  useSignatureCapability,
+  useSignatureEntries,
+  useSignaturePlugin,
+  useSignatureUpload
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-signature.ts","../../src/shared/hooks/use-signature-upload.ts","../../src/shared/components/crop-canvas.ts","../../src/shared/components/signature-draw-pad.tsx","../../src/shared/components/signature-type-pad.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { SignaturePlugin, SignatureEntry, ActivePlacementInfo } from '@embedpdf/plugin-signature';\nimport { useState, useEffect } from '@framework';\n\nexport const useSignaturePlugin = () => usePlugin<SignaturePlugin>(SignaturePlugin.id);\nexport const useSignatureCapability = () => useCapability<SignaturePlugin>(SignaturePlugin.id);\n\nexport const useSignatureEntries = () => {\n  const { provides } = useSignatureCapability();\n  const [entries, setEntries] = useState<SignatureEntry[]>(provides?.getEntries() ?? []);\n\n  useEffect(() => {\n    if (!provides) return;\n    setEntries(provides.getEntries());\n    return provides.onEntriesChange((updated) => {\n      setEntries(updated);\n    });\n  }, [provides]);\n\n  return { entries, provides };\n};\n\nexport const useActivePlacement = (documentId: string) => {\n  const { provides } = useSignatureCapability();\n  const [activePlacement, setActivePlacement] = useState<ActivePlacementInfo | null>(null);\n\n  useEffect(() => {\n    if (!provides) return;\n    const scope = provides.forDocument(documentId);\n    setActivePlacement(scope.getActivePlacement());\n    return scope.onActivePlacementChange(setActivePlacement);\n  }, [provides, documentId]);\n\n  return activePlacement;\n};\n","import { useRef, useState, useCallback } from '@framework';\nimport { SignatureStampFieldDefinition, SignatureCreationType } from '@embedpdf/plugin-signature';\n\nexport interface UseSignatureUploadOptions {\n  accept?: string;\n  onResult: (result: SignatureStampFieldDefinition | null) => void;\n}\n\nexport interface UseSignatureUploadReturn {\n  inputRef: { current: HTMLInputElement | null };\n  openFilePicker: () => void;\n  processFile: (file: File) => void;\n  handleFileInputChange: (e: Event) => void;\n  handleDrop: (e: DragEvent) => void;\n  handleDragOver: (e: DragEvent) => void;\n  handleDragLeave: () => void;\n  previewUrl: string | null;\n  isDragging: boolean;\n  clear: () => void;\n  accept: string;\n}\n\nexport function useSignatureUpload({\n  accept = 'image/png,image/jpeg,image/svg+xml',\n  onResult,\n}: UseSignatureUploadOptions): UseSignatureUploadReturn {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [previewUrl, setPreviewUrl] = useState<string | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const processFile = useCallback(\n    (file: File) => {\n      const reader = new FileReader();\n      reader.onload = () => {\n        const arrayBuffer = reader.result as ArrayBuffer;\n        const blob = new Blob([arrayBuffer], { type: file.type });\n        const dataUrl = URL.createObjectURL(blob);\n\n        setPreviewUrl((prev) => {\n          if (prev) URL.revokeObjectURL(prev);\n          return dataUrl;\n        });\n\n        const img = new Image();\n        img.onload = () => {\n          const previewCanvas = document.createElement('canvas');\n          previewCanvas.width = img.width;\n          previewCanvas.height = img.height;\n          const ctx = previewCanvas.getContext('2d');\n          if (ctx) {\n            ctx.drawImage(img, 0, 0);\n          }\n\n          const result: SignatureStampFieldDefinition = {\n            creationType: SignatureCreationType.Upload,\n            imageMimeType: file.type,\n            imageSize: { width: img.width, height: img.height },\n            previewDataUrl: previewCanvas.toDataURL('image/png'),\n            imageData: arrayBuffer,\n          };\n          onResult(result);\n        };\n        img.src = dataUrl;\n      };\n      reader.readAsArrayBuffer(file);\n    },\n    [onResult],\n  );\n\n  const handleFileInputChange = useCallback(\n    (e: Event) => {\n      const files = (e.target as HTMLInputElement).files;\n      if (files && files[0]) {\n        processFile(files[0]);\n      }\n    },\n    [processFile],\n  );\n\n  const handleDrop = useCallback(\n    (e: DragEvent) => {\n      e.preventDefault();\n      setIsDragging(false);\n      const files = e.dataTransfer?.files;\n      if (files && files[0]) {\n        processFile(files[0]);\n      }\n    },\n    [processFile],\n  );\n\n  const handleDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    setIsDragging(true);\n  }, []);\n\n  const handleDragLeave = useCallback(() => {\n    setIsDragging(false);\n  }, []);\n\n  const openFilePicker = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  const clear = useCallback(() => {\n    setPreviewUrl((prev) => {\n      if (prev) URL.revokeObjectURL(prev);\n      return null;\n    });\n    onResult(null);\n    if (inputRef.current) {\n      inputRef.current.value = '';\n    }\n  }, [onResult]);\n\n  return {\n    inputRef,\n    openFilePicker,\n    processFile,\n    handleFileInputChange,\n    handleDrop,\n    handleDragOver,\n    handleDragLeave,\n    previewUrl,\n    isDragging,\n    clear,\n    accept,\n  };\n}\n","export interface CropResult {\n  canvas: HTMLCanvasElement;\n  bounds: { x: number; y: number; width: number; height: number };\n}\n\n/**\n * Scans a canvas for non-transparent pixels and returns a tightly cropped copy.\n * Returns null if the canvas has no visible content.\n */\nexport function cropCanvas(source: HTMLCanvasElement, padding = 4): CropResult | null {\n  const ctx = source.getContext('2d');\n  if (!ctx) return null;\n\n  const { width, height } = source;\n  if (width === 0 || height === 0) return null;\n\n  const imageData = ctx.getImageData(0, 0, width, height);\n  const { data } = imageData;\n\n  let minX = width;\n  let minY = height;\n  let maxX = 0;\n  let maxY = 0;\n\n  for (let y = 0; y < height; y++) {\n    for (let x = 0; x < width; x++) {\n      const alpha = data[(y * width + x) * 4 + 3];\n      if (alpha > 0) {\n        if (x < minX) minX = x;\n        if (x > maxX) maxX = x;\n        if (y < minY) minY = y;\n        if (y > maxY) maxY = y;\n      }\n    }\n  }\n\n  if (maxX < minX || maxY < minY) return null;\n\n  const cropX = Math.max(0, minX - padding);\n  const cropY = Math.max(0, minY - padding);\n  const cropW = Math.min(width, maxX + padding + 1) - cropX;\n  const cropH = Math.min(height, maxY + padding + 1) - cropY;\n\n  const cropped = document.createElement('canvas');\n  cropped.width = cropW;\n  cropped.height = cropH;\n\n  const croppedCtx = cropped.getContext('2d');\n  if (!croppedCtx) return null;\n\n  croppedCtx.drawImage(source, cropX, cropY, cropW, cropH, 0, 0, cropW, cropH);\n\n  return {\n    canvas: cropped,\n    bounds: { x: cropX, y: cropY, width: cropW, height: cropH },\n  };\n}\n","import { useEffect, useRef, useState, useCallback } from '@framework';\nimport { SignatureInkFieldDefinition, SignatureCreationType } from '@embedpdf/plugin-signature';\nimport { cropCanvas } from './crop-canvas';\n\nexport interface SignatureDrawPadHandle {\n  clear(): void;\n}\n\nexport interface SignatureDrawPadProps {\n  onResult: (result: SignatureInkFieldDefinition | null) => void;\n  padRef?: (handle: SignatureDrawPadHandle | null) => void;\n  strokeColor?: string;\n  strokeWidth?: number;\n  className?: string;\n}\n\nexport function SignatureDrawPad({\n  onResult,\n  padRef,\n  strokeColor = '#000000',\n  strokeWidth = 4,\n  className,\n}: SignatureDrawPadProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const [strokes, setStrokes] = useState<Array<{ points: Array<{ x: number; y: number }> }>>([]);\n  const isDrawingRef = useRef(false);\n  const sizeRef = useRef({ width: 0, height: 0 });\n  const strokesRef = useRef(strokes);\n  strokesRef.current = strokes;\n  const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;\n\n  const getCanvasPos = useCallback(\n    (e: PointerEvent): { x: number; y: number } => {\n      const canvas = canvasRef.current;\n      if (!canvas) return { x: 0, y: 0 };\n      const rect = canvas.getBoundingClientRect();\n      return {\n        x: (e.clientX - rect.left) * (canvas.width / dpr / rect.width),\n        y: (e.clientY - rect.top) * (canvas.height / dpr / rect.height),\n      };\n    },\n    [dpr],\n  );\n\n  const redraw = useCallback(\n    (currentStrokes: Array<{ points: Array<{ x: number; y: number }> }>) => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n      ctx.save();\n      ctx.scale(dpr, dpr);\n      ctx.strokeStyle = strokeColor;\n      ctx.lineWidth = strokeWidth;\n      ctx.lineCap = 'round';\n      ctx.lineJoin = 'round';\n\n      for (const stroke of currentStrokes) {\n        if (stroke.points.length === 0) continue;\n        ctx.beginPath();\n        ctx.moveTo(stroke.points[0].x, stroke.points[0].y);\n        for (let i = 1; i < stroke.points.length; i++) {\n          ctx.lineTo(stroke.points[i].x, stroke.points[i].y);\n        }\n        ctx.stroke();\n      }\n      ctx.restore();\n    },\n    [dpr, strokeColor, strokeWidth],\n  );\n\n  const redrawRef = useRef(redraw);\n  redrawRef.current = redraw;\n\n  const emitResult = useCallback(\n    (currentStrokes: Array<{ points: Array<{ x: number; y: number }> }>) => {\n      if (currentStrokes.length === 0 || currentStrokes.every((s) => s.points.length < 2)) {\n        onResult(null);\n        return;\n      }\n\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n\n      const cropped = cropCanvas(canvas, Math.ceil(strokeWidth * dpr));\n      if (!cropped) {\n        onResult(null);\n        return;\n      }\n\n      const offsetX = cropped.bounds.x / dpr;\n      const offsetY = cropped.bounds.y / dpr;\n      const croppedWidth = Math.round(cropped.bounds.width / dpr);\n      const croppedHeight = Math.round(cropped.bounds.height / dpr);\n\n      const result: SignatureInkFieldDefinition = {\n        creationType: SignatureCreationType.Draw,\n        inkData: {\n          inkList: currentStrokes\n            .filter((s) => s.points.length >= 2)\n            .map((s) => ({\n              points: s.points.map((p) => ({\n                x: p.x - offsetX,\n                y: p.y - offsetY,\n              })),\n            })),\n          strokeWidth,\n          strokeColor,\n          size: { width: croppedWidth, height: croppedHeight },\n        },\n        previewDataUrl: cropped.canvas.toDataURL('image/png'),\n      };\n\n      onResult(result);\n    },\n    [onResult, strokeWidth, strokeColor, dpr],\n  );\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const observer = new ResizeObserver((entries) => {\n      const { width: w, height: h } = entries[0].contentRect;\n      if (w > 0 && h > 0) {\n        sizeRef.current = { width: Math.round(w), height: Math.round(h) };\n        canvas.width = Math.round(w) * dpr;\n        canvas.height = Math.round(h) * dpr;\n        redrawRef.current(strokesRef.current);\n      }\n    });\n    observer.observe(canvas);\n    return () => observer.disconnect();\n  }, [dpr]);\n\n  useEffect(() => {\n    redraw(strokes);\n    if (strokes.length > 0 && strokes.some((s) => s.points.length >= 2)) {\n      emitResult(strokes);\n    }\n  }, [strokeColor, strokeWidth]);\n\n  const handleClear = useCallback(() => {\n    setStrokes([]);\n    redraw([]);\n    onResult(null);\n  }, [redraw, onResult]);\n\n  useEffect(() => {\n    padRef?.({ clear: handleClear });\n    return () => padRef?.(null);\n  }, [padRef, handleClear]);\n\n  const handlePointerDown = useCallback(\n    (e: PointerEvent) => {\n      isDrawingRef.current = true;\n      const pos = getCanvasPos(e);\n      const newStrokes = [...strokes, { points: [pos] }];\n      setStrokes(newStrokes);\n      redraw(newStrokes);\n      (e.target as HTMLElement)?.setPointerCapture?.(e.pointerId);\n    },\n    [strokes, getCanvasPos, redraw],\n  );\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent) => {\n      if (!isDrawingRef.current) return;\n      const pos = getCanvasPos(e);\n      const newStrokes = [...strokes];\n      const last = newStrokes[newStrokes.length - 1];\n      if (last) {\n        last.points.push(pos);\n        setStrokes(newStrokes);\n        redraw(newStrokes);\n      }\n    },\n    [strokes, getCanvasPos, redraw],\n  );\n\n  const handlePointerUp = useCallback(\n    (e: PointerEvent) => {\n      isDrawingRef.current = false;\n      (e.target as HTMLElement)?.releasePointerCapture?.(e.pointerId);\n      emitResult(strokes);\n    },\n    [strokes, emitResult],\n  );\n\n  return (\n    <canvas\n      ref={canvasRef}\n      className={className}\n      style={{ touchAction: 'none', width: '100%', height: '100%', display: 'block' }}\n      onPointerDown={handlePointerDown as any}\n      onPointerMove={handlePointerMove as any}\n      onPointerUp={handlePointerUp as any}\n    />\n  );\n}\n","import { useEffect, useRef, useState, useCallback } from '@framework';\nimport { SignatureStampFieldDefinition, SignatureCreationType } from '@embedpdf/plugin-signature';\nimport { cropCanvas } from './crop-canvas';\n\nexport interface SignatureTypePadHandle {\n  clear(): void;\n}\n\nexport interface SignatureTypePadProps {\n  onResult: (result: SignatureStampFieldDefinition | null) => void;\n  padRef?: (handle: SignatureTypePadHandle | null) => void;\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  className?: string;\n  placeholder?: string;\n}\n\nexport function SignatureTypePad({\n  onResult,\n  padRef,\n  fontFamily = \"'Dancing Script', cursive\",\n  fontSize = 48,\n  color = '#000000',\n  className,\n  placeholder = 'Type your signature...',\n}: SignatureTypePadProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputId = useRef(`sig-type-${Math.random().toString(36).slice(2, 8)}`).current;\n  const sizeRef = useRef({ width: 0, height: 0 });\n  const [text, setText] = useState('');\n  const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;\n\n  const renderText = useCallback(\n    (currentText: string) => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n\n      const { width, height } = sizeRef.current;\n      if (width === 0 || height === 0) return;\n\n      canvas.width = width * dpr;\n      canvas.height = height * dpr;\n\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n      if (!currentText.trim()) {\n        onResult(null);\n        return;\n      }\n\n      ctx.scale(dpr, dpr);\n      ctx.fillStyle = color;\n      ctx.font = `${fontSize}px ${fontFamily}`;\n      ctx.textBaseline = 'middle';\n      ctx.textAlign = 'center';\n      ctx.fillText(currentText, width / 2, height / 2, width - 20);\n\n      const cropped = cropCanvas(canvas, Math.ceil(4 * dpr));\n      if (!cropped) {\n        onResult(null);\n        return;\n      }\n\n      const croppedWidth = Math.round(cropped.bounds.width / dpr);\n      const croppedHeight = Math.round(cropped.bounds.height / dpr);\n\n      cropped.canvas.toBlob((blob) => {\n        if (!blob) return;\n        blob.arrayBuffer().then((imageData) => {\n          const result: SignatureStampFieldDefinition = {\n            creationType: SignatureCreationType.Type,\n            label: currentText,\n            imageMimeType: 'image/png',\n            imageSize: { width: croppedWidth, height: croppedHeight },\n            previewDataUrl: cropped.canvas.toDataURL('image/png'),\n            imageData,\n          };\n          onResult(result);\n        });\n      }, 'image/png');\n    },\n    [onResult, color, fontSize, fontFamily, dpr],\n  );\n\n  const renderTextRef = useRef(renderText);\n  renderTextRef.current = renderText;\n  const textRef = useRef(text);\n  textRef.current = text;\n\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n    const observer = new ResizeObserver((entries) => {\n      const { width: w, height: h } = entries[0].contentRect;\n      if (w > 0 && h > 0) {\n        sizeRef.current = { width: Math.round(w), height: Math.round(h) };\n        renderTextRef.current(textRef.current);\n      }\n    });\n    observer.observe(wrapper);\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    renderText(text);\n  }, [text, fontFamily, renderText]);\n\n  const handleClear = useCallback(() => {\n    setText('');\n    onResult(null);\n  }, [onResult]);\n\n  useEffect(() => {\n    padRef?.({ clear: handleClear });\n    return () => padRef?.(null);\n  }, [padRef, handleClear]);\n\n  const handleTextChange = useCallback((e: Event) => {\n    setText((e.target as HTMLInputElement).value);\n  }, []);\n\n  return (\n    <div ref={wrapperRef} className={className} style={{ width: '100%', height: '100%' }}>\n      <style>{`#${inputId}::placeholder { color: ${color}; opacity: 0.5; }`}</style>\n      <input\n        id={inputId}\n        type=\"text\"\n        value={text}\n        onInput={handleTextChange as any}\n        placeholder={placeholder}\n        style={{\n          fontFamily,\n          fontSize: `${Math.min(fontSize, 32)}px`,\n          color,\n          width: '100%',\n          height: '100%',\n          border: 'none',\n          outline: 'none',\n          background: 'transparent',\n          textIndent: '8px',\n        }}\n      />\n      <canvas ref={canvasRef} style={{ display: 'none' }} />\n    </div>\n  );\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { SignaturePluginPackage as BaseSignaturePackage } from '@embedpdf/plugin-signature';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-signature';\n\nexport const SignaturePluginPackage = createPluginPackage(BaseSignaturePackage).build();\n"],"names":["BaseSignaturePackage"],"mappings":"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"}

package/dist/shared/components/crop-canvas.d.ts

@@ -0,0 +1,14 @@
+export interface CropResult {
+    canvas: HTMLCanvasElement;
+    bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Scans a canvas for non-transparent pixels and returns a tightly cropped copy.
+ * Returns null if the canvas has no visible content.
+ */
+export declare function cropCanvas(source: HTMLCanvasElement, padding?: number): CropResult | null;

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

@@ -0,0 +1,2 @@
+export * from './signature-draw-pad';
+export * from './signature-type-pad';

package/dist/shared/components/signature-draw-pad.d.ts

@@ -0,0 +1,12 @@
+import { SignatureInkFieldDefinition } from '../../index.ts';
+export interface SignatureDrawPadHandle {
+    clear(): void;
+}
+export interface SignatureDrawPadProps {
+    onResult: (result: SignatureInkFieldDefinition | null) => void;
+    padRef?: (handle: SignatureDrawPadHandle | null) => void;
+    strokeColor?: string;
+    strokeWidth?: number;
+    className?: string;
+}
+export declare function SignatureDrawPad({ onResult, padRef, strokeColor, strokeWidth, className, }: SignatureDrawPadProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/signature-type-pad.d.ts

@@ -0,0 +1,14 @@
+import { SignatureStampFieldDefinition } from '../../index.ts';
+export interface SignatureTypePadHandle {
+    clear(): void;
+}
+export interface SignatureTypePadProps {
+    onResult: (result: SignatureStampFieldDefinition | null) => void;
+    padRef?: (handle: SignatureTypePadHandle | null) => void;
+    fontFamily?: string;
+    fontSize?: number;
+    color?: string;
+    className?: string;
+    placeholder?: string;
+}
+export declare function SignatureTypePad({ onResult, padRef, fontFamily, fontSize, color, className, placeholder, }: SignatureTypePadProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './use-signature';
+export * from './use-signature-upload';

package/dist/shared/hooks/use-signature-upload.d.ts

@@ -0,0 +1,21 @@
+import { SignatureStampFieldDefinition } from '../../index.ts';
+export interface UseSignatureUploadOptions {
+    accept?: string;
+    onResult: (result: SignatureStampFieldDefinition | null) => void;
+}
+export interface UseSignatureUploadReturn {
+    inputRef: {
+        current: HTMLInputElement | null;
+    };
+    openFilePicker: () => void;
+    processFile: (file: File) => void;
+    handleFileInputChange: (e: Event) => void;
+    handleDrop: (e: DragEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDragLeave: () => void;
+    previewUrl: string | null;
+    isDragging: boolean;
+    clear: () => void;
+    accept: string;
+}
+export declare function useSignatureUpload({ accept, onResult, }: UseSignatureUploadOptions): UseSignatureUploadReturn;

package/dist/shared/hooks/use-signature.d.ts

@@ -0,0 +1,16 @@
+import { SignaturePlugin, SignatureEntry, ActivePlacementInfo } from '../../index.ts';
+export declare const useSignaturePlugin: () => {
+    plugin: SignaturePlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useSignatureCapability: () => {
+    provides: Readonly<import('../../index.ts').SignatureCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useSignatureEntries: () => {
+    entries: SignatureEntry[];
+    provides: Readonly<import('../../index.ts').SignatureCapability> | null;
+};
+export declare const useActivePlacement: (documentId: string) => ActivePlacementInfo | null;

package/dist/shared/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './components';
+export * from '../index.ts';
+export declare const SignaturePluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../index.ts').SignaturePlugin, import('../index.ts').SignaturePluginConfig, import('../index.ts').SignatureState, import('../index.ts').SignatureAction>>;

package/dist/shared-preact/components/crop-canvas.d.ts

@@ -0,0 +1,14 @@
+export interface CropResult {
+    canvas: HTMLCanvasElement;
+    bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Scans a canvas for non-transparent pixels and returns a tightly cropped copy.
+ * Returns null if the canvas has no visible content.
+ */
+export declare function cropCanvas(source: HTMLCanvasElement, padding?: number): CropResult | null;

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

@@ -0,0 +1,2 @@
+export * from './signature-draw-pad';
+export * from './signature-type-pad';

package/dist/shared-preact/components/signature-draw-pad.d.ts

@@ -0,0 +1,12 @@
+import { SignatureInkFieldDefinition } from '../../lib/index.ts';
+export interface SignatureDrawPadHandle {
+    clear(): void;
+}
+export interface SignatureDrawPadProps {
+    onResult: (result: SignatureInkFieldDefinition | null) => void;
+    padRef?: (handle: SignatureDrawPadHandle | null) => void;
+    strokeColor?: string;
+    strokeWidth?: number;
+    className?: string;
+}
+export declare function SignatureDrawPad({ onResult, padRef, strokeColor, strokeWidth, className, }: SignatureDrawPadProps): import("preact").JSX.Element;

package/dist/shared-preact/components/signature-type-pad.d.ts

@@ -0,0 +1,14 @@
+import { SignatureStampFieldDefinition } from '../../lib/index.ts';
+export interface SignatureTypePadHandle {
+    clear(): void;
+}
+export interface SignatureTypePadProps {
+    onResult: (result: SignatureStampFieldDefinition | null) => void;
+    padRef?: (handle: SignatureTypePadHandle | null) => void;
+    fontFamily?: string;
+    fontSize?: number;
+    color?: string;
+    className?: string;
+    placeholder?: string;
+}
+export declare function SignatureTypePad({ onResult, padRef, fontFamily, fontSize, color, className, placeholder, }: SignatureTypePadProps): import("preact").JSX.Element;