@libresign/pdf-elements 0.1.2 → 0.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@libresign/pdf-elements",
   "description": "PDF viewer with draggable and resizable element overlays for Vue 2",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "author": "LibreCode <contact@librecode.coop>",
   "private": false,
   "main": "dist/pdf-elements.umd.js",

package/src/components/PDFElements.vue

@@ -179,6 +179,10 @@ export default {
       type: String,
       default: '{currentPage} of {totalPages}',
     },
+    autoFitZoom: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -224,6 +228,9 @@ export default {
     window.addEventListener('resize', this.onViewportScroll)
     this.$el?.addEventListener('scroll', this.onViewportScroll, { passive: true })
     this.$el?.addEventListener('wheel', this.boundHandleWheel, { passive: false })
+    if (this.autoFitZoom) {
+      window.addEventListener('resize', this.adjustZoomToFit)
+    }
   },
   beforeUnmount() {
     if (this.zoomRafId) {
@@ -241,6 +248,9 @@ export default {
     window.removeEventListener('scroll', this.onViewportScroll)
     window.removeEventListener('resize', this.onViewportScroll)
     this.$el?.removeEventListener('scroll', this.onViewportScroll)
+    if (this.autoFitZoom) {
+      window.removeEventListener('resize', this.adjustZoomToFit)
+    }
     if (this.viewportRafId) {
       window.cancelAnimationFrame(this.viewportRafId)
       this.viewportRafId = 0
@@ -284,6 +294,11 @@ export default {
         this.selectedDocIndex = 0
         this.selectedPageIndex = 0
         this.$emit('pdf-elements:end-init', { docsCount: docs.length })
+        this.$nextTick(() => {
+          if (this.autoFitZoom) {
+            this.adjustZoomToFit()
+          }
+        })
       }
     },
 
@@ -804,6 +819,33 @@ export default {
       const pagesScale = doc.pagesScale[pageIndex] || 1
       return pageRef.getCanvasMeasurement().canvasHeight / pagesScale
     },
+    calculateOptimalScale(maxPageWidth) {
+      const containerWidth = this.$el?.clientWidth || 0
+      if (!containerWidth || !maxPageWidth) return 1
+
+      const availableWidth = containerWidth - 40
+      return Math.max(0.1, Math.min(2, availableWidth / maxPageWidth))
+    },
+    adjustZoomToFit() {
+      if (!this.autoFitZoom || !this.pdfDocuments.length) return
+
+      const canvases = this.$el?.querySelectorAll('canvas')
+      if (!canvases?.length) return
+
+      const maxCanvasWidth = Math.max(...Array.from(canvases).map(canvas =>
+        canvas.width / (this.scale || 1),
+      ))
+
+      const optimalScale = this.calculateOptimalScale(maxCanvasWidth)
+      if (Math.abs(optimalScale - this.scale) > 0.01) {
+        this.scale = optimalScale
+        this.visualScale = optimalScale
+        this.pdfDocuments.forEach((doc) => {
+          doc.pagesScale = doc.pagesScale.map(() => this.scale)
+        })
+        this.cachePageBounds()
+      }
+    },
   },
 }
 </script>

package/src/index.js

@@ -1,7 +1,13 @@
 // SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import { GlobalWorkerOptions } from 'pdfjs-dist'
+import pdfWorkerCode from 'pdfjs-dist/build/pdf.worker.min.mjs'
+
+GlobalWorkerOptions.workerSrc = pdfWorkerCode
+
 import PDFElements from './components/PDFElements.vue'
+export { setWorkerPath } from './utils/asyncReader.js'
 
 PDFElements.install = function(Vue) {
   if (PDFElements.install.installed) return

package/src/utils/asyncReader.js

@@ -6,6 +6,10 @@ import pdfWorkerCode from 'pdfjs-dist/build/pdf.worker.min.mjs'
 
 GlobalWorkerOptions.workerSrc = pdfWorkerCode
 
+export function setWorkerPath(path) {
+  GlobalWorkerOptions.workerSrc = path
+}
+
 export function readAsArrayBuffer(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader()