react-pdf-highlighter-plus 1.1.3 → 1.1.4

package/README.md

@@ -20,7 +20,7 @@
 </p>
 
 <p align="center">
-  Text highlights • Area highlights • Freetext notes • Images & signatures • Freehand drawing • PDF export
+  Text highlights • Area highlights • Freetext notes • Images & signatures • Freehand drawing • Shapes • Search • PDF export
 </p>
 
 ---
@@ -29,16 +29,23 @@
 
 `react-pdf-highlighter-plus` provides a highly customizable annotation experience for PDF documents in React applications. Built on [PDF.js](https://github.com/mozilla/pdf.js), it stores highlight positions in viewport-independent coordinates, making them portable across different screen sizes.
 
+<p align="center">
+  <img src="docs/react-pdf-highlight-plus.png" alt="react-pdf-highlighter-plus internal architecture" width="900">
+</p>
+
 ## Features
 
 | Feature | Description |
 |---------|-------------|
-| **Text Highlights** | Select and highlight text passages |
-| **Area Highlights** | Draw rectangular regions on PDFs |
-| **Freetext Notes** | Draggable, editable sticky notes with custom styling |
+| **Text Highlights** | Select and highlight text passages, restyle them, and copy their text |
+| **Area Highlights** | Draw rectangular regions on PDFs and copy intersecting PDF text |
+| **Freetext Notes** | Draggable, editable sticky notes with custom styling and compact mode |
 | **Images & Signatures** | Upload images or draw signatures directly on PDFs |
 | **Freehand Drawing** | Draw freehand annotations with customizable stroke |
+| **Shapes** | Add rectangles, circles, and arrows with editable stroke style |
+| **PDF Search** | Search through all PDF text with next/previous navigation |
 | **PDF Export** | Export annotated PDF with all highlights embedded |
+| **Local PDF Worker** | Uses the packaged PDF.js worker by default |
 | **Light/Dark Theme** | Eye-friendly dark mode with customizable intensity |
 | **Zoom Support** | Full zoom functionality with position-independent data |
 | **Fully Customizable** | Exposed styling on all components |
@@ -65,6 +72,8 @@ npm install react-pdf-highlighter-plus
 import "react-pdf-highlighter-plus/style/style.css";
 ```
 
+PDF.js worker setup is handled by the package by default. The build copies the local `pdf.worker.min.mjs` into the package output, so most apps do not need to configure `workerSrc` manually.
+
 ---
 
 ## Quick Start
@@ -126,6 +135,10 @@ Select text in the PDF to create highlights.
 />
 ```
 
+Text and area highlight toolbars include a copy button. After copying, the icon changes to a check mark for 1.5 seconds.
+
+[Full Documentation →](docs/text-area-highlights.md)
+
 ### 2. Area Highlights
 
 Hold `Alt` and drag to create rectangular highlights.
@@ -211,14 +224,12 @@ Draw freehand annotations directly on PDFs.
 import { DrawingHighlight } from "react-pdf-highlighter-plus";
 
 <PdfHighlighter
-  enableDrawingCreation={() => drawingMode}
-  onDrawingComplete={(position, dataUrl) => {
+  enableDrawingMode={drawingMode}
+  onDrawingComplete={(dataUrl, position, strokes) => {
     addHighlight({ type: "drawing", position, content: { image: dataUrl } });
   }}
-  drawingConfig={{
-    strokeColor: "#ff0000",
-    strokeWidth: 2,
-  }}
+  drawingStrokeColor="#ff0000"
+  drawingStrokeWidth={2}
 >
 
 // In your highlight container:
@@ -238,6 +249,54 @@ import { DrawingHighlight } from "react-pdf-highlighter-plus";
 
 ---
 
+## Shapes
+
+Create rectangle, circle, and arrow annotations with editable stroke color and width.
+
+```tsx
+<PdfHighlighter
+  enableShapeMode={shapeMode} // "rectangle" | "circle" | "arrow" | null
+  onShapeComplete={(position, shape) => {
+    addHighlight({ type: "shape", position, content: { shape } });
+  }}
+  shapeStrokeColor="#000000"
+  shapeStrokeWidth={2}
+>
+  <HighlightContainer />
+</PdfHighlighter>
+```
+
+Shape geometry stays in the normal highlight layer while the style controls render in the higher config layer.
+
+[Full Documentation →](docs/shape-highlights.md)
+
+---
+
+## PDF Search
+
+Use `utilsRef` to access document-wide search helpers backed by PDF.js `PDFFindController`.
+
+```tsx
+const highlighterUtilsRef = useRef<PdfHighlighterUtils>();
+
+<PdfHighlighter
+  pdfDocument={pdfDocument}
+  highlights={highlights}
+  utilsRef={(utils) => (highlighterUtilsRef.current = utils)}
+>
+  <HighlightContainer />
+</PdfHighlighter>
+
+highlighterUtilsRef.current?.search("TypeScript", {
+  highlightAll: true,
+  caseSensitive: false,
+});
+highlighterUtilsRef.current?.findNext();
+highlighterUtilsRef.current?.clearSearch();
+```
+
+---
+
 ## Light/Dark Theme
 
 Toggle between light and dark modes with customizable styling for comfortable reading.
@@ -318,6 +377,7 @@ const handleExport = async () => {
 - Freetext notes (background + wrapped text)
 - Images & signatures (embedded PNG/JPG)
 - Freehand drawings (embedded PNG)
+- Shapes (rectangle, circle, arrow)
 
 [Full Documentation →](docs/pdf-export.md)
 
@@ -325,28 +385,19 @@ const handleExport = async () => {
 
 ## Component Architecture
 
-```
-┌─────────────────────────────────────────────────────┐
-│                    PdfLoader                         │
-│  Loads PDF document via PDF.js                       │
-│                                                      │
-│  ┌───────────────────────────────────────────────┐  │
-│  │               PdfHighlighter                   │  │
-│  │  Manages viewer, events, coordinate systems   │  │
-│  │                                               │  │
-│  │  ┌─────────────────────────────────────────┐  │  │
-│  │  │      User-defined HighlightContainer    │  │  │
-│  │  │  Renders highlights using context hooks │  │  │
-│  │  │                                         │  │  │
-│  │  │  • TextHighlight                        │  │  │
-│  │  │  • AreaHighlight                        │  │  │
-│  │  │  • FreetextHighlight                    │  │  │
-│  │  │  • ImageHighlight                       │  │  │
-│  │  │  • DrawingHighlight                     │  │  │
-│  │  └─────────────────────────────────────────┘  │  │
-│  └───────────────────────────────────────────────┘  │
-└─────────────────────────────────────────────────────┘
-```
+The package renders React annotation components into PDF.js page overlay layers:
+
+| Layer | Mount point | Purpose |
+|-------|-------------|---------|
+| `.PdfHighlighter__highlight-layer` | Inside PDF.js `.textLayer` | Annotation geometry for text, area, image/signature, drawing, and shape |
+| `.PdfHighlighter__note-layer` | Direct child of PDF.js `.page` | Freetext notes and compact note markers above PDF content |
+| `.PdfHighlighter__config-layer` | Direct child of PDF.js `.page` | Toolbars, style panels, copy buttons, and controls above PDF content |
+
+Internal flow diagram:
+
+- [Architecture PNG](docs/react-pdf-highlight-plus.png)
+- [Draw.io source](docs/package-build-and-features.drawio)
+- [Draw.io XML copy](docs/package-build-and-features.xml)
 
 ### Context Hooks
 

package/dist/esm/export-pdf-W2QGWADM.js

@@ -0,0 +1,403 @@
+// src/lib/export-pdf.ts
+import { PDFDocument, rgb, StandardFonts } from "pdf-lib";
+function parseColor(color) {
+  const rgbaMatch = color.match(
+    /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/
+  );
+  if (rgbaMatch) {
+    return {
+      r: parseInt(rgbaMatch[1]) / 255,
+      g: parseInt(rgbaMatch[2]) / 255,
+      b: parseInt(rgbaMatch[3]) / 255,
+      a: rgbaMatch[4] ? parseFloat(rgbaMatch[4]) : 1
+    };
+  }
+  const hex = color.replace("#", "");
+  if (hex.length === 3) {
+    return {
+      r: parseInt(hex[0] + hex[0], 16) / 255,
+      g: parseInt(hex[1] + hex[1], 16) / 255,
+      b: parseInt(hex[2] + hex[2], 16) / 255,
+      a: 1
+    };
+  }
+  if (hex.length === 6) {
+    return {
+      r: parseInt(hex.slice(0, 2), 16) / 255,
+      g: parseInt(hex.slice(2, 4), 16) / 255,
+      b: parseInt(hex.slice(4, 6), 16) / 255,
+      a: 1
+    };
+  }
+  return { r: 1, g: 0.89, b: 0.56, a: 0.5 };
+}
+function scaledToPdfPoints(scaled, page) {
+  const pdfWidth = page.getWidth();
+  const pdfHeight = page.getHeight();
+  const xRatio = pdfWidth / scaled.width;
+  const yRatio = pdfHeight / scaled.height;
+  const x = scaled.x1 * xRatio;
+  const width = (scaled.x2 - scaled.x1) * xRatio;
+  const height = (scaled.y2 - scaled.y1) * yRatio;
+  const y = pdfHeight - scaled.y1 * yRatio - height;
+  return { x, y, width, height };
+}
+function dataUrlToBytes(dataUrl) {
+  const base64 = dataUrl.split(",")[1];
+  const byteString = atob(base64);
+  const bytes = new Uint8Array(byteString.length);
+  for (let i = 0; i < byteString.length; i++) {
+    bytes[i] = byteString.charCodeAt(i);
+  }
+  const type = dataUrl.includes("image/png") ? "png" : "jpg";
+  return { bytes, type };
+}
+function wrapText(text, font, fontSize, maxWidth) {
+  if (!text || maxWidth <= 0) return [];
+  const lines = [];
+  const paragraphs = text.split(/\n/);
+  for (const paragraph of paragraphs) {
+    if (!paragraph.trim()) {
+      lines.push("");
+      continue;
+    }
+    const words = paragraph.split(/\s+/);
+    let currentLine = "";
+    for (const word of words) {
+      const testLine = currentLine ? `${currentLine} ${word}` : word;
+      const testWidth = font.widthOfTextAtSize(testLine, fontSize);
+      if (testWidth <= maxWidth) {
+        currentLine = testLine;
+      } else {
+        if (currentLine) {
+          lines.push(currentLine);
+          currentLine = "";
+        }
+        if (font.widthOfTextAtSize(word, fontSize) > maxWidth) {
+          let remaining = word;
+          while (remaining.length > 0) {
+            let charCount = 1;
+            while (charCount < remaining.length && font.widthOfTextAtSize(remaining.substring(0, charCount + 1), fontSize) <= maxWidth) {
+              charCount++;
+            }
+            const chunk = remaining.substring(0, charCount);
+            remaining = remaining.substring(charCount);
+            if (remaining.length > 0) {
+              lines.push(chunk);
+            } else {
+              currentLine = chunk;
+            }
+          }
+        } else {
+          currentLine = word;
+        }
+      }
+    }
+    if (currentLine) lines.push(currentLine);
+  }
+  return lines;
+}
+function groupByPage(highlights) {
+  const map = /* @__PURE__ */ new Map();
+  for (const h of highlights) {
+    const pageNum = h.position.boundingRect.pageNumber;
+    if (!map.has(pageNum)) map.set(pageNum, []);
+    map.get(pageNum).push(h);
+  }
+  return map;
+}
+async function renderTextHighlight(page, highlight, options) {
+  const colorStr = highlight.highlightColor || options.textHighlightColor || "rgba(255, 226, 143, 0.5)";
+  const color = parseColor(colorStr);
+  const highlightStyle = highlight.highlightStyle || "highlight";
+  const rects = highlight.position.rects.length > 0 ? highlight.position.rects : [highlight.position.boundingRect];
+  for (const rect of rects) {
+    const { x, y, width, height } = scaledToPdfPoints(rect, page);
+    if (highlightStyle === "highlight") {
+      page.drawRectangle({
+        x,
+        y,
+        width,
+        height,
+        color: rgb(color.r, color.g, color.b),
+        opacity: color.a
+      });
+    } else if (highlightStyle === "underline") {
+      const lineThickness = Math.max(1, height * 0.1);
+      page.drawRectangle({
+        x,
+        y,
+        width,
+        height: lineThickness,
+        color: rgb(color.r, color.g, color.b),
+        opacity: color.a
+      });
+    } else if (highlightStyle === "strikethrough") {
+      const lineThickness = Math.max(1, height * 0.1);
+      const lineY = y + height / 2 - lineThickness / 2;
+      page.drawRectangle({
+        x,
+        y: lineY,
+        width,
+        height: lineThickness,
+        color: rgb(color.r, color.g, color.b),
+        opacity: color.a
+      });
+    }
+  }
+}
+async function renderAreaHighlight(page, highlight, options) {
+  const colorStr = highlight.highlightColor || options.areaHighlightColor || "rgba(255, 226, 143, 0.5)";
+  const color = parseColor(colorStr);
+  const { x, y, width, height } = scaledToPdfPoints(
+    highlight.position.boundingRect,
+    page
+  );
+  page.drawRectangle({
+    x,
+    y,
+    width,
+    height,
+    color: rgb(color.r, color.g, color.b),
+    opacity: color.a
+  });
+}
+async function renderFreetextHighlight(page, highlight, options, font) {
+  const text = highlight.content?.text || "";
+  const textColor = parseColor(
+    highlight.color || options.defaultFreetextColor || "#333333"
+  );
+  const { x, y, width, height } = scaledToPdfPoints(
+    highlight.position.boundingRect,
+    page
+  );
+  const pdfHeight = page.getHeight();
+  const yRatio = pdfHeight / highlight.position.boundingRect.height;
+  const storedFontSize = parseInt(highlight.fontSize || "") || options.defaultFreetextFontSize || 14;
+  const fontSize = storedFontSize * yRatio;
+  console.log("Freetext export:", {
+    storedFontSize,
+    yRatio,
+    fontSize,
+    boxDimensions: { x, y, width, height },
+    text: text.substring(0, 50)
+  });
+  const bgColorValue = highlight.backgroundColor || options.defaultFreetextBgColor || "#ffffc8";
+  if (bgColorValue !== "transparent") {
+    const bgColor = parseColor(bgColorValue);
+    page.drawRectangle({
+      x,
+      y,
+      width,
+      height,
+      color: rgb(bgColor.r, bgColor.g, bgColor.b),
+      opacity: bgColor.a
+    });
+  }
+  const padding = 4 * yRatio;
+  const maxWidth = width - padding * 2;
+  const lineHeight = fontSize * 1.3;
+  if (maxWidth > 0 && text) {
+    const lines = wrapText(text, font, fontSize, maxWidth);
+    let currentY = y + height - fontSize - padding;
+    for (const line of lines) {
+      if (currentY < y + padding) break;
+      if (line.trim()) {
+        page.drawText(line, {
+          x: x + padding,
+          y: currentY,
+          size: fontSize,
+          font,
+          color: rgb(textColor.r, textColor.g, textColor.b)
+        });
+      }
+      currentY -= lineHeight;
+    }
+  }
+}
+function transformToRawCoordinates(page, x, y, width, height) {
+  const rotation = page.getRotation().angle;
+  const pageWidth = page.getWidth();
+  const pageHeight = page.getHeight();
+  if (rotation === 90) {
+    return {
+      x: y,
+      y: pageWidth - x - width,
+      width: height,
+      height: width
+    };
+  } else if (rotation === 180) {
+    return {
+      x: pageWidth - x - width,
+      y: pageHeight - y - height,
+      width,
+      height
+    };
+  } else if (rotation === 270) {
+    return {
+      x: pageHeight - y - height,
+      y: x,
+      width: height,
+      height: width
+    };
+  }
+  return { x, y, width, height };
+}
+async function renderImageHighlight(pdfDoc, page, highlight) {
+  const imageDataUrl = highlight.content?.image;
+  if (!imageDataUrl) return;
+  try {
+    const { bytes, type } = dataUrlToBytes(imageDataUrl);
+    const image = type === "png" ? await pdfDoc.embedPng(bytes) : await pdfDoc.embedJpg(bytes);
+    const visualCoords = scaledToPdfPoints(
+      highlight.position.boundingRect,
+      page
+    );
+    const rawCoords = transformToRawCoordinates(
+      page,
+      visualCoords.x,
+      visualCoords.y,
+      visualCoords.width,
+      visualCoords.height
+    );
+    console.log("Image export:", {
+      rotation: page.getRotation().angle,
+      visualCoords,
+      rawCoords
+    });
+    page.drawImage(image, {
+      x: rawCoords.x,
+      y: rawCoords.y,
+      width: rawCoords.width,
+      height: rawCoords.height
+    });
+  } catch (error) {
+    console.error("Failed to embed image:", error);
+  }
+}
+async function renderShapeHighlight(page, highlight) {
+  const shapeType = highlight.content?.shape?.shapeType || highlight.shapeType || "rectangle";
+  const strokeColorStr = highlight.content?.shape?.strokeColor || highlight.strokeColor || "#000000";
+  const strokeWidth = highlight.content?.shape?.strokeWidth || highlight.strokeWidth || 2;
+  const color = parseColor(strokeColorStr);
+  const { x, y, width, height } = scaledToPdfPoints(
+    highlight.position.boundingRect,
+    page
+  );
+  switch (shapeType) {
+    case "rectangle":
+      page.drawRectangle({
+        x,
+        y,
+        width,
+        height,
+        borderColor: rgb(color.r, color.g, color.b),
+        borderWidth: strokeWidth,
+        opacity: color.a
+      });
+      break;
+    case "circle":
+      page.drawEllipse({
+        x: x + width / 2,
+        y: y + height / 2,
+        xScale: width / 2,
+        yScale: height / 2,
+        borderColor: rgb(color.r, color.g, color.b),
+        borderWidth: strokeWidth,
+        opacity: color.a
+      });
+      break;
+    case "arrow": {
+      const startPt = highlight.content?.shape?.startPoint;
+      const endPt = highlight.content?.shape?.endPoint;
+      const startX = startPt ? x + startPt.x * width : x;
+      const startY = startPt ? y + (1 - startPt.y) * height : y + height / 2;
+      const endX = endPt ? x + endPt.x * width : x + width;
+      const endY = endPt ? y + (1 - endPt.y) * height : y + height / 2;
+      page.drawLine({
+        start: { x: startX, y: startY },
+        end: { x: endX, y: endY },
+        color: rgb(color.r, color.g, color.b),
+        thickness: strokeWidth,
+        opacity: color.a
+      });
+      const angle = Math.atan2(endY - startY, endX - startX);
+      const arrowSize = Math.min(15, width * 0.2, height * 0.4);
+      const arrowAngle = Math.PI / 6;
+      page.drawLine({
+        start: {
+          x: endX - arrowSize * Math.cos(angle - arrowAngle),
+          y: endY - arrowSize * Math.sin(angle - arrowAngle)
+        },
+        end: { x: endX, y: endY },
+        color: rgb(color.r, color.g, color.b),
+        thickness: strokeWidth,
+        opacity: color.a
+      });
+      page.drawLine({
+        start: {
+          x: endX - arrowSize * Math.cos(angle + arrowAngle),
+          y: endY - arrowSize * Math.sin(angle + arrowAngle)
+        },
+        end: { x: endX, y: endY },
+        color: rgb(color.r, color.g, color.b),
+        thickness: strokeWidth,
+        opacity: color.a
+      });
+      break;
+    }
+  }
+}
+async function exportPdf(pdfSource, highlights, options = {}) {
+  let pdfBytes;
+  if (typeof pdfSource === "string") {
+    const response = await fetch(pdfSource);
+    pdfBytes = await response.arrayBuffer();
+  } else {
+    pdfBytes = pdfSource instanceof Uint8Array ? pdfSource.buffer.slice(
+      pdfSource.byteOffset,
+      pdfSource.byteOffset + pdfSource.byteLength
+    ) : pdfSource;
+  }
+  const pdfDoc = await PDFDocument.load(pdfBytes);
+  const pages = pdfDoc.getPages();
+  const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
+  const byPage = groupByPage(highlights);
+  const totalPages = byPage.size;
+  let currentPage = 0;
+  for (const [pageNum, pageHighlights] of byPage) {
+    const page = pages[pageNum - 1];
+    if (!page) continue;
+    for (const highlight of pageHighlights) {
+      switch (highlight.type) {
+        case "text":
+          await renderTextHighlight(page, highlight, options);
+          break;
+        case "area":
+          await renderAreaHighlight(page, highlight, options);
+          break;
+        case "freetext":
+          await renderFreetextHighlight(page, highlight, options, font);
+          break;
+        case "image":
+          await renderImageHighlight(pdfDoc, page, highlight);
+          break;
+        case "drawing":
+          await renderImageHighlight(pdfDoc, page, highlight);
+          break;
+        case "shape":
+          await renderShapeHighlight(page, highlight);
+          break;
+        default:
+          await renderAreaHighlight(page, highlight, options);
+      }
+    }
+    currentPage++;
+    options.onProgress?.(currentPage, totalPages);
+  }
+  return pdfDoc.save();
+}
+export {
+  exportPdf
+};
+//# sourceMappingURL=export-pdf-W2QGWADM.js.map

package/dist/esm/export-pdf-W2QGWADM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/export-pdf.ts"],"sourcesContent":["import { PDFDocument, rgb, StandardFonts, PDFPage, PDFFont } from \"pdf-lib\";\nimport type { Scaled, ScaledPosition, ShapeData } from \"../types\";\n\n/**\n * Options for the PDF export function.\n *\n * @category Type\n */\nexport interface ExportPdfOptions {\n  /** Default color for text highlights. Default: \"rgba(255, 226, 143, 0.5)\" */\n  textHighlightColor?: string;\n  /** Default color for area highlights. Default: \"rgba(255, 226, 143, 0.5)\" */\n  areaHighlightColor?: string;\n  /** Default text color for freetext. Default: \"#333333\" */\n  defaultFreetextColor?: string;\n  /** Default background for freetext. Default: \"#ffffc8\" */\n  defaultFreetextBgColor?: string;\n  /** Default font size for freetext. Default: 14 */\n  defaultFreetextFontSize?: number;\n  /** Progress callback for large PDFs */\n  onProgress?: (current: number, total: number) => void;\n}\n\n/**\n * A highlight that can be exported to PDF.\n *\n * @category Type\n */\nexport interface ExportableHighlight {\n  id: string;\n  type?: \"text\" | \"area\" | \"freetext\" | \"image\" | \"drawing\" | \"shape\";\n  content?: {\n    text?: string;\n    image?: string; // Base64 data URL\n    shape?: ShapeData; // Shape data for shape highlights\n  };\n  position: ScaledPosition;\n  /** Per-highlight color override (for text/area highlights) */\n  highlightColor?: string;\n  /** Style mode for text highlights: \"highlight\" (default), \"underline\", or \"strikethrough\" */\n  highlightStyle?: \"highlight\" | \"underline\" | \"strikethrough\";\n  /** Text color for freetext highlights */\n  color?: string;\n  /** Background color for freetext highlights */\n  backgroundColor?: string;\n  /** Font size for freetext highlights */\n  fontSize?: string;\n  /** Font family for freetext highlights (not used in export, Helvetica is always used) */\n  fontFamily?: string;\n  /** Shape type for shape highlights */\n  shapeType?: \"rectangle\" | \"circle\" | \"arrow\";\n  /** Stroke color for shape highlights */\n  strokeColor?: string;\n  /** Stroke width for shape highlights */\n  strokeWidth?: number;\n}\n\n/**\n * Parse a color string to RGB values (0-1 range).\n */\nfunction parseColor(color: string): {\n  r: number;\n  g: number;\n  b: number;\n  a: number;\n} {\n  // Handle rgba(r, g, b, a) and rgb(r, g, b)\n  const rgbaMatch = color.match(\n    /rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*([\\d.]+))?\\)/\n  );\n  if (rgbaMatch) {\n    return {\n      r: parseInt(rgbaMatch[1]) / 255,\n      g: parseInt(rgbaMatch[2]) / 255,\n      b: parseInt(rgbaMatch[3]) / 255,\n      a: rgbaMatch[4] ? parseFloat(rgbaMatch[4]) : 1,\n    };\n  }\n\n  // Handle hex (#RRGGBB or #RGB)\n  const hex = color.replace(\"#\", \"\");\n  if (hex.length === 3) {\n    return {\n      r: parseInt(hex[0] + hex[0], 16) / 255,\n      g: parseInt(hex[1] + hex[1], 16) / 255,\n      b: parseInt(hex[2] + hex[2], 16) / 255,\n      a: 1,\n    };\n  }\n  if (hex.length === 6) {\n    return {\n      r: parseInt(hex.slice(0, 2), 16) / 255,\n      g: parseInt(hex.slice(2, 4), 16) / 255,\n      b: parseInt(hex.slice(4, 6), 16) / 255,\n      a: 1,\n    };\n  }\n\n  // Default yellow\n  return { r: 1, g: 0.89, b: 0.56, a: 0.5 };\n}\n\n/**\n * Convert ScaledPosition coordinates to PDF points.\n * PDF coordinate system has origin at bottom-left.\n */\nfunction scaledToPdfPoints(\n  scaled: Scaled,\n  page: PDFPage\n): { x: number; y: number; width: number; height: number } {\n  const pdfWidth = page.getWidth();\n  const pdfHeight = page.getHeight();\n\n  // Calculate position ratios\n  const xRatio = pdfWidth / scaled.width;\n  const yRatio = pdfHeight / scaled.height;\n\n  const x = scaled.x1 * xRatio;\n  const width = (scaled.x2 - scaled.x1) * xRatio;\n  const height = (scaled.y2 - scaled.y1) * yRatio;\n\n  // Flip Y (PDF origin is bottom-left, screen origin is top-left)\n  const y = pdfHeight - scaled.y1 * yRatio - height;\n\n  return { x, y, width, height };\n}\n\n/**\n * Convert base64 data URL to bytes.\n */\nfunction dataUrlToBytes(dataUrl: string): {\n  bytes: Uint8Array;\n  type: \"png\" | \"jpg\";\n} {\n  const base64 = dataUrl.split(\",\")[1];\n  const byteString = atob(base64);\n  const bytes = new Uint8Array(byteString.length);\n  for (let i = 0; i < byteString.length; i++) {\n    bytes[i] = byteString.charCodeAt(i);\n  }\n  const type = dataUrl.includes(\"image/png\") ? \"png\" : \"jpg\";\n  return { bytes, type };\n}\n\n/**\n * Wrap text into multiple lines that fit within maxWidth.\n * Long words are broken character by character (like CSS word-wrap: break-word).\n */\nfunction wrapText(\n  text: string,\n  font: PDFFont,\n  fontSize: number,\n  maxWidth: number\n): string[] {\n  if (!text || maxWidth <= 0) return [];\n\n  const lines: string[] = [];\n\n  // Split by newlines first to preserve intentional line breaks\n  const paragraphs = text.split(/\\n/);\n\n  for (const paragraph of paragraphs) {\n    if (!paragraph.trim()) {\n      lines.push(\"\");\n      continue;\n    }\n\n    const words = paragraph.split(/\\s+/);\n    let currentLine = \"\";\n\n    for (const word of words) {\n      const testLine = currentLine ? `${currentLine} ${word}` : word;\n      const testWidth = font.widthOfTextAtSize(testLine, fontSize);\n\n      if (testWidth <= maxWidth) {\n        currentLine = testLine;\n      } else {\n        // Push current line if exists\n        if (currentLine) {\n          lines.push(currentLine);\n          currentLine = \"\";\n        }\n\n        // Check if word itself is too wide - break it character by character\n        if (font.widthOfTextAtSize(word, fontSize) > maxWidth) {\n          let remaining = word;\n          while (remaining.length > 0) {\n            let charCount = 1;\n            // Find how many characters fit in maxWidth\n            while (\n              charCount < remaining.length &&\n              font.widthOfTextAtSize(remaining.substring(0, charCount + 1), fontSize) <= maxWidth\n            ) {\n              charCount++;\n            }\n            const chunk = remaining.substring(0, charCount);\n            remaining = remaining.substring(charCount);\n\n            if (remaining.length > 0) {\n              // More characters remaining, push this chunk as a complete line\n              lines.push(chunk);\n            } else {\n              // Last chunk, keep it as current line (may combine with next word)\n              currentLine = chunk;\n            }\n          }\n        } else {\n          currentLine = word;\n        }\n      }\n    }\n    if (currentLine) lines.push(currentLine);\n  }\n\n  return lines;\n}\n\n/**\n * Group highlights by page number.\n */\nfunction groupByPage(\n  highlights: ExportableHighlight[]\n): Map<number, ExportableHighlight[]> {\n  const map = new Map<number, ExportableHighlight[]>();\n  for (const h of highlights) {\n    const pageNum = h.position.boundingRect.pageNumber;\n    if (!map.has(pageNum)) map.set(pageNum, []);\n    map.get(pageNum)!.push(h);\n  }\n  return map;\n}\n\n/**\n * Render a text highlight (multiple rectangles for multi-line selections).\n * Supports highlight (background), underline, and strikethrough styles.\n */\nasync function renderTextHighlight(\n  page: PDFPage,\n  highlight: ExportableHighlight,\n  options: ExportPdfOptions\n): Promise<void> {\n  // Per-highlight color override or fallback to default\n  const colorStr =\n    highlight.highlightColor ||\n    options.textHighlightColor ||\n    \"rgba(255, 226, 143, 0.5)\";\n  const color = parseColor(colorStr);\n  const highlightStyle = highlight.highlightStyle || \"highlight\";\n\n  // Text highlights use rects array for multi-line selections\n  const rects =\n    highlight.position.rects.length > 0\n      ? highlight.position.rects\n      : [highlight.position.boundingRect];\n\n  for (const rect of rects) {\n    const { x, y, width, height } = scaledToPdfPoints(rect, page);\n\n    if (highlightStyle === \"highlight\") {\n      // Draw filled rectangle for background highlight\n      page.drawRectangle({\n        x,\n        y,\n        width,\n        height,\n        color: rgb(color.r, color.g, color.b),\n        opacity: color.a,\n      });\n    } else if (highlightStyle === \"underline\") {\n      // Draw line at bottom of rectangle\n      const lineThickness = Math.max(1, height * 0.1);\n      page.drawRectangle({\n        x,\n        y,\n        width,\n        height: lineThickness,\n        color: rgb(color.r, color.g, color.b),\n        opacity: color.a,\n      });\n    } else if (highlightStyle === \"strikethrough\") {\n      // Draw line through middle of rectangle\n      const lineThickness = Math.max(1, height * 0.1);\n      const lineY = y + height / 2 - lineThickness / 2;\n      page.drawRectangle({\n        x,\n        y: lineY,\n        width,\n        height: lineThickness,\n        color: rgb(color.r, color.g, color.b),\n        opacity: color.a,\n      });\n    }\n  }\n}\n\n/**\n * Render an area highlight (single rectangle).\n */\nasync function renderAreaHighlight(\n  page: PDFPage,\n  highlight: ExportableHighlight,\n  options: ExportPdfOptions\n): Promise<void> {\n  // Per-highlight color override or fallback to default\n  const colorStr =\n    highlight.highlightColor ||\n    options.areaHighlightColor ||\n    \"rgba(255, 226, 143, 0.5)\";\n  const color = parseColor(colorStr);\n  const { x, y, width, height } = scaledToPdfPoints(\n    highlight.position.boundingRect,\n    page\n  );\n\n  page.drawRectangle({\n    x,\n    y,\n    width,\n    height,\n    color: rgb(color.r, color.g, color.b),\n    opacity: color.a,\n  });\n}\n\n/**\n * Render a freetext highlight (background rectangle + text).\n * Text is wrapped to fit within the box.\n */\nasync function renderFreetextHighlight(\n  page: PDFPage,\n  highlight: ExportableHighlight,\n  options: ExportPdfOptions,\n  font: PDFFont\n): Promise<void> {\n  const text = highlight.content?.text || \"\";\n  const textColor = parseColor(\n    highlight.color || options.defaultFreetextColor || \"#333333\"\n  );\n\n  // Get box dimensions in PDF points\n  const { x, y, width, height } = scaledToPdfPoints(\n    highlight.position.boundingRect,\n    page\n  );\n\n  // Scale font size by the same ratio used for the box coordinates\n  // This ensures the font scales proportionally with the box\n  const pdfHeight = page.getHeight();\n  const yRatio = pdfHeight / highlight.position.boundingRect.height;\n  const storedFontSize =\n    parseInt(highlight.fontSize || \"\") || options.defaultFreetextFontSize || 14;\n  const fontSize = storedFontSize * yRatio;\n\n  console.log(\"Freetext export:\", {\n    storedFontSize,\n    yRatio,\n    fontSize,\n    boxDimensions: { x, y, width, height },\n    text: text.substring(0, 50),\n  });\n\n  // Draw background (skip if transparent)\n  const bgColorValue = highlight.backgroundColor || options.defaultFreetextBgColor || \"#ffffc8\";\n  if (bgColorValue !== \"transparent\") {\n    const bgColor = parseColor(bgColorValue);\n    page.drawRectangle({\n      x,\n      y,\n      width,\n      height,\n      color: rgb(bgColor.r, bgColor.g, bgColor.b),\n      opacity: bgColor.a,\n    });\n  }\n\n  // Draw wrapped text with scaled padding\n  const padding = 4 * yRatio;\n  const maxWidth = width - padding * 2;\n  const lineHeight = fontSize * 1.3;\n\n  if (maxWidth > 0 && text) {\n    const lines = wrapText(text, font, fontSize, maxWidth);\n    let currentY = y + height - fontSize - padding;\n\n    for (const line of lines) {\n      // Stop if we've run out of vertical space\n      if (currentY < y + padding) break;\n\n      // Skip empty lines but still move down\n      if (line.trim()) {\n        page.drawText(line, {\n          x: x + padding,\n          y: currentY,\n          size: fontSize,\n          font,\n          color: rgb(textColor.r, textColor.g, textColor.b),\n        });\n      }\n\n      currentY -= lineHeight;\n    }\n  }\n}\n\n/**\n * Transform visual coordinates to raw MediaBox coordinates.\n * pdf-lib's drawImage uses raw MediaBox space, but our coordinates are in visual space.\n */\nfunction transformToRawCoordinates(\n  page: PDFPage,\n  x: number,\n  y: number,\n  width: number,\n  height: number\n): { x: number; y: number; width: number; height: number } {\n  const rotation = page.getRotation().angle;\n  const pageWidth = page.getWidth(); // Visual width\n  const pageHeight = page.getHeight(); // Visual height\n\n  if (rotation === 90) {\n    // Visual (x, y) → Raw MediaBox coordinates\n    // When rotated 90° CCW, visual top-left maps to raw bottom-left\n    return {\n      x: y,\n      y: pageWidth - x - width,\n      width: height,\n      height: width,\n    };\n  } else if (rotation === 180) {\n    // Rotated 180°, origin flips to opposite corner\n    return {\n      x: pageWidth - x - width,\n      y: pageHeight - y - height,\n      width,\n      height,\n    };\n  } else if (rotation === 270) {\n    // When rotated 90° CW (270° CCW)\n    return {\n      x: pageHeight - y - height,\n      y: x,\n      width: height,\n      height: width,\n    };\n  }\n\n  // No rotation - coordinates are already correct\n  return { x, y, width, height };\n}\n\n/**\n * Render an image highlight (embedded image).\n * Handles page rotation by transforming visual coordinates to raw MediaBox space.\n * Image fills the entire bounding box to match the visual wrapper in preview.\n */\nasync function renderImageHighlight(\n  pdfDoc: PDFDocument,\n  page: PDFPage,\n  highlight: ExportableHighlight\n): Promise<void> {\n  const imageDataUrl = highlight.content?.image;\n  if (!imageDataUrl) return;\n\n  try {\n    const { bytes, type } = dataUrlToBytes(imageDataUrl);\n    const image =\n      type === \"png\"\n        ? await pdfDoc.embedPng(bytes)\n        : await pdfDoc.embedJpg(bytes);\n\n    // Calculate coordinates in visual space - use full bounding box dimensions\n    const visualCoords = scaledToPdfPoints(\n      highlight.position.boundingRect,\n      page\n    );\n\n    // Transform to raw MediaBox coordinates based on page rotation\n    const rawCoords = transformToRawCoordinates(\n      page,\n      visualCoords.x,\n      visualCoords.y,\n      visualCoords.width,\n      visualCoords.height\n    );\n\n    console.log(\"Image export:\", {\n      rotation: page.getRotation().angle,\n      visualCoords,\n      rawCoords,\n    });\n\n    // Draw image filling the entire bounding box\n    page.drawImage(image, {\n      x: rawCoords.x,\n      y: rawCoords.y,\n      width: rawCoords.width,\n      height: rawCoords.height,\n    });\n  } catch (error) {\n    console.error(\"Failed to embed image:\", error);\n  }\n}\n\n/**\n * Render a shape highlight (rectangle, circle, or arrow).\n */\nasync function renderShapeHighlight(\n  page: PDFPage,\n  highlight: ExportableHighlight\n): Promise<void> {\n  // Get shape data from content or top-level properties\n  const shapeType = highlight.content?.shape?.shapeType || highlight.shapeType || \"rectangle\";\n  const strokeColorStr = highlight.content?.shape?.strokeColor || highlight.strokeColor || \"#000000\";\n  const strokeWidth = highlight.content?.shape?.strokeWidth || highlight.strokeWidth || 2;\n\n  const color = parseColor(strokeColorStr);\n  const { x, y, width, height } = scaledToPdfPoints(\n    highlight.position.boundingRect,\n    page\n  );\n\n  switch (shapeType) {\n    case \"rectangle\":\n      page.drawRectangle({\n        x,\n        y,\n        width,\n        height,\n        borderColor: rgb(color.r, color.g, color.b),\n        borderWidth: strokeWidth,\n        opacity: color.a,\n      });\n      break;\n\n    case \"circle\":\n      page.drawEllipse({\n        x: x + width / 2,\n        y: y + height / 2,\n        xScale: width / 2,\n        yScale: height / 2,\n        borderColor: rgb(color.r, color.g, color.b),\n        borderWidth: strokeWidth,\n        opacity: color.a,\n      });\n      break;\n\n    case \"arrow\": {\n      // Use stored start/end points if available, otherwise default to left-to-right\n      const startPt = highlight.content?.shape?.startPoint;\n      const endPt = highlight.content?.shape?.endPoint;\n\n      // Calculate actual coordinates\n      // Note: PDF coordinates have Y going up, so we need to flip the Y\n      const startX = startPt ? x + startPt.x * width : x;\n      const startY = startPt ? y + (1 - startPt.y) * height : y + height / 2;\n      const endX = endPt ? x + endPt.x * width : x + width;\n      const endY = endPt ? y + (1 - endPt.y) * height : y + height / 2;\n\n      // Draw the main line\n      page.drawLine({\n        start: { x: startX, y: startY },\n        end: { x: endX, y: endY },\n        color: rgb(color.r, color.g, color.b),\n        thickness: strokeWidth,\n        opacity: color.a,\n      });\n\n      // Calculate arrowhead direction\n      const angle = Math.atan2(endY - startY, endX - startX);\n      const arrowSize = Math.min(15, width * 0.2, height * 0.4);\n      const arrowAngle = Math.PI / 6; // 30 degrees\n\n      // Draw arrowhead (two lines forming a V at the end)\n      page.drawLine({\n        start: {\n          x: endX - arrowSize * Math.cos(angle - arrowAngle),\n          y: endY - arrowSize * Math.sin(angle - arrowAngle),\n        },\n        end: { x: endX, y: endY },\n        color: rgb(color.r, color.g, color.b),\n        thickness: strokeWidth,\n        opacity: color.a,\n      });\n      page.drawLine({\n        start: {\n          x: endX - arrowSize * Math.cos(angle + arrowAngle),\n          y: endY - arrowSize * Math.sin(angle + arrowAngle),\n        },\n        end: { x: endX, y: endY },\n        color: rgb(color.r, color.g, color.b),\n        thickness: strokeWidth,\n        opacity: color.a,\n      });\n      break;\n    }\n  }\n}\n\n/**\n * Export a PDF with annotations embedded.\n *\n * @param pdfSource - The source PDF as a URL string, Uint8Array, or ArrayBuffer\n * @param highlights - Array of highlights to embed in the PDF\n * @param options - Export options for customizing colors and behavior\n * @returns Promise<Uint8Array> - The modified PDF as bytes\n *\n * @example\n * ```typescript\n * const pdfBytes = await exportPdf(pdfUrl, highlights, {\n *   textHighlightColor: \"rgba(255, 255, 0, 0.4)\",\n *   onProgress: (current, total) => console.log(`${current}/${total} pages`)\n * });\n *\n * // Download the file\n * const blob = new Blob([pdfBytes], { type: \"application/pdf\" });\n * const url = URL.createObjectURL(blob);\n * const a = document.createElement(\"a\");\n * a.href = url;\n * a.download = \"annotated.pdf\";\n * a.click();\n * URL.revokeObjectURL(url);\n * ```\n *\n * @category Function\n */\nexport async function exportPdf(\n  pdfSource: string | Uint8Array | ArrayBuffer,\n  highlights: ExportableHighlight[],\n  options: ExportPdfOptions = {}\n): Promise<Uint8Array> {\n  // Load PDF\n  let pdfBytes: ArrayBuffer;\n  if (typeof pdfSource === \"string\") {\n    const response = await fetch(pdfSource);\n    pdfBytes = await response.arrayBuffer();\n  } else {\n    pdfBytes =\n      pdfSource instanceof Uint8Array\n        ? pdfSource.buffer.slice(\n            pdfSource.byteOffset,\n            pdfSource.byteOffset + pdfSource.byteLength\n          )\n        : pdfSource;\n  }\n\n  const pdfDoc = await PDFDocument.load(pdfBytes);\n  const pages = pdfDoc.getPages();\n  const font = await pdfDoc.embedFont(StandardFonts.Helvetica);\n\n  // Group by page and render\n  const byPage = groupByPage(highlights);\n  const totalPages = byPage.size;\n  let currentPage = 0;\n\n  for (const [pageNum, pageHighlights] of byPage) {\n    const page = pages[pageNum - 1]; // 1-indexed to 0-indexed\n    if (!page) continue;\n\n    for (const highlight of pageHighlights) {\n      switch (highlight.type) {\n        case \"text\":\n          await renderTextHighlight(page, highlight, options);\n          break;\n        case \"area\":\n          await renderAreaHighlight(page, highlight, options);\n          break;\n        case \"freetext\":\n          await renderFreetextHighlight(page, highlight, options, font);\n          break;\n        case \"image\":\n          await renderImageHighlight(pdfDoc, page, highlight);\n          break;\n        case \"drawing\":\n          // Drawings are stored as PNG images, reuse image highlight rendering\n          await renderImageHighlight(pdfDoc, page, highlight);\n          break;\n        case \"shape\":\n          await renderShapeHighlight(page, highlight);\n          break;\n        default:\n          // Default to area highlight for backwards compatibility\n          await renderAreaHighlight(page, highlight, options);\n      }\n    }\n\n    currentPage++;\n    options.onProgress?.(currentPage, totalPages);\n  }\n\n  return pdfDoc.save();\n}\n"],"mappings":"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","names":[]}