@embedpdf/plugin-viewport 1.0.11 → 1.0.13

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/components/viewport.tsx","../../src/react/hooks/use-viewport.ts","../../src/react/hooks/use-viewport-ref.ts"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\n\nimport { useViewportCapability } from '../hooks';\nimport { useViewportRef } from '../hooks/use-viewport-ref';\n\ntype ViewportProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode;\n};\n\nexport function Viewport({ children, ...props }: ViewportProps) {\n  const [viewportGap, setViewportGap] = useState(0);\n  const viewportRef = useViewportRef();\n  const { provides: viewportProvides } = useViewportCapability();\n\n  useEffect(() => {\n    if (viewportProvides) {\n      setViewportGap(viewportProvides.getViewportGap());\n    }\n  }, [viewportProvides]);\n\n  const { style, ...restProps } = props;\n  return (\n    <div\n      {...restProps}\n      ref={viewportRef}\n      style={{\n        ...(typeof style === 'object' ? style : {}),\n        padding: `${viewportGap}px`,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n","import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nexport const useViewportPlugin = () => usePlugin<ViewportPlugin>(ViewportPlugin.id);\nexport const useViewportCapability = () => useCapability<ViewportPlugin>(ViewportPlugin.id);\n","import { Rect } from '@embedpdf/models';\nimport { useLayoutEffect, useRef } from 'react';\n\nimport { useViewportPlugin } from './use-viewport';\n\nexport function useViewportRef() {\n  const { plugin: viewportPlugin } = useViewportPlugin();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    if (!viewportPlugin) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    /* ---------- live rect provider --------------------------------- */\n    const provideRect = (): Rect => {\n      const r = container.getBoundingClientRect();\n      return {\n        origin: { x: r.left, y: r.top },\n        size: { width: r.width, height: r.height },\n      };\n    };\n    viewportPlugin.registerBoundingRectProvider(provideRect);\n\n    // Example: On scroll, call setMetrics\n    const onScroll = () => {\n      viewportPlugin.setViewportScrollMetrics({\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n      });\n    };\n    container.addEventListener('scroll', onScroll);\n\n    // Example: On resize, call setMetrics\n    const resizeObserver = new ResizeObserver(() => {\n      viewportPlugin.setViewportResizeMetrics({\n        width: container.offsetWidth,\n        height: container.offsetHeight,\n        clientWidth: container.clientWidth,\n        clientHeight: container.clientHeight,\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n        scrollWidth: container.scrollWidth,\n        scrollHeight: container.scrollHeight,\n      });\n    });\n    resizeObserver.observe(container);\n\n    const unsubscribeScrollRequest = viewportPlugin.onScrollRequest(\n      ({ x, y, behavior = 'auto' }) => {\n        requestAnimationFrame(() => {\n          container.scrollTo({ left: x, top: y, behavior });\n        });\n      },\n    );\n\n    // Cleanup\n    return () => {\n      viewportPlugin.registerBoundingRectProvider(null);\n      container.removeEventListener('scroll', onScroll);\n      resizeObserver.disconnect();\n      unsubscribeScrollRequest();\n    };\n  }, [viewportPlugin]);\n\n  // Return the ref so your React code can attach it to a div\n  return containerRef;\n}\n"],"mappings":";AAAA,SAA2B,WAAW,gBAAgB;;;ACAtD,SAAS,eAAe,iBAAiB;AACzC,SAAS,sBAAsB;AAExB,IAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAC3E,IAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;;;ACH1F,SAAS,iBAAiB,cAAc;AAIjC,SAAS,iBAAiB;AAC/B,QAAM,EAAE,QAAQ,eAAe,IAAI,kBAAkB;AACrD,QAAM,eAAe,OAAuB,IAAI;AAEhD,kBAAgB,MAAM;AACpB,QAAI,CAAC,eAAgB;AAErB,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAGhB,UAAM,cAAc,MAAY;AAC9B,YAAM,IAAI,UAAU,sBAAsB;AAC1C,aAAO;AAAA,QACL,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,EAAE,IAAI;AAAA,QAC9B,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO;AAAA,MAC3C;AAAA,IACF;AACA,mBAAe,6BAA6B,WAAW;AAGvD,UAAM,WAAW,MAAM;AACrB,qBAAe,yBAAyB;AAAA,QACtC,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AACA,cAAU,iBAAiB,UAAU,QAAQ;AAG7C,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,qBAAe,yBAAyB;AAAA,QACtC,OAAO,UAAU;AAAA,QACjB,QAAQ,UAAU;AAAA,QAClB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA,QACxB,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,QACtB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA,MAC1B,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,SAAS;AAEhC,UAAM,2BAA2B,eAAe;AAAA,MAC9C,CAAC,EAAE,GAAG,GAAG,WAAW,OAAO,MAAM;AAC/B,8BAAsB,MAAM;AAC1B,oBAAU,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;AAAA,QAClD,CAAC;AAAA,MACH;AAAA,IACF;AAGA,WAAO,MAAM;AACX,qBAAe,6BAA6B,IAAI;AAChD,gBAAU,oBAAoB,UAAU,QAAQ;AAChD,qBAAe,WAAW;AAC1B,+BAAyB;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAGnB,SAAO;AACT;;;AF9CI;AAbG,SAAS,SAAS,EAAE,UAAU,GAAG,MAAM,GAAkB;AAC9D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,UAAU,iBAAiB,IAAI,sBAAsB;AAE7D,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,qBAAe,iBAAiB,eAAe,CAAC;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,EAAE,OAAO,GAAG,UAAU,IAAI;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,OAAO;AAAA,QACL,GAAI,OAAO,UAAU,WAAW,QAAQ,CAAC;AAAA,QACzC,SAAS,GAAG,WAAW;AAAA,MACzB;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-viewport.ts","../../src/shared/hooks/use-viewport-ref.ts","../../src/shared/components/viewport.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nexport const useViewportPlugin = () => usePlugin<ViewportPlugin>(ViewportPlugin.id);\nexport const useViewportCapability = () => useCapability<ViewportPlugin>(ViewportPlugin.id);\n","import { Rect } from '@embedpdf/models';\nimport { useLayoutEffect, useRef } from '@framework';\n\nimport { useViewportPlugin } from './use-viewport';\n\nexport function useViewportRef() {\n  const { plugin: viewportPlugin } = useViewportPlugin();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    if (!viewportPlugin) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    /* ---------- live rect provider --------------------------------- */\n    const provideRect = (): Rect => {\n      const r = container.getBoundingClientRect();\n      return {\n        origin: { x: r.left, y: r.top },\n        size: { width: r.width, height: r.height },\n      };\n    };\n    viewportPlugin.registerBoundingRectProvider(provideRect);\n\n    // Example: On scroll, call setMetrics\n    const onScroll = () => {\n      viewportPlugin.setViewportScrollMetrics({\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n      });\n    };\n    container.addEventListener('scroll', onScroll);\n\n    // Example: On resize, call setMetrics\n    const resizeObserver = new ResizeObserver(() => {\n      viewportPlugin.setViewportResizeMetrics({\n        width: container.offsetWidth,\n        height: container.offsetHeight,\n        clientWidth: container.clientWidth,\n        clientHeight: container.clientHeight,\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n        scrollWidth: container.scrollWidth,\n        scrollHeight: container.scrollHeight,\n      });\n    });\n    resizeObserver.observe(container);\n\n    const unsubscribeScrollRequest = viewportPlugin.onScrollRequest(\n      ({ x, y, behavior = 'auto' }) => {\n        requestAnimationFrame(() => {\n          container.scrollTo({ left: x, top: y, behavior });\n        });\n      },\n    );\n\n    // Cleanup\n    return () => {\n      viewportPlugin.registerBoundingRectProvider(null);\n      container.removeEventListener('scroll', onScroll);\n      resizeObserver.disconnect();\n      unsubscribeScrollRequest();\n    };\n  }, [viewportPlugin]);\n\n  // Return the ref so your React code can attach it to a div\n  return containerRef;\n}\n","import { ReactNode, useEffect, useState, HTMLAttributes } from '@framework';\n\nimport { useViewportCapability } from '../hooks';\nimport { useViewportRef } from '../hooks/use-viewport-ref';\n\ntype ViewportProps = HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode;\n};\n\nexport function Viewport({ children, ...props }: ViewportProps) {\n  const [viewportGap, setViewportGap] = useState(0);\n  const viewportRef = useViewportRef();\n  const { provides: viewportProvides } = useViewportCapability();\n\n  useEffect(() => {\n    if (viewportProvides) {\n      setViewportGap(viewportProvides.getViewportGap());\n    }\n  }, [viewportProvides]);\n\n  const { style, ...restProps } = props;\n  return (\n    <div\n      {...restProps}\n      ref={viewportRef}\n      style={{\n        ...(typeof style === 'object' ? style : {}),\n        padding: `${viewportGap}px`,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAC3E,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;ACCnF,SAAS,iBAAiB;AAC/B,QAAM,EAAE,QAAQ,eAAe,IAAI,kBAAkB;AAC/C,QAAA,eAAe,OAAuB,IAAI;AAEhD,kBAAgB,MAAM;AACpB,QAAI,CAAC,eAAgB;AAErB,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAGhB,UAAM,cAAc,MAAY;AACxB,YAAA,IAAI,UAAU,sBAAsB;AACnC,aAAA;AAAA,QACL,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,EAAE,IAAI;AAAA,QAC9B,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO;AAAA,MAC3C;AAAA,IACF;AACA,mBAAe,6BAA6B,WAAW;AAGvD,UAAM,WAAW,MAAM;AACrB,qBAAe,yBAAyB;AAAA,QACtC,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,MAAA,CACvB;AAAA,IACH;AACU,cAAA,iBAAiB,UAAU,QAAQ;AAGvC,UAAA,iBAAiB,IAAI,eAAe,MAAM;AAC9C,qBAAe,yBAAyB;AAAA,QACtC,OAAO,UAAU;AAAA,QACjB,QAAQ,UAAU;AAAA,QAClB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA,QACxB,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,QACtB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA,MAAA,CACzB;AAAA,IAAA,CACF;AACD,mBAAe,QAAQ,SAAS;AAEhC,UAAM,2BAA2B,eAAe;AAAA,MAC9C,CAAC,EAAE,GAAG,GAAG,WAAW,aAAa;AAC/B,8BAAsB,MAAM;AAC1B,oBAAU,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU;AAAA,QAAA,CACjD;AAAA,MAAA;AAAA,IAEL;AAGA,WAAO,MAAM;AACX,qBAAe,6BAA6B,IAAI;AACtC,gBAAA,oBAAoB,UAAU,QAAQ;AAChD,qBAAe,WAAW;AACD,+BAAA;AAAA,IAC3B;AAAA,EAAA,GACC,CAAC,cAAc,CAAC;AAGZ,SAAA;AACT;AC3DO,SAAS,SAAS,EAAE,UAAU,GAAG,SAAwB;AAC9D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,UAAU,iBAAiB,IAAI,sBAAsB;AAE7D,YAAU,MAAM;AACd,QAAI,kBAAkB;AACL,qBAAA,iBAAiB,gBAAgB;AAAA,IAAA;AAAA,EAClD,GACC,CAAC,gBAAgB,CAAC;AAErB,QAAM,EAAE,OAAO,GAAG,UAAA,IAAc;AAE9B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,OAAO;AAAA,QACL,GAAI,OAAO,UAAU,WAAW,QAAQ,CAAC;AAAA,QACzC,SAAS,GAAG,WAAW;AAAA,MACzB;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

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

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

@@ -0,0 +1,6 @@
+import { ReactNode, HTMLAttributes } from '../../preact/adapter.ts';
+type ViewportProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+};
+export declare function Viewport({ children, ...props }: ViewportProps): import("preact").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './use-viewport';
+export * from './use-viewport-ref';

package/dist/shared-preact/hooks/use-viewport-ref.d.ts

@@ -0,0 +1 @@
+export declare function useViewportRef(): import('preact').RefObject<HTMLDivElement>;

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { ReactNode, HTMLAttributes } from '../../react/adapter.ts';
+type ViewportProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+};
+export declare function Viewport({ children, ...props }: ViewportProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './use-viewport';
+export * from './use-viewport-ref';

package/dist/shared-react/hooks/use-viewport-ref.d.ts

@@ -0,0 +1 @@
+export declare function useViewportRef(): import('react').RefObject<HTMLDivElement>;

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

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

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

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

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

@@ -0,0 +1 @@
+export { default as Viewport } from './viewport.vue';

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export * from './use-viewport';
+export * from './use-viewport-ref';

package/dist/vue/hooks/use-viewport-ref.d.ts

@@ -0,0 +1 @@
+export declare function useViewportRef(): import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;

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

@@ -0,0 +1,3 @@
+import { ViewportPlugin } from '../../lib/index.ts';
+export declare const useViewportPlugin: () => import('@embedpdf/core/vue').PluginState<ViewportPlugin>;
+export declare const useViewportCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').ViewportCapability>>;

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@embedpdf/core/vue"),o=require("@embedpdf/plugin-viewport"),r=()=>t.usePlugin(o.ViewportPlugin.id),i=()=>t.useCapability(o.ViewportPlugin.id);function l(){const{plugin:t}=r(),o=e.ref(null);return e.onMounted((()=>{const r=t.value,i=o.value;if(!i||!r)return;r.registerBoundingRectProvider((()=>{const e=i.getBoundingClientRect();return{origin:{x:e.left,y:e.top},size:{width:e.width,height:e.height}}}));const l=()=>{r.setViewportScrollMetrics({scrollTop:i.scrollTop,scrollLeft:i.scrollLeft})};i.addEventListener("scroll",l);const s=new ResizeObserver((()=>{r.setViewportResizeMetrics({width:i.offsetWidth,height:i.offsetHeight,clientWidth:i.clientWidth,clientHeight:i.clientHeight,scrollTop:i.scrollTop,scrollLeft:i.scrollLeft,scrollWidth:i.scrollWidth,scrollHeight:i.scrollHeight})}));s.observe(i);const n=r.onScrollRequest((({x:e,y:t,behavior:o="auto"})=>{requestAnimationFrame((()=>{i.scrollTo({left:e,top:t,behavior:o})}))}));e.onUnmounted((()=>{r.registerBoundingRectProvider(null),i.removeEventListener("scroll",l),s.disconnect(),n()}))})),o}const s=e.defineComponent({__name:"viewport",setup(t){const o=e.useAttrs(),{provides:r}=i(),s=e.ref(0);e.watch(r,(e=>{e&&(s.value=e.getViewportGap())}),{immediate:!0});const n=l();return(t,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"viewportRef",ref:n},e.unref(o),{style:{padding:`${s.value}px`}}),[e.renderSlot(t.$slots,"default")],16))}});exports.Viewport=s,exports.useViewportCapability=i,exports.useViewportPlugin=r,exports.useViewportRef=l;
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-viewport.ts","../../src/vue/hooks/use-viewport-ref.ts","../../src/vue/components/viewport.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nexport const useViewportPlugin = () => usePlugin<ViewportPlugin>(ViewportPlugin.id);\nexport const useViewportCapability = () => useCapability<ViewportPlugin>(ViewportPlugin.id);\n","import { Rect } from '@embedpdf/models';\nimport { onMounted, onUnmounted, ref } from 'vue';\n\nimport { useViewportPlugin } from './use-viewport';\n\nexport function useViewportRef() {\n  const { plugin: pluginRef } = useViewportPlugin();\n  const containerRef = ref<HTMLDivElement | null>(null);\n\n  onMounted(() => {\n    const viewportPlugin = pluginRef.value;\n    const container = containerRef.value;\n    if (!container || !viewportPlugin) return;\n\n    /* ---------- live rect provider --------------------------------- */\n    const provideRect = (): Rect => {\n      const r = container.getBoundingClientRect();\n      return {\n        origin: { x: r.left, y: r.top },\n        size: { width: r.width, height: r.height },\n      };\n    };\n    viewportPlugin.registerBoundingRectProvider(provideRect);\n\n    // Example: On scroll, call setMetrics\n    const onScroll = () => {\n      viewportPlugin.setViewportScrollMetrics({\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n      });\n    };\n    container.addEventListener('scroll', onScroll);\n\n    // Example: On resize, call setMetrics\n    const resizeObserver = new ResizeObserver(() => {\n      viewportPlugin.setViewportResizeMetrics({\n        width: container.offsetWidth,\n        height: container.offsetHeight,\n        clientWidth: container.clientWidth,\n        clientHeight: container.clientHeight,\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n        scrollWidth: container.scrollWidth,\n        scrollHeight: container.scrollHeight,\n      });\n    });\n    resizeObserver.observe(container);\n\n    const unsubscribeScrollRequest = viewportPlugin.onScrollRequest(\n      ({ x, y, behavior = 'auto' }) => {\n        requestAnimationFrame(() => {\n          container.scrollTo({ left: x, top: y, behavior });\n        });\n      },\n    );\n\n    onUnmounted(() => {\n      viewportPlugin.registerBoundingRectProvider(null);\n      container.removeEventListener('scroll', onScroll);\n      resizeObserver.disconnect();\n      unsubscribeScrollRequest();\n    });\n  });\n\n  // Return the ref so your Vue code can attach it to a div\n  return containerRef;\n}\n","<script setup lang=\"ts\">\nimport { ref, watch, useAttrs } from 'vue';\n\nimport { useViewportCapability, useViewportRef } from '../hooks';\n\n/* -------------------------------------------------- */\n/* props & attrs                                      */\n/* -------------------------------------------------- */\nconst attrs = useAttrs(); // forward class/id/… to <div>\n\n/* -------------------------------------------------- */\n/* plugin + reactive viewport gap                     */\n/* -------------------------------------------------- */\nconst { provides: viewportProvides } = useViewportCapability();\nconst viewportGap = ref(0);\n\nwatch(\n  viewportProvides,\n  (vp) => {\n    if (vp) viewportGap.value = vp.getViewportGap();\n  },\n  { immediate: true },\n);\n\n/* -------------------------------------------------- */\n/* element ref that wires up scroll / resize logic    */\n/* -------------------------------------------------- */\nconst viewportRef = useViewportRef();\n</script>\n\n<template>\n  <div ref=\"viewportRef\" v-bind=\"attrs\" :style=\"{ padding: `${viewportGap}px` }\">\n    <slot />\n  </div>\n</template>\n"],"names":["useViewportPlugin","usePlugin","ViewportPlugin","id","useViewportCapability","useCapability","useViewportRef","plugin","pluginRef","containerRef","ref","onMounted","viewportPlugin","value","container","registerBoundingRectProvider","r","getBoundingClientRect","origin","x","left","y","top","size","width","height","onScroll","setViewportScrollMetrics","scrollTop","scrollLeft","addEventListener","resizeObserver","ResizeObserver","setViewportResizeMetrics","offsetWidth","offsetHeight","clientWidth","clientHeight","scrollWidth","scrollHeight","observe","unsubscribeScrollRequest","onScrollRequest","behavior","requestAnimationFrame","scrollTo","onUnmounted","removeEventListener","disconnect","attrs","useAttrs","provides","viewportProvides","viewportGap","vue$1","watch","vp","getViewportGap","immediate","viewportRef","_openBlock","_createElementBlock","_mergeProps","_unref","style","_renderSlot","_ctx","$slots"],"mappings":"8KAGaA,EAAoB,IAAMC,YAA0BC,EAAAA,eAAeC,IACnEC,EAAwB,IAAMC,gBAA8BH,EAAAA,eAAeC,ICCjF,SAASG,IACd,MAAQC,OAAQC,GAAcR,IACxBS,EAAeC,MAA2B,MA0DzC,OAxDPC,EAAAA,WAAU,KACR,MAAMC,EAAiBJ,EAAUK,MAC3BC,EAAYL,EAAaI,MAC3B,IAACC,IAAcF,EAAgB,OAUnCA,EAAeG,8BAPK,KACZ,MAAAC,EAAIF,EAAUG,wBACb,MAAA,CACLC,OAAQ,CAAEC,EAAGH,EAAEI,KAAMC,EAAGL,EAAEM,KAC1BC,KAAM,CAAEC,MAAOR,EAAEQ,MAAOC,OAAQT,EAAES,QACpC,IAKF,MAAMC,EAAW,KACfd,EAAee,yBAAyB,CACtCC,UAAWd,EAAUc,UACrBC,WAAYf,EAAUe,YACvB,EAEOf,EAAAgB,iBAAiB,SAAUJ,GAG/B,MAAAK,EAAiB,IAAIC,gBAAe,KACxCpB,EAAeqB,yBAAyB,CACtCT,MAAOV,EAAUoB,YACjBT,OAAQX,EAAUqB,aAClBC,YAAatB,EAAUsB,YACvBC,aAAcvB,EAAUuB,aACxBT,UAAWd,EAAUc,UACrBC,WAAYf,EAAUe,WACtBS,YAAaxB,EAAUwB,YACvBC,aAAczB,EAAUyB,cACzB,IAEHR,EAAeS,QAAQ1B,GAEvB,MAAM2B,EAA2B7B,EAAe8B,iBAC9C,EAAGvB,IAAGE,IAAGsB,WAAW,WAClBC,uBAAsB,KACpB9B,EAAU+B,SAAS,CAAEzB,KAAMD,EAAGG,IAAKD,EAAGsB,YAAU,GACjD,IAILG,EAAAA,aAAY,KACVlC,EAAeG,6BAA6B,MAClCD,EAAAiC,oBAAoB,SAAUrB,GACxCK,EAAeiB,aACUP,GAAA,GAC1B,IAIIhC,CACT,uDC1DM,MAAAwC,EAAQC,EAAAA,YAKNC,SAAUC,GAAqBhD,IACjCiD,EAAc3C,MAAI,GAExB4C,EAAAC,MACEH,GACCI,IACKA,IAAIH,EAAYxC,MAAQ2C,EAAGC,iBAAe,GAEhD,CAAEC,WAAW,IAMf,MAAMC,EAAcrD,kBAIlBsD,cAAAC,qBAEM,MAFNC,EAAAA,WAEM,SAFG,cAAJpD,IAAIiD,GAAsBI,EAAAA,MAAKd,GAAA,CAAGe,kBAAqBX,EAAWxC,cACrEoD,aAAQC,EAAAC,OAAA"}

package/dist/vue/index.d.ts

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

package/dist/vue/index.js

@@ -0,0 +1,89 @@
+import { ref, onMounted, onUnmounted, defineComponent, useAttrs, watch, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
+import { useCapability, usePlugin } from "@embedpdf/core/vue";
+import { ViewportPlugin } from "@embedpdf/plugin-viewport";
+const useViewportPlugin = () => usePlugin(ViewportPlugin.id);
+const useViewportCapability = () => useCapability(ViewportPlugin.id);
+function useViewportRef() {
+  const { plugin: pluginRef } = useViewportPlugin();
+  const containerRef = ref(null);
+  onMounted(() => {
+    const viewportPlugin = pluginRef.value;
+    const container = containerRef.value;
+    if (!container || !viewportPlugin) return;
+    const provideRect = () => {
+      const r = container.getBoundingClientRect();
+      return {
+        origin: { x: r.left, y: r.top },
+        size: { width: r.width, height: r.height }
+      };
+    };
+    viewportPlugin.registerBoundingRectProvider(provideRect);
+    const onScroll = () => {
+      viewportPlugin.setViewportScrollMetrics({
+        scrollTop: container.scrollTop,
+        scrollLeft: container.scrollLeft
+      });
+    };
+    container.addEventListener("scroll", onScroll);
+    const resizeObserver = new ResizeObserver(() => {
+      viewportPlugin.setViewportResizeMetrics({
+        width: container.offsetWidth,
+        height: container.offsetHeight,
+        clientWidth: container.clientWidth,
+        clientHeight: container.clientHeight,
+        scrollTop: container.scrollTop,
+        scrollLeft: container.scrollLeft,
+        scrollWidth: container.scrollWidth,
+        scrollHeight: container.scrollHeight
+      });
+    });
+    resizeObserver.observe(container);
+    const unsubscribeScrollRequest = viewportPlugin.onScrollRequest(
+      ({ x, y, behavior = "auto" }) => {
+        requestAnimationFrame(() => {
+          container.scrollTo({ left: x, top: y, behavior });
+        });
+      }
+    );
+    onUnmounted(() => {
+      viewportPlugin.registerBoundingRectProvider(null);
+      container.removeEventListener("scroll", onScroll);
+      resizeObserver.disconnect();
+      unsubscribeScrollRequest();
+    });
+  });
+  return containerRef;
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "viewport",
+  setup(__props) {
+    const attrs = useAttrs();
+    const { provides: viewportProvides } = useViewportCapability();
+    const viewportGap = ref(0);
+    watch(
+      viewportProvides,
+      (vp) => {
+        if (vp) viewportGap.value = vp.getViewportGap();
+      },
+      { immediate: true }
+    );
+    const viewportRef = useViewportRef();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "viewportRef",
+        ref: viewportRef
+      }, unref(attrs), {
+        style: { padding: `${viewportGap.value}px` }
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as Viewport,
+  useViewportCapability,
+  useViewportPlugin,
+  useViewportRef
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-viewport.ts","../../src/vue/hooks/use-viewport-ref.ts","../../src/vue/components/viewport.vue"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nexport const useViewportPlugin = () => usePlugin<ViewportPlugin>(ViewportPlugin.id);\nexport const useViewportCapability = () => useCapability<ViewportPlugin>(ViewportPlugin.id);\n","import { Rect } from '@embedpdf/models';\nimport { onMounted, onUnmounted, ref } from 'vue';\n\nimport { useViewportPlugin } from './use-viewport';\n\nexport function useViewportRef() {\n  const { plugin: pluginRef } = useViewportPlugin();\n  const containerRef = ref<HTMLDivElement | null>(null);\n\n  onMounted(() => {\n    const viewportPlugin = pluginRef.value;\n    const container = containerRef.value;\n    if (!container || !viewportPlugin) return;\n\n    /* ---------- live rect provider --------------------------------- */\n    const provideRect = (): Rect => {\n      const r = container.getBoundingClientRect();\n      return {\n        origin: { x: r.left, y: r.top },\n        size: { width: r.width, height: r.height },\n      };\n    };\n    viewportPlugin.registerBoundingRectProvider(provideRect);\n\n    // Example: On scroll, call setMetrics\n    const onScroll = () => {\n      viewportPlugin.setViewportScrollMetrics({\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n      });\n    };\n    container.addEventListener('scroll', onScroll);\n\n    // Example: On resize, call setMetrics\n    const resizeObserver = new ResizeObserver(() => {\n      viewportPlugin.setViewportResizeMetrics({\n        width: container.offsetWidth,\n        height: container.offsetHeight,\n        clientWidth: container.clientWidth,\n        clientHeight: container.clientHeight,\n        scrollTop: container.scrollTop,\n        scrollLeft: container.scrollLeft,\n        scrollWidth: container.scrollWidth,\n        scrollHeight: container.scrollHeight,\n      });\n    });\n    resizeObserver.observe(container);\n\n    const unsubscribeScrollRequest = viewportPlugin.onScrollRequest(\n      ({ x, y, behavior = 'auto' }) => {\n        requestAnimationFrame(() => {\n          container.scrollTo({ left: x, top: y, behavior });\n        });\n      },\n    );\n\n    onUnmounted(() => {\n      viewportPlugin.registerBoundingRectProvider(null);\n      container.removeEventListener('scroll', onScroll);\n      resizeObserver.disconnect();\n      unsubscribeScrollRequest();\n    });\n  });\n\n  // Return the ref so your Vue code can attach it to a div\n  return containerRef;\n}\n","<script setup lang=\"ts\">\nimport { ref, watch, useAttrs } from 'vue';\n\nimport { useViewportCapability, useViewportRef } from '../hooks';\n\n/* -------------------------------------------------- */\n/* props & attrs                                      */\n/* -------------------------------------------------- */\nconst attrs = useAttrs(); // forward class/id/… to <div>\n\n/* -------------------------------------------------- */\n/* plugin + reactive viewport gap                     */\n/* -------------------------------------------------- */\nconst { provides: viewportProvides } = useViewportCapability();\nconst viewportGap = ref(0);\n\nwatch(\n  viewportProvides,\n  (vp) => {\n    if (vp) viewportGap.value = vp.getViewportGap();\n  },\n  { immediate: true },\n);\n\n/* -------------------------------------------------- */\n/* element ref that wires up scroll / resize logic    */\n/* -------------------------------------------------- */\nconst viewportRef = useViewportRef();\n</script>\n\n<template>\n  <div ref=\"viewportRef\" v-bind=\"attrs\" :style=\"{ padding: `${viewportGap}px` }\">\n    <slot />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot"],"mappings":";;;AAGO,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAC3E,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;ACCnF,SAAS,iBAAiB;AAC/B,QAAM,EAAE,QAAQ,UAAU,IAAI,kBAAkB;AAC1C,QAAA,eAAe,IAA2B,IAAI;AAEpD,YAAU,MAAM;AACd,UAAM,iBAAiB,UAAU;AACjC,UAAM,YAAY,aAAa;AAC3B,QAAA,CAAC,aAAa,CAAC,eAAgB;AAGnC,UAAM,cAAc,MAAY;AACxB,YAAA,IAAI,UAAU,sBAAsB;AACnC,aAAA;AAAA,QACL,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,EAAE,IAAI;AAAA,QAC9B,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO;AAAA,MAC3C;AAAA,IACF;AACA,mBAAe,6BAA6B,WAAW;AAGvD,UAAM,WAAW,MAAM;AACrB,qBAAe,yBAAyB;AAAA,QACtC,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,MAAA,CACvB;AAAA,IACH;AACU,cAAA,iBAAiB,UAAU,QAAQ;AAGvC,UAAA,iBAAiB,IAAI,eAAe,MAAM;AAC9C,qBAAe,yBAAyB;AAAA,QACtC,OAAO,UAAU;AAAA,QACjB,QAAQ,UAAU;AAAA,QAClB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA,QACxB,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,QACtB,aAAa,UAAU;AAAA,QACvB,cAAc,UAAU;AAAA,MAAA,CACzB;AAAA,IAAA,CACF;AACD,mBAAe,QAAQ,SAAS;AAEhC,UAAM,2BAA2B,eAAe;AAAA,MAC9C,CAAC,EAAE,GAAG,GAAG,WAAW,aAAa;AAC/B,8BAAsB,MAAM;AAC1B,oBAAU,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU;AAAA,QAAA,CACjD;AAAA,MAAA;AAAA,IAEL;AAEA,gBAAY,MAAM;AAChB,qBAAe,6BAA6B,IAAI;AACtC,gBAAA,oBAAoB,UAAU,QAAQ;AAChD,qBAAe,WAAW;AACD,+BAAA;AAAA,IAAA,CAC1B;AAAA,EAAA,CACF;AAGM,SAAA;AACT;;;;AC1DA,UAAM,QAAQ,SAAS;AAKvB,UAAM,EAAE,UAAU,iBAAiB,IAAI,sBAAsB;AACvD,UAAA,cAAc,IAAI,CAAC;AAEzB;AAAA,MACE;AAAA,MACA,CAAC,OAAO;AACN,YAAI,GAAI,aAAY,QAAQ,GAAG,eAAe;AAAA,MAChD;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IACpB;AAKA,UAAM,cAAc,eAAe;;AAIjC,aAAAA,UAAA,GAAAC,mBAEM,OAFNC,WAEM;AAAA,iBAFG;AAAA,QAAJ,KAAI;AAAA,MAAA,GAAsBC,MAAK,KAAA,GAAA;AAAA,QAAG,qBAAqB,YAAW,KAAA,KAAA;AAAA,MAAA;QACrEC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-viewport",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,21 +20,28 @@
       "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": {},
+  "dependencies": {
+    "@embedpdf/models": "1.0.13"
+  },
   "devDependencies": {
     "@types/react": "^18.2.0",
-    "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@embedpdf/core": "1.0.11",
-    "@embedpdf/models": "1.0.11"
+    "@embedpdf/core": "1.0.13",
+    "@embedpdf/build": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
-    "@embedpdf/core": "1.0.11"
+    "vue": ">=3.2.0",
+    "@embedpdf/core": "1.0.13"
   },
   "files": [
     "dist",
@@ -53,11 +60,13 @@
     "access": "public"
   },
   "scripts": {
-    "build": "PROJECT_CWD=$(pwd) pnpm -w p:build",
-    "build:watch": "PROJECT_CWD=$(pwd) pnpm -w p:build:watch",
-    "clean": "PROJECT_CWD=$(pwd) pnpm -w p:clean",
-    "lint": "PROJECT_CWD=$(pwd) pnpm -w p:lint",
-    "lint:fix": "PROJECT_CWD=$(pwd) pnpm -w p:lint:fix",
-    "typecheck": "PROJECT_CWD=$(pwd) pnpm -w p:typecheck"
+    "build:base": "vite build --mode base",
+    "build:react": "vite build --mode react",
+    "build:preact": "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/index.d.cts

@@ -1,107 +0,0 @@
-import * as _embedpdf_core from '@embedpdf/core';
-import { BasePluginConfig, EventHook, Action, BasePlugin, PluginRegistry, Listener, PluginManifest, PluginPackage } from '@embedpdf/core';
-import { Rect } from '@embedpdf/models';
-
-interface ViewportState {
-    viewportGap: number;
-    viewportMetrics: ViewportMetrics;
-    isScrolling: boolean;
-}
-interface ViewportPluginConfig extends BasePluginConfig {
-    viewportGap?: number;
-    scrollEndDelay?: number;
-}
-interface ViewportInputMetrics {
-    width: number;
-    height: number;
-    scrollTop: number;
-    scrollLeft: number;
-    clientWidth: number;
-    clientHeight: number;
-    scrollWidth: number;
-    scrollHeight: number;
-}
-interface ViewportMetrics extends ViewportInputMetrics {
-    relativePosition: {
-        x: number;
-        y: number;
-    };
-}
-interface ViewportScrollMetrics {
-    scrollTop: number;
-    scrollLeft: number;
-}
-interface ScrollControlOptions {
-    mode: 'debounce' | 'throttle';
-    wait: number;
-}
-interface ScrollToPayload {
-    x: number;
-    y: number;
-    behavior?: ScrollBehavior;
-    center?: boolean;
-}
-interface ViewportCapability {
-    getViewportGap: () => number;
-    getMetrics: () => ViewportMetrics;
-    scrollTo(position: ScrollToPayload): void;
-    onViewportChange: EventHook<ViewportMetrics>;
-    onViewportResize: EventHook<ViewportMetrics>;
-    onScrollChange: EventHook<ViewportScrollMetrics>;
-    onScrollActivity: EventHook<boolean>;
-    isScrolling: () => boolean;
-    getBoundingRect(): Rect;
-}
-
-declare const SET_VIEWPORT_METRICS = "SET_VIEWPORT_METRICS";
-declare const SET_VIEWPORT_SCROLL_METRICS = "SET_VIEWPORT_SCROLL_METRICS";
-declare const SET_VIEWPORT_GAP = "SET_VIEWPORT_GAP";
-declare const SET_SCROLL_ACTIVITY = "SET_SCROLL_ACTIVITY";
-interface SetViewportMetricsAction extends Action {
-    type: typeof SET_VIEWPORT_METRICS;
-    payload: ViewportInputMetrics;
-}
-interface SetViewportScrollMetricsAction extends Action {
-    type: typeof SET_VIEWPORT_SCROLL_METRICS;
-    payload: ViewportScrollMetrics;
-}
-interface SetViewportGapAction extends Action {
-    type: typeof SET_VIEWPORT_GAP;
-    payload: number;
-}
-interface SetScrollActivityAction extends Action {
-    type: typeof SET_SCROLL_ACTIVITY;
-    payload: boolean;
-}
-type ViewportAction = SetViewportMetricsAction | SetViewportScrollMetricsAction | SetViewportGapAction | SetScrollActivityAction;
-
-declare class ViewportPlugin extends BasePlugin<ViewportPluginConfig, ViewportCapability, ViewportState, ViewportAction> {
-    readonly id: string;
-    static readonly id: "viewport";
-    private readonly viewportResize$;
-    private readonly viewportMetrics$;
-    private readonly scrollMetrics$;
-    private readonly scrollReq$;
-    private readonly scrollActivity$;
-    private rectProvider;
-    private scrollEndTimer?;
-    private readonly scrollEndDelay;
-    constructor(id: string, registry: PluginRegistry, config: ViewportPluginConfig);
-    protected buildCapability(): ViewportCapability;
-    setViewportResizeMetrics(viewportMetrics: ViewportInputMetrics): void;
-    setViewportScrollMetrics(scrollMetrics: ViewportScrollMetrics): void;
-    onScrollRequest(listener: Listener<ScrollToPayload>): _embedpdf_core.Unsubscribe;
-    registerBoundingRectProvider(provider: (() => Rect) | null): void;
-    private bumpScrollActivity;
-    private scrollTo;
-    onStoreUpdated(prevState: ViewportState, newState: ViewportState): void;
-    initialize(_config: ViewportPluginConfig): Promise<void>;
-    destroy(): Promise<void>;
-}
-
-declare const VIEWPORT_PLUGIN_ID = "viewport";
-declare const manifest: PluginManifest<ViewportPluginConfig>;
-
-declare const ViewportPluginPackage: PluginPackage<ViewportPlugin, ViewportPluginConfig, ViewportState, ViewportAction>;
-
-export { type ScrollControlOptions, type ScrollToPayload, VIEWPORT_PLUGIN_ID, type ViewportCapability, type ViewportInputMetrics, type ViewportMetrics, ViewportPlugin, type ViewportPluginConfig, ViewportPluginPackage, type ViewportScrollMetrics, type ViewportState, manifest };

package/dist/preact/index.d.cts

@@ -1,23 +0,0 @@
-import * as _embedpdf_plugin_viewport from '@embedpdf/plugin-viewport';
-import { ViewportPlugin } from '@embedpdf/plugin-viewport';
-import { JSX, ComponentChildren } from 'preact';
-
-declare const useViewportPlugin: () => {
-    plugin: ViewportPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useViewportCapability: () => {
-    provides: Readonly<_embedpdf_plugin_viewport.ViewportCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-
-/** @jsxImportSource preact */
-
-type ViewportProps = JSX.HTMLAttributes<HTMLDivElement> & {
-    children: ComponentChildren;
-};
-declare function Viewport({ children, ...props }: ViewportProps): JSX.Element;
-
-export { Viewport, useViewportCapability, useViewportPlugin };

package/dist/react/index.d.cts

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
-import * as _embedpdf_plugin_viewport from '@embedpdf/plugin-viewport';
-import { ViewportPlugin } from '@embedpdf/plugin-viewport';
-
-type ViewportProps = React__default.HTMLAttributes<HTMLDivElement> & {
-    children: ReactNode;
-};
-declare function Viewport({ children, ...props }: ViewportProps): react_jsx_runtime.JSX.Element;
-
-declare const useViewportPlugin: () => {
-    plugin: ViewportPlugin | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-declare const useViewportCapability: () => {
-    provides: Readonly<_embedpdf_plugin_viewport.ViewportCapability> | null;
-    isLoading: boolean;
-    ready: Promise<void>;
-};
-
-declare function useViewportRef(): React.RefObject<HTMLDivElement>;
-
-export { Viewport, useViewportCapability, useViewportPlugin, useViewportRef };