import * as React from 'react';
import * as ReactDOM from 'react-dom';
import './app.css';
import {DsPdfViewer} from '@mescius/dspdfviewer';
import '/document-solutions/javascript-pdf-viewer/demos/resource/js/init.js';
class App extends React.Component {
_viewer;
constructor(props) {
super(props);
}
componentDidMount() {
const root = ReactDOM.findDOMNode(this);
const viewer = new DsPdfViewer(root, {
workerSrc: "/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/dspdfviewer.worker.js"
});
viewer.addDefaultPanels();
viewer.open("/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/helloworld.pdf");
this._viewer = viewer;
}
componentWillUnmount() {
if(this._viewer) {
this._viewer.dispose();
this._viewer = null;
}
}
render(){
return <div id="viewer"></div>
}
}
ReactDOM.render(<App />, document.getElementById('app'));