Merge pull request #104 from LibreSign/chore/custom-pdf-worker

chore: make possible customize pdf worker from Vue side

Author: vitormattos

README.md

@@ -41,6 +41,7 @@ https://www.npmjs.com/package/@libresign/vue-pdf-editor
     :init-image-scale = "0.2" <!--The zoom level of the initialized picture defaults to 0.2 times the original size-->
     :seal-image-show="true" <!--Whether to show the signed example of the default FALSE-->
     :seal-image-hidden-on-save="true" <!--Whether the signed example is hidden by the default FALSE when saving-->
+    :worker-src=null <!-- URL of pdf.worker -->
     @onSave2Upload="【save callback】"  <!--Save the callback load: PDFBYTES and FILENAME-->
 />
 ```

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@libresign/vue-pdf-editor",
   "description": "vue2 pdf editor component",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "author": "LibreCode",
   "private": false,
   "main": "dist/vue-pdf-editor.umd.js",

src/VuePdfEditor.vue

@@ -197,7 +197,7 @@ import ImageItem from './Components/Image.vue'
 import TextItem from './Components/TextItem.vue'
 import Drawing from './Components/Drawing.vue'
 import DrawingCanvas from './Components/DrawingCanvas.vue'
-import { readAsImage, readAsPDF, readAsDataURL } from './utils/asyncReader.js'
+import { configurePDFWorkerSrc, readAsImage, readAsPDF, readAsDataURL } from './utils/asyncReader.js'
 import { save } from './utils/PDF.js'
 import ImageIcon from 'vue-material-design-icons/Image.vue'
 import TextIcon from 'vue-material-design-icons/Text.vue'
@@ -311,7 +311,10 @@ export default {
 			type: Boolean,
 			default: false,
 		},
-
+		workerSrc: {
+			type: String,
+			default: null
+		},
 	},
 	data() {
 		return {
@@ -494,6 +497,9 @@ export default {
 					file = await blob.arrayBuffer();
 				}
 
+				if (this.workerSrc) {
+					configurePDFWorkerSrc(this.workerSrc)
+				}
 				this.pdfDocument = await readAsPDF(file)
 				if (this.pdfDocument) {
 					this.numPages = this.pdfDocument.numPages

src/utils/asyncReader.js

@@ -1,6 +1,9 @@
 import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist'
 import pdfWorkerCode from 'pdfjs-dist/legacy/build/pdf.worker.min.mjs'
-GlobalWorkerOptions.workerSrc = pdfWorkerCode
+
+export function configurePDFWorkerSrc(customWorkerSrc) {
+  GlobalWorkerOptions.workerSrc = customWorkerSrc || pdfWorkerCode
+}
 
 /**
  *