@embedpdf/plugin-zoom 1.0.19 → 1.0.21

package/dist/vue/index.js

@@ -0,0 +1,197 @@
+import { ref, onMounted, onUnmounted, defineComponent, createElementBlock, createCommentVNode, openBlock, normalizeClass, normalizeStyle, mergeProps, renderSlot } from "vue";
+import { useCapability, usePlugin } from "@embedpdf/core/vue";
+import { ZoomPlugin, initialState } from "@embedpdf/plugin-zoom";
+export * from "@embedpdf/plugin-zoom";
+const useZoomCapability = () => useCapability(ZoomPlugin.id);
+const useZoomPlugin = () => usePlugin(ZoomPlugin.id);
+const useZoom = () => {
+  const { provides } = useZoomCapability();
+  const state = ref(initialState);
+  onMounted(() => {
+    if (!provides.value) return;
+    const unsubscribe = provides.value.onStateChange((newState) => {
+      state.value = newState;
+    });
+    onUnmounted(() => {
+      unsubscribe();
+    });
+  });
+  return {
+    state,
+    provides
+  };
+};
+function setupPinchZoom({ element, viewportProvides, zoomProvides }) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  let hammer;
+  let initialZoom = 0;
+  let lastCenter = { x: 0, y: 0 };
+  const getState = () => zoomProvides.getState();
+  const updateTransform = (scale) => {
+    element.style.transform = `scale(${scale})`;
+  };
+  const resetTransform = () => {
+    element.style.transform = "none";
+    element.style.transformOrigin = "0 0";
+  };
+  const pinchStart = (e) => {
+    var _a;
+    initialZoom = getState().currentZoomLevel;
+    const contRect = viewportProvides.getBoundingRect();
+    lastCenter = {
+      x: e.center.x - contRect.origin.x,
+      y: e.center.y - contRect.origin.y
+    };
+    const innerRect = element.getBoundingClientRect();
+    element.style.transformOrigin = `${e.center.x - innerRect.left}px ${e.center.y - innerRect.top}px`;
+    if ((_a = e.srcEvent) == null ? void 0 : _a.cancelable) {
+      e.srcEvent.preventDefault();
+      e.srcEvent.stopPropagation();
+    }
+  };
+  const pinchMove = (e) => {
+    var _a;
+    updateTransform(e.scale);
+    if ((_a = e.srcEvent) == null ? void 0 : _a.cancelable) {
+      e.srcEvent.preventDefault();
+      e.srcEvent.stopPropagation();
+    }
+  };
+  const pinchEnd = (e) => {
+    const delta = (e.scale - 1) * initialZoom;
+    zoomProvides.requestZoomBy(delta, { vx: lastCenter.x, vy: lastCenter.y });
+    resetTransform();
+    initialZoom = 0;
+  };
+  const setupHammer = async () => {
+    try {
+      const Hammer = (await import("../hammer-e1aXHboh.js").then((n) => n.h)).default;
+      const inputClass = (() => {
+        const MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android/i;
+        const SUPPORT_TOUCH = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+        const SUPPORT_ONLY_TOUCH = SUPPORT_TOUCH && MOBILE_REGEX.test(navigator.userAgent);
+        if (SUPPORT_ONLY_TOUCH) return Hammer.TouchInput;
+        if (!SUPPORT_TOUCH) return Hammer.MouseInput;
+        return Hammer.TouchMouseInput;
+      })();
+      hammer = new Hammer(element, {
+        touchAction: "pan-x pan-y",
+        // allow scroll in every direction
+        inputClass
+      });
+      hammer.get("pinch").set({ enable: true, pointers: 2, threshold: 0.1 });
+      hammer.on("pinchstart", pinchStart);
+      hammer.on("pinchmove", pinchMove);
+      hammer.on("pinchend", pinchEnd);
+    } catch (error) {
+      console.warn("Failed to load HammerJS:", error);
+    }
+  };
+  setupHammer();
+  return () => {
+    hammer == null ? void 0 : hammer.destroy();
+    resetTransform();
+  };
+}
+function usePinch() {
+  const { provides: viewportProvides } = useCapability("viewport");
+  const { provides: zoomProvides } = useZoomCapability();
+  const elementRef = ref(null);
+  let cleanup;
+  onMounted(async () => {
+    const element = elementRef.value;
+    if (!element || !viewportProvides.value || !zoomProvides.value) {
+      return;
+    }
+    cleanup = setupPinchZoom({
+      element,
+      viewportProvides: viewportProvides.value,
+      zoomProvides: zoomProvides.value
+    });
+  });
+  onUnmounted(() => {
+    cleanup == null ? void 0 : cleanup();
+  });
+  return { elementRef };
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "marquee-zoom",
+  props: {
+    pageIndex: {},
+    scale: {},
+    className: {},
+    stroke: { default: "rgba(33,150,243,0.8)" },
+    fill: { default: "rgba(33,150,243,0.15)" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { provides: zoomPlugin } = useZoomCapability();
+    const rect = ref(null);
+    let unregister;
+    onMounted(() => {
+      if (!zoomPlugin.value) return;
+      unregister = zoomPlugin.value.registerMarqueeOnPage({
+        pageIndex: props.pageIndex,
+        scale: props.scale,
+        callback: {
+          onPreview: (newRect) => {
+            rect.value = newRect;
+          }
+        }
+      });
+    });
+    onUnmounted(() => {
+      unregister == null ? void 0 : unregister();
+    });
+    return (_ctx, _cache) => {
+      return rect.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        style: normalizeStyle({
+          position: "absolute",
+          pointerEvents: "none",
+          left: `${rect.value.origin.x * _ctx.scale}px`,
+          top: `${rect.value.origin.y * _ctx.scale}px`,
+          width: `${rect.value.size.width * _ctx.scale}px`,
+          height: `${rect.value.size.height * _ctx.scale}px`,
+          border: `1px solid ${_ctx.stroke}`,
+          background: _ctx.fill,
+          boxSizing: "border-box"
+        }),
+        class: normalizeClass(_ctx.className)
+      }, null, 6)) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pinch-wrapper",
+  setup(__props) {
+    const { elementRef } = usePinch();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "elementRef",
+        ref: elementRef,
+        style: {
+          display: "block",
+          width: "fit-content",
+          overflow: "visible",
+          boxSizing: "border-box",
+          margin: "0px auto"
+        }
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main$1 as MarqueeZoom,
+  _sfc_main as PinchWrapper,
+  usePinch,
+  useZoom,
+  useZoomCapability,
+  useZoomPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-zoom.ts","../../src/shared/utils/pinch-zoom-logic.ts","../../src/vue/hooks/use-pinch-zoom.ts","../../src/vue/components/marquee-zoom.vue","../../src/vue/components/pinch-wrapper.vue"],"sourcesContent":["import { ref, onMounted, onUnmounted } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { initialState, ZoomPlugin, ZoomState } from '@embedpdf/plugin-zoom';\n\nexport const useZoomCapability = () => useCapability<ZoomPlugin>(ZoomPlugin.id);\nexport const useZoomPlugin = () => usePlugin<ZoomPlugin>(ZoomPlugin.id);\n\nexport const useZoom = () => {\n  const { provides } = useZoomCapability();\n  const state = ref<ZoomState>(initialState);\n\n  onMounted(() => {\n    if (!provides.value) return;\n\n    const unsubscribe = provides.value.onStateChange((newState) => {\n      state.value = newState;\n    });\n\n    onUnmounted(() => {\n      unsubscribe();\n    });\n  });\n\n  return {\n    state,\n    provides,\n  };\n};\n","import type { ViewportCapability } from '@embedpdf/plugin-viewport';\nimport type { ZoomCapability, ZoomState } from '@embedpdf/plugin-zoom';\n\nexport interface PinchZoomDeps {\n  element: HTMLDivElement;\n  viewportProvides: ViewportCapability;\n  zoomProvides: ZoomCapability;\n}\n\nexport function setupPinchZoom({ element, viewportProvides, zoomProvides }: PinchZoomDeps) {\n  // Check if we're on the client side\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n\n  let hammer: any | undefined;\n  let initialZoom = 0; // numeric scale at pinchstart\n  let lastCenter = { x: 0, y: 0 };\n\n  const getState = (): ZoomState => zoomProvides.getState();\n\n  const updateTransform = (scale: number) => {\n    // 1 → no scale; we only scale *relatively* to the start\n    element.style.transform = `scale(${scale})`;\n  };\n\n  const resetTransform = () => {\n    element.style.transform = 'none';\n    element.style.transformOrigin = '0 0';\n  };\n\n  const pinchStart = (e: HammerInput) => {\n    initialZoom = getState().currentZoomLevel;\n\n    const contRect = viewportProvides.getBoundingRect();\n\n    lastCenter = {\n      x: e.center.x - contRect.origin.x,\n      y: e.center.y - contRect.origin.y,\n    };\n\n    // put the transform-origin under the fingers so the preview feels right\n    const innerRect = element.getBoundingClientRect();\n    element.style.transformOrigin = `${e.center.x - innerRect.left}px ${e.center.y - innerRect.top}px`;\n\n    // stop the browser's own pinch-zoom\n    if (e.srcEvent?.cancelable) {\n      e.srcEvent.preventDefault();\n      e.srcEvent.stopPropagation();\n    }\n  };\n\n  const pinchMove = (e: HammerInput) => {\n    updateTransform(e.scale); // *only* CSS, no real zoom yet\n    if (e.srcEvent?.cancelable) {\n      e.srcEvent.preventDefault();\n      e.srcEvent.stopPropagation();\n    }\n  };\n\n  const pinchEnd = (e: HammerInput) => {\n    // translate the relative hammer scale into a delta for requestZoomBy\n    const delta = (e.scale - 1) * initialZoom;\n    zoomProvides.requestZoomBy(delta, { vx: lastCenter.x, vy: lastCenter.y });\n\n    resetTransform();\n    initialZoom = 0;\n  };\n\n  // Async Hammer setup (internal)\n  const setupHammer = async () => {\n    try {\n      const Hammer = (await import('hammerjs')).default;\n\n      /* ------------------------------------------------------------------ */\n      /* Hammer setup                                                        */\n      /* ------------------------------------------------------------------ */\n      const inputClass = (() => {\n        const MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android/i;\n        const SUPPORT_TOUCH = 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n        const SUPPORT_ONLY_TOUCH = SUPPORT_TOUCH && MOBILE_REGEX.test(navigator.userAgent);\n        if (SUPPORT_ONLY_TOUCH) return Hammer.TouchInput;\n        if (!SUPPORT_TOUCH) return Hammer.MouseInput;\n        return Hammer.TouchMouseInput;\n      })();\n\n      hammer = new Hammer(element, {\n        touchAction: 'pan-x pan-y', // allow scroll in every direction\n        inputClass,\n      });\n\n      hammer.get('pinch').set({ enable: true, pointers: 2, threshold: 0.1 });\n\n      hammer.on('pinchstart', pinchStart);\n      hammer.on('pinchmove', pinchMove);\n      hammer.on('pinchend', pinchEnd);\n    } catch (error) {\n      console.warn('Failed to load HammerJS:', error);\n    }\n  };\n\n  setupHammer(); // Fire and forget\n\n  // Return cleanup immediately\n  return () => {\n    hammer?.destroy();\n    resetTransform();\n  };\n}\n","import { ref, onMounted, onUnmounted } from 'vue';\nimport { useCapability } from '@embedpdf/core/vue';\nimport type { ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nimport { setupPinchZoom } from '../../shared/utils/pinch-zoom-logic';\nimport { useZoomCapability } from './use-zoom';\n\nexport function usePinch() {\n  const { provides: viewportProvides } = useCapability<ViewportPlugin>('viewport');\n  const { provides: zoomProvides } = useZoomCapability();\n  const elementRef = ref<HTMLDivElement | null>(null);\n\n  let cleanup: (() => void) | undefined;\n\n  onMounted(async () => {\n    const element = elementRef.value;\n    if (!element || !viewportProvides.value || !zoomProvides.value) {\n      return;\n    }\n\n    cleanup = setupPinchZoom({\n      element,\n      viewportProvides: viewportProvides.value,\n      zoomProvides: zoomProvides.value,\n    });\n  });\n\n  onUnmounted(() => {\n    cleanup?.();\n  });\n\n  return { elementRef };\n}\n","<template>\n  <div\n    v-if=\"rect\"\n    :style=\"{\n      position: 'absolute',\n      pointerEvents: 'none',\n      left: `${rect.origin.x * scale}px`,\n      top: `${rect.origin.y * scale}px`,\n      width: `${rect.size.width * scale}px`,\n      height: `${rect.size.height * scale}px`,\n      border: `1px solid ${stroke}`,\n      background: fill,\n      boxSizing: 'border-box',\n    }\"\n    :class=\"className\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport type { Rect } from '@embedpdf/models';\nimport { useZoomCapability } from '../hooks';\n\ninterface MarqueeZoomProps {\n  /** Index of the page this layer lives on */\n  pageIndex: number;\n  /** Scale of the page */\n  scale: number;\n  /** Optional CSS class applied to the marquee rectangle */\n  className?: string;\n  /** Stroke / fill colours (defaults below) */\n  stroke?: string;\n  fill?: string;\n}\n\nconst props = withDefaults(defineProps<MarqueeZoomProps>(), {\n  stroke: 'rgba(33,150,243,0.8)',\n  fill: 'rgba(33,150,243,0.15)',\n});\n\nconst { provides: zoomPlugin } = useZoomCapability();\nconst rect = ref<Rect | null>(null);\n\nlet unregister: (() => void) | undefined;\n\nonMounted(() => {\n  if (!zoomPlugin.value) return;\n\n  unregister = zoomPlugin.value.registerMarqueeOnPage({\n    pageIndex: props.pageIndex,\n    scale: props.scale,\n    callback: {\n      onPreview: (newRect) => {\n        rect.value = newRect;\n      },\n    },\n  });\n});\n\nonUnmounted(() => {\n  unregister?.();\n});\n</script>\n","<template>\n  <div\n    ref=\"elementRef\"\n    :style=\"{\n      display: 'block',\n      width: 'fit-content',\n      overflow: 'visible',\n      boxSizing: 'border-box',\n      margin: '0px auto',\n    }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePinch } from '../hooks/use-pinch-zoom';\n\nconst { elementRef } = usePinch();\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","scale","stroke","fill","className","_openBlock","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-zoom",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,30 +20,36 @@
       "types": "./dist/react/index.d.ts",
       "import": "./dist/react/index.js",
       "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
     }
   },
   "dependencies": {
     "hammerjs": "^2.0.8",
-    "@embedpdf/models": "1.0.19"
+    "@embedpdf/models": "1.0.21"
   },
   "devDependencies": {
     "@types/hammerjs": "^2.0.46",
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/core": "1.0.19",
-    "@embedpdf/plugin-viewport": "1.0.19",
+    "@embedpdf/core": "1.0.21",
     "@embedpdf/build": "1.0.0",
-    "@embedpdf/plugin-scroll": "1.0.19",
-    "@embedpdf/plugin-interaction-manager": "1.0.19"
+    "@embedpdf/plugin-scroll": "1.0.21",
+    "@embedpdf/plugin-interaction-manager": "1.0.21",
+    "@embedpdf/plugin-viewport": "1.0.21"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
-    "@embedpdf/core": "1.0.19",
-    "@embedpdf/plugin-viewport": "1.0.19",
-    "@embedpdf/plugin-scroll": "1.0.19",
-    "@embedpdf/plugin-interaction-manager": "1.0.19"
+    "vue": ">=3.2.0",
+    "@embedpdf/plugin-viewport": "1.0.21",
+    "@embedpdf/plugin-scroll": "1.0.21",
+    "@embedpdf/core": "1.0.21",
+    "@embedpdf/plugin-interaction-manager": "1.0.21"
   },
   "files": [
     "dist",
@@ -65,7 +71,8 @@
     "build:base": "vite build --mode base",
     "build:react": "vite build --mode react",
     "build:preact": "vite build --mode preact",
-    "build": "pnpm run clean && concurrently -c auto -n base,react,preact \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\"",
+    "build:vue": "vite build --mode vue",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\"",
     "clean": "rimraf dist",
     "lint": "eslint src --color",
     "lint:fix": "eslint src --color --fix"

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

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

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

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