GitHub Pages about webviewer-react-sample

[andreysaf]

Hello @Angelk90! Thanks for reaching out.

Where is your build folder set to?

If it is public, looks like it is missing WebViewer lib or path folder. https://github.com/Angelk90/webviewer-react-sample/blob/master/src/App.js#L12

[Angelk90]

Hi @andreysaf ,

as you can see the reference folder is docs,
so inside the docs folder I have to put the /webviewer/lib folder, right?

[andreysaf]

Yes, it should either go into static or root of docs https://github.com/Angelk90/webviewer-react-sample/tree/master/docs/static. Try both and let me know!

[Angelk90]

@andreysaf :

I am not able to understand what the problem is.
I tried putting the webviewer/lib folder both inside /docs and both inside /docs/static now even worse it doesn't load the site completely.

[andreysaf]

WebViewer relies on /webviewer/lib to be served statically, with a certain folder structure. I will try building react sample from master and see what happens.

[andreysaf]

I got to build by running npm run build:

Here is the folder structure:

I would recommend cloning master again, running npm run build and then copying over everything in /build into /docs and then seeing if it works.

[Angelk90]

@andreysaf : These are the same steps I did, for example look here: https://github.com/PDFTron/webviewer-react-sample/blob/master/public/index.html#L23

Following the structure it seems that it will never be called or am I wrong?

Can't you try to see if it works here, on the webviewer-react-sample project by creating a github page?

[Angelk90]

@andreysaf : Let me know if you need any more information.

[andreysaf]

Got it to reproduce and see the issue. It is trying to request the necessary file from the root of the URL, meanwhile, it is on a subpage.

As you can see in my URL tab, is the correct URL, meanwhile, it is trying to preload it from the incorrect one. @mparizeau-pdftron is there a way to prepend the /webviewer-react-sample/ to the fetch URL?

[Angelk90]

@andreysaf :
Having packaged this: "homepage": "https://pdftron.github.io/webviewer-react-sample"
If you run the command: serve -s build doesn't work for you anymore, right?

There would be uiPath but I'm not sure it's the right property.

[andreysaf]

Correct. Matt should comment on Monday.

[Angelk90]

@andreysaf :
This file: https://github.com/PDFTron/webviewer-react-sample/blob/master/public/index.html#L23
In lib does not exist: https://github.com/PDFTron/webviewer-react-sample/tree/gh-pages/webviewer/lib

[mparizeau-pdftron]

The uiPath property can be used to set an explicit location of the UI's index.html file, however usually you just need to set the path option which should point to the lib folder and then WebViewer already knows where the UI html file is relative to lib.

[andreysaf]

It works now! https://pdftron.github.io/webviewer-react-sample/

useEffect(() => {
    WebViewer(
      {
        path: '/webviewer-react-sample/webviewer/lib',
        initialDoc: '/webviewer-react-sample/files/PDFTRON_about.pdf',
      },
      viewer.current,
    ).then((instance) => {

[Angelk90]

@mparizeau-pdftron , @andreysaf :

[andreysaf]

You can remove this line altogether: https://github.com/Angelk90/webviewer-react-sample/blob/master/public/index.html#L23.

[mparizeau-pdftron]

Closing due to inactivity