Studdy issue: Searching by PDF viewer

vitormattos commented 10 months ago

This issue is to put all annotations about PDF viewers.

Objective of this issue

The current viewer to set visible elements don't work fine and need to be fixed or replaced. Now the PDF is converted to image, and to do this is necessary a lot of steps and have dependencies (ImageMagick with policy to read PDF and TCPDF).

Will be good to have JS native solution to add all types of visible elements (signatures, initials, timestamp flag, form fields, radio groups, checkbox, textarea, etc) assigned to a signer and be possible to persist this data at API side.

Only view

List with PDF viewer that only was identified the functionality to view a file. To add visible elements using the follow projects would be complex.

https://github.com/mozilla/pdf.js The most used PDF viewer

https://github.com/TaTo30/VuePDF Work fine

https://github.com/chenjin01/vue3-pdf-app Demo didn't worked

https://lukenickerson.github.io/pdf-js-vue/examples/ Problems when do zoom, too much slow

https://github.com/randolphtellis/vue3-pdfjs In the demo, when load, don't display the PDF, necessary to trigger zoom

https://github.com/arkokoley/pdfvuer Don't show the limits of page

https://github.com/escape-llc/pdf-component-vue Have not a demo

https://github.com/hrynko/vue-pdf-embed Work fine

https://github.com/hymhub/pdf-vue3 Work fine

Able to add elements

List with PDF viewer that is possible to add visible elements.

Proprietary code

https://pdfjs.express/demo Excellent solution, but is proprietary and trial

https://showcase.apryse.com/pdf-form-build/ Excellent solution, but is proprietary and trial

https://github.com/PDFTron/webviewer-ui Excellent solution, have not a demo. This is the source code of Apryse. But have a problem, the code is open but the license is proprietary and only is possible to use this code if pay the license.

Open source code

https://github.com/slavik0329/pdf-sign Only add elements to page and this lib change the PDF. Sounds that isn't possible to get the position of elements and that to do this will have a big work. Good points:

Beautiful UI to create signature. The line of signature sounds like made a pen.

Bad points:

Don't generate and fill forms

https://github.com/goper-leo/vue-pdf-editor Maybe will work, but will be necessary implement all components Good points:

Made with VueJS, maybe will be more easy to implement. This is a copy of another project that have a lot of forks but have not a main repository.

Bad points:

Don't generate and fill forms

https://pdfme.com/ Probably will work, need to do tests Good points:

The output of fields as JSON is very interesting, is exactly what we need to be possible send to API and save the fields data.

Bad points:

Don't generate and fill forms
Have problems to render pages of PDF that have different sizes

https://github.com/24eme/signaturepdf Note: This don't sign, is only to add visible elements

Bad points:

Don't generate and fill forms

https://github.com/saddamcrr7/Custom-PDF-editor-base64-with-annotations Don't open with a PDF at demo but have an interesting UI

Bad points:

Don't generate and fill forms

vitormattos commented 10 months ago

I started to re-implement https://github.com/goper-leo/vue-pdf-editor here: https://github.com/LibreSign/pdf-editor

Target: have a code that can be added to project using npm and go ahead independent of LibreSign.

giovannism20 commented 10 months ago

since was decided to implement a pdf viewer maybe we can close this issue, that make sense @vitormattos ?

LibreSign / libresign