Merge branch 'main' into feature/rotation

Author: pasyukevich

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,8 +1,12 @@
 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 type {RotationDegrees} 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);
     const [rotation, setRotation] = useState<RotationDegrees>(0);

example/src/App.tsx

@@ -1,6 +1,6 @@
 {
   "name": "react-fast-pdf",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "react-fast-pdf",
   "main": "./dist/index.js",
   "type": "module",
@@ -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, {useCallback, useLayoutEffect, useRef, useState, memo} from 'react';
-import type {CSSProperties, ReactNode, JSX} from 'react';
-import {times} from 'lodash';
+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';
 
@@ -34,8 +33,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,9 +1,10 @@
+import {pdfjs} from 'react-pdf';
 import PDFPreviewer from './PDFPreviewer.js';
 import type {RotationDegrees} from './types.js';
 
 const PACKAGE_NAME = 'react-fast-pdf';
 
-export {PDFPreviewer};
+export {PDFPreviewer, pdfjs};
 export type {RotationDegrees};
 
 export default {