pdfjs-viewer-element 2.7.0 → 2.7.1

package/README.md

@@ -10,7 +10,7 @@ Supported in all [major browsers](https://caniuse.com/custom-elementsv1), and wo
 See [demo pages](https://github.com/alekswebnet/pdfjs-viewer-element/tree/master/demo) for various usecases.
 See [live examples](https://alekswebnet.github.io/pdfjs-viewer-element/#demo) of usage with frameworks.
 
-# Features
+## Features
 
 - Simple PDF.js viewer integration to any web application
 - PDF.js viewer options and parameters support, access to the viewer application instance
@@ -18,7 +18,7 @@ See [live examples](https://alekswebnet.github.io/pdfjs-viewer-element/#demo) of
 
 ## How it works
 
-**⚠️ This is an important part, please read this firstly !!!**
+**⚠️ This is an important part, please read this FIRST !!!**
 
  **You should download and place the PDF.js prebuilt files in the project.**
 
@@ -179,7 +179,9 @@ const viewerApp = await viewer.initialize()
 viewerApp.open({ data: pdfData })
 ```
 
-## Server configuration
+## Known issues
+
+### The `.mjs` files support
 
 Since v4 PDF.js requires `.mjs` files support, make sure your server has it.
 
@@ -204,6 +206,13 @@ server {
 }
 ```
 
+### Problem with range requests / streaming
+
+Sometimes a PDF file fails to load when working with range requests / streaming.
+If you encounter this issue, you can try disabling the broken functionality of PDF.js:
+
+`disable-range="true"`
+
 
 ## License
 [MIT](http://opensource.org/licenses/MIT)

package/dist/pdfjs-viewer-element.js

@@ -9,8 +9,7 @@ const y = (p, t) => new Promise((o) => {
 class x extends HTMLElement {
   constructor() {
     super(), this.onIframeReady = function(s, r = 25, e = {}) {
-      if (e = { ...T, ...e }, !Number.isFinite(r))
-        throw new TypeError("Expected `wait` to be a finite number");
+      if (e = { ...T, ...e }, !Number.isFinite(r)) throw new TypeError("Expected `wait` to be a finite number");
       let i, n, a, l, h = [];
       const f = (c, m) => (a = async function(d, u, w) {
         return await d.apply(u, w);
@@ -26,8 +25,7 @@ class x extends HTMLElement {
           clearTimeout(n), n = setTimeout(() => {
             n = null;
             const u = e.leading ? i : f(this, c);
-            for (const w of h)
-              w(u);
+            for (const w of h) w(u);
             h = [];
           }, r), d ? (i = f(this, c), m(i)) : h.push(m);
         });
@@ -36,17 +34,14 @@ class x extends HTMLElement {
       await y("iframe", this.shadowRoot), s();
     }, 0, { leading: !0 }), this.setViewerExtraStyles = (s, r = "extra") => {
       var i, n, a, l, h;
-      if (!s)
-        return void ((n = (i = this.iframe.contentDocument) == null ? void 0 : i.head.querySelector(`style[${r}]`)) == null ? void 0 : n.remove());
-      if (((l = (a = this.iframe.contentDocument) == null ? void 0 : a.head.querySelector(`style[${r}]`)) == null ? void 0 : l.innerHTML) === s)
-        return;
+      if (!s) return void ((n = (i = this.iframe.contentDocument) == null ? void 0 : i.head.querySelector(`style[${r}]`)) == null ? void 0 : n.remove());
+      if (((l = (a = this.iframe.contentDocument) == null ? void 0 : a.head.querySelector(`style[${r}]`)) == null ? void 0 : l.innerHTML) === s) return;
       const e = document.createElement("style");
       e.innerHTML = s, e.setAttribute(r, ""), (h = this.iframe.contentDocument) == null || h.head.appendChild(e);
     }, this.injectExtraStylesLinks = (s) => {
       s && s.replace(/'|]|\[/g, "").split(",").map((r) => r.trim()).forEach((r) => {
         var n, a;
-        if ((n = this.iframe.contentDocument) == null ? void 0 : n.head.querySelector(`link[href="${r}"]`))
-          return;
+        if ((n = this.iframe.contentDocument) == null ? void 0 : n.head.querySelector(`link[href="${r}"]`)) return;
         const i = document.createElement("link");
         i.rel = "stylesheet", i.href = r, (a = this.iframe.contentDocument) == null || a.head.appendChild(i);
       });
@@ -114,8 +109,7 @@ ${g ? "&nameddest=" + g : ""}`;
 `)[1].split(`
 }`)[0]);
       this.setViewerExtraStyles(n.join(""), "theme");
-    } else
-      (r = (s = this.iframe.contentDocument) == null ? void 0 : s.head.querySelector("style[theme]")) == null || r.remove();
+    } else (r = (s = this.iframe.contentDocument) == null ? void 0 : s.head.querySelector("style[theme]")) == null || r.remove();
   }
 }
 window.customElements.get("pdfjs-viewer-element") || (window.PdfjsViewerElement = x, window.customElements.define("pdfjs-viewer-element", x));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-viewer-element",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "license": "MIT",
   "author": {
     "name": "Oleksandr Shevchuk",
@@ -34,13 +34,13 @@
   "devDependencies": {
     "@awlsn/pdfjs-full": "^4.2.392",
     "@rollup/plugin-terser": "^0.4.4",
-    "@types/node": "^18.19.31",
-    "@vitest/browser": "^1.5.0",
-    "jsdom": "^22.1.0",
-    "typescript": "^4.9.5",
-    "vite": "^5.2.9",
-    "vitest": "^1.5.0",
-    "webdriverio": "^8.36.1"
+    "@types/node": "^22.13.5",
+    "@vitest/browser": "^3.0.7",
+    "jsdom": "^26.0.0",
+    "typescript": "^5.7.3",
+    "vite": "^6.2.0",
+    "vitest": "^3.0.7",
+    "webdriverio": "^9.10.1"
   },
   "dependencies": {
     "perfect-debounce": "^1.0.0"

package/types/pdfjs-viewer-element.d.ts

@@ -18,7 +18,7 @@ export declare class PdfjsViewerElement extends HTMLElement {
     private setCssTheme;
     private setViewerExtraStyles;
     private injectExtraStylesLinks;
-    initialize: () => Promise<PdfjsViewerElementIframeWindow['PDFViewerApplication']>;
+    initialize: () => Promise<PdfjsViewerElementIframeWindow["PDFViewerApplication"]>;
 }
 declare global {
     interface Window {