Method fetchComponents

ui/src/viewers/PdfViewer.jsx:149–167

()

  }

  fetchComponents() {
    import(/* webpackChunkName:'pdf-lib' */ 'react-pdf').then(
      ({ Document, Page, pdfjs }) => {
        // Webpack will copy `pdf.worker.min.js` to the build directory and automatically
        // include a file hash in the file name to handle browser cache invalidation.
        // See: https://github.com/wojtekmaj/react-pdf#import-worker-recommended
        // See: https://webpack.js.org/guides/asset-modules/#url-assets
        pdfjs.GlobalWorkerOptions.workerSrc = new URL(
          // The leading `!!` disables all configured loaders that are usually applied for
          // JS files as the worker file is already bundled and optimized for distribution.
          // See: https://webpack.js.org/concepts/loaders/#inline
          '!!pdfjs-dist/build/pdf.worker.min.js',
          import.meta.url
        ).toString();

        this.setState({ components: { Document, Page } });
      }
    );
  }

  renderPdf() {
    const { document, page, rotate, numPages, pdfUrl } = this.props;