pdf-lib VS react-beautiful-dnd

writePdf: used for writing the final completed PDF after receiving the response from the Claude 3 Opus API, this uses the PDF-lib library to manipulate and modify the final file.

I'm facing that same pain point of programmatic PDF filling. I noodled around in the PDF format and learned it's a bit difficult to deal with fonts and formatting. But I think this client-side library works well enough, as a start: https://pdf-lib.js.org/#:~:text=a%20single%20document.-,Fill...

I've also heard of one paid API that I forgot but seemed to work well, and this related service https://www.jotform.com/, and I also considered porting some server-side libraries to WASM. One day I'll collect all the libraries and findings in a blog post.

Are you looking to programmatically fill any PDF form by detecting the fields? Or are you filling one known PDF template?

Thanks! For PDF form filling, I use the APIs that pdf-lib [0] exposes. That includes text fields, checkboxes, radio buttons, dropdowns and options lists. Give it a try and let me know if you find a type of form field that's missing.

[0] https://github.com/Hopding/pdf-lib

I do not know if some plugin exists, but maybe you have to take a look at https://pdf-lib.js.org/

PDFmake or pdf-lib would be the way to go in my opinion.

Sure! You can build your own PDF editor with a combination of PDF.js and PDF-lib

I stand on the shoulders of giants, namely PDF-lib, PDF-js and React-beautiful-DND – everything else is pretty much custom code.

How one can use a library such as PDF-Lib (npm, website) that:

Yeah, I hope the migration is not going to be too painful because https://github.com/atlassian/react-beautiful-dnd is a key component in one of my important project

For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.

A huge win for the user experience using react-beautiful-dnd.

react-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian.

Drag-and-drop library for React with beautiful animations. Website - GitHub

This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd

Not sure if OP used these but here are few suggestions: For drag drop: https://www.npmjs.com/package/react-beautiful-dnd For resizing with handles: https://www.npmjs.com/package/react-resizable

https://github.com/react-dnd/react-dnd https://github.com/atlassian/react-beautiful-dnd

You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af.