kviewer 0.0.6 → 0.0.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "kviewer",
   "configKey": "kviewer",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/annotation/engine/editor/editor.js

@@ -50,7 +50,19 @@ export class Editor {
       id,
       pageNumber,
       konvaString: konvaGroup.toJSON(),
-      konvaClientRect: konvaGroup.getClientRect(),
+      // Do NOT use konvaGroup.getClientRect() directly here — it includes the
+      // stage's zoom scale, which would inflate annotation coordinates in the
+      // exported PDF. We divide by scale to get page-space coordinates.
+      konvaClientRect: (() => {
+        const scale = konvaGroup.getStage()?.scaleX() ?? 1;
+        const raw = konvaGroup.getClientRect();
+        return {
+          x: raw.x / scale,
+          y: raw.y / scale,
+          width: raw.width / scale,
+          height: raw.height / scale
+        };
+      })(),
       title: this.userName,
       type: annotation.type,
       pdfjsType: annotation.pdfjsAnnotationType,

package/dist/runtime/annotation/pdf-export/parse_circle.js

@@ -1,16 +1,19 @@
 import { PDFName, PDFString } from "pdf-lib";
 import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
 import { AnnotationParser } from "./parse.js";
+import { computeBoundsFromKonvaString } from "./parse_utils.js";
 const UNKNOWN_USER = "Unknown user";
 export class CircleParser extends AnnotationParser {
   async parse() {
     const { annotation, page, pdfDoc } = this;
     const context = pdfDoc.context;
     const pageHeight = page.getHeight();
+    const bounds = computeBoundsFromKonvaString(annotation.konvaString);
+    const rect = convertKonvaRectToPdfRect(bounds ?? annotation.konvaClientRect, pageHeight);
     const mainAnn = context.obj({
       Type: PDFName.of("Annot"),
       Subtype: PDFName.of("Circle"),
-      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      Rect: rect,
       C: rgbToPdfColor(annotation.color || void 0),
       T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
       Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
@@ -24,7 +27,7 @@ export class CircleParser extends AnnotationParser {
       const replyAnn = context.obj({
         Type: PDFName.of("Annot"),
         Subtype: PDFName.of("Text"),
-        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Rect: rect,
         Contents: stringToPDFHexString(comment.content),
         T: stringToPDFHexString(comment.title || UNKNOWN_USER),
         M: PDFString.of(comment.date || ""),

package/dist/runtime/annotation/pdf-export/parse_polyline.js

@@ -1,6 +1,7 @@
 import { PDFName, PDFNumber, PDFString } from "pdf-lib";
 import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
 import { AnnotationParser } from "./parse.js";
+import { computeBoundsFromKonvaString } from "./parse_utils.js";
 const UNKNOWN_USER = "Unknown user";
 function parseSvgPathToPoints(data) {
   const commands = data.match(/[a-z][^a-z]*/gi) || [];
@@ -59,7 +60,9 @@ export class PolylineParser extends AnnotationParser {
     const mainAnn = context.obj({
       Type: PDFName.of("Annot"),
       Subtype: PDFName.of("Ink"),
-      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      // Compute Rect from konvaString so it reflects the current position
+      // even when konvaClientRect is stale after a move/resize.
+      Rect: convertKonvaRectToPdfRect(computeBoundsFromKonvaString(annotation.konvaString) ?? annotation.konvaClientRect, pageHeight),
       InkList: inkList,
       C: context.obj([PDFNumber.of(r), PDFNumber.of(g), PDFNumber.of(b)]),
       T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
@@ -76,7 +79,7 @@ export class PolylineParser extends AnnotationParser {
       const replyAnn = context.obj({
         Type: PDFName.of("Annot"),
         Subtype: PDFName.of("Text"),
-        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Rect: convertKonvaRectToPdfRect(computeBoundsFromKonvaString(annotation.konvaString) ?? annotation.konvaClientRect, pageHeight),
         Contents: stringToPDFHexString(comment.content),
         T: stringToPDFHexString(comment.title || UNKNOWN_USER),
         M: PDFString.of(comment.date || ""),

package/dist/runtime/annotation/pdf-export/parse_square.js

@@ -1,16 +1,19 @@
 import { PDFName, PDFString } from "pdf-lib";
 import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
 import { AnnotationParser } from "./parse.js";
+import { computeBoundsFromKonvaString } from "./parse_utils.js";
 const UNKNOWN_USER = "Unknown user";
 export class SquareParser extends AnnotationParser {
   async parse() {
     const { annotation, page, pdfDoc } = this;
     const context = pdfDoc.context;
     const pageHeight = page.getHeight();
+    const bounds = computeBoundsFromKonvaString(annotation.konvaString);
+    const rect = convertKonvaRectToPdfRect(bounds ?? annotation.konvaClientRect, pageHeight);
     const mainAnn = context.obj({
       Type: PDFName.of("Annot"),
       Subtype: PDFName.of("Square"),
-      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      Rect: rect,
       C: rgbToPdfColor(annotation.color || void 0),
       T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
       Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
@@ -24,7 +27,7 @@ export class SquareParser extends AnnotationParser {
       const replyAnn = context.obj({
         Type: PDFName.of("Annot"),
         Subtype: PDFName.of("Text"),
-        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Rect: rect,
         Contents: stringToPDFHexString(comment.content),
         T: stringToPDFHexString(comment.title || UNKNOWN_USER),
         M: PDFString.of(comment.date || ""),

package/dist/runtime/annotation/pdf-export/parse_stamp.js

@@ -1,6 +1,7 @@
 import { PDFName, PDFNumber, PDFRawStream, PDFString } from "pdf-lib";
 import { convertKonvaRectToPdfRect, stringToPDFHexString } from "../engine/utils.js";
 import { AnnotationParser } from "./parse.js";
+import { computeBoundsFromKonvaString } from "./parse_utils.js";
 const UNKNOWN_USER = "Unknown user";
 const SVG_RASTER_SCALE = 4;
 const MAX_RASTER_EDGE = 4096;
@@ -122,7 +123,8 @@ export class StampParser extends AnnotationParser {
   async parse() {
     const { annotation, page, pdfDoc } = this;
     const context = pdfDoc.context;
-    const [x1, y1, x2, y2] = convertKonvaRectToPdfRect(annotation.konvaClientRect, page.getHeight());
+    const bounds = computeBoundsFromKonvaString(annotation.konvaString);
+    const [x1, y1, x2, y2] = convertKonvaRectToPdfRect(bounds ?? annotation.konvaClientRect, page.getHeight());
     const pageWidth = page.getWidth();
     const pageHeight = page.getHeight();
     const left = Math.max(0, Math.min(x1, pageWidth));
@@ -179,7 +181,7 @@ export class StampParser extends AnnotationParser {
       const replyAnn = context.obj({
         Type: PDFName.of("Annot"),
         Subtype: PDFName.of("Text"),
-        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Rect: convertKonvaRectToPdfRect(bounds ?? annotation.konvaClientRect, pageHeight),
         Contents: stringToPDFHexString(comment.content),
         T: stringToPDFHexString(comment.title || UNKNOWN_USER),
         M: PDFString.of(comment.date || ""),

package/dist/runtime/annotation/pdf-export/parse_text.js

@@ -1,11 +1,13 @@
 import { PDFName, PDFString } from "pdf-lib";
 import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
 import { AnnotationParser } from "./parse.js";
+import { computeBoundsFromKonvaString } from "./parse_utils.js";
 const UNKNOWN_USER = "Unknown user";
 export class TextParser extends AnnotationParser {
   async parse() {
     const { annotation, page, pdfDoc } = this;
-    const rect = convertKonvaRectToPdfRect(annotation.konvaClientRect, page.getHeight());
+    const bounds = computeBoundsFromKonvaString(annotation.konvaString);
+    const rect = convertKonvaRectToPdfRect(bounds ?? annotation.konvaClientRect, page.getHeight());
     const context = pdfDoc.context;
     const mainAnn = context.obj({
       Type: PDFName.of("Annot"),

package/dist/runtime/annotation/pdf-export/parse_utils.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Shared utilities for PDF export parsers.
+ *
+ * The main purpose is to compute annotation bounding boxes from the
+ * serialised Konva JSON (`konvaString`) rather than relying on
+ * `konvaClientRect`, which can become stale after the annotation is
+ * moved or resized.
+ */
+/**
+ * Compute the bounding box of a Konva group from its serialised JSON,
+ * applying group-level transforms (x, y, scaleX, scaleY) to every child.
+ *
+ * Handles:
+ *  - Rect / Image / Text children  → x, y, width, height
+ *  - Ellipse children              → x (centre), y (centre), radiusX, radiusY
+ *
+ * Returns `null` when the string cannot be parsed or contains no children
+ * with computable dimensions. Callers should fall back to
+ * `annotation.konvaClientRect` in that case.
+ */
+export declare function computeBoundsFromKonvaString(konvaString: string): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;

package/dist/runtime/annotation/pdf-export/parse_utils.js

@@ -0,0 +1,54 @@
+export function computeBoundsFromKonvaString(konvaString) {
+  let konvaGroup;
+  try {
+    konvaGroup = JSON.parse(konvaString);
+  } catch {
+    return null;
+  }
+  const groupX = konvaGroup.attrs?.x ?? 0;
+  const groupY = konvaGroup.attrs?.y ?? 0;
+  const scaleX = konvaGroup.attrs?.scaleX ?? 1;
+  const scaleY = konvaGroup.attrs?.scaleY ?? 1;
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  for (const child of konvaGroup.children ?? []) {
+    const attrs = child.attrs;
+    if (!attrs) continue;
+    let cx;
+    let cy;
+    let cw;
+    let ch;
+    if (child.className === "Ellipse") {
+      const rx = attrs.radiusX ?? 0;
+      const ry = attrs.radiusY ?? 0;
+      if (rx <= 0 && ry <= 0) continue;
+      cx = (attrs.x ?? 0) - rx;
+      cy = (attrs.y ?? 0) - ry;
+      cw = rx * 2;
+      ch = ry * 2;
+    } else {
+      cx = attrs.x ?? 0;
+      cy = attrs.y ?? 0;
+      cw = attrs.width ?? 0;
+      ch = attrs.height ?? 0;
+      if (cw <= 0 && ch <= 0) continue;
+    }
+    const x = groupX + cx * scaleX;
+    const y = groupY + cy * scaleY;
+    const w = Math.abs(cw * scaleX);
+    const h = Math.abs(ch * scaleY);
+    minX = Math.min(minX, x);
+    minY = Math.min(minY, y);
+    maxX = Math.max(maxX, x + w);
+    maxY = Math.max(maxY, y + h);
+  }
+  if (!Number.isFinite(minX) || !Number.isFinite(minY)) return null;
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kviewer",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Kabema PDF Editor",
   "repository": "kabema/kviewer",
   "license": "MIT",