react-web-pdf-editor 0.1.2 → 0.1.4

package/README.md

@@ -11,8 +11,6 @@ The editor includes:
 - Undo and redo
 - Export that flattens your edits into a downloadable PDF
 
-![Editor with the document name and tools in the toolbar, page thumbnails on the left, the open PDF in the center, and the properties panel on the right](https://cdn.jsdelivr.net/npm/react-web-pdf-editor@0.1.1/docs/editor.png)
-
 Annotations stay in memory until you export. Changing the `file` prop starts a fresh document and clears them.
 
 ## Install
@@ -359,13 +357,13 @@ Keep the default thumbnails by rendering `PagesSidebar`:
 
 ## Workers
 
-PDF.js renders pages on a worker. The default worker URL is a version-matched file on unpkg:
+PDF.js renders pages on a worker. The default is the legacy build, because that worker runs in its own thread and does not see polyfills on the page. The URL is a version-matched file on unpkg:
 
 ```text
-https://unpkg.com/pdfjs-dist@<version>/build/pdf.worker.min.mjs
+https://unpkg.com/pdfjs-dist@<version>/legacy/build/pdf.worker.min.mjs
 ```
 
-Self-host that file and pass `workerSrc` when the CDN is blocked or you want the worker on your own origin. Copy it from `node_modules/pdfjs-dist/build/pdf.worker.min.mjs`.
+Self-host that file and pass `workerSrc` when the CDN is blocked or you want the worker on your own origin. Copy it from `node_modules/pdfjs-dist/legacy/build/pdf.worker.min.mjs`. A custom `workerSrc` has to be that legacy worker.
 
 ```tsx
 <PdfEditor file={file} workerSrc="/pdf.worker.min.mjs" />

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var pdfLib = require('pdf-lib');
-var pdfjsDist = require('pdfjs-dist');
+var pdf_mjs = require('pdfjs-dist/legacy/build/pdf.mjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -620,9 +620,9 @@ var init_exportPdf = __esm({
     HIGHLIGHT_OPACITY = 0.38;
   }
 });
-var DEFAULT_WORKER_SRC = `https://unpkg.com/pdfjs-dist@${pdfjsDist.version}/build/pdf.worker.min.mjs`;
+var DEFAULT_WORKER_SRC = `https://unpkg.com/pdfjs-dist@${pdf_mjs.version}/legacy/build/pdf.worker.min.mjs`;
 function configurePdfWorker(workerSrc) {
-  pdfjsDist.GlobalWorkerOptions.workerSrc = workerSrc ?? DEFAULT_WORKER_SRC;
+  pdf_mjs.GlobalWorkerOptions.workerSrc = workerSrc ?? DEFAULT_WORKER_SRC;
 }
 var SWATCHES = ["#facc15", "#4ade80", "#38bdf8", "#f472b6", "#fb923c"];
 function sameColor(a, b) {
@@ -3357,10 +3357,10 @@ function PdfPage({
       canvas.style.height = `${cssHeight}px`;
       context.drawImage(offscreen, 0, 0);
       textLayerDiv.replaceChildren();
-      pdfjsDist.setLayerDimensions(textLayerDiv, viewport);
+      pdf_mjs.setLayerDimensions(textLayerDiv, viewport);
       textLayerDiv.style.setProperty("--scale-factor", String(viewport.scale));
       textLayerDiv.style.setProperty("--total-scale-factor", String(viewport.scale));
-      textLayer = new pdfjsDist.TextLayer({
+      textLayer = new pdf_mjs.TextLayer({
         textContentSource: page.streamTextContent(),
         container: textLayerDiv,
         viewport
@@ -7181,7 +7181,7 @@ function usePdfDocument(file, workerSrc) {
           setLoadPhase("loading");
           setDownloadProgress(null);
         }
-        loadingTask = pdfjsDist.getDocument(source);
+        loadingTask = pdf_mjs.getDocument(source);
         const incoming = await loadingTask.promise;
         if (cancelled) {
           await incoming.destroy();