pdf-tsx 0.17.8 → 0.17.9

package/dist/cjs/components/PDFViewer.cjs

@@ -1 +1 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../context/PDFViewerContext.cjs`),n=require(`../hooks/useScrollTracking.cjs`),r=require(`../hooks/useKeyboardShortcuts.cjs`),i=require(`../hooks/useTextLayer.cjs`),a=require(`../utils/url.cjs`),ee=require(`../hooks/useAnnotationLayer.cjs`),te=require(`../hooks/usePDFLoader.cjs`),o=require(`../hooks/usePDFRenderer.cjs`),ne=require(`../hooks/useOverlayRects.cjs`),re=require(`../hooks/usePinchZoom.cjs`),s=require(`../utils/pdfFit.cjs`),ie=require(`../context/ThemeContext.cjs`),ae=require(`../context/LabelsContext.cjs`),c=require(`../hooks/useLabels.cjs`),l=require(`./PDFViewer.module.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`pdfjs-dist`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);var oe=`"getOrInsertComputed" in Map.prototype || (Map.prototype.getOrInsertComputed = function(k,f){if(!this.has(k))this.set(k,f(k));return this.get(k);});`,p=2;function se({hasRead:e}){let t=c.useLabels();return(0,f.jsxs)(`div`,{className:`${l.default.requireReadBanner} ${e?l.default.requireReadDone:``}`,children:[e?(0,f.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M3 8l3.5 3.5L13 4.5`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})}):(0,f.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M8 3v10M4 9l4 4 4-4`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})}),(0,f.jsx)(`span`,{children:e?t.requireReadDone:t.requireReadPending})]})}var m=({file:e,workerSrc:c,sidebar:m,toolbar:h,onChangeFile:g,themeOverrides:ce,defaultTheme:le,defaultFit:_,language:ue,className:v,style:de,requireRead:y,onDocumentRead:b})=>{`getOrInsertComputed`in Map.prototype||(Map.prototype.getOrInsertComputed=function(e,t){let n=this;return n.has(e)||n.set(e,t(e)),n.get(e)}),(0,u.useEffect)(()=>{let e=new URL(c,location.href).href,t=new Blob([`${oe}\nimport(${JSON.stringify(e)});`],{type:`application/javascript`}),n=URL.createObjectURL(t);return d.GlobalWorkerOptions.workerSrc=n,()=>URL.revokeObjectURL(n)},[c]);let[x,S]=(0,u.useState)(1),[C,w]=(0,u.useState)(0),[T,E]=(0,u.useState)(null),[D,fe]=(0,u.useState)([]),[O,pe]=(0,u.useState)(!1),[k,A]=(0,u.useState)(_??null),[j,M]=(0,u.useState)(null),[N,P]=(0,u.useState)(!1),F=(0,u.useRef)(!1),I=(0,u.useRef)(null),L=(0,u.useRef)([]),R=(0,u.useRef)([]),z=(0,u.useRef)(C);(0,u.useEffect)(()=>{z.current=C},[C]);let[B,me]=(0,u.useState)(null);B!==e&&(me(e),E(null),P(!1)),(0,u.useEffect)(()=>{F.current=!1},[e]);let{pdf:V,numPages:H,loading:he}=te.usePDFLoader(e);(0,u.useEffect)(()=>{V&&(L.current=Array(V.numPages).fill(null),R.current=Array(V.numPages).fill(null))},[V]),(0,u.useEffect)(()=>{!V||!_||!I.current||s.computeFit(_,V,I.current,z.current).then(S)},[V,_]);let U=(0,u.useRef)(k);(0,u.useEffect)(()=>{U.current=k},[k]),(0,u.useEffect)(()=>{if(!V||!I.current)return;let e=I.current,t=new ResizeObserver(()=>{U.current&&s.computeFit(U.current,V,e,z.current).then(S)});return t.observe(e),()=>t.disconnect()},[V]);let{currentPage:W,goToPage:G}=n.useScrollTracking({numPages:H,containerRef:I,pageRefs:L});(0,u.useEffect)(()=>{H===0||W<H||(y&&!N&&P(!0),F.current||(F.current=!0,b?.()))},[W,H,y,N,b]);let K=(0,u.useMemo)(()=>{if(H===0)return[];let e=new Set,t=Math.max(W-p,1),n=Math.min(W+p,H);for(let r=t;r<=n;r++)e.add(r);T&&e.add(T.page);for(let t of D)e.add(t.page);return Array.from(e).sort((e,t)=>e-t)},[W,H,T,D]),{pageSizes:ge,renderedPages:q}=o.usePDFRenderer({pdf:V,zoom:x,rotation:C,visiblePages:K,canvasRefs:R}),J=(0,u.useMemo)(()=>{let e=new Set(K);for(let t of q)e.add(t);return Array.from(e).sort((e,t)=>e-t)},[K,q]);r.useKeyboardShortcuts({pdf:V,currentPage:W,goToPage:G,setRotation:w}),re.usePinchZoom(I,x,S,A);let _e=i.useTextLayer({pdf:V,zoom:x,rotation:C,mountedPages:J,canvasRefs:R}),{linkOverlays:ve,noteOverlays:ye}=ee.useAnnotationLayer({pdf:V,zoom:x,rotation:C,mountedPages:J,goToPage:G});(0,u.useEffect)(()=>{if(!j)return;let e=()=>M(null),t=e=>{e.key===`Escape`&&M(null)};return document.addEventListener(`click`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`click`,e),document.removeEventListener(`keydown`,t)}},[j]);let{overlayRect:Y,searchOverlays:be}=ne.useOverlayRects({pdf:V,highlight:T,searchMatches:D,zoom:x,rotation:C}),xe=(0,u.useCallback)((e,t)=>{(!e.url||!a.isSafeUrl(e.url))&&(t.preventDefault(),e.url||e._handleClick())},[]),X=(0,u.useRef)(null),Z=(0,u.useCallback)((e,t)=>{X.current&&clearTimeout(X.current);let n=t.clientY>window.innerHeight*.6;M({x:Math.min(t.clientX,window.innerWidth-304),y:n?window.innerHeight-t.clientY+8:t.clientY+12,above:n,contents:e.contents,title:e.title})},[]),Q=(0,u.useCallback)(()=>{X.current=setTimeout(()=>M(null),200)},[]),$=(0,u.useCallback)(e=>{E({page:e.page,pdfRect:e.pdfRect}),G(e.page)},[E,G]),Se=(0,u.useMemo)(()=>({pdf:V,numPages:H,zoom:x,setZoom:S,rotation:C,setRotation:w,currentPage:W,goToPage:G,containerRef:I,canvasRefs:R,file:e,highlight:T,setHighlight:E,searchMatches:D,setSearchMatches:fe,onChangeFile:g,sidebarCollapsed:O,setSidebarCollapsed:pe,fitMode:k,setFitMode:A,navigationLocked:!!y&&!N}),[V,H,x,C,W,G,e,T,D,g,O,k,y,N]);return(0,f.jsx)(ie.ThemeProvider,{themeOverrides:ce,defaultTheme:le,children:(0,f.jsx)(ae.LabelsProvider,{language:ue,children:(0,f.jsxs)(t.PDFViewerContext.Provider,{value:Se,children:[(0,f.jsxs)(`div`,{className:`${l.default.appLayout}${v?` ${v}`:``}`,style:de,children:[h&&(0,f.jsx)(`div`,{className:l.default.toolbar,children:h}),(0,f.jsxs)(`div`,{className:l.default.body,children:[m,(0,f.jsxs)(`div`,{className:l.default.scrollContainer,ref:I,children:[he&&(0,f.jsx)(`div`,{className:l.default.documentLoading}),Array.from({length:H},(e,t)=>{let n=q.has(t+1),r=ge[t],i=J.includes(t+1);return(0,f.jsxs)(`div`,{className:l.default.pageWrapper,ref:e=>{L.current[t]=e},style:r?{width:r.width,height:r.height}:void 0,children:[r&&!n&&(0,f.jsx)(`div`,{className:l.default.pageSkeleton,style:{width:r.width,height:r.height}}),i&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`canvas`,{className:l.default.pageCanvas,ref:e=>{R.current[t]=e},style:{display:n?`block`:`none`}}),(0,f.jsx)(`div`,{className:`textLayer ${l.default.textLayer}`,ref:e=>{_e.current[t]=e}})]}),ve.filter(e=>e.page===t+1).map((e,t)=>(0,f.jsx)(`a`,{className:l.default.linkOverlay,href:e.url&&a.isSafeUrl(e.url)?e.url:`#`,target:`_blank`,rel:`noopener noreferrer`,style:{left:e.x,top:e.y,width:e.width,height:e.height},onClick:t=>xe(e,t)},t)),ye.filter(e=>e.page===t+1).map((e,t)=>e.subtype===`Text`?(0,f.jsx)(`div`,{className:l.default.noteIconOverlay,style:{left:e.x,top:e.y,width:Math.max(e.width,26),height:Math.max(e.height,26)},onMouseEnter:t=>Z(e,t),onMouseLeave:Q,onClick:()=>$(e),children:(0,f.jsxs)(`svg`,{width:`22`,height:`22`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`rect`,{x:`0.5`,y:`0.5`,width:`9`,height:`8`,rx:`1`,fill:`rgba(255,210,0,0.9)`,stroke:`rgba(160,120,0,0.7)`,strokeWidth:`1`}),(0,f.jsx)(`path`,{d:`M9.5 5.5v3l2.5-3z`,fill:`rgba(255,210,0,0.9)`,stroke:`rgba(160,120,0,0.7)`,strokeWidth:`1`}),(0,f.jsx)(`line`,{x1:`2`,y1:`3`,x2:`8`,y2:`3`,stroke:`rgba(90,60,0,0.8)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,f.jsx)(`line`,{x1:`2`,y1:`5.5`,x2:`7`,y2:`5.5`,stroke:`rgba(90,60,0,0.8)`,strokeWidth:`1`,strokeLinecap:`round`})]})},t):(0,f.jsx)(`div`,{className:l.default.noteOverlay,style:{left:e.x,top:e.y,width:e.width,height:e.height},onMouseEnter:t=>Z(e,t),onMouseLeave:Q,onClick:()=>$(e)},t)),be.filter(e=>e.page===t+1).map((e,t)=>(0,f.jsx)(`div`,{className:l.default.searchMatchOverlay,style:{left:e.x,top:e.y,width:e.width,height:e.height}},t)),T&&Y?.page===t+1&&(0,f.jsx)(`div`,{className:l.default.highlightOverlay,style:{left:Y.x,top:Y.y,width:Y.width,height:Y.height}})]},`${t}-${C}`)}),y&&(0,f.jsx)(se,{hasRead:N})]})]})]}),j&&(0,f.jsxs)(`div`,{className:l.default.notePopover,style:j.above?{left:j.x,bottom:j.y}:{left:j.x,top:j.y},onMouseEnter:()=>{X.current&&clearTimeout(X.current)},onMouseLeave:Q,onClick:e=>e.stopPropagation(),children:[j.title&&(0,f.jsx)(`div`,{className:l.default.notePopoverTitle,children:j.title}),(0,f.jsx)(`p`,{className:l.default.notePopoverContent,children:j.contents})]})]})})})};exports.default=m;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../context/PDFViewerContext.cjs`),n=require(`../hooks/useScrollTracking.cjs`),r=require(`../hooks/useKeyboardShortcuts.cjs`),i=require(`../hooks/useTextLayer.cjs`),a=require(`../utils/url.cjs`),ee=require(`../hooks/useAnnotationLayer.cjs`),te=require(`../hooks/usePDFLoader.cjs`),ne=require(`../hooks/usePDFRenderer.cjs`),re=require(`../hooks/useOverlayRects.cjs`),ie=require(`../hooks/usePinchZoom.cjs`),o=require(`../utils/pdfjsPolyfill.cjs`),s=require(`../utils/pdfFit.cjs`),ae=require(`../context/ThemeContext.cjs`),oe=require(`../context/LabelsContext.cjs`),c=require(`../hooks/useLabels.cjs`),l=require(`./PDFViewer.module.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`pdfjs-dist`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);o.applyPdfjsPolyfill();var p=2;function se({hasRead:e}){let t=c.useLabels();return(0,f.jsxs)(`div`,{className:`${l.default.requireReadBanner} ${e?l.default.requireReadDone:``}`,children:[e?(0,f.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M3 8l3.5 3.5L13 4.5`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})}):(0,f.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M8 3v10M4 9l4 4 4-4`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})}),(0,f.jsx)(`span`,{children:e?t.requireReadDone:t.requireReadPending})]})}var m=({file:e,workerSrc:c,sidebar:m,toolbar:h,onChangeFile:g,themeOverrides:ce,defaultTheme:le,defaultFit:_,language:ue,className:v,style:de,requireRead:y,onDocumentRead:b})=>{(0,u.useEffect)(()=>{let e=new URL(c,location.href).href,t=new Blob([`${o.PDFJS_POLYFILL}\nimport(${JSON.stringify(e)});`],{type:`application/javascript`}),n=URL.createObjectURL(t);return d.GlobalWorkerOptions.workerSrc=n,()=>URL.revokeObjectURL(n)},[c]);let[x,S]=(0,u.useState)(1),[C,w]=(0,u.useState)(0),[T,E]=(0,u.useState)(null),[D,fe]=(0,u.useState)([]),[O,pe]=(0,u.useState)(!1),[k,A]=(0,u.useState)(_??null),[j,M]=(0,u.useState)(null),[N,P]=(0,u.useState)(!1),F=(0,u.useRef)(!1),I=(0,u.useRef)(null),L=(0,u.useRef)([]),R=(0,u.useRef)([]),z=(0,u.useRef)(C);(0,u.useEffect)(()=>{z.current=C},[C]);let[B,me]=(0,u.useState)(null);B!==e&&(me(e),E(null),P(!1)),(0,u.useEffect)(()=>{F.current=!1},[e]);let{pdf:V,numPages:H,loading:he}=te.usePDFLoader(e);(0,u.useEffect)(()=>{V&&(L.current=Array(V.numPages).fill(null),R.current=Array(V.numPages).fill(null))},[V]),(0,u.useEffect)(()=>{!V||!_||!I.current||s.computeFit(_,V,I.current,z.current).then(S)},[V,_]);let U=(0,u.useRef)(k);(0,u.useEffect)(()=>{U.current=k},[k]),(0,u.useEffect)(()=>{if(!V||!I.current)return;let e=I.current,t=new ResizeObserver(()=>{U.current&&s.computeFit(U.current,V,e,z.current).then(S)});return t.observe(e),()=>t.disconnect()},[V]);let{currentPage:W,goToPage:G}=n.useScrollTracking({numPages:H,containerRef:I,pageRefs:L});(0,u.useEffect)(()=>{H===0||W<H||(y&&!N&&P(!0),F.current||(F.current=!0,b?.()))},[W,H,y,N,b]);let K=(0,u.useMemo)(()=>{if(H===0)return[];let e=new Set,t=Math.max(W-p,1),n=Math.min(W+p,H);for(let r=t;r<=n;r++)e.add(r);T&&e.add(T.page);for(let t of D)e.add(t.page);return Array.from(e).sort((e,t)=>e-t)},[W,H,T,D]),{pageSizes:ge,renderedPages:q}=ne.usePDFRenderer({pdf:V,zoom:x,rotation:C,visiblePages:K,canvasRefs:R}),J=(0,u.useMemo)(()=>{let e=new Set(K);for(let t of q)e.add(t);return Array.from(e).sort((e,t)=>e-t)},[K,q]);r.useKeyboardShortcuts({pdf:V,currentPage:W,goToPage:G,setRotation:w}),ie.usePinchZoom(I,x,S,A);let _e=i.useTextLayer({pdf:V,zoom:x,rotation:C,mountedPages:J,canvasRefs:R}),{linkOverlays:ve,noteOverlays:ye}=ee.useAnnotationLayer({pdf:V,zoom:x,rotation:C,mountedPages:J,goToPage:G});(0,u.useEffect)(()=>{if(!j)return;let e=()=>M(null),t=e=>{e.key===`Escape`&&M(null)};return document.addEventListener(`click`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`click`,e),document.removeEventListener(`keydown`,t)}},[j]);let{overlayRect:Y,searchOverlays:be}=re.useOverlayRects({pdf:V,highlight:T,searchMatches:D,zoom:x,rotation:C}),xe=(0,u.useCallback)((e,t)=>{(!e.url||!a.isSafeUrl(e.url))&&(t.preventDefault(),e.url||e._handleClick())},[]),X=(0,u.useRef)(null),Z=(0,u.useCallback)((e,t)=>{X.current&&clearTimeout(X.current);let n=t.clientY>window.innerHeight*.6;M({x:Math.min(t.clientX,window.innerWidth-304),y:n?window.innerHeight-t.clientY+8:t.clientY+12,above:n,contents:e.contents,title:e.title})},[]),Q=(0,u.useCallback)(()=>{X.current=setTimeout(()=>M(null),200)},[]),$=(0,u.useCallback)(e=>{E({page:e.page,pdfRect:e.pdfRect}),G(e.page)},[E,G]),Se=(0,u.useMemo)(()=>({pdf:V,numPages:H,zoom:x,setZoom:S,rotation:C,setRotation:w,currentPage:W,goToPage:G,containerRef:I,canvasRefs:R,file:e,highlight:T,setHighlight:E,searchMatches:D,setSearchMatches:fe,onChangeFile:g,sidebarCollapsed:O,setSidebarCollapsed:pe,fitMode:k,setFitMode:A,navigationLocked:!!y&&!N}),[V,H,x,C,W,G,e,T,D,g,O,k,y,N]);return(0,f.jsx)(ae.ThemeProvider,{themeOverrides:ce,defaultTheme:le,children:(0,f.jsx)(oe.LabelsProvider,{language:ue,children:(0,f.jsxs)(t.PDFViewerContext.Provider,{value:Se,children:[(0,f.jsxs)(`div`,{className:`${l.default.appLayout}${v?` ${v}`:``}`,style:de,children:[h&&(0,f.jsx)(`div`,{className:l.default.toolbar,children:h}),(0,f.jsxs)(`div`,{className:l.default.body,children:[m,(0,f.jsxs)(`div`,{className:l.default.scrollContainer,ref:I,children:[he&&(0,f.jsx)(`div`,{className:l.default.documentLoading}),Array.from({length:H},(e,t)=>{let n=q.has(t+1),r=ge[t],i=J.includes(t+1);return(0,f.jsxs)(`div`,{className:l.default.pageWrapper,ref:e=>{L.current[t]=e},style:r?{width:r.width,height:r.height}:void 0,children:[r&&!n&&(0,f.jsx)(`div`,{className:l.default.pageSkeleton,style:{width:r.width,height:r.height}}),i&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`canvas`,{className:l.default.pageCanvas,ref:e=>{R.current[t]=e},style:{display:n?`block`:`none`}}),(0,f.jsx)(`div`,{className:`textLayer ${l.default.textLayer}`,ref:e=>{_e.current[t]=e}})]}),ve.filter(e=>e.page===t+1).map((e,t)=>(0,f.jsx)(`a`,{className:l.default.linkOverlay,href:e.url&&a.isSafeUrl(e.url)?e.url:`#`,target:`_blank`,rel:`noopener noreferrer`,style:{left:e.x,top:e.y,width:e.width,height:e.height},onClick:t=>xe(e,t)},t)),ye.filter(e=>e.page===t+1).map((e,t)=>e.subtype===`Text`?(0,f.jsx)(`div`,{className:l.default.noteIconOverlay,style:{left:e.x,top:e.y,width:Math.max(e.width,26),height:Math.max(e.height,26)},onMouseEnter:t=>Z(e,t),onMouseLeave:Q,onClick:()=>$(e),children:(0,f.jsxs)(`svg`,{width:`22`,height:`22`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`rect`,{x:`0.5`,y:`0.5`,width:`9`,height:`8`,rx:`1`,fill:`rgba(255,210,0,0.9)`,stroke:`rgba(160,120,0,0.7)`,strokeWidth:`1`}),(0,f.jsx)(`path`,{d:`M9.5 5.5v3l2.5-3z`,fill:`rgba(255,210,0,0.9)`,stroke:`rgba(160,120,0,0.7)`,strokeWidth:`1`}),(0,f.jsx)(`line`,{x1:`2`,y1:`3`,x2:`8`,y2:`3`,stroke:`rgba(90,60,0,0.8)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,f.jsx)(`line`,{x1:`2`,y1:`5.5`,x2:`7`,y2:`5.5`,stroke:`rgba(90,60,0,0.8)`,strokeWidth:`1`,strokeLinecap:`round`})]})},t):(0,f.jsx)(`div`,{className:l.default.noteOverlay,style:{left:e.x,top:e.y,width:e.width,height:e.height},onMouseEnter:t=>Z(e,t),onMouseLeave:Q,onClick:()=>$(e)},t)),be.filter(e=>e.page===t+1).map((e,t)=>(0,f.jsx)(`div`,{className:l.default.searchMatchOverlay,style:{left:e.x,top:e.y,width:e.width,height:e.height}},t)),T&&Y?.page===t+1&&(0,f.jsx)(`div`,{className:l.default.highlightOverlay,style:{left:Y.x,top:Y.y,width:Y.width,height:Y.height}})]},`${t}-${C}`)}),y&&(0,f.jsx)(se,{hasRead:N})]})]})]}),j&&(0,f.jsxs)(`div`,{className:l.default.notePopover,style:j.above?{left:j.x,bottom:j.y}:{left:j.x,top:j.y},onMouseEnter:()=>{X.current&&clearTimeout(X.current)},onMouseLeave:Q,onClick:e=>e.stopPropagation(),children:[j.title&&(0,f.jsx)(`div`,{className:l.default.notePopoverTitle,children:j.title}),(0,f.jsx)(`p`,{className:l.default.notePopoverContent,children:j.contents})]})]})})})};exports.default=m;

package/dist/cjs/utils/pdfjsPolyfill.cjs

@@ -0,0 +1 @@
+var e=`(function(){function g(k,f){if(!this.has(k))this.set(k,f(k));return this.get(k);}if(typeof Map!=="undefined"&&!("getOrInsertComputed" in Map.prototype))Map.prototype.getOrInsertComputed=g;if(typeof WeakMap!=="undefined"&&!("getOrInsertComputed" in WeakMap.prototype))WeakMap.prototype.getOrInsertComputed=g;})();`;function t(){let e=function(e,t){return this.has(e)||this.set(e,t(e)),this.get(e)};`getOrInsertComputed`in Map.prototype||(Map.prototype.getOrInsertComputed=e),`getOrInsertComputed`in WeakMap.prototype||(WeakMap.prototype.getOrInsertComputed=e)}exports.PDFJS_POLYFILL=e,exports.applyPdfjsPolyfill=t;

package/dist/es/components/PDFViewer.js

@@ -8,262 +8,261 @@ import { usePDFLoader as ee } from "../hooks/usePDFLoader.js";
 import { usePDFRenderer as te } from "../hooks/usePDFRenderer.js";
 import { useOverlayRects as ne } from "../hooks/useOverlayRects.js";
 import { usePinchZoom as re } from "../hooks/usePinchZoom.js";
-import { computeFit as o } from "../utils/pdfFit.js";
-import { ThemeProvider as ie } from "../context/ThemeContext.js";
-import { LabelsProvider as ae } from "../context/LabelsContext.js";
-import { useLabels as s } from "../hooks/useLabels.js";
-import c from "./PDFViewer.module.js";
-import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import * as oe from "pdfjs-dist";
-import { Fragment as se, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { PDFJS_POLYFILL as ie, applyPdfjsPolyfill as o } from "../utils/pdfjsPolyfill.js";
+import { computeFit as s } from "../utils/pdfFit.js";
+import { ThemeProvider as ae } from "../context/ThemeContext.js";
+import { LabelsProvider as oe } from "../context/LabelsContext.js";
+import { useLabels as c } from "../hooks/useLabels.js";
+import l from "./PDFViewer.module.js";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import * as se from "pdfjs-dist";
+import { Fragment as ce, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/PDFViewer.tsx
-var ce = "\"getOrInsertComputed\" in Map.prototype || (Map.prototype.getOrInsertComputed = function(k,f){if(!this.has(k))this.set(k,f(k));return this.get(k);});", g = 2;
+o();
+var _ = 2;
 function le({ hasRead: e }) {
-	let t = s();
-	return /* @__PURE__ */ h("div", {
-		className: `${c.requireReadBanner} ${e ? c.requireReadDone : ""}`,
-		children: [e ? /* @__PURE__ */ m("svg", {
+	let t = c();
+	return /* @__PURE__ */ g("div", {
+		className: `${l.requireReadBanner} ${e ? l.requireReadDone : ""}`,
+		children: [e ? /* @__PURE__ */ h("svg", {
 			width: "16",
 			height: "16",
 			viewBox: "0 0 16 16",
 			fill: "none",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ m("path", {
+			children: /* @__PURE__ */ h("path", {
 				d: "M3 8l3.5 3.5L13 4.5",
 				stroke: "currentColor",
 				strokeWidth: "2",
 				strokeLinecap: "round",
 				strokeLinejoin: "round"
 			})
-		}) : /* @__PURE__ */ m("svg", {
+		}) : /* @__PURE__ */ h("svg", {
 			width: "16",
 			height: "16",
 			viewBox: "0 0 16 16",
 			fill: "none",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ m("path", {
+			children: /* @__PURE__ */ h("path", {
 				d: "M8 3v10M4 9l4 4 4-4",
 				stroke: "currentColor",
 				strokeWidth: "2",
 				strokeLinecap: "round",
 				strokeLinejoin: "round"
 			})
-		}), /* @__PURE__ */ m("span", { children: e ? t.requireReadDone : t.requireReadPending })]
+		}), /* @__PURE__ */ h("span", { children: e ? t.requireReadDone : t.requireReadPending })]
 	});
 }
-var _ = ({ file: s, workerSrc: _, sidebar: ue, toolbar: v, onChangeFile: y, themeOverrides: de, defaultTheme: fe, defaultFit: b, language: pe, className: x, style: me, requireRead: S, onDocumentRead: C }) => {
-	"getOrInsertComputed" in Map.prototype || (Map.prototype.getOrInsertComputed = function(e, t) {
-		let n = this;
-		return n.has(e) || n.set(e, t(e)), n.get(e);
-	}), u(() => {
-		let e = new URL(_, location.href).href, t = new Blob([`${ce}\nimport(${JSON.stringify(e)});`], { type: "application/javascript" }), n = URL.createObjectURL(t);
-		return oe.GlobalWorkerOptions.workerSrc = n, () => URL.revokeObjectURL(n);
-	}, [_]);
-	let [w, T] = p(1), [E, he] = p(0), [D, O] = p(null), [k, ge] = p([]), [A, _e] = p(!1), [j, M] = p(b ?? null), [N, P] = p(null), [F, I] = p(!1), L = f(!1), R = f(null), z = f([]), B = f([]), V = f(E);
-	u(() => {
-		V.current = E;
-	}, [E]);
-	let [ve, ye] = p(null);
-	ve !== s && (ye(s), O(null), I(!1)), u(() => {
-		L.current = !1;
-	}, [s]);
-	let { pdf: H, numPages: U, loading: be } = ee(s);
-	u(() => {
-		H && (z.current = Array(H.numPages).fill(null), B.current = Array(H.numPages).fill(null));
-	}, [H]), u(() => {
-		!H || !b || !R.current || o(b, H, R.current, V.current).then(T);
-	}, [H, b]);
-	let W = f(j);
-	u(() => {
-		W.current = j;
-	}, [j]), u(() => {
-		if (!H || !R.current) return;
-		let e = R.current, t = new ResizeObserver(() => {
-			W.current && o(W.current, H, e, V.current).then(T);
+var v = ({ file: o, workerSrc: c, sidebar: v, toolbar: y, onChangeFile: b, themeOverrides: ue, defaultTheme: de, defaultFit: x, language: fe, className: S, style: pe, requireRead: C, onDocumentRead: w }) => {
+	d(() => {
+		let e = new URL(c, location.href).href, t = new Blob([`${ie}\nimport(${JSON.stringify(e)});`], { type: "application/javascript" }), n = URL.createObjectURL(t);
+		return se.GlobalWorkerOptions.workerSrc = n, () => URL.revokeObjectURL(n);
+	}, [c]);
+	let [T, E] = m(1), [D, me] = m(0), [O, k] = m(null), [A, he] = m([]), [j, ge] = m(!1), [M, N] = m(x ?? null), [P, F] = m(null), [I, L] = m(!1), R = p(!1), z = p(null), B = p([]), V = p([]), H = p(D);
+	d(() => {
+		H.current = D;
+	}, [D]);
+	let [_e, ve] = m(null);
+	_e !== o && (ve(o), k(null), L(!1)), d(() => {
+		R.current = !1;
+	}, [o]);
+	let { pdf: U, numPages: W, loading: ye } = ee(o);
+	d(() => {
+		U && (B.current = Array(U.numPages).fill(null), V.current = Array(U.numPages).fill(null));
+	}, [U]), d(() => {
+		!U || !x || !z.current || s(x, U, z.current, H.current).then(E);
+	}, [U, x]);
+	let G = p(M);
+	d(() => {
+		G.current = M;
+	}, [M]), d(() => {
+		if (!U || !z.current) return;
+		let e = z.current, t = new ResizeObserver(() => {
+			G.current && s(G.current, U, e, H.current).then(E);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [H]);
-	let { currentPage: G, goToPage: K } = t({
-		numPages: U,
-		containerRef: R,
-		pageRefs: z
+	}, [U]);
+	let { currentPage: K, goToPage: q } = t({
+		numPages: W,
+		containerRef: z,
+		pageRefs: B
 	});
-	u(() => {
-		U === 0 || G < U || (S && !F && I(!0), L.current || (L.current = !0, C?.()));
+	d(() => {
+		W === 0 || K < W || (C && !I && L(!0), R.current || (R.current = !0, w?.()));
 	}, [
-		G,
-		U,
-		S,
-		F,
-		C
+		K,
+		W,
+		C,
+		I,
+		w
 	]);
-	let q = d(() => {
-		if (U === 0) return [];
-		let e = /* @__PURE__ */ new Set(), t = Math.max(G - g, 1), n = Math.min(G + g, U);
+	let J = f(() => {
+		if (W === 0) return [];
+		let e = /* @__PURE__ */ new Set(), t = Math.max(K - _, 1), n = Math.min(K + _, W);
 		for (let r = t; r <= n; r++) e.add(r);
-		D && e.add(D.page);
-		for (let t of k) e.add(t.page);
+		O && e.add(O.page);
+		for (let t of A) e.add(t.page);
 		return Array.from(e).sort((e, t) => e - t);
 	}, [
-		G,
-		U,
-		D,
-		k
-	]), { pageSizes: xe, renderedPages: J } = te({
-		pdf: H,
-		zoom: w,
-		rotation: E,
-		visiblePages: q,
-		canvasRefs: B
-	}), Y = d(() => {
-		let e = new Set(q);
-		for (let t of J) e.add(t);
+		K,
+		W,
+		O,
+		A
+	]), { pageSizes: be, renderedPages: Y } = te({
+		pdf: U,
+		zoom: T,
+		rotation: D,
+		visiblePages: J,
+		canvasRefs: V
+	}), X = f(() => {
+		let e = new Set(J);
+		for (let t of Y) e.add(t);
 		return Array.from(e).sort((e, t) => e - t);
-	}, [q, J]);
+	}, [J, Y]);
 	n({
-		pdf: H,
-		currentPage: G,
-		goToPage: K,
-		setRotation: he
-	}), re(R, w, T, M);
-	let Se = r({
-		pdf: H,
-		zoom: w,
-		rotation: E,
-		mountedPages: Y,
-		canvasRefs: B
-	}), { linkOverlays: Ce, noteOverlays: we } = a({
-		pdf: H,
-		zoom: w,
-		rotation: E,
-		mountedPages: Y,
-		goToPage: K
+		pdf: U,
+		currentPage: K,
+		goToPage: q,
+		setRotation: me
+	}), re(z, T, E, N);
+	let xe = r({
+		pdf: U,
+		zoom: T,
+		rotation: D,
+		mountedPages: X,
+		canvasRefs: V
+	}), { linkOverlays: Se, noteOverlays: Ce } = a({
+		pdf: U,
+		zoom: T,
+		rotation: D,
+		mountedPages: X,
+		goToPage: q
 	});
-	u(() => {
-		if (!N) return;
-		let e = () => P(null), t = (e) => {
-			e.key === "Escape" && P(null);
+	d(() => {
+		if (!P) return;
+		let e = () => F(null), t = (e) => {
+			e.key === "Escape" && F(null);
 		};
 		return document.addEventListener("click", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("click", e), document.removeEventListener("keydown", t);
 		};
-	}, [N]);
-	let { overlayRect: X, searchOverlays: Te } = ne({
-		pdf: H,
-		highlight: D,
-		searchMatches: k,
-		zoom: w,
-		rotation: E
-	}), Ee = l((e, t) => {
+	}, [P]);
+	let { overlayRect: Z, searchOverlays: we } = ne({
+		pdf: U,
+		highlight: O,
+		searchMatches: A,
+		zoom: T,
+		rotation: D
+	}), Te = u((e, t) => {
 		(!e.url || !i(e.url)) && (t.preventDefault(), e.url || e._handleClick());
-	}, []), Z = f(null), De = l((e, t) => {
-		Z.current && clearTimeout(Z.current);
+	}, []), Q = p(null), Ee = u((e, t) => {
+		Q.current && clearTimeout(Q.current);
 		let n = t.clientY > window.innerHeight * .6;
-		P({
+		F({
 			x: Math.min(t.clientX, window.innerWidth - 304),
 			y: n ? window.innerHeight - t.clientY + 8 : t.clientY + 12,
 			above: n,
 			contents: e.contents,
 			title: e.title
 		});
-	}, []), Q = l(() => {
-		Z.current = setTimeout(() => P(null), 200);
-	}, []), $ = l((e) => {
-		O({
+	}, []), $ = u(() => {
+		Q.current = setTimeout(() => F(null), 200);
+	}, []), De = u((e) => {
+		k({
 			page: e.page,
 			pdfRect: e.pdfRect
-		}), K(e.page);
-	}, [O, K]), Oe = d(() => ({
-		pdf: H,
-		numPages: U,
-		zoom: w,
-		setZoom: T,
-		rotation: E,
-		setRotation: he,
-		currentPage: G,
-		goToPage: K,
-		containerRef: R,
-		canvasRefs: B,
-		file: s,
-		highlight: D,
-		setHighlight: O,
-		searchMatches: k,
-		setSearchMatches: ge,
-		onChangeFile: y,
-		sidebarCollapsed: A,
-		setSidebarCollapsed: _e,
-		fitMode: j,
-		setFitMode: M,
-		navigationLocked: !!S && !F
+		}), q(e.page);
+	}, [k, q]), Oe = f(() => ({
+		pdf: U,
+		numPages: W,
+		zoom: T,
+		setZoom: E,
+		rotation: D,
+		setRotation: me,
+		currentPage: K,
+		goToPage: q,
+		containerRef: z,
+		canvasRefs: V,
+		file: o,
+		highlight: O,
+		setHighlight: k,
+		searchMatches: A,
+		setSearchMatches: he,
+		onChangeFile: b,
+		sidebarCollapsed: j,
+		setSidebarCollapsed: ge,
+		fitMode: M,
+		setFitMode: N,
+		navigationLocked: !!C && !I
 	}), [
-		H,
 		U,
-		w,
-		E,
-		G,
-		K,
-		s,
+		W,
+		T,
 		D,
-		k,
-		y,
+		K,
+		q,
+		o,
+		O,
 		A,
+		b,
 		j,
-		S,
-		F
+		M,
+		C,
+		I
 	]);
-	return /* @__PURE__ */ m(ie, {
-		themeOverrides: de,
-		defaultTheme: fe,
-		children: /* @__PURE__ */ m(ae, {
-			language: pe,
-			children: /* @__PURE__ */ h(e.Provider, {
+	return /* @__PURE__ */ h(ae, {
+		themeOverrides: ue,
+		defaultTheme: de,
+		children: /* @__PURE__ */ h(oe, {
+			language: fe,
+			children: /* @__PURE__ */ g(e.Provider, {
 				value: Oe,
-				children: [/* @__PURE__ */ h("div", {
-					className: `${c.appLayout}${x ? ` ${x}` : ""}`,
-					style: me,
-					children: [v && /* @__PURE__ */ m("div", {
-						className: c.toolbar,
-						children: v
-					}), /* @__PURE__ */ h("div", {
-						className: c.body,
-						children: [ue, /* @__PURE__ */ h("div", {
-							className: c.scrollContainer,
-							ref: R,
+				children: [/* @__PURE__ */ g("div", {
+					className: `${l.appLayout}${S ? ` ${S}` : ""}`,
+					style: pe,
+					children: [y && /* @__PURE__ */ h("div", {
+						className: l.toolbar,
+						children: y
+					}), /* @__PURE__ */ g("div", {
+						className: l.body,
+						children: [v, /* @__PURE__ */ g("div", {
+							className: l.scrollContainer,
+							ref: z,
 							children: [
-								be && /* @__PURE__ */ m("div", { className: c.documentLoading }),
-								Array.from({ length: U }, (e, t) => {
-									let n = J.has(t + 1), r = xe[t], a = Y.includes(t + 1);
-									return /* @__PURE__ */ h("div", {
-										className: c.pageWrapper,
+								ye && /* @__PURE__ */ h("div", { className: l.documentLoading }),
+								Array.from({ length: W }, (e, t) => {
+									let n = Y.has(t + 1), r = be[t], a = X.includes(t + 1);
+									return /* @__PURE__ */ g("div", {
+										className: l.pageWrapper,
 										ref: (e) => {
-											z.current[t] = e;
+											B.current[t] = e;
 										},
 										style: r ? {
 											width: r.width,
 											height: r.height
 										} : void 0,
 										children: [
-											r && !n && /* @__PURE__ */ m("div", {
-												className: c.pageSkeleton,
+											r && !n && /* @__PURE__ */ h("div", {
+												className: l.pageSkeleton,
 												style: {
 													width: r.width,
 													height: r.height
 												}
 											}),
-											a && /* @__PURE__ */ h(se, { children: [/* @__PURE__ */ m("canvas", {
-												className: c.pageCanvas,
+											a && /* @__PURE__ */ g(ce, { children: [/* @__PURE__ */ h("canvas", {
+												className: l.pageCanvas,
 												ref: (e) => {
-													B.current[t] = e;
+													V.current[t] = e;
 												},
 												style: { display: n ? "block" : "none" }
-											}), /* @__PURE__ */ m("div", {
-												className: `textLayer ${c.textLayer}`,
+											}), /* @__PURE__ */ h("div", {
+												className: `textLayer ${l.textLayer}`,
 												ref: (e) => {
-													Se.current[t] = e;
+													xe.current[t] = e;
 												}
 											})] }),
-											Ce.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ m("a", {
-												className: c.linkOverlay,
+											Se.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ h("a", {
+												className: l.linkOverlay,
 												href: e.url && i(e.url) ? e.url : "#",
 												target: "_blank",
 												rel: "noopener noreferrer",
@@ -273,27 +272,27 @@ var _ = ({ file: s, workerSrc: _, sidebar: ue, toolbar: v, onChangeFile: y, them
 													width: e.width,
 													height: e.height
 												},
-												onClick: (t) => Ee(e, t)
+												onClick: (t) => Te(e, t)
 											}, t)),
-											we.filter((e) => e.page === t + 1).map((e, t) => e.subtype === "Text" ? /* @__PURE__ */ m("div", {
-												className: c.noteIconOverlay,
+											Ce.filter((e) => e.page === t + 1).map((e, t) => e.subtype === "Text" ? /* @__PURE__ */ h("div", {
+												className: l.noteIconOverlay,
 												style: {
 													left: e.x,
 													top: e.y,
 													width: Math.max(e.width, 26),
 													height: Math.max(e.height, 26)
 												},
-												onMouseEnter: (t) => De(e, t),
-												onMouseLeave: Q,
-												onClick: () => $(e),
-												children: /* @__PURE__ */ h("svg", {
+												onMouseEnter: (t) => Ee(e, t),
+												onMouseLeave: $,
+												onClick: () => De(e),
+												children: /* @__PURE__ */ g("svg", {
 													width: "22",
 													height: "22",
 													viewBox: "0 0 12 12",
 													fill: "none",
 													"aria-hidden": "true",
 													children: [
-														/* @__PURE__ */ m("rect", {
+														/* @__PURE__ */ h("rect", {
 															x: "0.5",
 															y: "0.5",
 															width: "9",
@@ -303,13 +302,13 @@ var _ = ({ file: s, workerSrc: _, sidebar: ue, toolbar: v, onChangeFile: y, them
 															stroke: "rgba(160,120,0,0.7)",
 															strokeWidth: "1"
 														}),
-														/* @__PURE__ */ m("path", {
+														/* @__PURE__ */ h("path", {
 															d: "M9.5 5.5v3l2.5-3z",
 															fill: "rgba(255,210,0,0.9)",
 															stroke: "rgba(160,120,0,0.7)",
 															strokeWidth: "1"
 														}),
-														/* @__PURE__ */ m("line", {
+														/* @__PURE__ */ h("line", {
 															x1: "2",
 															y1: "3",
 															x2: "8",
@@ -318,7 +317,7 @@ var _ = ({ file: s, workerSrc: _, sidebar: ue, toolbar: v, onChangeFile: y, them
 															strokeWidth: "1",
 															strokeLinecap: "round"
 														}),
-														/* @__PURE__ */ m("line", {
+														/* @__PURE__ */ h("line", {
 															x1: "2",
 															y1: "5.5",
 															x2: "7",
@@ -329,20 +328,20 @@ var _ = ({ file: s, workerSrc: _, sidebar: ue, toolbar: v, onChangeFile: y, them
 														})
 													]
 												})
-											}, t) : /* @__PURE__ */ m("div", {
-												className: c.noteOverlay,
+											}, t) : /* @__PURE__ */ h("div", {
+												className: l.noteOverlay,
 												style: {
 													left: e.x,
 													top: e.y,
 													width: e.width,
 													height: e.height
 												},
-												onMouseEnter: (t) => De(e, t),
-												onMouseLeave: Q,
-												onClick: () => $(e)
+												onMouseEnter: (t) => Ee(e, t),
+												onMouseLeave: $,
+												onClick: () => De(e)
 											}, t)),
-											Te.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ m("div", {
-												className: c.searchMatchOverlay,
+											we.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ h("div", {
+												className: l.searchMatchOverlay,
 												style: {
 													left: e.x,
 													top: e.y,
@@ -350,42 +349,42 @@ var _ = ({ file: s, workerSrc: _, sidebar: ue, toolbar: v, onChangeFile: y, them
 													height: e.height
 												}
 											}, t)),
-											D && X?.page === t + 1 && /* @__PURE__ */ m("div", {
-												className: c.highlightOverlay,
+											O && Z?.page === t + 1 && /* @__PURE__ */ h("div", {
+												className: l.highlightOverlay,
 												style: {
-													left: X.x,
-													top: X.y,
-													width: X.width,
-													height: X.height
+													left: Z.x,
+													top: Z.y,
+													width: Z.width,
+													height: Z.height
 												}
 											})
 										]
-									}, `${t}-${E}`);
+									}, `${t}-${D}`);
 								}),
-								S && /* @__PURE__ */ m(le, { hasRead: F })
+								C && /* @__PURE__ */ h(le, { hasRead: I })
 							]
 						})]
 					})]
-				}), N && /* @__PURE__ */ h("div", {
-					className: c.notePopover,
-					style: N.above ? {
-						left: N.x,
-						bottom: N.y
+				}), P && /* @__PURE__ */ g("div", {
+					className: l.notePopover,
+					style: P.above ? {
+						left: P.x,
+						bottom: P.y
 					} : {
-						left: N.x,
-						top: N.y
+						left: P.x,
+						top: P.y
 					},
 					onMouseEnter: () => {
-						Z.current && clearTimeout(Z.current);
+						Q.current && clearTimeout(Q.current);
 					},
-					onMouseLeave: Q,
+					onMouseLeave: $,
 					onClick: (e) => e.stopPropagation(),
-					children: [N.title && /* @__PURE__ */ m("div", {
-						className: c.notePopoverTitle,
-						children: N.title
-					}), /* @__PURE__ */ m("p", {
-						className: c.notePopoverContent,
-						children: N.contents
+					children: [P.title && /* @__PURE__ */ h("div", {
+						className: l.notePopoverTitle,
+						children: P.title
+					}), /* @__PURE__ */ h("p", {
+						className: l.notePopoverContent,
+						children: P.contents
 					})]
 				})]
 			})
@@ -393,4 +392,4 @@ var _ = ({ file: s, workerSrc: _, sidebar: ue, toolbar: v, onChangeFile: y, them
 	});
 };
 //#endregion
-export { _ as default };
+export { v as default };

package/dist/es/utils/pdfjsPolyfill.js

@@ -0,0 +1,10 @@
+//#region src/utils/pdfjsPolyfill.ts
+var e = "(function(){function g(k,f){if(!this.has(k))this.set(k,f(k));return this.get(k);}if(typeof Map!==\"undefined\"&&!(\"getOrInsertComputed\" in Map.prototype))Map.prototype.getOrInsertComputed=g;if(typeof WeakMap!==\"undefined\"&&!(\"getOrInsertComputed\" in WeakMap.prototype))WeakMap.prototype.getOrInsertComputed=g;})();";
+function t() {
+	let e = function(e, t) {
+		return this.has(e) || this.set(e, t(e)), this.get(e);
+	};
+	"getOrInsertComputed" in Map.prototype || (Map.prototype.getOrInsertComputed = e), "getOrInsertComputed" in WeakMap.prototype || (WeakMap.prototype.getOrInsertComputed = e);
+}
+//#endregion
+export { e as PDFJS_POLYFILL, t as applyPdfjsPolyfill };

package/dist/utils/pdfjsPolyfill.d.ts

@@ -0,0 +1,2 @@
+export declare const PDFJS_POLYFILL: string;
+export declare function applyPdfjsPolyfill(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdf-tsx",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "description": "A fully-featured, composable PDF viewer component for React",
   "type": "module",
   "main": "./dist/cjs/index.cjs",