Merge pull request #52 from andriivitiv/76303-Move-responsibility-for-configuring-PDF-worker-to-the-consumer

Move responsibility for configuring PDF worker to the consumer

Author: AndrewGable

example/package-lock.json

@@ -35,6 +35,9 @@
         "react-dom": "^18.2.0",
         "react-fast-pdf": "^1.0.23"
     },
+    "peerDependencies": {
+        "pdfjs-dist": "^4.x || ^5.x"
+    },
     "devDependencies": {
         "@babel/cli": "^7.22.9",
         "@babel/core": "^7.22.9",

example/package.json

@@ -1,7 +1,11 @@
 import React, {useState} from 'react';
+import pdfWorkerSource from 'pdfjs-dist/build/pdf.worker.min.mjs';
+import * as pdfjs from 'pdfjs-dist';
 import ReactFastPDF, {PDFPreviewer} from 'react-fast-pdf';
 import './index.css';
 
+pdfjs.GlobalWorkerOptions.workerSrc = URL.createObjectURL(new Blob([pdfWorkerSource], {type: 'text/javascript'}));
+
 function App() {
     const [file, setFile] = useState<string | null>(null);
 

example/src/App.tsx

@@ -35,7 +35,6 @@
   },
   "peerDependencies": {
     "lodash": "4.x",
-    "pdfjs-dist": "5.4.296",
     "react": "18.x",
     "react-dom": "18.x"
   },

package-lock.json

@@ -1,9 +1,8 @@
-import pdfWorkerSource from 'pdfjs-dist/build/pdf.worker.min.mjs';
 import React, {memo, useCallback, useLayoutEffect, useRef, useState} from 'react';
 import type {CSSProperties, ReactNode} from 'react';
 import times from 'lodash/times.js';
 import {VariableSizeList as List} from 'react-window';
-import {Document, pdfjs} from 'react-pdf';
+import {Document} from 'react-pdf';
 import 'react-pdf/dist/Page/AnnotationLayer.css';
 import 'react-pdf/dist/Page/TextLayer.css';
 
@@ -32,8 +31,6 @@ type Props = {
 
 type OnPasswordCallback = (password: string | null) => void;
 
-pdfjs.GlobalWorkerOptions.workerSrc = URL.createObjectURL(new Blob([pdfWorkerSource], {type: 'text/javascript'}));
-
 const DefaultLoadingComponent = <p>Loading...</p>;
 const DefaultErrorComponent = <p>Failed to load the PDF file :(</p>;
 

package.json

@@ -1,8 +1,9 @@
+import {pdfjs} from 'react-pdf';
 import PDFPreviewer from './PDFPreviewer.js';
 
 const PACKAGE_NAME = 'react-fast-pdf';
 
-export {PDFPreviewer};
+export {PDFPreviewer, pdfjs};
 
 export default {
     PackageName: PACKAGE_NAME,