Universal Viewer
achille tindo
I have a project now and I want to integrate Universal Viewer into React website but I haven't managed it yet. Can one of you please show me a tutorial or a concrete example of how I can do this?
Best regards
Achilles
Demian Katz
Achilles,
I have not done this personally, but I feel like there is some React experience within the community. I was surprised to find that we don’t yet have a React example on our examples page here:
https://github.com/UniversalViewer/universalviewer/wiki/UV-Examples
…but maybe somebody who has done this would be willing to add one! I’ll try to remember to ask on the Community Call today. (You’re also welcome to join the call if you’re interested and the timing works out – it’s usually the first Thursday of the month. You can find the exact time in your local time zone (and the Zoom link) if you scroll down to the calendar on this page:
https://iiif.io/community/groups/#community-groups
- Demian
--
You received this message because you are subscribed to the Google Groups "Universal Viewer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
universalview...@googlegroups.com.
To view this discussion on the web, visit
https://groups.google.com/d/msgid/universalviewer/3e7f661f-5394-4399-a58f-a5cb7afff832n%40googlegroups.com.
Demian Katz
Achilles,
Ed Silverton pointed out that the NextJS example (on the page I linked below, and also directly linked at https://codesandbox.io/s/uv-nextjs-example-uh9zi) shows a way of running UV inside a React app. I hope that is helpful!
- Demian
achille tindo
Demian Katz
Achilles,
Unfortunately, Ed is engaged on a different project right now, so his Universal Viewer time is quite limited for the next few months. I’m doing my best to help with support when I can, but my expertise is not so broad. 😊
Which version of the viewer are you trying to use? It might be useful to compare the version in Ed’s example against your own version, in case there’s a problem with the specific version you are using. There were recently some issues that were impacting Vite users, and I imagine you might be running into the same thing. If that’s the case, either upgrading or downgrading might help (and if upgrading doesn’t help, there may be some bug that still needs to be fixed).
To view this discussion on the web, visit https://groups.google.com/d/msgid/universalviewer/66b14e3c-7ad5-48d9-bb3e-5080c59e4fb6n%40googlegroups.com.
achille tindo
react: 18.2.0
react-dom: 18.2.0
react-scripts: 5.0.1
typescript: 4.9.5
universalviewer: 4.0.25
web-vitals: 2.1.4
and Ed uses the version:
react: 18.0.0
react-dom: 18.0.0
react-scripts: 4.0.3
universalviewer: 4.0.9
maybe that's the problem?
Demian Katz
It is possible that the problem has to do with using version 4.0.25. Have you tried just downgrading the UV to 4.0.9 to see if that makes a difference? I believe that some bugs have been fixed subsequent to the 4.0.25 release, but 4.0.26 has not been released yet. If you can confirm that 4.0.9 works, that would be a further indication that we should try to get a new bug-fix release issued as soon as practical. 😊
To view this discussion on the web, visit https://groups.google.com/d/msgid/universalviewer/c00172ff-21b3-439a-8206-b5f94da00168n%40googlegroups.com.
achille tindo
I would have liked to say that it works, but it still doesn't work even with version 4.0.9
Demian Katz
I guess to take this one step further: does it work for you with the exact same set of dependencies that Ed used? If so, it would be interesting to update them one at a time to identify which one is breaking. If it doesn’t work at all, then that raises a different set of questions, of course. 😊
To view this discussion on the web, visit https://groups.google.com/d/msgid/universalviewer/3799c89f-d786-444e-ae0a-f44931aeed36n%40googlegroups.com.