diff --git a/README.md b/README.md index c84045a..d19e833 100644 --- a/README.md +++ b/README.md @@ -25,13 +25,33 @@ npm install svelte-pdf ``` ## How to use +#### Using local path +```js + + + +``` +#### Using url +```js + + + + +``` +#### Using `base64` encoded string ```js - + ``` @@ -39,7 +59,8 @@ npm install svelte-pdf | prop name | type | default | Required | | ------------- | --------- | ------- | -------- | -| `url` | `string` | `""` | `Yes` | +| `url` | `string` | `N/A` | `Yes` | +| `data` | `string` | `N/A` | `No` | | `scale` | `float` | `1.8` | `No` | | `pageNum` | `number` | `1` | `No` | | `flipTime` | `number` | `120` | `No` | diff --git a/package.json b/package.json index 1621b36..7996b2b 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { "name": "svelte-pdf", - "version": "1.0.12", + "version": "1.0.13", "description": "svelte-pdf provides a component for rendering PDF documents using PDF.js", - "main": "src/index.js", + "main": "index.js", "type": "module", "scripts": { "dev": "vite dev", diff --git a/src/lib/PdfViewer.svelte b/src/lib/PdfViewer.svelte index fc3f8ee..9fc4b8c 100644 --- a/src/lib/PdfViewer.svelte +++ b/src/lib/PdfViewer.svelte @@ -7,6 +7,7 @@ import Tooltip from "./utils/Tooltip.svelte"; export let url; + export let data; export let scale = 1.8; export let pageNum = 1; //must be number export let flipTime = 120; //by default 2 minute, value in seconds @@ -148,7 +149,11 @@ */ const initialLoad = async () => { - let loadingTask = pdfjs.getDocument({ url, password }); + let loadingTask = pdfjs.getDocument({ + ...(url && { url }), + ...(data && { data }), + ...(password && { password }), + }); loadingTask.promise .then(async function (pdfDoc_) { pdfDoc = pdfDoc_; @@ -172,11 +177,6 @@ .catch(function (error) { passwordError = true; passwordMessage = error.message; - if (passwordMessage === "Failed to fetch") { - //This API enables cross-origin requests to anywhere. - url = `https://cors-anywhere.herokuapp.com/${url}`; - initialLoad(); - } }); }; initialLoad(); diff --git a/src/routes/index.svelte b/src/routes/index.svelte index be45079..0c5c5d4 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -2,4 +2,4 @@ import PdfViewer from '$lib/PdfViewer.svelte'; - \ No newline at end of file + \ No newline at end of file