yurydelendik / pdfjs-react

Simple example of using PDF.js components with React.

Simple example of using PDF.js components with React.

Running

yarn install
yarn start

Browser will be opening at http://localhost:3000/

pdfjs-react's Issues

Worker created twice during build.

Hi,

Thanks a lot for this reference project. I'm wondering why the worker is being built twice during
an npm run build. The build/ folder contains two copies of the worker code, each around 700KiB.

Why is using refs so important in getting actions to execute?

Inside App.js, you defined a Viewer component that has a ref attribute:

<Viewer
        ref={(ref) => this.viewer = ref}
        ...
 />

and it is used when setting scale, zoom and PDF data on the Viewer component.

Could you share some details on why this is necessary? Are there possible alternatives? This seems very out of sync with the normal methods of state management with React, and I'm curious in regards to the why this is used.

Thanks!

Seems incompatible with PDFJS 2.0

Hi Yury, very nice example here. I'm trying to adapt it to PDFJS 2.0 but I keep running into issues with the line:
let eventBus = new PDFJSViewer.EventBus();

I get error: Cannot read property 'EventBus' of undefined.

I'm currently trying to find a solution, have you ran into this yourself?

The page of pdfjs is error

i'm make a project about the pdf preview, but i found some pdf page font is error code.
such as : i want the pdf can show like this:

but i get it like this:

Can you help me ?

Pagination

Hi Yury,

This is an amazing project! I've seen many examples, but have found your's to be very helpful! However, I was wondering if we could have a pagination option instead of viewing all the pages one below the other? Probably by using some state management? Looking forward to hearing from you soon!

Multiple documents.

@yurydelendik thanks a lot for the provided example. Is there a way to open 2 and more documents at the same time? for example if we want to compare documents etc.