Merge pull request #38 from vinodnimbalkar/new-feature

feat: base64 string encode support added
vinodnimbalkar · Aug 21, 2022 · 7962eed · 7962eed
2 parents 0652d68 + 452c229
commit 7962eed
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -25,21 +25,42 @@ npm install svelte-pdf
 ```
 
 ## How to use
+#### Using local path
+```js
+<script>
+	import PdfViewer from 'svelte-pdf';
+</script>
 
+<PdfViewer url='./sample.pdf' />
+
+```
+#### Using url
+```js
+<script>
+	import PdfViewer from 'svelte-pdf';
+</script>
+
+<PdfViewer url='https://raw.githubusercontent.com/vinodnimbalkar/svelte-pdf/369db2f9edbf5ab8c87184193e1404340729bb3a/public/sample.pdf' />
+
+```
+#### Using `base64` encoded string
 ```js
 <script>
 	import PdfViewer from 'svelte-pdf';
+  const base64 =
+    "JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxvZwogIC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFnZXMKICAvTWVkaWFCb3ggWyAwIDAgMjAwIDIwMCBdCiAgL0NvdW50IDEKICAvS2lkcyBbIDMgMCBSIF0KPj4KZW5kb2JqCgozIDAgb2JqCjw8CiAgL1R5cGUgL1BhZ2UKICAvUGFyZW50IDIgMCBSCiAgL1Jlc291cmNlcyA8PAogICAgL0ZvbnQgPDwKICAgICAgL0YxIDQgMCBSIAogICAgPj4KICA+PgogIC9Db250ZW50cyA1IDAgUgo+PgplbmRvYmoKCjQgMCBvYmoKPDwKICAvVHlwZSAvRm9udAogIC9TdWJ0eXBlIC9UeXBlMQogIC9CYXNlRm9udCAvVGltZXMtUm9tYW4KPj4KZW5kb2JqCgo1IDAgb2JqICAlIHBhZ2UgY29udGVudAo8PAogIC9MZW5ndGggNDQKPj4Kc3RyZWFtCkJUCjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8sIHdvcmxkISkgVGoKRVQKZW5kc3RyZWFtCmVuZG9iagoKeHJlZgowIDYKMDAwMDAwMDAwMCA2NTUzNSBmIAowMDAwMDAwMDEwIDAwMDAwIG4gCjAwMDAwMDAwNzkgMDAwMDAgbiAKMDAwMDAwMDE3MyAwMDAwMCBuIAowMDAwMDAwMzAxIDAwMDAwIG4gCjAwMDAwMDAzODAgMDAwMDAgbiAKdHJhaWxlcgo8PAogIC9TaXplIDYKICAvUm9vdCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G";
 </script>
 
-<PdfViewer url='./helloworld.pdf' />
+<PdfViewer data={atob(base64)} />
 
 ```
 
 ## Props
 
 | 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
@@ -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
@@ -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
@@ -2,4 +2,4 @@
     import PdfViewer from '$lib/PdfViewer.svelte';
 </script>
 
-<PdfViewer url='https://nearlaw.com/PDF/MumbaiHC/2018/2018(7)-ALL-MR-95.pdf' />
+<PdfViewer url='https://raw.githubusercontent.com/vinodnimbalkar/svelte-pdf/369db2f9edbf5ab8c87184193e1404340729bb3a/public/sample.pdf' />