toHex polyfill

src/components/PagePreviewModal.tsx

@@ -1,11 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import type { PdfFile } from '../pdf/pdfTypes';
-import * as pdfjsLib from 'pdfjs-dist';
+import { pdfjsLib } from '../pdf/pdfJs';
-import pdfjsWorker from 'pdfjs-dist/build/pdf.worker?worker&url';
-
-// pdf.js worker setup
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-(pdfjsLib as any).GlobalWorkerOptions.workerSrc = pdfjsWorker;
 
 interface PagePreviewModalProps {
   isOpen: boolean;

src/pdf/pdfJs.ts

@@ -0,0 +1,9 @@
+import './uint8ArrayToHexPolyfill';
+import * as pdfjsLib from 'pdfjs-dist/legacy/build/pdf.mjs';
+import pdfjsWorker from './pdfjsWorker?worker&url';
+
+// pdf.js worker setup for Vite.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(pdfjsLib as any).GlobalWorkerOptions.workerSrc = pdfjsWorker;
+
+export { pdfjsLib };

src/pdf/pdfThumbnailService.ts

@@ -1,9 +1,4 @@
-import * as pdfjsLib from 'pdfjs-dist';
+import { pdfjsLib } from './pdfJs';
-import pdfjsWorker from 'pdfjs-dist/build/pdf.worker?worker&url';
-
-// pdf.js worker setup for Vite
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-(pdfjsLib as any).GlobalWorkerOptions.workerSrc = pdfjsWorker;
 
 type RotationsMap = Record<number, number>; // key: 0-based page index, value: degrees
 

src/pdf/pdfjsWorker.ts

@@ -0,0 +1,2 @@
+import './uint8ArrayToHexPolyfill';
+import 'pdfjs-dist/legacy/build/pdf.worker.mjs';

src/pdf/uint8ArrayToHexPolyfill.ts

@@ -0,0 +1,22 @@
+type Uint8ArrayWithToHex = Uint8Array & {
+  toHex?: () => string;
+};
+
+const uint8ArrayPrototype = Uint8Array.prototype as Uint8ArrayWithToHex;
+
+if (typeof uint8ArrayPrototype.toHex !== 'function') {
+  Object.defineProperty(Uint8Array.prototype, 'toHex', {
+    value: function toHex(this: Uint8Array): string {
+      const hex = new Array<string>(this.length);
+
+      for (let index = 0; index < this.length; index += 1) {
+        const value = this[index].toString(16);
+        hex[index] = value.length === 1 ? `0${value}` : value;
+      }
+
+      return hex.join('');
+    },
+    writable: true,
+    configurable: true,
+  });
+}