Trying to implement Orthanc viewer on my react app

Hi everyone,

I’im trying to add orthanc viewer to my react app, do you have an idea how to start ? There is a documention where I can find all informations I need.

Thank you !

Hello,

The Stone Web viewer is written in Vue.js. You probably want to use an iframe in your React application.

If you want to reimplement your own user interface on the top of the WebAssembly component, check out the following files:
https://demo.orthanc-server.com/stone-webviewer/app.js

https://demo.orthanc-server.com/stone-webviewer/stone.js

https://demo.orthanc-server.com/stone-webviewer/StoneWebViewer.js

https://demo.orthanc-server.com/stone-webviewer/StoneWebViewer.wasm

The first file is the Vue.js application, whereas the last three files are the binaries generated from the C++ project. Beware however that if you create a React.js application on the top of the “StoneWebViewer.wasm” component, the AGPL license of the Stone Web viewer forces you to contribute back by publicly sharing your full React.js application.

Regards,
Sébastien-