"use client" import * as React from "react" import { FileUpload } from "@/components/extend/file-upload" import { PDFViewer } from "@/components/extend/pdf-viewer" import { IconPlaceholder } from "@/components/icon-placeholder" function FileUploadGlyph(props: InlineRegistryIconProps) { return ( ) } const PDF_ACCEPT = "application/pdf,.pdf" const PDF_UPLOAD_DROPZONE_SELECTOR = "[data-pdf-upload-dropzone]" function isPdfFile(file: File) { return ( file.type === "application/pdf" || file.name.toLowerCase().endsWith(".pdf") ) } export function PdfDropzoneBlock() { const [pdfFile, setPdfFile] = React.useState<{ name: string url: string } | null>(null) const objectUrlRef = React.useRef(null) const loadPdf = React.useCallback((files: File[]) => { const nextFile = files.find(isPdfFile) if (!nextFile) return const nextUrl = URL.createObjectURL(nextFile) if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current) objectUrlRef.current = nextUrl setPdfFile({ name: nextFile.name, url: nextUrl }) }, []) React.useEffect(() => { return () => { if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current) } }, []) if (!pdfFile) { return (

event.preventDefault()} onDragOver={(event) => event.preventDefault()} onDrop={(event) => { event.preventDefault() const target = event.target if ( target instanceof Element && target.closest(PDF_UPLOAD_DROPZONE_SELECTOR) ) { return } if (event.dataTransfer.files.length > 0) { loadPdf(Array.from(event.dataTransfer.files)) } }} >

) } return (

loadPdf([file])} toolbarActions={

{pdfFile.name}

} />

) } type InlineRegistryIconProps = Omit< React.ComponentProps<"svg">, "children" | "strokeWidth" > & { strokeWidth?: number }