@semiont/react-ui 0.2.33-build.73 → 0.2.33-build.75

package/README.md

@@ -47,6 +47,25 @@ npm install @semiont/react-ui @semiont/api-client @tanstack/react-query
 }
 ```
 
+### CSS Setup
+
+Import the styles in your app's main CSS file:
+
+```css
+/* Your app's main CSS file (e.g., globals.css, app.css) */
+@import '@semiont/react-ui/styles';
+```
+
+**Requirements:**
+- Your build system must support PostCSS with `postcss-import` plugin
+- This is standard in Next.js, Vite, and most modern build tools
+- The package exports source CSS files, which your build system will process
+
+**What this does:**
+- Imports all component styles, design tokens, and CSS variables
+- Your build tool processes the `@import` statements and bundles the CSS
+- No additional configuration needed in most frameworks
+
 ## Quick Start
 
 ### 1. Set Up Providers

package/dist/PdfAnnotationCanvas.client-ADC4FFSE.mjs

@@ -0,0 +1,498 @@
+'use client';
+"use client";
+import "./chunk-3JTO27MH.mjs";
+
+// src/components/pdf-annotation/PdfAnnotationCanvas.tsx
+import { useRef, useState, useCallback, useEffect } from "react";
+import { getTargetSelector } from "@semiont/api-client";
+
+// src/lib/pdf-coordinates.ts
+function canvasToPdfCoordinates(canvasRect, page, _pageWidth, pageHeight, scale = 1) {
+  const x1 = Math.min(canvasRect.startX, canvasRect.endX);
+  const y1 = Math.min(canvasRect.startY, canvasRect.endY);
+  const x2 = Math.max(canvasRect.startX, canvasRect.endX);
+  const y2 = Math.max(canvasRect.startY, canvasRect.endY);
+  const pdfX = x1 / scale;
+  const pdfWidth = (x2 - x1) / scale;
+  const pdfY = pageHeight - y2 / scale;
+  const pdfHeight = (y2 - y1) / scale;
+  return {
+    page,
+    x: Math.round(pdfX),
+    y: Math.round(pdfY),
+    width: Math.round(pdfWidth),
+    height: Math.round(pdfHeight)
+  };
+}
+function pdfToCanvasCoordinates(pdfCoord, pageHeight, scale = 1) {
+  const canvasX = pdfCoord.x * scale;
+  const canvasWidth = pdfCoord.width * scale;
+  const canvasY = (pageHeight - pdfCoord.y - pdfCoord.height) * scale;
+  const canvasHeight = pdfCoord.height * scale;
+  return {
+    x: canvasX,
+    y: canvasY,
+    width: canvasWidth,
+    height: canvasHeight
+  };
+}
+function createFragmentSelector(coord) {
+  return `page=${coord.page}&viewrect=${coord.x},${coord.y},${coord.width},${coord.height}`;
+}
+function parseFragmentSelector(fragment) {
+  try {
+    const pageMatch = fragment.match(/page=(\d+)/);
+    if (!pageMatch) return null;
+    const page = parseInt(pageMatch[1], 10);
+    const viewrectMatch = fragment.match(/viewrect=([\d.]+),([\d.]+),([\d.]+),([\d.]+)/);
+    if (!viewrectMatch) return null;
+    return {
+      page,
+      x: parseFloat(viewrectMatch[1]),
+      y: parseFloat(viewrectMatch[2]),
+      width: parseFloat(viewrectMatch[3]),
+      height: parseFloat(viewrectMatch[4])
+    };
+  } catch {
+    return null;
+  }
+}
+function getPageFromFragment(fragment) {
+  const match = fragment.match(/page=(\d+)/);
+  return match ? parseInt(match[1], 10) : null;
+}
+
+// src/lib/browser-pdfjs.ts
+async function ensurePdfJs() {
+  if (typeof window !== "undefined" && window.pdfjsLib) {
+    return window.pdfjsLib;
+  }
+  return new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = "/pdfjs/pdf.min.mjs";
+    script.type = "module";
+    script.onload = () => {
+      const pdfjsLib = window.pdfjsLib;
+      if (!pdfjsLib) {
+        reject(new Error("PDF.js loaded but pdfjsLib not available"));
+        return;
+      }
+      pdfjsLib.GlobalWorkerOptions.workerSrc = "/pdfjs/pdf.worker.min.mjs";
+      resolve(pdfjsLib);
+    };
+    script.onerror = () => {
+      reject(new Error("Failed to load PDF.js from /pdfjs/pdf.min.mjs"));
+    };
+    document.head.appendChild(script);
+  });
+}
+async function loadPdfDocument(source) {
+  const pdfjsLib = await ensurePdfJs();
+  if (typeof source === "string") {
+    const response = await fetch(source, {
+      credentials: "include",
+      headers: {
+        "Accept": "application/pdf"
+      }
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch PDF: ${response.status} ${response.statusText}`);
+    }
+    const arrayBuffer = await response.arrayBuffer();
+    const loadingTask = pdfjsLib.getDocument({ data: arrayBuffer });
+    return loadingTask.promise;
+  } else {
+    const loadingTask = pdfjsLib.getDocument({ data: source });
+    return loadingTask.promise;
+  }
+}
+async function renderPdfPageToDataUrl(page, scale = 1) {
+  const viewport = page.getViewport({ scale });
+  const canvas = document.createElement("canvas");
+  const context = canvas.getContext("2d");
+  if (!context) {
+    throw new Error("Failed to get 2D context");
+  }
+  canvas.width = viewport.width;
+  canvas.height = viewport.height;
+  const renderTask = page.render({
+    canvasContext: context,
+    viewport
+  });
+  await renderTask.promise;
+  return {
+    dataUrl: canvas.toDataURL("image/png"),
+    width: viewport.width,
+    height: viewport.height
+  };
+}
+
+// src/components/pdf-annotation/PdfAnnotationCanvas.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function getMotivationColor(motivation) {
+  if (!motivation) {
+    return { stroke: "rgb(156, 163, 175)", fill: "rgba(156, 163, 175, 0.2)" };
+  }
+  switch (motivation) {
+    case "highlighting":
+      return { stroke: "rgb(250, 204, 21)", fill: "rgba(250, 204, 21, 0.3)" };
+    case "linking":
+      return { stroke: "rgb(59, 130, 246)", fill: "rgba(59, 130, 246, 0.2)" };
+    case "assessing":
+      return { stroke: "rgb(239, 68, 68)", fill: "rgba(239, 68, 68, 0.2)" };
+    case "commenting":
+      return { stroke: "rgb(255, 255, 255)", fill: "rgba(255, 255, 255, 0.2)" };
+    default:
+      return { stroke: "rgb(156, 163, 175)", fill: "rgba(156, 163, 175, 0.2)" };
+  }
+}
+function PdfAnnotationCanvas({
+  resourceUri,
+  existingAnnotations = [],
+  drawingMode,
+  selectedMotivation,
+  onAnnotationCreate,
+  onAnnotationClick,
+  onAnnotationHover,
+  hoveredAnnotationId,
+  selectedAnnotationId
+}) {
+  const resourceId = resourceUri.split("/").pop();
+  const pdfUrl = `/api/resources/${resourceId}`;
+  const [pdfDoc, setPdfDoc] = useState(null);
+  const [numPages, setNumPages] = useState(0);
+  const [pageNumber, setPageNumber] = useState(1);
+  const [pageImageUrl, setPageImageUrl] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [pageDimensions, setPageDimensions] = useState(null);
+  const [displayDimensions, setDisplayDimensions] = useState(null);
+  const [scale] = useState(1.5);
+  const [isDrawing, setIsDrawing] = useState(false);
+  const [selection, setSelection] = useState(null);
+  const containerRef = useRef(null);
+  const imageRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    async function loadPdf() {
+      try {
+        setIsLoading(true);
+        setError(null);
+        const doc = await loadPdfDocument(pdfUrl);
+        if (cancelled) return;
+        setPdfDoc(doc);
+        setNumPages(doc.numPages);
+        setIsLoading(false);
+      } catch (err) {
+        if (cancelled) return;
+        console.error("Error loading PDF:", err);
+        setError("Failed to load PDF");
+        setIsLoading(false);
+      }
+    }
+    loadPdf();
+    return () => {
+      cancelled = true;
+    };
+  }, [pdfUrl]);
+  useEffect(() => {
+    if (!pdfDoc) return;
+    let cancelled = false;
+    const doc = pdfDoc;
+    async function loadPage() {
+      try {
+        const page = await doc.getPage(pageNumber);
+        if (cancelled) return;
+        const viewport = page.getViewport({ scale: 1 });
+        setPageDimensions({
+          width: viewport.width,
+          height: viewport.height
+        });
+        const { dataUrl } = await renderPdfPageToDataUrl(page, scale);
+        if (cancelled) return;
+        setPageImageUrl(dataUrl);
+      } catch (err) {
+        if (cancelled) return;
+        console.error("Error loading page:", err);
+        setError("Failed to load page");
+      }
+    }
+    loadPage();
+    return () => {
+      cancelled = true;
+    };
+  }, [pdfDoc, pageNumber, scale]);
+  useEffect(() => {
+    const updateDisplayDimensions = () => {
+      if (imageRef.current) {
+        setDisplayDimensions({
+          width: imageRef.current.clientWidth,
+          height: imageRef.current.clientHeight
+        });
+      }
+    };
+    updateDisplayDimensions();
+    let resizeObserver = null;
+    try {
+      resizeObserver = new ResizeObserver(updateDisplayDimensions);
+      if (imageRef.current) {
+        resizeObserver.observe(imageRef.current);
+      }
+    } catch (error2) {
+      console.warn("ResizeObserver not supported, falling back to window resize listener");
+      window.addEventListener("resize", updateDisplayDimensions);
+    }
+    return () => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      } else {
+        window.removeEventListener("resize", updateDisplayDimensions);
+      }
+    };
+  }, [pageImageUrl]);
+  const handleMouseDown = useCallback((e) => {
+    if (!drawingMode) return;
+    if (!imageRef.current) return;
+    const rect = imageRef.current.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    setIsDrawing(true);
+    setSelection({
+      startX: x,
+      startY: y,
+      endX: x,
+      endY: y
+    });
+  }, [drawingMode]);
+  const handleMouseMove = useCallback((e) => {
+    if (!isDrawing || !selection || !imageRef.current) return;
+    const rect = imageRef.current.getBoundingClientRect();
+    setSelection({
+      ...selection,
+      endX: e.clientX - rect.left,
+      endY: e.clientY - rect.top
+    });
+  }, [isDrawing, selection]);
+  const handleMouseUp = useCallback(() => {
+    if (!isDrawing || !selection || !pageDimensions || !displayDimensions || !onAnnotationCreate) {
+      setIsDrawing(false);
+      setSelection(null);
+      return;
+    }
+    const dragDistance = Math.sqrt(
+      Math.pow(selection.endX - selection.startX, 2) + Math.pow(selection.endY - selection.startY, 2)
+    );
+    const MIN_DRAG_DISTANCE = 10;
+    if (dragDistance < MIN_DRAG_DISTANCE) {
+      if (onAnnotationClick && existingAnnotations.length > 0) {
+        const clickedAnnotation = pageAnnotations.find((ann) => {
+          const fragmentSel = getFragmentSelector(ann.target);
+          if (!fragmentSel) return false;
+          const pdfCoord2 = parseFragmentSelector(fragmentSel.value);
+          if (!pdfCoord2) return false;
+          const rect2 = pdfToCanvasCoordinates(pdfCoord2, pageDimensions.height, 1);
+          const scaleX2 = displayDimensions.width / pageDimensions.width;
+          const scaleY2 = displayDimensions.height / pageDimensions.height;
+          const displayX = rect2.x * scaleX2;
+          const displayY = rect2.y * scaleY2;
+          const displayWidth = rect2.width * scaleX2;
+          const displayHeight = rect2.height * scaleY2;
+          return selection.endX >= displayX && selection.endX <= displayX + displayWidth && selection.endY >= displayY && selection.endY <= displayY + displayHeight;
+        });
+        if (clickedAnnotation) {
+          onAnnotationClick(clickedAnnotation);
+          setIsDrawing(false);
+          setSelection(null);
+          return;
+        }
+      }
+      setIsDrawing(false);
+      setSelection(null);
+      return;
+    }
+    const scaleX = pageDimensions.width / displayDimensions.width;
+    const scaleY = pageDimensions.height / displayDimensions.height;
+    const nativeSelection = {
+      startX: selection.startX * scaleX,
+      startY: selection.startY * scaleY,
+      endX: selection.endX * scaleX,
+      endY: selection.endY * scaleY
+    };
+    const pdfCoord = canvasToPdfCoordinates(
+      nativeSelection,
+      pageNumber,
+      pageDimensions.width,
+      pageDimensions.height,
+      1
+      // Use scale 1.0 since we already scaled to native coords
+    );
+    const fragmentSelector = createFragmentSelector(pdfCoord);
+    const centerX = (selection.startX + selection.endX) / 2;
+    const centerY = (selection.startY + selection.endY) / 2;
+    const rect = imageRef.current?.getBoundingClientRect();
+    const screenPosition = rect ? {
+      x: rect.left + centerX,
+      y: rect.top + centerY
+    } : void 0;
+    onAnnotationCreate(fragmentSelector, screenPosition);
+    setIsDrawing(false);
+  }, [isDrawing, selection, pageNumber, pageDimensions, displayDimensions, onAnnotationCreate, onAnnotationClick, existingAnnotations]);
+  const getFragmentSelector = (target) => {
+    const selector = getTargetSelector(target);
+    if (!selector) return null;
+    const selectors = Array.isArray(selector) ? selector : [selector];
+    const found = selectors.find((s) => s.type === "FragmentSelector");
+    if (!found || found.type !== "FragmentSelector") return null;
+    return found;
+  };
+  const pageAnnotations = existingAnnotations.filter((ann) => {
+    const fragmentSel = getFragmentSelector(ann.target);
+    if (!fragmentSel) return false;
+    const page = getPageFromFragment(fragmentSel.value);
+    return page === pageNumber;
+  });
+  const { stroke, fill } = getMotivationColor(selectedMotivation ?? null);
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__error", children: error });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "semiont-pdf-annotation-canvas", children: [
+    isLoading && /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__loading", children: "Loading PDF..." }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: "semiont-pdf-annotation-canvas__container",
+        style: { display: isLoading ? "none" : void 0 },
+        onMouseDown: handleMouseDown,
+        onMouseMove: handleMouseMove,
+        onMouseUp: handleMouseUp,
+        onMouseLeave: () => {
+          if (isDrawing) {
+            setIsDrawing(false);
+            setSelection(null);
+          }
+        },
+        "data-drawing-mode": drawingMode || "none",
+        children: [
+          pageImageUrl && /* @__PURE__ */ jsx(
+            "img",
+            {
+              ref: imageRef,
+              src: pageImageUrl,
+              alt: `PDF page ${pageNumber}`,
+              className: "semiont-pdf-annotation-canvas__image",
+              draggable: false,
+              style: { pointerEvents: "none" },
+              onLoad: () => {
+                requestAnimationFrame(() => {
+                  requestAnimationFrame(() => {
+                    if (imageRef.current) {
+                      setDisplayDimensions({
+                        width: imageRef.current.clientWidth,
+                        height: imageRef.current.clientHeight
+                      });
+                    }
+                  });
+                });
+              }
+            }
+          ),
+          displayDimensions && pageDimensions && /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__overlay-container", children: /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__overlay", children: /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "semiont-pdf-annotation-canvas__svg",
+              width: displayDimensions.width,
+              height: displayDimensions.height,
+              children: [
+                pageAnnotations.map((ann) => {
+                  const fragmentSel = getFragmentSelector(ann.target);
+                  if (!fragmentSel) return null;
+                  const pdfCoord = parseFragmentSelector(fragmentSel.value);
+                  if (!pdfCoord) return null;
+                  const rect = pdfToCanvasCoordinates(pdfCoord, pageDimensions.height, 1);
+                  const scaleX = displayDimensions.width / pageDimensions.width;
+                  const scaleY = displayDimensions.height / pageDimensions.height;
+                  const isHovered = ann.id === hoveredAnnotationId;
+                  const isSelected = ann.id === selectedAnnotationId;
+                  const annMotivation = ann.motivation;
+                  const { stroke: annStroke, fill: annFill } = getMotivationColor(annMotivation);
+                  return /* @__PURE__ */ jsx(
+                    "rect",
+                    {
+                      x: rect.x * scaleX,
+                      y: rect.y * scaleY,
+                      width: rect.width * scaleX,
+                      height: rect.height * scaleY,
+                      stroke: annStroke,
+                      strokeWidth: isSelected ? 4 : isHovered ? 3 : 2,
+                      fill: annFill,
+                      style: {
+                        pointerEvents: "auto",
+                        cursor: "pointer",
+                        opacity: isSelected ? 1 : isHovered ? 0.9 : 0.7
+                      },
+                      onClick: () => onAnnotationClick?.(ann),
+                      onMouseEnter: () => onAnnotationHover?.(ann.id),
+                      onMouseLeave: () => onAnnotationHover?.(null)
+                    },
+                    ann.id
+                  );
+                }),
+                selection && (() => {
+                  const rectX = Math.min(selection.startX, selection.endX);
+                  const rectY = Math.min(selection.startY, selection.endY);
+                  const rectWidth = Math.abs(selection.endX - selection.startX);
+                  const rectHeight = Math.abs(selection.endY - selection.startY);
+                  return /* @__PURE__ */ jsx(
+                    "rect",
+                    {
+                      x: rectX,
+                      y: rectY,
+                      width: rectWidth,
+                      height: rectHeight,
+                      stroke,
+                      strokeWidth: 2,
+                      strokeDasharray: "5,5",
+                      fill,
+                      pointerEvents: "none"
+                    }
+                  );
+                })()
+              ]
+            }
+          ) }) })
+        ]
+      }
+    ),
+    numPages > 0 && /* @__PURE__ */ jsxs("div", { className: "semiont-pdf-annotation-canvas__controls", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          disabled: pageNumber <= 1,
+          onClick: () => setPageNumber(pageNumber - 1),
+          className: "semiont-pdf-annotation-canvas__button",
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "semiont-pdf-annotation-canvas__page-info", children: [
+        "Page ",
+        pageNumber,
+        " of ",
+        numPages
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          disabled: pageNumber >= numPages,
+          onClick: () => setPageNumber(pageNumber + 1),
+          className: "semiont-pdf-annotation-canvas__button",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  PdfAnnotationCanvas
+};
+//# sourceMappingURL=PdfAnnotationCanvas.client-ADC4FFSE.mjs.map

package/dist/PdfAnnotationCanvas.client-ADC4FFSE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/pdf-annotation/PdfAnnotationCanvas.tsx","../src/lib/pdf-coordinates.ts","../src/lib/browser-pdfjs.ts"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState, useCallback, useEffect } from 'react';\nimport type { components, ResourceUri } from '@semiont/api-client';\nimport { getTargetSelector } from '@semiont/api-client';\nimport type { SelectionMotivation } from '../annotation/AnnotateToolbar';\nimport {\n  canvasToPdfCoordinates,\n  pdfToCanvasCoordinates,\n  createFragmentSelector,\n  parseFragmentSelector,\n  getPageFromFragment,\n  type CanvasRectangle\n} from '../../lib/pdf-coordinates';\nimport {\n  loadPdfDocument,\n  renderPdfPageToDataUrl,\n  type PDFDocumentProxy\n} from '../../lib/browser-pdfjs';\nimport './PdfAnnotationCanvas.css';\n\ntype Annotation = components['schemas']['Annotation'];\n\nexport type DrawingMode = 'rectangle' | 'circle' | 'polygon' | null;\n\n/**\n * Get color for annotation based on motivation\n */\nfunction getMotivationColor(motivation: SelectionMotivation | null): { stroke: string; fill: string } {\n  if (!motivation) {\n    return { stroke: 'rgb(156, 163, 175)', fill: 'rgba(156, 163, 175, 0.2)' };\n  }\n\n  switch (motivation) {\n    case 'highlighting':\n      return { stroke: 'rgb(250, 204, 21)', fill: 'rgba(250, 204, 21, 0.3)' };\n    case 'linking':\n      return { stroke: 'rgb(59, 130, 246)', fill: 'rgba(59, 130, 246, 0.2)' };\n    case 'assessing':\n      return { stroke: 'rgb(239, 68, 68)', fill: 'rgba(239, 68, 68, 0.2)' };\n    case 'commenting':\n      return { stroke: 'rgb(255, 255, 255)', fill: 'rgba(255, 255, 255, 0.2)' };\n    default:\n      return { stroke: 'rgb(156, 163, 175)', fill: 'rgba(156, 163, 175, 0.2)' };\n  }\n}\n\ninterface PdfAnnotationCanvasProps {\n  resourceUri: ResourceUri;\n  existingAnnotations?: Annotation[];\n  drawingMode: DrawingMode;\n  selectedMotivation?: SelectionMotivation | null;\n  onAnnotationCreate?: (fragmentSelector: string, position?: { x: number; y: number }) => void;\n  onAnnotationClick?: (annotation: Annotation) => void;\n  onAnnotationHover?: (annotationId: string | null) => void;\n  hoveredAnnotationId?: string | null;\n  selectedAnnotationId?: string | null;\n}\n\nexport function PdfAnnotationCanvas({\n  resourceUri,\n  existingAnnotations = [],\n  drawingMode,\n  selectedMotivation,\n  onAnnotationCreate,\n  onAnnotationClick,\n  onAnnotationHover,\n  hoveredAnnotationId,\n  selectedAnnotationId\n}: PdfAnnotationCanvasProps) {\n  const resourceId = resourceUri.split('/').pop();\n  const pdfUrl = `/api/resources/${resourceId}`;\n\n  // Removed excessive logging\n\n  // PDF state\n  const [pdfDoc, setPdfDoc] = useState<PDFDocumentProxy | null>(null);\n  const [numPages, setNumPages] = useState<number>(0);\n  const [pageNumber, setPageNumber] = useState(1);\n  const [pageImageUrl, setPageImageUrl] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [pageDimensions, setPageDimensions] = useState<{ width: number; height: number } | null>(null);\n  const [displayDimensions, setDisplayDimensions] = useState<{ width: number; height: number } | null>(null);\n  const [scale] = useState(1.5); // Fixed scale for better quality\n\n  // Drawing state\n  const [isDrawing, setIsDrawing] = useState(false);\n  const [selection, setSelection] = useState<CanvasRectangle | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const imageRef = useRef<HTMLImageElement>(null);\n\n  // Load PDF document on mount\n  useEffect(() => {\n    let cancelled = false;\n\n    async function loadPdf() {\n      try {\n        setIsLoading(true);\n        setError(null);\n\n        const doc = await loadPdfDocument(pdfUrl);\n\n        if (cancelled) return;\n\n        setPdfDoc(doc);\n        setNumPages(doc.numPages);\n        setIsLoading(false);\n      } catch (err) {\n        if (cancelled) return;\n\n        console.error('Error loading PDF:', err);\n        setError('Failed to load PDF');\n        setIsLoading(false);\n      }\n    }\n\n    loadPdf();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfUrl]);\n\n  // Load current page when page number changes\n  useEffect(() => {\n    if (!pdfDoc) return;\n\n    let cancelled = false;\n    const doc = pdfDoc;\n\n    async function loadPage() {\n      try {\n        const page = await doc.getPage(pageNumber);\n\n        if (cancelled) return;\n\n        // Get page dimensions (at scale 1.0)\n        const viewport = page.getViewport({ scale: 1.0 });\n        setPageDimensions({\n          width: viewport.width,\n          height: viewport.height\n        });\n\n        // Render page to image\n        const { dataUrl } = await renderPdfPageToDataUrl(page, scale);\n\n        if (cancelled) return;\n\n        setPageImageUrl(dataUrl);\n      } catch (err) {\n        if (cancelled) return;\n\n        console.error('Error loading page:', err);\n        setError('Failed to load page');\n      }\n    }\n\n    loadPage();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfDoc, pageNumber, scale]);\n\n  // Update display dimensions on resize\n  useEffect(() => {\n    const updateDisplayDimensions = () => {\n      if (imageRef.current) {\n        setDisplayDimensions({\n          width: imageRef.current.clientWidth,\n          height: imageRef.current.clientHeight\n        });\n      }\n    };\n\n    updateDisplayDimensions();\n\n    // Use ResizeObserver to detect image element size changes\n    // This catches: sidebar open/close, window resize, font size changes, etc.\n    let resizeObserver: ResizeObserver | null = null;\n\n    try {\n      resizeObserver = new ResizeObserver(updateDisplayDimensions);\n      if (imageRef.current) {\n        resizeObserver.observe(imageRef.current);\n      }\n    } catch (error) {\n      // Fallback for browsers without ResizeObserver support\n      console.warn('ResizeObserver not supported, falling back to window resize listener');\n      window.addEventListener('resize', updateDisplayDimensions);\n    }\n\n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n      } else {\n        window.removeEventListener('resize', updateDisplayDimensions);\n      }\n    };\n  }, [pageImageUrl]);\n\n  // Mouse event handlers for drawing\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    if (!drawingMode) return;\n    if (!imageRef.current) return;\n\n    const rect = imageRef.current.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n\n    // Clear any previous selection when starting new drawing\n    setIsDrawing(true);\n    setSelection({\n      startX: x,\n      startY: y,\n      endX: x,\n      endY: y\n    });\n  }, [drawingMode]);\n\n  const handleMouseMove = useCallback((e: React.MouseEvent) => {\n    if (!isDrawing || !selection || !imageRef.current) return;\n\n    const rect = imageRef.current.getBoundingClientRect();\n\n    setSelection({\n      ...selection,\n      endX: e.clientX - rect.left,\n      endY: e.clientY - rect.top\n    });\n  }, [isDrawing, selection]);\n\n  const handleMouseUp = useCallback(() => {\n    if (!isDrawing || !selection || !pageDimensions || !displayDimensions || !onAnnotationCreate) {\n      setIsDrawing(false);\n      setSelection(null);\n      return;\n    }\n\n    // Calculate drag distance\n    const dragDistance = Math.sqrt(\n      Math.pow(selection.endX - selection.startX, 2) +\n      Math.pow(selection.endY - selection.startY, 2)\n    );\n\n    // Minimum drag threshold in pixels (10px)\n    const MIN_DRAG_DISTANCE = 10;\n\n    if (dragDistance < MIN_DRAG_DISTANCE) {\n      // This was a click, not a drag - check if we clicked an existing annotation\n      if (onAnnotationClick && existingAnnotations.length > 0) {\n        const clickedAnnotation = pageAnnotations.find(ann => {\n          const fragmentSel = getFragmentSelector(ann.target);\n          if (!fragmentSel) return false;\n\n          const pdfCoord = parseFragmentSelector(fragmentSel.value);\n          if (!pdfCoord) return false;\n\n          const rect = pdfToCanvasCoordinates(pdfCoord, pageDimensions.height, 1.0);\n\n          // Scale to display coordinates\n          const scaleX = displayDimensions.width / pageDimensions.width;\n          const scaleY = displayDimensions.height / pageDimensions.height;\n\n          const displayX = rect.x * scaleX;\n          const displayY = rect.y * scaleY;\n          const displayWidth = rect.width * scaleX;\n          const displayHeight = rect.height * scaleY;\n\n          return (\n            selection.endX >= displayX &&\n            selection.endX <= displayX + displayWidth &&\n            selection.endY >= displayY &&\n            selection.endY <= displayY + displayHeight\n          );\n        });\n\n        if (clickedAnnotation) {\n          onAnnotationClick(clickedAnnotation);\n          setIsDrawing(false);\n          setSelection(null);\n          return;\n        }\n      }\n\n      // Click on empty space - do nothing\n      setIsDrawing(false);\n      setSelection(null);\n      return;\n    }\n\n    // This was a drag - create new annotation\n    // Scale selection from display coordinates to native page coordinates\n    const scaleX = pageDimensions.width / displayDimensions.width;\n    const scaleY = pageDimensions.height / displayDimensions.height;\n\n    const nativeSelection: CanvasRectangle = {\n      startX: selection.startX * scaleX,\n      startY: selection.startY * scaleY,\n      endX: selection.endX * scaleX,\n      endY: selection.endY * scaleY\n    };\n\n    // Convert canvas coordinates to PDF coordinates\n    const pdfCoord = canvasToPdfCoordinates(\n      nativeSelection,\n      pageNumber,\n      pageDimensions.width,\n      pageDimensions.height,\n      1.0 // Use scale 1.0 since we already scaled to native coords\n    );\n\n    // Create FragmentSelector\n    const fragmentSelector = createFragmentSelector(pdfCoord);\n\n    // Calculate center position for popup placement (in screen coordinates)\n    const centerX = (selection.startX + selection.endX) / 2;\n    const centerY = (selection.startY + selection.endY) / 2;\n    const rect = imageRef.current?.getBoundingClientRect();\n    const screenPosition = rect ? {\n      x: rect.left + centerX,\n      y: rect.top + centerY\n    } : undefined;\n\n    onAnnotationCreate(fragmentSelector, screenPosition);\n\n    // Keep drawing state active to show preview until annotation is persisted\n    // The parent component should clear this by changing drawingMode after save\n    setIsDrawing(false);\n    // Note: We keep selection so the preview remains visible\n    // It will be cleared when drawingMode changes or user starts new selection\n  }, [isDrawing, selection, pageNumber, pageDimensions, displayDimensions, onAnnotationCreate, onAnnotationClick, existingAnnotations]);\n\n  // Helper to get FragmentSelector from annotation target\n  const getFragmentSelector = (target: Annotation['target']) => {\n    const selector = getTargetSelector(target);\n    if (!selector) return null;\n    const selectors = Array.isArray(selector) ? selector : [selector];\n\n    const found = selectors.find(s => s.type === 'FragmentSelector');\n    if (!found || found.type !== 'FragmentSelector') return null;\n    return found as { type: 'FragmentSelector'; value: string; conformsTo?: string };\n  };\n\n  // Filter annotations for current page\n  const pageAnnotations = existingAnnotations.filter(ann => {\n    const fragmentSel = getFragmentSelector(ann.target);\n    if (!fragmentSel) return false;\n    const page = getPageFromFragment(fragmentSel.value);\n    return page === pageNumber;\n  });\n\n  // Calculate motivation color\n  const { stroke, fill } = getMotivationColor(selectedMotivation ?? null);\n\n  if (error) {\n    return <div className=\"semiont-pdf-annotation-canvas__error\">{error}</div>;\n  }\n\n  return (\n    <div className=\"semiont-pdf-annotation-canvas\">\n      {isLoading && <div className=\"semiont-pdf-annotation-canvas__loading\">Loading PDF...</div>}\n\n      <div\n        ref={containerRef}\n        className=\"semiont-pdf-annotation-canvas__container\"\n        style={{ display: isLoading ? 'none' : undefined }}\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onMouseLeave={() => {\n          if (isDrawing) {\n            setIsDrawing(false);\n            setSelection(null);\n          }\n        }}\n        data-drawing-mode={drawingMode || 'none'}\n      >\n        {/* PDF page rendered as image */}\n        {pageImageUrl && (\n          <img\n            ref={imageRef}\n            src={pageImageUrl}\n            alt={`PDF page ${pageNumber}`}\n            className=\"semiont-pdf-annotation-canvas__image\"\n            draggable={false}\n            style={{ pointerEvents: 'none' }}\n            onLoad={() => {\n              // Use double RAF to ensure layout is complete even in onLoad\n              requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                  if (imageRef.current) {\n                    setDisplayDimensions({\n                      width: imageRef.current.clientWidth,\n                      height: imageRef.current.clientHeight\n                    });\n                  }\n                });\n              });\n            }}\n          />\n        )}\n\n        {/* SVG overlay for annotations */}\n        {displayDimensions && pageDimensions && (\n          <div className=\"semiont-pdf-annotation-canvas__overlay-container\">\n            <div className=\"semiont-pdf-annotation-canvas__overlay\">\n              <svg\n                className=\"semiont-pdf-annotation-canvas__svg\"\n                width={displayDimensions.width}\n                height={displayDimensions.height}\n              >\n                {/* Render existing annotations for this page */}\n                {pageAnnotations.map(ann => {\n                  const fragmentSel = getFragmentSelector(ann.target);\n                  if (!fragmentSel) return null;\n\n                  const pdfCoord = parseFragmentSelector(fragmentSel.value);\n                  if (!pdfCoord) return null;\n\n                  const rect = pdfToCanvasCoordinates(pdfCoord, pageDimensions.height, 1.0);\n\n                  // Scale to display coordinates\n                  const scaleX = displayDimensions.width / pageDimensions.width;\n                  const scaleY = displayDimensions.height / pageDimensions.height;\n\n                  const isHovered = ann.id === hoveredAnnotationId;\n                  const isSelected = ann.id === selectedAnnotationId;\n\n                  // Get color for this annotation's motivation (not the selected motivation)\n                  const annMotivation = ann.motivation as SelectionMotivation | null;\n                  const { stroke: annStroke, fill: annFill } = getMotivationColor(annMotivation);\n\n                  return (\n                    <rect\n                      key={ann.id}\n                      x={rect.x * scaleX}\n                      y={rect.y * scaleY}\n                      width={rect.width * scaleX}\n                      height={rect.height * scaleY}\n                      stroke={annStroke}\n                      strokeWidth={isSelected ? 4 : isHovered ? 3 : 2}\n                      fill={annFill}\n                      style={{\n                        pointerEvents: 'auto',\n                        cursor: 'pointer',\n                        opacity: isSelected ? 1 : isHovered ? 0.9 : 0.7\n                      }}\n                      onClick={() => onAnnotationClick?.(ann)}\n                      onMouseEnter={() => onAnnotationHover?.(ann.id)}\n                      onMouseLeave={() => onAnnotationHover?.(null)}\n                    />\n                  );\n                })}\n\n                {/* Render current selection while drawing or awaiting save */}\n                {selection && (() => {\n                  const rectX = Math.min(selection.startX, selection.endX);\n                  const rectY = Math.min(selection.startY, selection.endY);\n                  const rectWidth = Math.abs(selection.endX - selection.startX);\n                  const rectHeight = Math.abs(selection.endY - selection.startY);\n\n                  // PDF only supports rectangle shapes (FragmentSelector with viewrect)\n                  // Circle/polygon are disabled in the UI for PDF media types\n                  return (\n                    <rect\n                      x={rectX}\n                      y={rectY}\n                      width={rectWidth}\n                      height={rectHeight}\n                      stroke={stroke}\n                      strokeWidth={2}\n                      strokeDasharray=\"5,5\"\n                      fill={fill}\n                      pointerEvents=\"none\"\n                    />\n                  );\n                })()}\n              </svg>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Page navigation controls */}\n      {numPages > 0 && (\n        <div className=\"semiont-pdf-annotation-canvas__controls\">\n          <button\n            disabled={pageNumber <= 1}\n            onClick={() => setPageNumber(pageNumber - 1)}\n            className=\"semiont-pdf-annotation-canvas__button\"\n          >\n            Previous\n          </button>\n          <span className=\"semiont-pdf-annotation-canvas__page-info\">\n            Page {pageNumber} of {numPages}\n          </span>\n          <button\n            disabled={pageNumber >= numPages}\n            onClick={() => setPageNumber(pageNumber + 1)}\n            className=\"semiont-pdf-annotation-canvas__button\"\n          >\n            Next\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * PDF Coordinate Utilities\n *\n * Handles coordinate transformations between:\n * - Canvas space (pixels, top-left origin, Y increases downward)\n * - PDF space (points, bottom-left origin, Y increases upward)\n *\n * Based on RFC 3778 PDF Fragment Identifiers:\n * https://tools.ietf.org/html/rfc3778\n */\n\nexport interface Rectangle {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface PdfCoordinate {\n  page: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface CanvasRectangle {\n  startX: number;\n  startY: number;\n  endX: number;\n  endY: number;\n}\n\n/**\n * Convert canvas coordinates to PDF coordinates\n *\n * Canvas: Origin at top-left, Y increases downward\n * PDF: Origin at bottom-left, Y increases upward\n *\n * @param canvasRect - Rectangle in canvas pixel coordinates\n * @param page - PDF page number (1-indexed)\n * @param pageWidth - PDF page width in points\n * @param pageHeight - PDF page height in points\n * @param scale - Current canvas scale factor\n */\nexport function canvasToPdfCoordinates(\n  canvasRect: CanvasRectangle,\n  page: number,\n  _pageWidth: number,\n  pageHeight: number,\n  scale: number = 1\n): PdfCoordinate {\n  // Normalize rectangle (handle drag in any direction)\n  const x1 = Math.min(canvasRect.startX, canvasRect.endX);\n  const y1 = Math.min(canvasRect.startY, canvasRect.endY);\n  const x2 = Math.max(canvasRect.startX, canvasRect.endX);\n  const y2 = Math.max(canvasRect.startY, canvasRect.endY);\n\n  // Convert from canvas pixels to PDF points\n  const pdfX = x1 / scale;\n  const pdfWidth = (x2 - x1) / scale;\n\n  // Flip Y coordinate (canvas top-left to PDF bottom-left)\n  const pdfY = pageHeight - (y2 / scale);\n  const pdfHeight = (y2 - y1) / scale;\n\n  return {\n    page,\n    x: Math.round(pdfX),\n    y: Math.round(pdfY),\n    width: Math.round(pdfWidth),\n    height: Math.round(pdfHeight)\n  };\n}\n\n/**\n * Convert PDF coordinates to canvas coordinates\n *\n * @param pdfCoord - Coordinates in PDF space\n * @param pageHeight - PDF page height in points\n * @param scale - Current canvas scale factor\n */\nexport function pdfToCanvasCoordinates(\n  pdfCoord: PdfCoordinate,\n  pageHeight: number,\n  scale: number = 1\n): Rectangle {\n  // Convert from PDF points to canvas pixels\n  const canvasX = pdfCoord.x * scale;\n  const canvasWidth = pdfCoord.width * scale;\n\n  // Flip Y coordinate (PDF bottom-left to canvas top-left)\n  const canvasY = (pageHeight - pdfCoord.y - pdfCoord.height) * scale;\n  const canvasHeight = pdfCoord.height * scale;\n\n  return {\n    x: canvasX,\n    y: canvasY,\n    width: canvasWidth,\n    height: canvasHeight\n  };\n}\n\n/**\n * Generate RFC 3778 FragmentSelector value\n *\n * Format: page=N&viewrect=left,top,width,height\n * All coordinates in PDF points\n */\nexport function createFragmentSelector(coord: PdfCoordinate): string {\n  return `page=${coord.page}&viewrect=${coord.x},${coord.y},${coord.width},${coord.height}`;\n}\n\n/**\n * Parse RFC 3778 FragmentSelector value\n *\n * @param fragment - Fragment string like \"page=5&viewrect=100,200,300,400\"\n * @returns Parsed PDF coordinates or null if invalid\n */\nexport function parseFragmentSelector(fragment: string): PdfCoordinate | null {\n  try {\n    // Parse page number\n    const pageMatch = fragment.match(/page=(\\d+)/);\n    if (!pageMatch) return null;\n    const page = parseInt(pageMatch[1], 10);\n\n    // Parse viewrect coordinates\n    const viewrectMatch = fragment.match(/viewrect=([\\d.]+),([\\d.]+),([\\d.]+),([\\d.]+)/);\n    if (!viewrectMatch) return null;\n\n    return {\n      page,\n      x: parseFloat(viewrectMatch[1]),\n      y: parseFloat(viewrectMatch[2]),\n      width: parseFloat(viewrectMatch[3]),\n      height: parseFloat(viewrectMatch[4])\n    };\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Extract page number from FragmentSelector\n */\nexport function getPageFromFragment(fragment: string): number | null {\n  const match = fragment.match(/page=(\\d+)/);\n  return match ? parseInt(match[1], 10) : null;\n}\n","/**\n * Browser PDF.js utilities\n *\n * Uses native browser PDF.js when available, falls back to CDN.\n * Zero npm dependencies - no webpack bundling issues.\n */\n\n// Type definitions for PDF.js API\nexport interface PDFDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PDFPageProxy>;\n}\n\nexport interface PDFPageProxy {\n  getViewport(params: { scale: number; rotation?: number }): PDFViewport;\n  render(params: PDFRenderParams): PDFRenderTask;\n  getTextContent(): Promise<TextContent>;\n}\n\nexport interface PDFViewport {\n  width: number;\n  height: number;\n  scale: number;\n  rotation: number;\n}\n\nexport interface PDFRenderParams {\n  canvasContext: CanvasRenderingContext2D;\n  viewport: PDFViewport;\n}\n\nexport interface PDFRenderTask {\n  promise: Promise<void>;\n  cancel(): void;\n}\n\nexport interface PDFLib {\n  getDocument(params: { data: ArrayBuffer } | { url: string }): PDFLoadingTask;\n  GlobalWorkerOptions: {\n    workerSrc: string;\n  };\n  version: string;\n}\n\nexport interface PDFLoadingTask {\n  promise: Promise<PDFDocumentProxy>;\n  destroy(): void;\n}\n\n/**\n * Text content types (for Phase 2)\n */\nexport interface TextItem {\n  str: string;\n  dir: string;\n  transform: number[]; // [scaleX, skewX, skewY, scaleY, x, y]\n  width: number;\n  height: number;\n  fontName: string;\n  hasEOL: boolean;\n}\n\nexport interface TextContent {\n  items: TextItem[];\n  styles: Record<string, any>;\n}\n\n/**\n * Ensure PDF.js is available, loading from local public folder if needed\n */\nexport async function ensurePdfJs(): Promise<PDFLib> {\n  // Check if already available (browser native or already loaded)\n  if (typeof window !== 'undefined' && (window as any).pdfjsLib) {\n    return (window as any).pdfjsLib as PDFLib;\n  }\n\n  // Load from local public folder (staged during build)\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.src = '/pdfjs/pdf.min.mjs';\n    script.type = 'module';\n\n    script.onload = () => {\n      const pdfjsLib = (window as any).pdfjsLib as PDFLib;\n\n      if (!pdfjsLib) {\n        reject(new Error('PDF.js loaded but pdfjsLib not available'));\n        return;\n      }\n\n      // Configure worker (also served from local public folder)\n      pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdfjs/pdf.worker.min.mjs';\n\n      resolve(pdfjsLib);\n    };\n\n    script.onerror = () => {\n      reject(new Error('Failed to load PDF.js from /pdfjs/pdf.min.mjs'));\n    };\n\n    document.head.appendChild(script);\n  });\n}\n\n/**\n * Load PDF document from URL or ArrayBuffer\n *\n * When given a URL string, fetches the PDF as ArrayBuffer with credentials\n * to ensure authentication cookies are included in the request.\n */\nexport async function loadPdfDocument(\n  source: string | ArrayBuffer\n): Promise<PDFDocumentProxy> {\n  const pdfjsLib = await ensurePdfJs();\n\n  if (typeof source === 'string') {\n    // Fetch as ArrayBuffer first to include authentication cookies\n    const response = await fetch(source, {\n      credentials: 'include',\n      headers: {\n        'Accept': 'application/pdf',\n      },\n    });\n\n    if (!response.ok) {\n      throw new Error(`Failed to fetch PDF: ${response.status} ${response.statusText}`);\n    }\n\n    const arrayBuffer = await response.arrayBuffer();\n    const loadingTask = pdfjsLib.getDocument({ data: arrayBuffer });\n    return loadingTask.promise;\n  } else {\n    const loadingTask = pdfjsLib.getDocument({ data: source });\n    return loadingTask.promise;\n  }\n}\n\n/**\n * Render PDF page to canvas and return as data URL\n */\nexport async function renderPdfPageToDataUrl(\n  page: PDFPageProxy,\n  scale = 1.0\n): Promise<{ dataUrl: string; width: number; height: number }> {\n  const viewport = page.getViewport({ scale });\n\n  // Create canvas\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  if (!context) {\n    throw new Error('Failed to get 2D context');\n  }\n\n  canvas.width = viewport.width;\n  canvas.height = viewport.height;\n\n  // Render PDF page to canvas\n  const renderTask = page.render({\n    canvasContext: context,\n    viewport: viewport\n  });\n\n  await renderTask.promise;\n\n  // Convert to data URL\n  return {\n    dataUrl: canvas.toDataURL('image/png'),\n    width: viewport.width,\n    height: viewport.height\n  };\n}\n\n/**\n * Render PDF page with text content extraction (Phase 2)\n *\n * This function extracts text in parallel with rendering for future\n * text layer support. Currently the text content is available but not used.\n */\nexport async function renderPdfPageWithText(\n  page: PDFPageProxy,\n  scale = 1.0\n): Promise<{\n  dataUrl: string;\n  width: number;\n  height: number;\n  textContent: TextContent;\n}> {\n  const viewport = page.getViewport({ scale });\n\n  // Create canvas for rendering\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  if (!context) {\n    throw new Error('Failed to get 2D context');\n  }\n\n  canvas.width = viewport.width;\n  canvas.height = viewport.height;\n\n  // Render PDF page to canvas\n  const renderTask = page.render({\n    canvasContext: context,\n    viewport: viewport\n  });\n\n  // Extract text content in parallel (for future text layer support)\n  const [, textContent] = await Promise.all([\n    renderTask.promise,\n    page.getTextContent()\n  ]);\n\n  // Convert to data URL\n  return {\n    dataUrl: canvas.toDataURL('image/png'),\n    width: viewport.width,\n    height: viewport.height,\n    textContent\n  };\n}\n"],"mappings":"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","names":["error","pdfCoord","rect","scaleX","scaleY"]}