50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T2731,"use client"; import * as React from "react"; import { Document, Page, pdfjs } from "react-pdf"; import { cn } from "@/lib/utils"; import "react-pdf/dist/Page/AnnotationLayer.css"; import "react-pdf/dist/Page/TextLayer.css"; // Set up PDF.js worker pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`; type ViewMode = "single" | "scroll" | "book"; interface PdfViewerProps { /** URL to the PDF file or File object */ file: string | File; /** Initial viewing mode */ mode?: ViewMode; /** Initial zoom level (0.5 to 2.0) */ initialZoom?: number; /** Custom className */ className?: string; } export function PdfViewer({ file, mode = "single", initialZoom = 1.0, className, }: PdfViewerProps) { const [numPages, setNumPages] = React.useState(0); const [currentPage, setCurrentPage] = React.useState(1); const [viewMode, setViewMode] = React.useState(mode); const [zoom, setZoom] = React.useState(initialZoom); const [pageWidth, setPageWidth] = React.useState(0); const containerRef = React.useRef(null); function onDocumentLoadSuccess({ numPages }: { numPages: number }) { setNumPages(numPages); setCurrentPage(1); } // Calculate page width based on container and zoom React.useEffect(() => { if (!containerRef.current) return; const updateWidth = () => { if (containerRef.current) { const containerWidth = containerRef.current.clientWidth; const baseWidth = viewMode === "book" ? containerWidth / 2 - 40 : containerWidth - 40; setPageWidth(baseWidth * zoom); } }; updateWidth(); window.addEventListener("resize", updateWidth); return () => window.removeEventListener("resize", updateWidth); }, [viewMode, zoom]); const goToPreviousPage = () => { setCurrentPage((prev) => Math.max(prev - (viewMode === "book" ? 2 : 1), 1)); }; const goToNextPage = () => { setCurrentPage((prev) => Math.min( prev + (viewMode === "book" ? 2 : 1), viewMode === "book" ? numPages - 1 : numPages, ), ); }; const handleZoomIn = () => setZoom((prev) => Math.min(prev + 0.25, 2.0)); const handleZoomOut = () => setZoom((prev) => Math.max(prev - 0.25, 0.5)); const handleFitWidth = () => setZoom(1.0); const handlePageInput = (e: React.ChangeEvent) => { const page = Number.parseInt(e.target.value, 10); if (!Number.isNaN(page) && page >= 1 && page <= numPages) { setCurrentPage(page); } }; // For book mode: determine if we should show single page (cover) or two pages const showCoverAlone = viewMode === "book" && currentPage === 1; const bookSecondPage = showCoverAlone ? null : currentPage + 1; return (

{/* Toolbar */}

{/* Mode Switcher */}

{/* Page Navigation */} {viewMode !== "scroll" && (

/ {numPages}

)} {/* Zoom Controls */}

{Math.round(zoom * 100)}%

{/* PDF Document */}

Loading PDF...

} error={

Failed to load PDF. Please check the file or URL.

} className={cn( viewMode === "scroll" && "space-y-4", viewMode === "book" && "flex gap-4", )} > {viewMode === "scroll" && ( <> {Array.from(new Array(numPages), (_, index) => (

} />

))} )} {viewMode === "single" && (

} />

)} {viewMode === "book" && ( <>

} />

{!showCoverAlone && bookSecondPage && bookSecondPage <= numPages && (

} />

)} )}

); } export type { PdfViewerProps, ViewMode }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","react-pdf",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-pdf","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react-pdf"}]]}]}],["$","li","pdfjs-dist",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/pdfjs-dist","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"pdfjs-dist"}]]}]}]]}],["$","$L50",null,{"namespace":"@elements","registryDependencies":[]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/blocks/pdf/pdf-viewer/components/elements/pdf-viewer.tsx","content":"$52","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]