4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T23e0,"use client" import * as React from "react" import { ChevronLeft, ChevronRight, TriangleAlert, ZoomIn, ZoomOut, } from "lucide-react" import { cn } from "@/lib/utils" export type PdfPageHandle = { width: number height: number render: (canvas: HTMLCanvasElement, scale: number) => Promise } export type PdfDocumentHandle = { pageCount: number getPage: (pageNumber: number) => Promise destroy?: () => void } export type PdfLoader = ( source: string | ArrayBuffer ) => Promise export type PdfViewerProps = Omit< React.HTMLAttributes, "children" > & { source?: string | ArrayBuffer document?: PdfDocumentHandle loader?: PdfLoader page?: number defaultPage?: number onPageChange?: (page: number) => void defaultScale?: number minScale?: number maxScale?: number label?: string loadingLabel?: React.ReactNode workerSrc?: string } /** Hold the loading state back so a fast result never flashes it. */ const LOADING_DELAY_MS = 120 const MISSING_PDFJS = 'PdfViewer needs the "pdfjs-dist" package, or a `loader` prop that returns a document handle.' async function loadWithPdfjs( source: string | ArrayBuffer, workerSrc?: string ): Promise { let pdfjs: typeof import("pdfjs-dist") try { pdfjs = await import("pdfjs-dist") } catch { throw new Error(MISSING_PDFJS) } if (workerSrc) pdfjs.GlobalWorkerOptions.workerSrc = workerSrc const task = pdfjs.getDocument( typeof source === "string" ? { url: source } : { data: new Uint8Array(source) } ) const pdf = await task.promise return { pageCount: pdf.numPages, destroy: () => void task.destroy(), async getPage(pageNumber) { const page = await pdf.getPage(pageNumber) const viewport = page.getViewport({ scale: 1 }) return { width: viewport.width, height: viewport.height, async render(canvas, scale) { const scaled = page.getViewport({ scale }) const context = canvas.getContext("2d") if (!context) return canvas.width = scaled.width canvas.height = scaled.height await page.render({ canvas, canvasContext: context, viewport: scaled, }).promise }, } }, } } export function PdfViewer({ source, document: controlledDocument, loader, page, defaultPage = 1, onPageChange, defaultScale = 1, minScale = 0.5, maxScale = 3, label = "PDF document", loadingLabel = "Opening the document…", workerSrc, className, ...rootProps }: PdfViewerProps) { const canvasRef = React.useRef(null) const [loaded, setLoaded] = React.useState(null) const [error, setError] = React.useState(null) const [loading, setLoading] = React.useState(false) const [scale, setScale] = React.useState(defaultScale) const [uncontrolledPage, setUncontrolledPage] = React.useState(defaultPage) const current = page ?? uncontrolledPage const handle = controlledDocument ?? loaded const pageCount = handle?.pageCount ?? 0 const load = React.useRef(loader) React.useEffect(() => { load.current = loader }) React.useEffect(() => { if (controlledDocument || source == null) return const controller = new AbortController() const spinner = window.setTimeout(() => setLoading(true), LOADING_DELAY_MS) let opened: PdfDocumentHandle | null = null void (async () => { try { const open = load.current ?? ((input: string | ArrayBuffer) => loadWithPdfjs(input, workerSrc)) opened = await open(source) if (controller.signal.aborted) return setLoaded(opened) setError(null) } catch (cause) { if (controller.signal.aborted) return setError(cause instanceof Error ? cause.message : String(cause)) } finally { window.clearTimeout(spinner) if (!controller.signal.aborted) setLoading(false) } })() return () => { controller.abort() window.clearTimeout(spinner) opened?.destroy?.() } }, [source, controlledDocument, workerSrc]) React.useEffect(() => { if (!handle || !canvasRef.current) return const controller = new AbortController() const canvas = canvasRef.current void (async () => { try { const target = await handle.getPage(current) if (controller.signal.aborted) return await target.render(canvas, scale) } catch (cause) { if (controller.signal.aborted) return setError(cause instanceof Error ? cause.message : String(cause)) } })() return () => controller.abort() }, [handle, current, scale]) const goTo = (next: number) => { const clamped = Math.min(Math.max(next, 1), Math.max(pageCount, 1)) if (page === undefined) setUncontrolledPage(clamped) onPageChange?.(clamped) } if (error) { return (

) } return (

{pageCount > 0 ? `${current} / ${pageCount}` : "—"}

{Math.round(scale * 100)}%

{loading && !handle ? (

{loadingLabel}

) : null}

) } 4b:["$","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","lucide-react@^1.31.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react@^1.31.0"}]]}]}],["$","li","pdfjs-dist@^6.2.108",{"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@^6.2.108"}]]}]}]]}],["$","$L4c",null,{"namespace":"@mischief","registryDependencies":["utils"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/default/pdf-viewer/pdf-viewer.tsx","content":"$4e","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]