@libresign/pdf-elements 0.2.4 → 0.3.0

package/src/components/PDFPage.vue

@@ -24,7 +24,8 @@ export default {
     return {
       dynamicScale: this.scale,
       isRendering: false,
-      boundMeasure: null,
+      pendingRender: false,
+      renderTask: null,
     }
   },
   watch: {
@@ -34,13 +35,16 @@ export default {
     },
   },
   mounted() {
-    this.boundMeasure = this.measure.bind(this)
-    window.addEventListener('resize', this.boundMeasure)
     this.render()
   },
   beforeUnmount() {
-    if (this.boundMeasure) {
-      window.removeEventListener('resize', this.boundMeasure)
+    if (this.renderTask) {
+      try {
+        this.renderTask.cancel()
+      } catch (e) {
+        // Ignore render cancellation errors.
+      }
+      this.renderTask = null
     }
   },
   methods: {
@@ -56,24 +60,43 @@ export default {
       })
     },
     async render() {
-      if (this.isRendering) return
+      if (this.isRendering) {
+        this.pendingRender = true
+        return
+      }
       this.isRendering = true
+      this.pendingRender = false
       try {
         const _page = await this.page
         const canvas = this.$refs.canvas
+        if (!canvas) return
+        if (this.renderTask) {
+          try {
+            this.renderTask.cancel()
+          } catch (e) {
+            // Ignore render cancellation errors.
+          }
+          this.renderTask = null
+        }
         const context = canvas.getContext('2d')
         const viewport = _page.getViewport({
           scale: this.dynamicScale,
         })
         canvas.width = viewport.width
         canvas.height = viewport.height
-        await _page.render({
+        this.renderTask = _page.render({
           canvasContext: context,
           viewport,
-        }).promise
+        })
+        await this.renderTask.promise
         this.measure()
       } finally {
         this.isRendering = false
+        this.renderTask = null
+        if (this.pendingRender) {
+          this.pendingRender = false
+          this.render()
+        }
       }
     },
   },

package/src/index.js

@@ -1,11 +1,6 @@
 // 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'
 

package/src/utils/geometry.js

@@ -0,0 +1,20 @@
+// SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+export function clampPosition(x, y, width, height, pageWidth, pageHeight) {
+  return {
+    x: Math.max(0, Math.min(x, pageWidth - width)),
+    y: Math.max(0, Math.min(y, pageHeight - height)),
+  }
+}
+
+export function getVisibleArea(newX, newY, objWidth, objHeight, pageWidth, pageHeight) {
+  const visibleLeft = Math.max(0, newX)
+  const visibleTop = Math.max(0, newY)
+  const visibleRight = Math.min(pageWidth, newX + objWidth)
+  const visibleBottom = Math.min(pageHeight, newY + objHeight)
+  if (visibleRight <= visibleLeft || visibleBottom <= visibleTop) {
+    return 0
+  }
+  return (visibleRight - visibleLeft) * (visibleBottom - visibleTop)
+}

package/src/utils/measurements.js

@@ -0,0 +1,16 @@
+// SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+export function getCachedMeasurement(cache, cacheKey, pageRef, pagesScale) {
+  const cached = cache[cacheKey]
+  if (cached) {
+    return cached
+  }
+  const measurement = pageRef.getCanvasMeasurement()
+  const normalized = {
+    width: measurement.canvasWidth / pagesScale,
+    height: measurement.canvasHeight / pagesScale,
+  }
+  cache[cacheKey] = normalized
+  return normalized
+}

package/src/utils/objectStore.js

@@ -0,0 +1,35 @@
+// SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+export function objectIdExistsInDoc(doc, objectId) {
+  if (!doc || !objectId) return false
+  return doc.allObjects.some((objects) => objects.some((obj) => obj.id === objectId))
+}
+
+export function findObjectPageIndex(doc, objectId) {
+  if (!doc || !objectId) return undefined
+  for (let pageIndex = 0; pageIndex < doc.allObjects.length; pageIndex++) {
+    if (doc.allObjects[pageIndex].some((obj) => obj.id === objectId)) {
+      return pageIndex
+    }
+  }
+  return undefined
+}
+
+export function updateObjectInDoc(doc, pageIndex, objectId, payload) {
+  const objects = doc?.allObjects?.[pageIndex]
+  if (!objects) return false
+  const objectIndex = objects.findIndex((obj) => obj.id === objectId)
+  if (objectIndex === -1) return false
+  objects.splice(objectIndex, 1, { ...objects[objectIndex], ...payload })
+  return true
+}
+
+export function removeObjectFromDoc(doc, pageIndex, objectId) {
+  const objects = doc?.allObjects?.[pageIndex]
+  if (!objects) return false
+  const objectIndex = objects.findIndex((obj) => obj.id === objectId)
+  if (objectIndex === -1) return false
+  objects.splice(objectIndex, 1)
+  return true
+}

package/src/utils/pageBounds.js

@@ -0,0 +1,13 @@
+// SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+export function getViewportWindow(scrollTop, viewHeight, margin = 300) {
+  return {
+    minY: Math.max(0, scrollTop - margin),
+    maxY: scrollTop + viewHeight + margin,
+  }
+}
+
+export function isPageInViewport(offsetTop, offsetHeight, minY, maxY) {
+  return !(offsetTop + offsetHeight < minY || offsetTop > maxY)
+}

package/src/utils/zoom.js

@@ -0,0 +1,8 @@
+// SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+export function applyScaleToDocs(docs, scale) {
+  docs.forEach((doc) => {
+    doc.pagesScale = doc.pagesScale.map(() => scale)
+  })
+}