@page-speed/lightbox 0.1.2 → 0.1.4

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

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.2_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.2_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;
@@ -19358,43 +19362,6 @@ var ImgBase = forwardRef(function Img(props, ref) {
 var Img2 = memo(ImgBase);
 Img2.displayName = "PageSpeedImg";
 
-// src/styles/Lightbox.module.css
-var Lightbox_default = {
-  lightboxPortal: "Lightbox_lightboxPortal2",
-  overlay: "Lightbox_overlay2",
-  horizontalLayoutRoot: "Lightbox_horizontalLayoutRoot2",
-  horizontalLayoutContainer: "Lightbox_horizontalLayoutContainer2",
-  mainContent: "Lightbox_mainContent2",
-  toolbar: "Lightbox_toolbar2",
-  media: "Lightbox_media2",
-  chrome: "Lightbox_chrome2",
-  chromeSection: "Lightbox_chromeSection2",
-  navButton: "Lightbox_navButton2",
-  closeButton: "Lightbox_closeButton2",
-  counter: "Lightbox_counter2",
-  captionContainer: "Lightbox_captionContainer2",
-  captionTitle: "Lightbox_captionTitle2",
-  captionText: "Lightbox_captionText2",
-  pdfContainer: "Lightbox_pdfContainer2",
-  pdfFallback: "Lightbox_pdfFallback2",
-  verticalSplitLayoutRoot: "Lightbox_verticalSplitLayoutRoot2",
-  verticalSplitLayoutContainer: "Lightbox_verticalSplitLayoutContainer2",
-  verticalSplitContent: "Lightbox_verticalSplitContent2",
-  verticalSplitSidebar: "Lightbox_verticalSplitSidebar2",
-  customSlideLayoutRoot: "Lightbox_customSlideLayoutRoot2",
-  customSlideLayoutContainer: "Lightbox_customSlideLayoutContainer2",
-  customSlideContent: "Lightbox_customSlideContent2",
-  customSlideChrome: "Lightbox_customSlideChrome2",
-  fullscreenLayoutRoot: "Lightbox_fullscreenLayoutRoot2",
-  fullscreenLayoutContainer: "Lightbox_fullscreenLayoutContainer2",
-  fullscreenContent: "Lightbox_fullscreenContent2",
-  fullscreenChrome: "Lightbox_fullscreenChrome2",
-  inlineLayoutRoot: "Lightbox_inlineLayoutRoot2",
-  inlineLayoutContainer: "Lightbox_inlineLayoutContainer2",
-  inlineContent: "Lightbox_inlineContent2",
-  inlineToolbar: "Lightbox_inlineToolbar2"
-};
-
 // src/renderers/ImageRenderer.tsx
 import { jsx } from "react/jsx-runtime";
 var toImgOptixFlowConfig = (config) => {
@@ -19411,7 +19378,7 @@ function ImageRenderer({ item, optixFlowConfig }) {
   return /* @__PURE__ */ jsx(
     Img2,
     {
-      className: Lightbox_default.media,
+      className: "max-w-full max-h-full w-auto h-auto object-contain",
       src: item.src,
       alt: item.alt || item.title || "",
       loading: "lazy",
@@ -19427,7 +19394,7 @@ function VideoRenderer({ item }) {
   return /* @__PURE__ */ jsx2(
     "video",
     {
-      className: Lightbox_default.media,
+      className: "max-w-full max-h-full w-auto h-auto object-contain rounded-lg",
       src: item.src,
       controls: true,
       playsInline: true
@@ -19449,10 +19416,10 @@ var LazyPDFViewer = React.lazy(loadPDFViewer);
 var AnyPDFViewer = LazyPDFViewer;
 function PDFRenderer({ item }) {
   if (!item.src) return null;
-  return /* @__PURE__ */ jsx5("div", { className: Lightbox_default.pdfContainer, children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx5("div", { className: "w-full h-full flex items-center justify-center p-4", children: /* @__PURE__ */ jsx5(
     Suspense,
     {
-      fallback: /* @__PURE__ */ jsx5("div", { className: Lightbox_default.pdfFallback, children: "Loading document..." }),
+      fallback: /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center text-neutral-500 text-sm", children: "Loading document..." }),
       children: /* @__PURE__ */ jsx5(AnyPDFViewer, { url: item.src })
     }
   ) });

package/package.json

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