@page-speed/lightbox 0.1.2 → 0.1.3

package/dist/components/Lightbox.d.ts

@@ -7,4 +7,4 @@ import { LightboxProps } from "../types";
  * That keeps it easy to integrate into the Semantic Site Builder while
  * still providing strong defaults for keyboard and scroll handling.
  */
-export declare function Lightbox(props: LightboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Lightbox(props: LightboxProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/index.js

@@ -9064,10 +9064,10 @@ var require_pdf = __commonJS({
                 value: true
               });
               exports2.GlobalWorkerOptions = void 0;
-              const GlobalWorkerOptions2 = /* @__PURE__ */ Object.create(null);
-              exports2.GlobalWorkerOptions = GlobalWorkerOptions2;
-              GlobalWorkerOptions2.workerPort = null;
-              GlobalWorkerOptions2.workerSrc = "";
+              const GlobalWorkerOptions = /* @__PURE__ */ Object.create(null);
+              exports2.GlobalWorkerOptions = GlobalWorkerOptions;
+              GlobalWorkerOptions.workerPort = null;
+              GlobalWorkerOptions.workerSrc = "";
             }),
             /* 15 */
             /***/
@@ -18069,7 +18069,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18091,12 +18091,12 @@ __export(dist_exports, {
   useZoom: () => useZoom
 });
 import { useEffect as useEffect42 } from "react";
-import { useState as useState5, useEffect as useEffect7 } from "react";
+import { useState as useState5, useEffect as useEffect7, useRef as useRef3 } from "react";
 import { useState as useState22, useCallback as useCallback4 } from "react";
-import { useRef as useRef3, useState as useState32, useCallback as useCallback22 } from "react";
+import { useRef as useRef22, useState as useState32, useCallback as useCallback22 } from "react";
 import { useState as useState42, useCallback as useCallback32 } from "react";
 import { useState as useState52, useCallback as useCallback42 } from "react";
-import { useEffect as useEffect22, useRef as useRef22, useState as useState6 } from "react";
+import { useEffect as useEffect22, useRef as useRef32, useState as useState6 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 import { jsx as jsx22, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect32, useState as useState7 } from "react";
@@ -18107,12 +18107,19 @@ function usePDFDocument(url, onError) {
   const [loading, setLoading] = useState5(true);
   const [error, setError] = useState5(null);
   const [pdfDoc, setPdfDoc] = useState5(null);
+  const pdfjsInitialized = useRef3(false);
   useEffect7(() => {
     if (!url) return;
+    if (typeof window === "undefined") return;
     setLoading(true);
     setError(null);
     const loadPDF = async () => {
       try {
+        const pdfjsLib = await Promise.resolve().then(() => __toESM(require_pdf()));
+        if (!pdfjsInitialized.current) {
+          pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
+          pdfjsInitialized.current = true;
+        }
         const loadingTask = pdfjsLib.getDocument({
           url,
           withCredentials: true,
@@ -18177,7 +18184,7 @@ function usePageState({
   };
 }
 function usePageRenderer(pdfDoc) {
-  const cacheRef = useRef3(/* @__PURE__ */ new Map());
+  const cacheRef = useRef22(/* @__PURE__ */ new Map());
   const [rendering, setRendering] = useState32(false);
   const [pageInfo, setPageInfo] = useState32(null);
   const renderPage = useCallback22(
@@ -18335,7 +18342,7 @@ function PDFCanvas({
   scale,
   onRender
 }) {
-  const containerRef = useRef22(null);
+  const containerRef = useRef32(null);
   const [canvas, setCanvas] = useState6(null);
   useEffect22(() => {
     const render = async () => {
@@ -18676,13 +18683,10 @@ function createProgressiveFetchHandler(onProgress) {
     return response.arrayBuffer();
   };
 }
-var pdfjsLib, DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
+var DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
-    pdfjsLib = __toESM(require_pdf());
-    if (typeof window !== "undefined") {
-      pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
-    }
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+    "use client";
     DEFAULT_SCALE = 1.5;
     CACHE_SIZE = 50 * 1024 * 1024;
     MIN_ZOOM = 0.5;
@@ -18720,8 +18724,10 @@ import {
   useCallback as useCallback5,
   useEffect as useEffect8,
   useMemo as useMemo3,
-  useRef as useRef4
+  useRef as useRef4,
+  useState as useState8
 } from "react";
+import { createPortal } from "react-dom";
 
 // src/hooks/useGalleryState.ts
 import { useState, useCallback } from "react";
@@ -19838,31 +19844,24 @@ function Lightbox(props) {
     return "horizontal";
   }, [props.layout, breakpoint]);
   const didCloseRef = useRef4(false);
+  const [isMounted, setIsMounted] = useState8(false);
+  useEffect8(() => {
+    setIsMounted(true);
+  }, []);
   useEffect8(() => {
     props.onOpen?.();
     if (props.disableScroll === false) {
-      return () => {
-        if (!didCloseRef.current) {
-          props.onClose?.();
-        }
-      };
+      return;
     }
     if (typeof document === "undefined") {
-      return () => {
-        if (!didCloseRef.current) {
-          props.onClose?.();
-        }
-      };
+      return;
     }
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = previousOverflow;
-      if (!didCloseRef.current) {
-        props.onClose?.();
-      }
     };
-  }, [props.disableScroll, props.onOpen, props.onClose]);
+  }, [props.disableScroll, props.onOpen]);
   const handleClose = useCallback5(() => {
     if (didCloseRef.current) return;
     didCloseRef.current = true;
@@ -19948,7 +19947,7 @@ function Lightbox(props) {
       layoutComponent = /* @__PURE__ */ jsx14(HorizontalLayout, { ...layoutProps });
       break;
   }
-  return /* @__PURE__ */ jsxs10("div", { className: Lightbox_default.lightboxPortal, role: "dialog", "aria-modal": "true", children: [
+  const lightboxContent = /* @__PURE__ */ jsxs10("div", { className: Lightbox_default.lightboxPortal, role: "dialog", "aria-modal": "true", children: [
     /* @__PURE__ */ jsx14(
       LightboxOverlay,
       {
@@ -19958,6 +19957,10 @@ function Lightbox(props) {
     ),
     layoutComponent
   ] });
+  if (isMounted && typeof document !== "undefined") {
+    return createPortal(lightboxContent, document.body);
+  }
+  return null;
 }
 export {
   CustomSlideLayout,

package/dist/index.cjs

@@ -9060,10 +9060,10 @@ var require_pdf = __commonJS({
                 value: true
               });
               exports2.GlobalWorkerOptions = void 0;
-              const GlobalWorkerOptions2 = /* @__PURE__ */ Object.create(null);
-              exports2.GlobalWorkerOptions = GlobalWorkerOptions2;
-              GlobalWorkerOptions2.workerPort = null;
-              GlobalWorkerOptions2.workerSrc = "";
+              const GlobalWorkerOptions = /* @__PURE__ */ Object.create(null);
+              exports2.GlobalWorkerOptions = GlobalWorkerOptions;
+              GlobalWorkerOptions.workerPort = null;
+              GlobalWorkerOptions.workerSrc = "";
             }),
             /* 15 */
             /***/
@@ -18065,7 +18065,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18091,12 +18091,19 @@ function usePDFDocument(url, onError) {
   const [loading, setLoading] = (0, import_react9.useState)(true);
   const [error, setError] = (0, import_react9.useState)(null);
   const [pdfDoc, setPdfDoc] = (0, import_react9.useState)(null);
+  const pdfjsInitialized = (0, import_react9.useRef)(false);
   (0, import_react9.useEffect)(() => {
     if (!url) return;
+    if (typeof window === "undefined") return;
     setLoading(true);
     setError(null);
     const loadPDF = async () => {
       try {
+        const pdfjsLib = await Promise.resolve().then(() => __toESM(require_pdf()));
+        if (!pdfjsInitialized.current) {
+          pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
+          pdfjsInitialized.current = true;
+        }
         const loadingTask = pdfjsLib.getDocument({
           url,
           withCredentials: true,
@@ -18660,12 +18667,12 @@ function createProgressiveFetchHandler(onProgress) {
     return response.arrayBuffer();
   };
 }
-var import_react8, import_react9, pdfjsLib, import_react10, import_react11, import_react12, import_react13, import_react14, import_jsx_runtime5, import_jsx_runtime6, import_react15, import_jsx_runtime7, import_jsx_runtime8, DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
+var import_react8, import_react9, import_react10, import_react11, import_react12, import_react13, import_react14, import_jsx_runtime5, import_jsx_runtime6, import_react15, import_jsx_runtime7, import_jsx_runtime8, DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+    "use client";
     import_react8 = require("react");
     import_react9 = require("react");
-    pdfjsLib = __toESM(require_pdf());
     import_react10 = require("react");
     import_react11 = require("react");
     import_react12 = require("react");
@@ -18676,9 +18683,6 @@ var init_dist = __esm({
     import_react15 = require("react");
     import_jsx_runtime7 = require("react/jsx-runtime");
     import_jsx_runtime8 = require("react/jsx-runtime");
-    if (typeof window !== "undefined") {
-      pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
-    }
     DEFAULT_SCALE = 1.5;
     CACHE_SIZE = 50 * 1024 * 1024;
     MIN_ZOOM = 0.5;
@@ -18737,6 +18741,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/components/Lightbox.tsx
 var import_react17 = require("react");
+var import_react_dom = require("react-dom");
 
 // src/hooks/useGalleryState.ts
 var import_react = require("react");
@@ -19853,31 +19858,24 @@ function Lightbox(props) {
     return "horizontal";
   }, [props.layout, breakpoint]);
   const didCloseRef = (0, import_react17.useRef)(false);
+  const [isMounted, setIsMounted] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
+    setIsMounted(true);
+  }, []);
   (0, import_react17.useEffect)(() => {
     props.onOpen?.();
     if (props.disableScroll === false) {
-      return () => {
-        if (!didCloseRef.current) {
-          props.onClose?.();
-        }
-      };
+      return;
     }
     if (typeof document === "undefined") {
-      return () => {
-        if (!didCloseRef.current) {
-          props.onClose?.();
-        }
-      };
+      return;
     }
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = previousOverflow;
-      if (!didCloseRef.current) {
-        props.onClose?.();
-      }
     };
-  }, [props.disableScroll, props.onOpen, props.onClose]);
+  }, [props.disableScroll, props.onOpen]);
   const handleClose = (0, import_react17.useCallback)(() => {
     if (didCloseRef.current) return;
     didCloseRef.current = true;
@@ -19963,7 +19961,7 @@ function Lightbox(props) {
       layoutComponent = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HorizontalLayout, { ...layoutProps });
       break;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: Lightbox_default.lightboxPortal, role: "dialog", "aria-modal": "true", children: [
+  const lightboxContent = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: Lightbox_default.lightboxPortal, role: "dialog", "aria-modal": "true", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       LightboxOverlay,
       {
@@ -19973,6 +19971,10 @@ function Lightbox(props) {
     ),
     layoutComponent
   ] });
+  if (isMounted && typeof document !== "undefined") {
+    return (0, import_react_dom.createPortal)(lightboxContent, document.body);
+  }
+  return null;
 }
 
 // src/hooks/useLightboxState.ts

package/dist/index.js

@@ -9064,10 +9064,10 @@ var require_pdf = __commonJS({
                 value: true
               });
               exports2.GlobalWorkerOptions = void 0;
-              const GlobalWorkerOptions2 = /* @__PURE__ */ Object.create(null);
-              exports2.GlobalWorkerOptions = GlobalWorkerOptions2;
-              GlobalWorkerOptions2.workerPort = null;
-              GlobalWorkerOptions2.workerSrc = "";
+              const GlobalWorkerOptions = /* @__PURE__ */ Object.create(null);
+              exports2.GlobalWorkerOptions = GlobalWorkerOptions;
+              GlobalWorkerOptions.workerPort = null;
+              GlobalWorkerOptions.workerSrc = "";
             }),
             /* 15 */
             /***/
@@ -18069,7 +18069,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18091,12 +18091,12 @@ __export(dist_exports, {
   useZoom: () => useZoom
 });
 import { useEffect as useEffect42 } from "react";
-import { useState as useState5, useEffect as useEffect7 } from "react";
+import { useState as useState5, useEffect as useEffect7, useRef as useRef3 } from "react";
 import { useState as useState22, useCallback as useCallback4 } from "react";
-import { useRef as useRef3, useState as useState32, useCallback as useCallback22 } from "react";
+import { useRef as useRef22, useState as useState32, useCallback as useCallback22 } from "react";
 import { useState as useState42, useCallback as useCallback32 } from "react";
 import { useState as useState52, useCallback as useCallback42 } from "react";
-import { useEffect as useEffect22, useRef as useRef22, useState as useState6 } from "react";
+import { useEffect as useEffect22, useRef as useRef32, useState as useState6 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 import { jsx as jsx22, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect32, useState as useState7 } from "react";
@@ -18107,12 +18107,19 @@ function usePDFDocument(url, onError) {
   const [loading, setLoading] = useState5(true);
   const [error, setError] = useState5(null);
   const [pdfDoc, setPdfDoc] = useState5(null);
+  const pdfjsInitialized = useRef3(false);
   useEffect7(() => {
     if (!url) return;
+    if (typeof window === "undefined") return;
     setLoading(true);
     setError(null);
     const loadPDF = async () => {
       try {
+        const pdfjsLib = await Promise.resolve().then(() => __toESM(require_pdf()));
+        if (!pdfjsInitialized.current) {
+          pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
+          pdfjsInitialized.current = true;
+        }
         const loadingTask = pdfjsLib.getDocument({
           url,
           withCredentials: true,
@@ -18177,7 +18184,7 @@ function usePageState({
   };
 }
 function usePageRenderer(pdfDoc) {
-  const cacheRef = useRef3(/* @__PURE__ */ new Map());
+  const cacheRef = useRef22(/* @__PURE__ */ new Map());
   const [rendering, setRendering] = useState32(false);
   const [pageInfo, setPageInfo] = useState32(null);
   const renderPage = useCallback22(
@@ -18335,7 +18342,7 @@ function PDFCanvas({
   scale,
   onRender
 }) {
-  const containerRef = useRef22(null);
+  const containerRef = useRef32(null);
   const [canvas, setCanvas] = useState6(null);
   useEffect22(() => {
     const render = async () => {
@@ -18676,13 +18683,10 @@ function createProgressiveFetchHandler(onProgress) {
     return response.arrayBuffer();
   };
 }
-var pdfjsLib, DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
+var DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
-    pdfjsLib = __toESM(require_pdf());
-    if (typeof window !== "undefined") {
-      pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
-    }
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+    "use client";
     DEFAULT_SCALE = 1.5;
     CACHE_SIZE = 50 * 1024 * 1024;
     MIN_ZOOM = 0.5;
@@ -18720,8 +18724,10 @@ import {
   useCallback as useCallback5,
   useEffect as useEffect8,
   useMemo as useMemo3,
-  useRef as useRef4
+  useRef as useRef4,
+  useState as useState8
 } from "react";
+import { createPortal } from "react-dom";
 
 // src/hooks/useGalleryState.ts
 import { useState, useCallback } from "react";
@@ -19838,31 +19844,24 @@ function Lightbox(props) {
     return "horizontal";
   }, [props.layout, breakpoint]);
   const didCloseRef = useRef4(false);
+  const [isMounted, setIsMounted] = useState8(false);
+  useEffect8(() => {
+    setIsMounted(true);
+  }, []);
   useEffect8(() => {
     props.onOpen?.();
     if (props.disableScroll === false) {
-      return () => {
-        if (!didCloseRef.current) {
-          props.onClose?.();
-        }
-      };
+      return;
     }
     if (typeof document === "undefined") {
-      return () => {
-        if (!didCloseRef.current) {
-          props.onClose?.();
-        }
-      };
+      return;
     }
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = previousOverflow;
-      if (!didCloseRef.current) {
-        props.onClose?.();
-      }
     };
-  }, [props.disableScroll, props.onOpen, props.onClose]);
+  }, [props.disableScroll, props.onOpen]);
   const handleClose = useCallback5(() => {
     if (didCloseRef.current) return;
     didCloseRef.current = true;
@@ -19948,7 +19947,7 @@ function Lightbox(props) {
       layoutComponent = /* @__PURE__ */ jsx14(HorizontalLayout, { ...layoutProps });
       break;
   }
-  return /* @__PURE__ */ jsxs10("div", { className: Lightbox_default.lightboxPortal, role: "dialog", "aria-modal": "true", children: [
+  const lightboxContent = /* @__PURE__ */ jsxs10("div", { className: Lightbox_default.lightboxPortal, role: "dialog", "aria-modal": "true", children: [
     /* @__PURE__ */ jsx14(
       LightboxOverlay,
       {
@@ -19958,16 +19957,20 @@ function Lightbox(props) {
     ),
     layoutComponent
   ] });
+  if (isMounted && typeof document !== "undefined") {
+    return createPortal(lightboxContent, document.body);
+  }
+  return null;
 }
 
 // src/hooks/useLightboxState.ts
-import { useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
+import { useState as useState9, useCallback as useCallback6, useEffect as useEffect9 } from "react";
 function useLightboxState({
   onOpen,
   onClose,
   disableScroll = true
 }) {
-  const [isOpen, setIsOpen] = useState8(false);
+  const [isOpen, setIsOpen] = useState9(false);
   const open = useCallback6(() => {
     setIsOpen(true);
     onOpen?.();

package/dist/renderers/index.js

@@ -9064,10 +9064,10 @@ var require_pdf = __commonJS({
                 value: true
               });
               exports2.GlobalWorkerOptions = void 0;
-              const GlobalWorkerOptions2 = /* @__PURE__ */ Object.create(null);
-              exports2.GlobalWorkerOptions = GlobalWorkerOptions2;
-              GlobalWorkerOptions2.workerPort = null;
-              GlobalWorkerOptions2.workerSrc = "";
+              const GlobalWorkerOptions = /* @__PURE__ */ Object.create(null);
+              exports2.GlobalWorkerOptions = GlobalWorkerOptions;
+              GlobalWorkerOptions.workerPort = null;
+              GlobalWorkerOptions.workerSrc = "";
             }),
             /* 15 */
             /***/
@@ -18069,7 +18069,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18091,12 +18091,12 @@ __export(dist_exports, {
   useZoom: () => useZoom
 });
 import { useEffect as useEffect42 } from "react";
-import { useState as useState3, useEffect as useEffect5 } from "react";
+import { useState as useState3, useEffect as useEffect5, useRef as useRef3 } from "react";
 import { useState as useState22, useCallback as useCallback3 } from "react";
-import { useRef as useRef3, useState as useState32, useCallback as useCallback22 } from "react";
+import { useRef as useRef22, useState as useState32, useCallback as useCallback22 } from "react";
 import { useState as useState4, useCallback as useCallback32 } from "react";
 import { useState as useState5, useCallback as useCallback4 } from "react";
-import { useEffect as useEffect22, useRef as useRef22, useState as useState6 } from "react";
+import { useEffect as useEffect22, useRef as useRef32, useState as useState6 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 import { jsx as jsx22, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect32, useState as useState7 } from "react";
@@ -18107,12 +18107,19 @@ function usePDFDocument(url, onError) {
   const [loading, setLoading] = useState3(true);
   const [error, setError] = useState3(null);
   const [pdfDoc, setPdfDoc] = useState3(null);
+  const pdfjsInitialized = useRef3(false);
   useEffect5(() => {
     if (!url) return;
+    if (typeof window === "undefined") return;
     setLoading(true);
     setError(null);
     const loadPDF = async () => {
       try {
+        const pdfjsLib = await Promise.resolve().then(() => __toESM(require_pdf()));
+        if (!pdfjsInitialized.current) {
+          pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
+          pdfjsInitialized.current = true;
+        }
         const loadingTask = pdfjsLib.getDocument({
           url,
           withCredentials: true,
@@ -18177,7 +18184,7 @@ function usePageState({
   };
 }
 function usePageRenderer(pdfDoc) {
-  const cacheRef = useRef3(/* @__PURE__ */ new Map());
+  const cacheRef = useRef22(/* @__PURE__ */ new Map());
   const [rendering, setRendering] = useState32(false);
   const [pageInfo, setPageInfo] = useState32(null);
   const renderPage = useCallback22(
@@ -18335,7 +18342,7 @@ function PDFCanvas({
   scale,
   onRender
 }) {
-  const containerRef = useRef22(null);
+  const containerRef = useRef32(null);
   const [canvas, setCanvas] = useState6(null);
   useEffect22(() => {
     const render = async () => {
@@ -18676,13 +18683,10 @@ function createProgressiveFetchHandler(onProgress) {
     return response.arrayBuffer();
   };
 }
-var pdfjsLib, DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
+var DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
-    pdfjsLib = __toESM(require_pdf());
-    if (typeof window !== "undefined") {
-      pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;
-    }
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+    "use client";
     DEFAULT_SCALE = 1.5;
     CACHE_SIZE = 50 * 1024 * 1024;
     MIN_ZOOM = 0.5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@page-speed/lightbox",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "High-performance, feature-rich lightbox for OpenSite platform",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -80,6 +80,6 @@
   },
   "dependencies": {
     "@page-speed/img": "^0.4.3",
-    "@page-speed/pdf-viewer": "0.1.0"
+    "@page-speed/pdf-viewer": "0.1.1"
   }
 }