@page-speed/lightbox 0.1.6 → 0.1.8

package/dist/index.cjs

@@ -18065,7 +18065,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_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.6_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,
@@ -18075,11 +18075,14 @@ __export(dist_exports, {
   calculateScaleForPageFit: () => calculateScaleForPageFit,
   createProgressiveFetchHandler: () => createProgressiveFetchHandler,
   downloadPDF: () => downloadPDF,
+  extractPDFFilename: () => extractPDFFilename,
   extractPageText: () => extractPageText,
   formatFileSize: () => formatFileSize,
   getOptimalRangeHeader: () => getOptimalRangeHeader,
+  injectPDFViewerStyles: () => injectPDFViewerStyles,
   isLinearizedPDF: () => isLinearizedPDF,
   linearizedPDFConfig: () => linearizedPDFConfig,
+  pdfViewerStyles: () => pdfViewerStyles,
   usePDFDocument: () => usePDFDocument,
   usePageRenderer: () => usePageRenderer,
   usePageState: () => usePageState,
@@ -18320,6 +18323,20 @@ function useSearch(pdfDoc) {
     prevResult
   };
 }
+function injectPDFViewerStyles() {
+  if (typeof document === "undefined") return;
+  if (stylesInjected) return;
+  const styleId = "page-speed-pdf-viewer-styles";
+  if (document.getElementById(styleId)) {
+    stylesInjected = true;
+    return;
+  }
+  const styleElement = document.createElement("style");
+  styleElement.id = styleId;
+  styleElement.textContent = PDF_VIEWER_STYLES;
+  document.head.appendChild(styleElement);
+  stylesInjected = true;
+}
 function PDFCanvas({
   pdfDoc,
   pageNumber,
@@ -18343,7 +18360,68 @@ function PDFCanvas({
       render();
     }
   }, [pdfDoc, pageNumber, scale, onRender]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: containerRef, className: PDFViewer_default.canvas });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: containerRef, className: pdfViewerStyles.canvas });
+}
+async function isLinearizedPDF(url) {
+  try {
+    const response = await fetch(url, { headers: { Range: "bytes=0-1024" } });
+    const buffer = await response.arrayBuffer();
+    const view = new Uint8Array(buffer);
+    const text = new TextDecoder().decode(view);
+    return text.includes("Linearized");
+  } catch {
+    return false;
+  }
+}
+function extractPDFFilename(url, fallbackName) {
+  try {
+    const urlObj = new URL(url, window.location.origin);
+    const pathname = urlObj.pathname;
+    const segments = pathname.split("/").filter(Boolean);
+    const lastSegment = segments[segments.length - 1] || "";
+    if (lastSegment && lastSegment.includes(".")) {
+      if (lastSegment.toLowerCase().endsWith(".pdf")) {
+        return lastSegment;
+      }
+      const nameWithoutExt = lastSegment.substring(0, lastSegment.lastIndexOf("."));
+      return `${nameWithoutExt}.pdf`;
+    }
+    if (lastSegment) {
+      return `${lastSegment}.pdf`;
+    }
+  } catch {
+  }
+  const name = fallbackName || "document";
+  return name.toLowerCase().endsWith(".pdf") ? name : `${name}.pdf`;
+}
+function downloadPDF(url, filename) {
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename || extractPDFFilename(url);
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+function calculateScaleForPageFit(pageWidth, pageHeight, containerWidth, containerHeight) {
+  const widthRatio = containerWidth / pageWidth;
+  const heightRatio = containerHeight / pageHeight;
+  return Math.min(widthRatio, heightRatio);
+}
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+}
+async function extractPageText(pdfDoc, pageNumber) {
+  try {
+    const page = await pdfDoc.getPage(pageNumber);
+    const textContent = await page.getTextContent();
+    return textContent.items.filter((item) => "str" in item).map((item) => item.str).join(" ");
+  } catch {
+    return "";
+  }
 }
 function PDFControls({
   pageState,
@@ -18356,7 +18434,7 @@ function PDFControls({
   url
 }) {
   if (!pdfDocument) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: PDFViewer_default.controls, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: pdfViewerStyles.controls, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
@@ -18374,10 +18452,10 @@ function PDFControls({
         max: pdfDocument.numPages,
         value: pageState.currentPage,
         onChange: (e) => pageState.goToPage(parseInt(e.target.value, 10) || 1),
-        className: PDFViewer_default.pageInput
+        className: pdfViewerStyles.pageInput
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: PDFViewer_default.pageTotal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: pdfViewerStyles.pageTotal, children: [
       "of ",
       pdfDocument.numPages
     ] }),
@@ -18399,7 +18477,7 @@ function PDFControls({
         children: "-"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: PDFViewer_default.zoomLevel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: pdfViewerStyles.zoomLevel, children: [
       Math.round(zoom.zoomLevel * 100),
       "%"
     ] }),
@@ -18419,14 +18497,22 @@ function PDFControls({
         placeholder: "Search...",
         value: search.query,
         onChange: (e) => search.search(e.target.value),
-        className: PDFViewer_default.searchInput
+        className: pdfViewerStyles.searchInput
       }
     ),
-    search.results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: PDFViewer_default.searchResults, children: [
+    search.results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: pdfViewerStyles.searchResults, children: [
       search.results.length,
       " results"
     ] }),
-    enableDownload && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: url, download: true, className: PDFViewer_default.button, title: "Download", children: "Download" }),
+    enableDownload && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "button",
+      {
+        onClick: () => downloadPDF(url),
+        className: pdfViewerStyles.button,
+        title: "Download",
+        children: "Download"
+      }
+    ),
     enablePrint && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => window.print(), title: "Print", children: "Print" }),
     enableFullscreen && typeof document !== "undefined" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
@@ -18480,10 +18566,10 @@ function PDFThumbnails({
     };
     generateThumbnails();
   }, [pdfDoc, numPages]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: PDFViewer_default.thumbnails, children: thumbnails.map((thumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: pdfViewerStyles.thumbnails, children: thumbnails.map((thumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
-      className: `${PDFViewer_default.thumbnail} ${idx + 1 === currentPage ? PDFViewer_default.active : ""}`,
+      className: `${pdfViewerStyles.thumbnail} ${idx + 1 === currentPage ? pdfViewerStyles.active : ""}`,
       onClick: () => onSelectPage(idx + 1),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -18501,7 +18587,7 @@ function PDFThumbnails({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: PDFViewer_default.pageNumber, children: idx + 1 })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: pdfViewerStyles.pageNumber, children: idx + 1 })
       ]
     },
     idx
@@ -18531,6 +18617,9 @@ function PDFViewer({
     initialZoom = "auto",
     withCredentials = false
   } = config;
+  (0, import_react8.useEffect)(() => {
+    injectPDFViewerStyles();
+  }, []);
   const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError, withCredentials);
   const pageState = usePageState({
     totalPages: document2?.numPages || 0,
@@ -18553,18 +18642,18 @@ function PDFViewer({
     }
   }, [search.results, onSearchResults]);
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: PDFViewer_default.error, style: { height, width }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: pdfViewerStyles.error, style: { height, width }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { children: [
       "Failed to load PDF: ",
       error.message
     ] }) });
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: PDFViewer_default.loading, style: { height, width }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "Loading PDF..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: pdfViewerStyles.loading, style: { height, width }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "Loading PDF..." }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
-      className: `${PDFViewer_default.viewer} ${className || ""}`,
+      className: `${pdfViewerStyles.viewer} ${className || ""}`,
       style: { height, width, ...style },
       children: [
         showControls && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -18580,7 +18669,7 @@ function PDFViewer({
             url
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: PDFViewer_default.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: pdfViewerStyles.content, children: [
           showThumbnails && document2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             PDFThumbnails,
             {
@@ -18604,46 +18693,6 @@ function PDFViewer({
     }
   );
 }
-async function isLinearizedPDF(url) {
-  try {
-    const response = await fetch(url, { headers: { Range: "bytes=0-1024" } });
-    const buffer = await response.arrayBuffer();
-    const view = new Uint8Array(buffer);
-    const text = new TextDecoder().decode(view);
-    return text.includes("Linearized");
-  } catch {
-    return false;
-  }
-}
-function downloadPDF(url, filename) {
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = filename || "document.pdf";
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
-function calculateScaleForPageFit(pageWidth, pageHeight, containerWidth, containerHeight) {
-  const widthRatio = containerWidth / pageWidth;
-  const heightRatio = containerHeight / pageHeight;
-  return Math.min(widthRatio, heightRatio);
-}
-function formatFileSize(bytes) {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
-}
-async function extractPageText(pdfDoc, pageNumber) {
-  try {
-    const page = await pdfDoc.getPage(pageNumber);
-    const textContent = await page.getTextContent();
-    return textContent.items.filter((item) => "str" in item).map((item) => item.str).join(" ");
-  } catch {
-    return "";
-  }
-}
 function getOptimalRangeHeader(fileSize) {
   const chunkSize = Math.min(65536, Math.ceil(fileSize * 0.1));
   return {
@@ -18668,9 +18717,9 @@ function createProgressiveFetchHandler(onProgress) {
     return response.arrayBuffer();
   };
 }
-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 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, PDF_VIEWER_STYLES, stylesInjected, pdfViewerStyles, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_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.6_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");
@@ -18689,7 +18738,56 @@ var init_dist = __esm({
     MIN_ZOOM = 0.5;
     MAX_ZOOM = 3;
     ZOOM_STEP = 0.25;
-    PDFViewer_default = {
+    PDF_VIEWER_STYLES = `
+/* Core viewer layout */
+.PDFViewer_viewer { display: flex; flex-direction: column; background: #f5f5f5; font-family: system-ui, -apple-system, sans-serif; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); height: 100%; width: 100%; }
+
+/* Controls */
+.PDFViewer_controls { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: #fff; border-bottom: 1px solid #e0e0e0; overflow-x: auto; flex-wrap: wrap; flex-shrink: 0; z-index: 10; position: relative; }
+.PDFViewer_controls button { padding: 8px 14px; background: #007bff; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 500; transition: background 150ms, box-shadow 150ms; white-space: nowrap; }
+.PDFViewer_controls button:hover:not(:disabled) { background: #0056b3; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
+.PDFViewer_controls button:disabled { opacity: 0.5; cursor: not-allowed; background: #6c757d; }
+
+.PDFViewer_pageInput { width: 60px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; text-align: center; font-weight: 500; }
+.PDFViewer_pageInput:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 2px rgba(0,123,255,0.1); }
+.PDFViewer_pageTotal { font-size: 14px; color: #666; font-weight: 500; white-space: nowrap; }
+.PDFViewer_zoomLevel { font-size: 14px; color: #333; min-width: 60px; text-align: center; font-weight: 600; }
+
+.PDFViewer_searchInput { padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; }
+.PDFViewer_searchResults { font-size: 12px; color: #666; }
+
+.PDFViewer_button { padding: 6px 12px; background: #28a745; color: #fff; border: none; border-radius: 4px; text-decoration: none; cursor: pointer; transition: background 150ms; font-size: 14px; font-weight: 500; }
+.PDFViewer_button:hover { background: #218838; }
+
+/* Main content */
+.PDFViewer_content { display: flex; flex: 1; overflow: hidden; min-height: 0; }
+.PDFViewer_canvas { flex: 1; overflow: auto; display: flex; align-items: center; justify-content: center; background: #fff; padding: 20px; }
+.PDFViewer_canvas canvas { max-width: 100%; height: auto !important; box-shadow: 0 2px 8px rgba(0,0,0,0.15); display: block; }
+
+/* Thumbnails */
+.PDFViewer_thumbnails { width: 120px; overflow-y: auto; background: #fff; border-right: 1px solid #e0e0e0; padding: 8px; display: flex; flex-direction: column; gap: 8px; }
+.PDFViewer_thumbnail { position: relative; cursor: pointer; border: 2px solid transparent; border-radius: 4px; overflow: hidden; transition: border-color 150ms, box-shadow 150ms; }
+.PDFViewer_thumbnail:hover { border-color: #007bff; box-shadow: 0 2px 4px rgba(0,123,255,0.2); }
+.PDFViewer_thumbnail.PDFViewer_active { border-color: #007bff; box-shadow: 0 2px 8px rgba(0,123,255,0.4); }
+.PDFViewer_thumbnail canvas { width: 100%; height: auto; display: block; }
+.PDFViewer_pageNumber { position: absolute; bottom: 4px; right: 4px; font-size: 11px; background: rgba(0,0,0,0.7); color: #fff; padding: 2px 4px; border-radius: 2px; }
+
+/* Loading & error */
+.PDFViewer_loading, .PDFViewer_error { display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 8px; }
+.PDFViewer_loading p, .PDFViewer_error p { font-size: 16px; color: #666; }
+.PDFViewer_error p { color: #dc3545; }
+
+/* Responsive tweaks */
+@media (max-width: 768px) {
+  .PDFViewer_controls { gap: 6px; padding: 8px 12px; }
+  .PDFViewer_controls button { padding: 4px 8px; font-size: 12px; }
+  .PDFViewer_pageInput { width: 50px; }
+  .PDFViewer_thumbnails { width: 80px; }
+  .PDFViewer_searchInput { padding: 4px 8px; font-size: 12px; }
+}
+`;
+    stylesInjected = false;
+    pdfViewerStyles = {
       viewer: "PDFViewer_viewer",
       controls: "PDFViewer_controls",
       pageInput: "PDFViewer_pageInput",
@@ -22753,10 +22851,56 @@ function LightboxChrome({
     try {
       const response = await fetch(currentItem.src);
       const blob = await response.blob();
+      const getFileExtension = () => {
+        const contentType = response.headers.get("Content-Type");
+        if (contentType) {
+          const mimeToExt = {
+            "application/pdf": ".pdf",
+            "image/jpeg": ".jpg",
+            "image/jpg": ".jpg",
+            "image/png": ".png",
+            "image/gif": ".gif",
+            "image/webp": ".webp",
+            "image/svg+xml": ".svg",
+            "video/mp4": ".mp4",
+            "video/webm": ".webm",
+            "video/quicktime": ".mov"
+          };
+          const baseMime = contentType.split(";")[0].trim().toLowerCase();
+          if (mimeToExt[baseMime]) {
+            return mimeToExt[baseMime];
+          }
+        }
+        try {
+          const urlObj = new URL(currentItem.src, window.location.origin);
+          const pathname = urlObj.pathname;
+          const lastDotIndex = pathname.lastIndexOf(".");
+          if (lastDotIndex > pathname.lastIndexOf("/")) {
+            const ext = pathname.substring(lastDotIndex).toLowerCase();
+            if (ext.length >= 2 && ext.length <= 6) {
+              return ext;
+            }
+          }
+        } catch {
+        }
+        const typeToExt = {
+          "pdf": ".pdf",
+          "image": ".jpg",
+          "video": ".mp4"
+        };
+        if (currentItem.type && typeToExt[currentItem.type]) {
+          return typeToExt[currentItem.type];
+        }
+        return "";
+      };
+      const baseName = currentItem.title || "download";
+      const extension = getFileExtension();
+      const hasExtension = baseName.includes(".") && baseName.lastIndexOf(".") > baseName.length - 6;
+      const filename = hasExtension ? baseName : `${baseName}${extension}`;
       const url = window.URL.createObjectURL(blob);
       const link = document.createElement("a");
       link.href = url;
-      link.download = currentItem.title || "download";
+      link.download = filename;
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);