pdfjs-viewer-element 2.6.4 → 2.6.5

package/README.md

@@ -10,13 +10,17 @@ 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.
 
-⚠️ `pdfjs-viewer-element` requires PDF.js [prebuilt](http://mozilla.github.io/pdf.js/getting_started/), that includes the generic build of PDF.js and the viewer.
+## How it works
 
-The prebuilt comes with each PDF.js release. Supported all v4 and v3 [releases](https://github.com/mozilla/pdf.js/releases):
+**⚠️ This is an important part !!!**
 
-To use the package you should download and **place the prebuilt** files in the project.
+ **You should download and place the PDF.js prebuilt files in the project.**
 
-Then specify the path to the directory with the `viewer-path` property (`/pdfjs` by default).
+`pdfjs-viewer-element` requires PDF.js [prebuilt](http://mozilla.github.io/pdf.js/getting_started/), that includes the generic build of PDF.js and the viewer.
+
+The prebuilt comes with each PDF.js release. Supported all v4 and v3 [releases](https://github.com/mozilla/pdf.js/releases).
+
+Then specify the path to the directory with the `viewer-path` property (`/pdfjs` by default) and PDF file URL with `src` property (should refer to the [same origin](https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#can-i-load-a-pdf-from-another-server-cross-domain-request)).
 
 ## Status
 
@@ -60,7 +64,7 @@ Using browser:
 ## Usage
 
 ```html
-<pdfjs-viewer-element src="/file.pdf" viewer-path="/pdfjs-4.1.392-dist"></pdfjs-viewer-element>
+<pdfjs-viewer-element src="/file.pdf" viewer-path="/pdfjs-4.5.136-dist"></pdfjs-viewer-element>
 ```
 
 ## Attributes
@@ -100,7 +104,7 @@ Use `viewer-css-theme` attribute to set light or dark theme manually:
 ```html
 <pdfjs-viewer-element 
   src="/file.pdf" 
-  viewer-path="/pdfjs-4.1.392-dist"
+  viewer-path="/pdfjs-4.5.136-dist"
   viewer-css-theme="DARK">
 </pdfjs-viewer-element>
 ```
@@ -112,7 +116,7 @@ You can add your own CSS rules to the viewer application using `viewer-extra-sty
 ```html
 <pdfjs-viewer-element 
   src="/file.pdf" 
-  viewer-path="/pdfjs-4.1.392-dist"
+  viewer-path="/pdfjs-4.5.136-dist"
   viewer-extra-styles="#toolbarViewerMiddle { display: none; }"
   viewer-extra-styles-urls="['/demo/viewer-custom-theme.css']">
 </pdfjs-viewer-element>
@@ -145,7 +149,7 @@ Build your own theme with viewer's custom variables and `viewer-extra-styles-url
 `initialize` - using this method you can access PDFViewerApplication and use methods and events of PDF.js default viewer
 
 ```html
-<pdfjs-viewer-element viewer-path="/pdfjs-4.1.392-dist"></pdfjs-viewer-element>
+<pdfjs-viewer-element viewer-path="/pdfjs-4.5.136-dist"></pdfjs-viewer-element>
 ```
 
 ```javascript
@@ -156,5 +160,31 @@ const viewerApp = await viewer.initialize()
 viewerApp.open({ data: pdfData })
 ```
 
+## Server configuration
+
+Since v4 PDF.js requires `.mjs` files support, make sure your server has it.
+
+In case of `nginx` this may causes to errors, see https://github.com/mozilla/pdf.js/issues/17296
+
+Add `.mjs` files support for `nginx` example:
+
+```bash
+server {
+    # ...
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html;
+
+        location ~* \.mjs$ {
+            types {
+                text/javascript mjs;
+            }
+        }
+    }
+}
+```
+
+
 ## License
 [MIT](http://opensource.org/licenses/MIT)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-viewer-element",
-  "version": "2.6.4",
+  "version": "2.6.5",
   "license": "MIT",
   "author": {
     "name": "Oleksandr Shevchuk",
@@ -30,6 +30,7 @@
     "types"
   ],
   "devDependencies": {
+    "@awlsn/pdfjs-full": "^4.2.392",
     "@types/node": "^18.19.31",
     "@vitest/browser": "^1.5.0",
     "jsdom": "^22.1.0",