Add Custom Borders to PDF Pages Add decorative borders to all pages of a PDF.

The tool utilizes the pdf-lib library to load and modify PDF files. When a file is dropped or selected, it is loaded into memory as an array buffer, which is then passed to pdf-lib's PDFDocument.load method with the ignoreEncryption option set to true. This allows the tool to handle encrypted PDFs. The loaded document's page count is retrieved using the getPageCount method and stored in the component's state. When the user initiates the border addition process, the tool iterates over each page of the document, drawing a rectangle on each one using the drawRectangle method. The rectangle's position and dimensions are calculated based on the margin setting, with its top-left corner at (margin, margin) and its width and height set to (width - 2*margin, height - 2*margin), where width and height are the page's dimensions.

The tool uses the URL.createObjectURL method to create a blob URL for the modified PDF document, which is then stored in the component's state. This URL can be used to download the bordered PDF or display it in the browser. The color of the border is converted from a hex string to an RGB value using bitwise operations, with the resulting values passed to pdf-lib's rgb function to create an RGB object. This object is then used as the borderColor parameter for the drawRectangle method. The tool also uses React hooks such as useState and useEffect to manage its state and handle side effects, like cleaning up object URLs when the component unmounts. The FileDropzone component handles file uploads, while the InputWithHelp component provides input fields with helpful hints for settings like border width and margin.