Extract Pages From Your PDF Files Extract pages from PDF.

The tool works by utilizing the `pdf-lib` library to load and manipulate PDF documents on the client-side, ensuring sensitive documents are not transmitted over the network. When a user drops a PDF file into the interface, the `handleFile` function is triggered, which uses the `FileReader` API to read the file as an array buffer. This buffer is then passed to `PDFDocument.load`, which parses the PDF document and returns a `PDFDocument` object. The page count of the loaded document is extracted using the `getPageCount` method and stored in the component's state.

The `parsePages` function takes the user-inputted string of page numbers and/or ranges, splits it into individual parts, and then processes each part to extract the corresponding page indices. This function uses a `Set` data structure to store unique page indices, ensuring that duplicate pages are not extracted. The processed page indices are then used to create a new `PDFDocument` object containing only the selected pages. The `copyPages` method of the source document is used to copy the specified pages into the new document, and the resulting PDF bytes are saved as a blob.

The tool uses React's `useState` and `useCallback` hooks to manage its state and memoize functions, ensuring that the component re-renders only when necessary. The `URL.createObjectURL` method is used to create an object URL for the extracted PDF blob, allowing the user to download the resulting document. The `FileDropzone` component handles file input and drag-and-drop functionality, while the `InputWithHelp` component provides a text-based interface for users to specify page numbers and ranges. By leveraging these technologies and APIs, the tool provides an efficient and secure way to extract specific pages from PDF documents on the client-side.