upgrade pdfjs to version 4

example/example.ts

@@ -1,3 +1,3 @@
 import { init } from '../dist/es2015';
 
-init('http://localhost:8080/pdf.worker.min.js');
+init('http://localhost:8080/pdf.worker.min.mjs');

package.json

@@ -1,6 +1,6 @@
 {
   "name": "document-viewer-ts",
-  "version": "0.7.1-legacy",
+  "version": "1.0.0-legacy",
   "description": "PDF and MS Doc viewer written in TypeScript for React and vanilla JavaScript",
   "main": "dist/lib/index.js",
   "module": "dist/es2015/index.js",
@@ -13,8 +13,7 @@
     "styles"
   ],
   "scripts": {
-    "build": "npm run build-es2015 && npm run build-cjs",
-    "build-cjs": "tsc -p tsconfig.commonjs.json",
+    "build": "npm run build-es2015",
     "build-es2015": "tsc -p tsconfig.json",
     "build-example": "npm run build && tsc -p tsconfig.example.json && webpack",
     "clean": "rimraf ./dist ./build",
@@ -68,7 +67,7 @@
     "core-js": "~3.23.3",
     "eslint": "~8.38.0",
     "express": "^4.18.3",
-    "pdfjs-dist": "3.11.174",
+    "pdfjs-dist": "4.3.136",
     "process": "~0.11.10",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",

src/base.ts

@@ -1,4 +1,4 @@
-import {  GlobalWorkerOptions, PDFDocumentProxy, PDFPageProxy, PageViewport, getDocument, renderTextLayer } from 'pdfjs-dist/legacy/build/pdf';
+import { GlobalWorkerOptions, PDFDocumentProxy, PDFPageProxy, PageViewport, getDocument, renderTextLayer } from 'pdfjs-dist/legacy/build/pdf.mjs';
 import type { TextContent } from 'pdfjs-dist/types/src/display/api';
 
 const chevronLeft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
@@ -36,7 +36,7 @@ const scaleTextLayer = async (
     textContentSource: textContent,
     container: textLayerFragment,
     viewport: vs
-  }).promise;
+  })?.promise;
   textLayerDiv.appendChild(textLayerFragment);
 };
 

tsconfig.example.json

@@ -1,7 +1,6 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "module": "commonjs",
     "outDir": "./build",
   },
   "include": [

webpack.config.js

@@ -14,7 +14,7 @@ module.exports = {
   },
   plugins: [
     new webpack.ProvidePlugin({
-      process: 'process/browser',
+      process: 'process/browser.js',
     }),
   ]
 };