clowder-framework / CONSORT-frontend

custom react frontend working with consort clowder instance
0 stars 0 forks source link

61 render pdf reactpdf #74

Closed minump closed 7 months ago

minump commented 9 months ago

Pdf rendering using react-pdf Has access to canvas using UseRef method. There is commented out code for AllenAI pdf-component-library.

minump commented 9 months ago

This branch has pdf preview component using react-pdf branch. Page highlights (with canvas( is working with page navigation. Canvas highlights can be done for multiple bounding boxes read from metadata.

minump commented 7 months ago

Sentence highlights are working as expected. Canvas is used with react-pdf npm package. The frontend reads the metadata.json file which contains the sentence coordinates, and page dimensions. Highlights are rendered using these information. Screenshot 2024-02-09 at 4 07 51 PM

minump commented 7 months ago

Pushed to hub.ncsa.illinois.edu/clowder/consort-frontend:0.3.0

minump commented 7 months ago

Deployed and tested in https://consort.clowderframework.org/preview/ Merging to main.