Update to PDF.js 6.5.438 and add renderer-src

README.md

@@ -64,7 +64,7 @@ The element needs an explicit height. Most attributes apply as soon as they chan
 
 ## Status
 
-Actively maintained. The package bundles PDF.js 6.4.299 and follows PDF.js releases.
+Actively maintained. The package bundles PDF.js 6.5.438 and follows PDF.js releases.
 
 ## Contributing
 

demo/asset-attributes.html

@@ -30,11 +30,14 @@
         pdfjs-lib-src="{% static 'pdfjs/pdf.mjs' %}"
         viewer-src="{% static 'pdfjs/viewer.mjs' %}"
         worker-src="{% static 'pdfjs/pdf.worker.min.mjs' %}"
+        renderer-src="{% static 'pdfjs/pdf.renderer.min.mjs' %}"
         viewer-css-src="{% static 'pdfjs/viewer.css' %}"
         theme-css-src="{% static 'pdfjs/paper-and-ink.css' %}"
         style="height: 100dvh">
       </pdfjs-viewer-element>
 
+      renderer-src is only used when worker rendering is turned on (see worker-rendering.html).
+
       Resources loaded by directory and filename, such as annotation icons, CMaps,
       fonts, WASM and the scripting sandbox, default to the folders next to
       viewer-src and pdfjs-lib-src. Keep their original filenames available there,
@@ -46,6 +49,7 @@
       pdfjs-lib-src="../dist/pdf.mjs"
       viewer-src="../dist/viewer.mjs"
       worker-src="../dist/pdf.worker.min.mjs"
+      renderer-src="../dist/pdf.renderer.min.mjs"
       viewer-css-src="../dist/viewer.css"
       theme-css-src="../dist/paper-and-ink.css"
       style="height: 100dvh">

demo/assets-base.html

@@ -16,7 +16,7 @@
   <body>
     <!--
       `assets-base` points at a folder holding the package `dist` files
-      (viewer.mjs, pdf.mjs, pdf.worker.min.mjs, viewer.css, paper-and-ink.css).
+      (viewer.mjs, pdf.mjs, pdf.worker.min.mjs, pdf.renderer.min.mjs, viewer.css, paper-and-ink.css).
       Bundlers that understand `new URL('./file', import.meta.url)` do not need it; it is the
       override for other bundlers or for serving the files from a CDN. Here it simply points
       back at `dist` for demonstration.

demo/custom-worker-src.html

@@ -16,7 +16,7 @@
   <body>
     <pdfjs-viewer-element
       src="/public/sample-pdf-with-images.pdf"
-      worker-src="https://cdn.jsdelivr.net/npm/pdfjs-dist@6.4.299/build/pdf.worker.min.mjs"
+      worker-src="https://cdn.jsdelivr.net/npm/pdfjs-dist@6.5.438/build/pdf.worker.min.mjs"
       style="height: 100dvh">
     </pdfjs-viewer-element>
   </body>

demo/worker-rendering.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>pdfjs-viewer-element | Worker rendering demo</title>
+    <script type="module" src="../dist/pdfjs-viewer-element.js"></script>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+
+  <body>
+    <!--
+      Build the package before serving this demo over HTTP.
+      PDF.js can draw pages in a second worker instead of on the main thread. It is off by default;
+      turn it on by setting the `disableWorkerRendering` viewer option to false before the viewer
+      is built.
+
+      `renderer-src` is the URL of that worker's script. It defaults to pdf.renderer.min.mjs next to
+      the element, or inside `assets-base`, so it is only needed when the file is served from
+      somewhere else. Use the file from the same package release as the other runtime files.
+
+      When the worker cannot start, PDF.js logs "Renderer worker disabled" in the console and
+      draws on the main thread.
+    -->
+    <pdfjs-viewer-element
+      src="/public/sample-pdf-with-images.pdf"
+      renderer-src="../dist/pdf.renderer.min.mjs"
+      style="height: 100dvh">
+    </pdfjs-viewer-element>
+
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        document.querySelector('pdfjs-viewer-element').setViewerOptions({
+          disableWorkerRendering: false
+        })
+      })
+    </script>
+  </body>
+</html>

package.json

@@ -75,6 +75,6 @@
     "vitest": "^5.1.0"
   },
   "dependencies": {
-    "pdfjs-dist": "^6.4.299"
+    "pdfjs-dist": "^6.5.438"
   }
 }