kviewer 0.0.1

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

@@ -0,0 +1,71 @@
+import { PDFName, PDFNumber, PDFString } from "pdf-lib";
+import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
+import { AnnotationParser } from "./parse.js";
+const UNKNOWN_USER = "Unknown user";
+export class LineParser extends AnnotationParser {
+  async parse() {
+    const { annotation, page, pdfDoc } = this;
+    const context = pdfDoc.context;
+    const pageHeight = page.getHeight();
+    const konvaGroup = JSON.parse(annotation.konvaString);
+    const lines = (konvaGroup.children ?? []).filter((item) => item.className === "Arrow");
+    const groupX = konvaGroup.attrs?.x || 0;
+    const groupY = konvaGroup.attrs?.y || 0;
+    const scaleX = konvaGroup.attrs?.scaleX || 1;
+    const scaleY = konvaGroup.attrs?.scaleY || 1;
+    const inkList = context.obj(
+      lines.map((line) => {
+        const points = line.attrs?.points ?? [];
+        const transformedPoints = [];
+        for (let i = 0; i < points.length; i += 2) {
+          const x = groupX + points[i] * scaleX;
+          const y = groupY + points[i + 1] * scaleY;
+          transformedPoints.push(x, pageHeight - y);
+        }
+        return context.obj(transformedPoints);
+      })
+    );
+    const firstLine = lines[0]?.attrs || {};
+    const strokeWidth = firstLine.strokeWidth ?? 1;
+    const opacity = firstLine.opacity ?? 1;
+    const color = firstLine.stroke ?? annotation.color ?? "rgb(255, 0, 0)";
+    const [r, g, b] = rgbToPdfColor(color);
+    const bs = context.obj({
+      W: PDFNumber.of(strokeWidth),
+      S: PDFName.of("S")
+    });
+    const mainAnn = context.obj({
+      Type: PDFName.of("Annot"),
+      Subtype: PDFName.of("Ink"),
+      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      InkList: inkList,
+      C: context.obj([PDFNumber.of(r), PDFNumber.of(g), PDFNumber.of(b)]),
+      T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
+      Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
+      M: PDFString.of(annotation.date || ""),
+      NM: PDFString.of(annotation.id),
+      Border: context.obj([0, 0, 0]),
+      BS: bs,
+      CA: PDFNumber.of(opacity)
+    });
+    const mainAnnRef = context.register(mainAnn);
+    this.addAnnotationToPage(page, mainAnnRef);
+    for (const comment of annotation.comments || []) {
+      const replyAnn = context.obj({
+        Type: PDFName.of("Annot"),
+        Subtype: PDFName.of("Text"),
+        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Contents: stringToPDFHexString(comment.content),
+        T: stringToPDFHexString(comment.title || UNKNOWN_USER),
+        M: PDFString.of(comment.date || ""),
+        C: context.obj([PDFNumber.of(r), PDFNumber.of(g), PDFNumber.of(b)]),
+        IRT: mainAnnRef,
+        RT: PDFName.of("R"),
+        NM: PDFString.of(comment.id),
+        Open: false
+      });
+      const replyAnnRef = context.register(replyAnn);
+      this.addAnnotationToPage(page, replyAnnRef);
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import { AnnotationParser } from './parse.js';
+export declare class PolylineParser extends AnnotationParser {
+    parse(): Promise<void>;
+}

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

@@ -0,0 +1,93 @@
+import { PDFName, PDFNumber, PDFString } from "pdf-lib";
+import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
+import { AnnotationParser } from "./parse.js";
+const UNKNOWN_USER = "Unknown user";
+function parseSvgPathToPoints(data) {
+  const commands = data.match(/[a-z][^a-z]*/gi) || [];
+  const points = [];
+  for (const cmd of commands) {
+    const type = cmd[0];
+    const nums = cmd.slice(1).trim().split(/[\s,]+/).map((value) => Number.parseFloat(value));
+    if (type === "M" || type === "L") {
+      for (let i = 0; i < nums.length; i += 2) {
+        points.push(nums[i], nums[i + 1]);
+      }
+    } else if (type === "Q") {
+      if (nums.length >= 4) {
+        points.push(nums[2], nums[3]);
+      }
+    } else if (type === "C") {
+      if (nums.length >= 6) {
+        points.push(nums[4], nums[5]);
+      }
+    }
+  }
+  return points;
+}
+export class PolylineParser extends AnnotationParser {
+  async parse() {
+    const { annotation, page, pdfDoc } = this;
+    const context = pdfDoc.context;
+    const pageHeight = page.getHeight();
+    const konvaGroup = JSON.parse(annotation.konvaString);
+    const lines = (konvaGroup.children ?? []).filter((item) => item.className === "Path");
+    const groupX = konvaGroup.attrs?.x || 0;
+    const groupY = konvaGroup.attrs?.y || 0;
+    const scaleX = konvaGroup.attrs?.scaleX || 1;
+    const scaleY = konvaGroup.attrs?.scaleY || 1;
+    const inkList = context.obj(
+      lines.map((line) => {
+        const points = parseSvgPathToPoints(line.attrs?.data ?? "");
+        const transformedPoints = [];
+        for (let i = 0; i < points.length; i += 2) {
+          const x = groupX + points[i] * scaleX;
+          const y = groupY + points[i + 1] * scaleY;
+          transformedPoints.push(x, pageHeight - y);
+        }
+        return context.obj(transformedPoints);
+      })
+    );
+    const firstLine = lines[0]?.attrs || {};
+    const strokeWidth = firstLine.strokeWidth ?? 1;
+    const opacity = firstLine.opacity ?? 1;
+    const color = firstLine.stroke ?? annotation.color ?? "rgb(255, 0, 0)";
+    const [r, g, b] = rgbToPdfColor(color);
+    const bs = context.obj({
+      W: PDFNumber.of(strokeWidth),
+      S: PDFName.of("S")
+    });
+    const mainAnn = context.obj({
+      Type: PDFName.of("Annot"),
+      Subtype: PDFName.of("Ink"),
+      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      InkList: inkList,
+      C: context.obj([PDFNumber.of(r), PDFNumber.of(g), PDFNumber.of(b)]),
+      T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
+      Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
+      M: PDFString.of(annotation.date || ""),
+      NM: PDFString.of(annotation.id),
+      Border: context.obj([0, 0, 0]),
+      BS: bs,
+      CA: PDFNumber.of(opacity)
+    });
+    const mainAnnRef = context.register(mainAnn);
+    this.addAnnotationToPage(page, mainAnnRef);
+    for (const comment of annotation.comments || []) {
+      const replyAnn = context.obj({
+        Type: PDFName.of("Annot"),
+        Subtype: PDFName.of("Text"),
+        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Contents: stringToPDFHexString(comment.content),
+        T: stringToPDFHexString(comment.title || UNKNOWN_USER),
+        M: PDFString.of(comment.date || ""),
+        C: context.obj([PDFNumber.of(r), PDFNumber.of(g), PDFNumber.of(b)]),
+        IRT: mainAnnRef,
+        RT: PDFName.of("R"),
+        NM: PDFString.of(comment.id),
+        Open: false
+      });
+      const replyAnnRef = context.register(replyAnn);
+      this.addAnnotationToPage(page, replyAnnRef);
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import { AnnotationParser } from './parse.js';
+export declare class SquareParser extends AnnotationParser {
+    parse(): Promise<void>;
+}

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

@@ -0,0 +1,41 @@
+import { PDFName, PDFString } from "pdf-lib";
+import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
+import { AnnotationParser } from "./parse.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 mainAnn = context.obj({
+      Type: PDFName.of("Annot"),
+      Subtype: PDFName.of("Square"),
+      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      C: rgbToPdfColor(annotation.color || void 0),
+      T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
+      Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
+      M: PDFString.of(annotation.date || ""),
+      NM: PDFString.of(annotation.id),
+      Border: [0, 0, 1]
+    });
+    const mainAnnRef = context.register(mainAnn);
+    this.addAnnotationToPage(page, mainAnnRef);
+    for (const comment of annotation.comments || []) {
+      const replyAnn = context.obj({
+        Type: PDFName.of("Annot"),
+        Subtype: PDFName.of("Text"),
+        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Contents: stringToPDFHexString(comment.content),
+        T: stringToPDFHexString(comment.title || UNKNOWN_USER),
+        M: PDFString.of(comment.date || ""),
+        C: rgbToPdfColor(annotation.color || void 0),
+        IRT: mainAnnRef,
+        RT: PDFName.of("R"),
+        NM: PDFString.of(comment.id),
+        Open: false
+      });
+      const replyAnnRef = context.register(replyAnn);
+      this.addAnnotationToPage(page, replyAnnRef);
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import { AnnotationParser } from './parse.js';
+export declare class StampParser extends AnnotationParser {
+    parse(): Promise<void>;
+}

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

@@ -0,0 +1,195 @@
+import { PDFName, PDFNumber, PDFRawStream, PDFString } from "pdf-lib";
+import { convertKonvaRectToPdfRect, stringToPDFHexString } from "../engine/utils.js";
+import { AnnotationParser } from "./parse.js";
+const UNKNOWN_USER = "Unknown user";
+const SVG_RASTER_SCALE = 4;
+const MAX_RASTER_EDGE = 4096;
+function extractBase64Image(dataUrl) {
+  const match = dataUrl.match(/^data:(image\/[a-zA-Z0-9.+-]+);base64,(.+)$/);
+  if (!match) return null;
+  return { mimeType: match[1], base64: match[2] };
+}
+function extractMimeTypeFromUrl(url) {
+  const base = url.split(/[?#]/)[0] || "";
+  const ext = base.split(".").pop()?.toLowerCase();
+  if (!ext) return null;
+  if (ext === "jpg" || ext === "jpeg") return "image/jpeg";
+  if (ext === "png") return "image/png";
+  if (ext === "svg") return "image/svg+xml";
+  return null;
+}
+async function fetchBytes(url) {
+  if (typeof fetch !== "function") return null;
+  try {
+    const response = await fetch(url);
+    if (!response.ok) return null;
+    const mimeType = response.headers.get("content-type")?.split(";")[0]?.trim().toLowerCase() || null;
+    const bytes = new Uint8Array(await response.arrayBuffer());
+    return { bytes, mimeType };
+  } catch {
+    return null;
+  }
+}
+async function loadImageElement(url) {
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    image.crossOrigin = "anonymous";
+    image.onload = () => resolve(image);
+    image.onerror = () => reject(new Error(`Unable to load image: ${url}`));
+    image.src = url;
+  });
+}
+async function rasterizeImageToPngDataUrl(url, width, height, scale = 1) {
+  if (typeof window === "undefined" || typeof document === "undefined") return null;
+  try {
+    const image = await loadImageElement(url);
+    const baseWidth = Math.max(1, Math.round(width || image.naturalWidth || image.width || 1));
+    const baseHeight = Math.max(1, Math.round(height || image.naturalHeight || image.height || 1));
+    const outputWidth = Math.min(MAX_RASTER_EDGE, Math.max(1, Math.round(baseWidth * scale)));
+    const outputHeight = Math.min(MAX_RASTER_EDGE, Math.max(1, Math.round(baseHeight * scale)));
+    const canvas = document.createElement("canvas");
+    canvas.width = outputWidth;
+    canvas.height = outputHeight;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return null;
+    ctx.imageSmoothingEnabled = true;
+    ctx.drawImage(image, 0, 0, outputWidth, outputHeight);
+    return canvas.toDataURL("image/png");
+  } catch {
+    return null;
+  }
+}
+async function embedImageSource(pdfDoc, imageSource, outputWidth, outputHeight) {
+  const fromDataUrl = extractBase64Image(imageSource);
+  if (fromDataUrl) {
+    if (fromDataUrl.mimeType.includes("svg")) {
+      const dataUrl2 = await rasterizeImageToPngDataUrl(
+        imageSource,
+        outputWidth,
+        outputHeight,
+        SVG_RASTER_SCALE
+      );
+      const parsed2 = dataUrl2 ? extractBase64Image(dataUrl2) : null;
+      if (parsed2) {
+        return pdfDoc.embedPng(parsed2.base64);
+      }
+      return null;
+    }
+    if (fromDataUrl.mimeType.includes("jpeg") || fromDataUrl.mimeType.includes("jpg")) {
+      return pdfDoc.embedJpg(fromDataUrl.base64);
+    }
+    return pdfDoc.embedPng(fromDataUrl.base64);
+  }
+  const fetched = await fetchBytes(imageSource);
+  const mimeFromPath = extractMimeTypeFromUrl(imageSource);
+  const mimeType = (fetched?.mimeType || mimeFromPath || "").toLowerCase();
+  if (fetched?.bytes) {
+    if (mimeType.includes("jpeg") || mimeType.includes("jpg")) {
+      return pdfDoc.embedJpg(fetched.bytes);
+    }
+    if (mimeType.includes("png")) {
+      return pdfDoc.embedPng(fetched.bytes);
+    }
+    if (mimeType.includes("svg")) {
+      const dataUrl2 = await rasterizeImageToPngDataUrl(
+        imageSource,
+        outputWidth,
+        outputHeight,
+        SVG_RASTER_SCALE
+      );
+      const parsed2 = dataUrl2 ? extractBase64Image(dataUrl2) : null;
+      if (parsed2) {
+        return pdfDoc.embedPng(parsed2.base64);
+      }
+      return null;
+    }
+    try {
+      return await pdfDoc.embedPng(fetched.bytes);
+    } catch {
+      try {
+        return await pdfDoc.embedJpg(fetched.bytes);
+      } catch {
+        return null;
+      }
+    }
+  }
+  const dataUrl = await rasterizeImageToPngDataUrl(imageSource, outputWidth, outputHeight);
+  const parsed = dataUrl ? extractBase64Image(dataUrl) : null;
+  if (!parsed) return null;
+  return pdfDoc.embedPng(parsed.base64);
+}
+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 pageWidth = page.getWidth();
+    const pageHeight = page.getHeight();
+    const left = Math.max(0, Math.min(x1, pageWidth));
+    const bottom = Math.max(0, Math.min(y1, pageHeight));
+    const right = Math.max(left, Math.min(x2, pageWidth));
+    const top = Math.max(bottom, Math.min(y2, pageHeight));
+    const rect = [PDFNumber.of(left), PDFNumber.of(bottom), PDFNumber.of(right), PDFNumber.of(top)];
+    const annotationWidth = Math.max(1, right - left);
+    const annotationHeight = Math.max(1, top - bottom);
+    let apDict;
+    if (annotation.contentsObj?.image) {
+      const embeddedImage = await embedImageSource(
+        pdfDoc,
+        annotation.contentsObj.image,
+        annotationWidth,
+        annotationHeight
+      );
+      if (embeddedImage) {
+        const appearanceStream = PDFRawStream.of(
+          context.obj({
+            Type: PDFName.of("XObject"),
+            Subtype: PDFName.of("Form"),
+            BBox: context.obj([0, 0, annotationWidth, annotationHeight]),
+            Resources: context.obj({
+              XObject: context.obj({
+                Im1: embeddedImage.ref
+              })
+            })
+          }),
+          new TextEncoder().encode(`q ${annotationWidth} 0 0 ${annotationHeight} 0 0 cm /Im1 Do Q`)
+        );
+        const appearanceStreamRef = context.register(appearanceStream);
+        apDict = context.obj({ N: appearanceStreamRef });
+      }
+    }
+    const stampAnnDict = {
+      Type: PDFName.of("Annot"),
+      Subtype: PDFName.of("Stamp"),
+      Rect: rect,
+      NM: PDFString.of(annotation.id),
+      Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
+      T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
+      M: PDFString.of(annotation.date || ""),
+      Open: false,
+      F: PDFNumber.of(128)
+    };
+    if (apDict) {
+      stampAnnDict.AP = apDict;
+    }
+    const stampAnn = context.obj(stampAnnDict);
+    const stampAnnRef = context.register(stampAnn);
+    this.addAnnotationToPage(page, stampAnnRef);
+    for (const comment of annotation.comments || []) {
+      const replyAnn = context.obj({
+        Type: PDFName.of("Annot"),
+        Subtype: PDFName.of("Text"),
+        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Contents: stringToPDFHexString(comment.content),
+        T: stringToPDFHexString(comment.title || UNKNOWN_USER),
+        M: PDFString.of(comment.date || ""),
+        IRT: stampAnnRef,
+        RT: PDFName.of("R"),
+        NM: PDFString.of(comment.id),
+        Open: false
+      });
+      const replyAnnRef = context.register(replyAnn);
+      this.addAnnotationToPage(page, replyAnnRef);
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import { AnnotationParser } from './parse.js';
+export declare class StrikeOutParser extends AnnotationParser {
+    parse(): Promise<void>;
+}

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

@@ -0,0 +1,59 @@
+import { PDFName, PDFString } from "pdf-lib";
+import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
+import { AnnotationParser } from "./parse.js";
+const UNKNOWN_USER = "Unknown user";
+function buildQuadPoints(konvaString, pageHeight) {
+  const konvaGroup = JSON.parse(konvaString);
+  const rects = (konvaGroup.children ?? []).filter((item) => item.className === "Rect");
+  const quadPoints = [];
+  for (const rect of rects) {
+    const x = rect.attrs?.x ?? 0;
+    const y = rect.attrs?.y ?? 0;
+    const width = rect.attrs?.width ?? 0;
+    const height = rect.attrs?.height ?? 0;
+    const x1 = x;
+    const y1 = pageHeight - y;
+    const x2 = x + width;
+    const y2 = pageHeight - (y + height);
+    quadPoints.push(x1, y1, x2, y1, x1, y2, x2, y2);
+  }
+  return quadPoints;
+}
+export class StrikeOutParser extends AnnotationParser {
+  async parse() {
+    const { annotation, page, pdfDoc } = this;
+    const context = pdfDoc.context;
+    const pageHeight = page.getHeight();
+    const quadPoints = buildQuadPoints(annotation.konvaString, pageHeight);
+    const mainAnn = context.obj({
+      Type: PDFName.of("Annot"),
+      Subtype: PDFName.of("StrikeOut"),
+      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      QuadPoints: quadPoints,
+      C: rgbToPdfColor(annotation.color || void 0),
+      T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
+      Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
+      M: PDFString.of(annotation.date || ""),
+      NM: PDFString.of(annotation.id)
+    });
+    const mainAnnRef = context.register(mainAnn);
+    this.addAnnotationToPage(page, mainAnnRef);
+    for (const comment of annotation.comments || []) {
+      const replyAnn = context.obj({
+        Type: PDFName.of("Annot"),
+        Subtype: PDFName.of("Text"),
+        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Contents: stringToPDFHexString(comment.content),
+        T: stringToPDFHexString(comment.title || UNKNOWN_USER),
+        M: PDFString.of(comment.date || ""),
+        C: rgbToPdfColor(annotation.color || void 0),
+        IRT: mainAnnRef,
+        RT: PDFName.of("R"),
+        NM: PDFString.of(comment.id),
+        Open: false
+      });
+      const replyAnnRef = context.register(replyAnn);
+      this.addAnnotationToPage(page, replyAnnRef);
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import { AnnotationParser } from './parse.js';
+export declare class TextParser extends AnnotationParser {
+    parse(): Promise<void>;
+}

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

@@ -0,0 +1,42 @@
+import { PDFName, PDFString } from "pdf-lib";
+import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
+import { AnnotationParser } from "./parse.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 context = pdfDoc.context;
+    const mainAnn = context.obj({
+      Type: PDFName.of("Annot"),
+      Subtype: PDFName.of("Text"),
+      Rect: rect,
+      NM: PDFString.of(annotation.id),
+      Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
+      Name: PDFName.of("Comment"),
+      T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
+      M: PDFString.of(annotation.date || ""),
+      C: rgbToPdfColor(annotation.color || void 0),
+      Open: false
+    });
+    const mainAnnRef = context.register(mainAnn);
+    this.addAnnotationToPage(page, mainAnnRef);
+    for (const comment of annotation.comments || []) {
+      const replyAnn = context.obj({
+        Type: PDFName.of("Annot"),
+        Subtype: PDFName.of("Text"),
+        Rect: rect,
+        Contents: stringToPDFHexString(comment.content),
+        T: stringToPDFHexString(comment.title || UNKNOWN_USER),
+        M: PDFString.of(comment.date || ""),
+        C: rgbToPdfColor(annotation.color || void 0),
+        IRT: mainAnnRef,
+        RT: PDFName.of("R"),
+        NM: PDFString.of(comment.id),
+        Open: false
+      });
+      const replyAnnRef = context.register(replyAnn);
+      this.addAnnotationToPage(page, replyAnnRef);
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import { AnnotationParser } from './parse.js';
+export declare class UnderlineParser extends AnnotationParser {
+    parse(): Promise<void>;
+}

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

@@ -0,0 +1,59 @@
+import { PDFName, PDFString } from "pdf-lib";
+import { convertKonvaRectToPdfRect, rgbToPdfColor, stringToPDFHexString } from "../engine/utils.js";
+import { AnnotationParser } from "./parse.js";
+const UNKNOWN_USER = "Unknown user";
+function buildQuadPoints(konvaString, pageHeight) {
+  const konvaGroup = JSON.parse(konvaString);
+  const rects = (konvaGroup.children ?? []).filter((item) => item.className === "Rect");
+  const quadPoints = [];
+  for (const rect of rects) {
+    const x = rect.attrs?.x ?? 0;
+    const y = rect.attrs?.y ?? 0;
+    const width = rect.attrs?.width ?? 0;
+    const height = rect.attrs?.height ?? 0;
+    const x1 = x;
+    const y1 = pageHeight - y;
+    const x2 = x + width;
+    const y2 = pageHeight - (y + height);
+    quadPoints.push(x1, y1, x2, y1, x1, y2, x2, y2);
+  }
+  return quadPoints;
+}
+export class UnderlineParser extends AnnotationParser {
+  async parse() {
+    const { annotation, page, pdfDoc } = this;
+    const context = pdfDoc.context;
+    const pageHeight = page.getHeight();
+    const quadPoints = buildQuadPoints(annotation.konvaString, pageHeight);
+    const mainAnn = context.obj({
+      Type: PDFName.of("Annot"),
+      Subtype: PDFName.of("Underline"),
+      Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+      QuadPoints: quadPoints,
+      C: rgbToPdfColor(annotation.color || void 0),
+      T: stringToPDFHexString(annotation.title || UNKNOWN_USER),
+      Contents: stringToPDFHexString(annotation.contentsObj?.text || ""),
+      M: PDFString.of(annotation.date || ""),
+      NM: PDFString.of(annotation.id)
+    });
+    const mainAnnRef = context.register(mainAnn);
+    this.addAnnotationToPage(page, mainAnnRef);
+    for (const comment of annotation.comments || []) {
+      const replyAnn = context.obj({
+        Type: PDFName.of("Annot"),
+        Subtype: PDFName.of("Text"),
+        Rect: convertKonvaRectToPdfRect(annotation.konvaClientRect, pageHeight),
+        Contents: stringToPDFHexString(comment.content),
+        T: stringToPDFHexString(comment.title || UNKNOWN_USER),
+        M: PDFString.of(comment.date || ""),
+        C: rgbToPdfColor(annotation.color || void 0),
+        IRT: mainAnnRef,
+        RT: PDFName.of("R"),
+        NM: PDFString.of(comment.id),
+        Open: false
+      });
+      const replyAnnRef = context.register(replyAnn);
+      this.addAnnotationToPage(page, replyAnnRef);
+    }
+  }
+}

package/dist/runtime/assets/kviewer.css

@@ -0,0 +1 @@
+.kviewer-text-layer{left:0;line-height:1;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.kviewer-text-layer--interactive{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.KViewer_is_painting.KViewer_painting_type_12 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_12 .kviewer-annotation-layer *,.KViewer_is_painting.KViewer_painting_type_13 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_13 .kviewer-annotation-layer *,.KViewer_is_painting.KViewer_painting_type_5 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_5 .kviewer-annotation-layer *,.KViewer_is_painting.KViewer_painting_type_6 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_6 .kviewer-annotation-layer *,.KViewer_is_painting.KViewer_painting_type_7 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_7 .kviewer-annotation-layer *,.KViewer_is_painting.KViewer_painting_type_8 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_8 .kviewer-annotation-layer *{cursor:crosshair!important}.KViewer_is_painting.KViewer_painting_type_4 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_4 .kviewer-annotation-layer *{cursor:text!important}.KViewer_is_painting.KViewer_painting_type_11 .kviewer-annotation-layer,.KViewer_is_painting.KViewer_painting_type_11 .kviewer-annotation-layer *{cursor:crosshair!important}.KViewer_selector_hover{cursor:pointer!important}.kviewer-form-layer{left:0;overflow:hidden;position:absolute;top:0}.kviewer-form-field{box-sizing:border-box;position:absolute}.kviewer-form-input{background-color:rgba(224,232,255,.6);border:1px solid transparent;box-sizing:border-box;color:#000;font-family:inherit;height:100%;line-height:normal;margin:0;outline:none;padding:1px 2px;resize:none;width:100%}.kviewer-form-input:hover{background-color:rgba(224,232,255,.8);border-color:rgba(0,0,0,.2)}.kviewer-form-input:focus{background-color:rgba(224,232,255,.9);border-color:var(--color-primary,#3b82f6);outline:2px solid var(--color-primary,#3b82f6)}.kviewer-form-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.kviewer-form-listbox{overflow-y:auto;padding:0}.kviewer-form-listbox option{padding:1px 3px}.kviewer-form-editable-combo{height:100%;position:relative;width:100%}.kviewer-form-editable-combo input{height:100%;width:100%}.kviewer-form-checkbox,.kviewer-form-radio{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;width:100%}.kviewer-form-checkbox input,.kviewer-form-radio input{accent-color:var(--color-primary,#3b82f6);cursor:pointer;height:80%;margin:0;max-height:18px;max-width:18px;width:80%}.kviewer-form-button{background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border:1px solid rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;font-family:inherit;font-weight:600;height:100%;padding:2px 6px;text-align:center;width:100%}.kviewer-form-button:hover{background:linear-gradient(180deg,#e8e8e8,#c8c8c8)}.kviewer-form-button:active{background:linear-gradient(180deg,#c8c8c8,#d0d0d0)}.kviewer-form-signature{align-items:center;background:rgba(255,255,200,.15);border:1px dashed rgba(0,0,0,.2);cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.kviewer-form-signature:hover{background:rgba(59,130,246,.08);border-color:var(--color-primary,#3b82f6)}.kviewer-form-signature--filled{background:transparent;border-color:transparent;border-style:solid}.kviewer-form-signature__preview{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.kviewer-form-signature__placeholder{color:rgba(0,0,0,.4);font-size:10px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}

package/dist/runtime/components/AnnotationToolbar.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;