@docmentis/udoc-viewer 0.1.0

package/dist/ui/annotation/AnnotationLayer.js

@@ -0,0 +1,322 @@
+import { MarkupRenderer } from './MarkupRenderer';
+import { LinkRenderer } from './LinkRenderer';
+import { ShapeRenderer } from './ShapeRenderer';
+import { TextRenderer } from './TextRenderer';
+/**
+ * Manages annotation rendering and interaction for a document viewer.
+ */
+export class AnnotationLayer {
+    /** Annotations indexed by page index */
+    pageAnnotations = new Map();
+    /** Overlay elements indexed by page index */
+    overlays = new Map();
+    /** Current zoom level */
+    zoom = 1;
+    /** Currently active popup element */
+    activePopup = null;
+    /** Bound handler for clicking outside popup */
+    boundHandleDocumentClick = null;
+    /** Bound handler for escape key */
+    boundHandleEscapeKey = null;
+    // Specialized renderers
+    markupRenderer;
+    linkRenderer;
+    shapeRenderer;
+    textRenderer;
+    constructor() {
+        // Initialize renderers with default zoom
+        const showPopup = this.showPopup.bind(this);
+        this.markupRenderer = new MarkupRenderer(this.zoom, showPopup);
+        this.linkRenderer = new LinkRenderer(this.zoom);
+        this.shapeRenderer = new ShapeRenderer(this.zoom);
+        this.textRenderer = new TextRenderer(this.zoom, showPopup);
+    }
+    /**
+     * Set the callback for internal link navigation.
+     */
+    setNavigateCallback(callback) {
+        this.linkRenderer.setNavigateCallback(callback);
+    }
+    /**
+     * Set the callback for external URI links.
+     */
+    setOpenUriCallback(callback) {
+        this.linkRenderer.setOpenUriCallback(callback);
+    }
+    /**
+     * Set annotations for a specific page.
+     */
+    setPageAnnotations(pageIndex, annotations) {
+        this.pageAnnotations.set(pageIndex, annotations);
+    }
+    /**
+     * Get annotations for a specific page.
+     */
+    getPageAnnotations(pageIndex) {
+        return this.pageAnnotations.get(pageIndex) ?? [];
+    }
+    /**
+     * Get all annotations with metadata, grouped by page.
+     * Returns only annotations that have metadata (comments).
+     */
+    getAllAnnotationsWithMetadata() {
+        const result = new Map();
+        for (const [pageIndex, annotations] of this.pageAnnotations) {
+            const withMetadata = annotations.filter(a => a.metadata);
+            if (withMetadata.length > 0) {
+                result.set(pageIndex, withMetadata);
+            }
+        }
+        return result;
+    }
+    /**
+     * Clear all annotations and overlays.
+     */
+    clear() {
+        this.hidePopup();
+        this.pageAnnotations.clear();
+        for (const overlay of this.overlays.values()) {
+            overlay.remove();
+        }
+        this.overlays.clear();
+    }
+    /**
+     * Set the current zoom level.
+     */
+    setZoom(zoom) {
+        this.zoom = zoom;
+        this.markupRenderer.setZoom(zoom);
+        this.linkRenderer.setZoom(zoom);
+        this.shapeRenderer.setZoom(zoom);
+        this.textRenderer.setZoom(zoom);
+    }
+    /**
+     * Show a popup for an annotation.
+     * @param anchorElement The element to anchor the popup to
+     * @param metadata The annotation metadata to display
+     * @param color The annotation color for styling
+     */
+    showPopup(anchorElement, metadata, color) {
+        // Hide any existing popup first
+        this.hidePopup();
+        // Create popup container
+        const popup = document.createElement('div');
+        popup.className = 'udoc-annotation-popup';
+        popup.style.cssText = `
+            position: absolute;
+            background: white;
+            border: 1px solid ${color};
+            border-radius: 4px;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+            max-width: 300px;
+            min-width: 150px;
+            font-size: 13px;
+            line-height: 1.4;
+            color: #333;
+            z-index: 1000;
+            pointer-events: auto;
+            overflow: hidden;
+        `;
+        // Create header section - show author if exists, otherwise fallback to subject
+        const headerText = metadata.author || metadata.subject;
+        if (headerText) {
+            const header = document.createElement('div');
+            header.style.cssText = `
+                background: ${color};
+                padding: 6px 10px;
+                color: white;
+                font-weight: 500;
+                font-size: 12px;
+                text-shadow: 0 1px 1px rgba(0,0,0,0.2);
+            `;
+            header.textContent = headerText;
+            popup.appendChild(header);
+        }
+        // Create body section (contents) if exists
+        if (metadata.contents) {
+            const body = document.createElement('div');
+            body.style.cssText = `
+                padding: 8px 10px;
+                word-wrap: break-word;
+                white-space: pre-wrap;
+            `;
+            body.textContent = metadata.contents;
+            popup.appendChild(body);
+        }
+        // Position the popup relative to the anchor element
+        const anchorRect = anchorElement.getBoundingClientRect();
+        const overlay = anchorElement.closest('.udoc-annotation-overlay');
+        if (!overlay)
+            return;
+        const overlayRect = overlay.getBoundingClientRect();
+        // Position popup below and to the right of the icon
+        const popupX = anchorRect.left - overlayRect.left + anchorRect.width + 4;
+        const popupY = anchorRect.top - overlayRect.top;
+        popup.style.left = `${popupX}px`;
+        popup.style.top = `${popupY}px`;
+        overlay.appendChild(popup);
+        this.activePopup = popup;
+        // Adjust position if popup goes off-screen
+        requestAnimationFrame(() => {
+            const popupRect = popup.getBoundingClientRect();
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            // If popup extends beyond right edge, position to the left of the icon
+            if (popupRect.right > viewportWidth - 10) {
+                const newX = anchorRect.left - overlayRect.left - popupRect.width - 4;
+                popup.style.left = `${Math.max(0, newX)}px`;
+            }
+            // If popup extends beyond bottom edge, adjust upward
+            if (popupRect.bottom > viewportHeight - 10) {
+                const newY = popupY - (popupRect.bottom - viewportHeight) - 10;
+                popup.style.top = `${Math.max(0, newY)}px`;
+            }
+        });
+        // Set up event handlers for closing
+        this.boundHandleDocumentClick = (e) => {
+            if (!popup.contains(e.target) && !anchorElement.contains(e.target)) {
+                this.hidePopup();
+            }
+        };
+        this.boundHandleEscapeKey = (e) => {
+            if (e.key === 'Escape') {
+                this.hidePopup();
+            }
+        };
+        // Delay adding click listener to avoid immediate close
+        setTimeout(() => {
+            document.addEventListener('click', this.boundHandleDocumentClick);
+        }, 0);
+        document.addEventListener('keydown', this.boundHandleEscapeKey);
+    }
+    /**
+     * Hide the currently active popup.
+     */
+    hidePopup() {
+        if (this.activePopup) {
+            this.activePopup.remove();
+            this.activePopup = null;
+        }
+        if (this.boundHandleDocumentClick) {
+            document.removeEventListener('click', this.boundHandleDocumentClick);
+            this.boundHandleDocumentClick = null;
+        }
+        if (this.boundHandleEscapeKey) {
+            document.removeEventListener('keydown', this.boundHandleEscapeKey);
+            this.boundHandleEscapeKey = null;
+        }
+    }
+    /**
+     * Create or get an annotation overlay for a slot element.
+     * The overlay is positioned absolutely within the slot.
+     *
+     * @param slotEl The slot element to attach the overlay to
+     * @param pageIndex The page index for this slot
+     * @returns The overlay element
+     */
+    getOrCreateOverlay(slotEl, pageIndex) {
+        let overlay = this.overlays.get(pageIndex);
+        if (overlay && overlay.parentElement === slotEl) {
+            return overlay;
+        }
+        // Create new overlay
+        overlay = document.createElement('div');
+        overlay.className = 'udoc-annotation-overlay';
+        overlay.style.cssText = `
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+        `;
+        slotEl.appendChild(overlay);
+        this.overlays.set(pageIndex, overlay);
+        return overlay;
+    }
+    /**
+     * Render annotations for a specific page into its slot overlay.
+     *
+     * @param slotEl The slot element containing the page
+     * @param pageIndex The page index
+     */
+    renderPageAnnotations(slotEl, pageIndex) {
+        const annotations = this.pageAnnotations.get(pageIndex);
+        if (!annotations || annotations.length === 0) {
+            // Remove overlay if no annotations
+            const existing = this.overlays.get(pageIndex);
+            if (existing) {
+                existing.remove();
+                this.overlays.delete(pageIndex);
+            }
+            return;
+        }
+        const overlay = this.getOrCreateOverlay(slotEl, pageIndex);
+        overlay.innerHTML = '';
+        for (const annotation of annotations) {
+            if (!annotation.bounds)
+                continue;
+            this.renderAnnotation(overlay, annotation);
+        }
+    }
+    /**
+     * Render a single annotation using the appropriate renderer.
+     */
+    renderAnnotation(overlay, annotation) {
+        switch (annotation.type) {
+            // Link annotations
+            case 'link':
+                this.linkRenderer.render(overlay, annotation);
+                break;
+            // Markup annotations (text highlighting)
+            case 'highlight':
+                this.markupRenderer.renderHighlight(overlay, annotation);
+                break;
+            case 'underline':
+                this.markupRenderer.renderUnderline(overlay, annotation);
+                break;
+            case 'strikeOut':
+                this.markupRenderer.renderStrikeOut(overlay, annotation);
+                break;
+            case 'squiggly':
+                this.markupRenderer.renderSquiggly(overlay, annotation);
+                break;
+            // Text annotations
+            case 'text':
+                this.textRenderer.renderText(overlay, annotation);
+                break;
+            case 'freeText':
+                this.textRenderer.renderFreeText(overlay, annotation);
+                break;
+            case 'stamp':
+                this.textRenderer.renderStamp(overlay, annotation);
+                break;
+            case 'caret':
+                this.textRenderer.renderCaret(overlay, annotation);
+                break;
+            // Shape annotations
+            case 'line':
+                this.shapeRenderer.renderLine(overlay, annotation);
+                break;
+            case 'square':
+                this.shapeRenderer.renderSquare(overlay, annotation);
+                break;
+            case 'circle':
+                this.shapeRenderer.renderCircle(overlay, annotation);
+                break;
+            case 'polygon':
+                this.shapeRenderer.renderPolygon(overlay, annotation);
+                break;
+            case 'polyLine':
+                this.shapeRenderer.renderPolyLine(overlay, annotation);
+                break;
+            case 'ink':
+                this.shapeRenderer.renderInk(overlay, annotation);
+                break;
+            case 'redact':
+                this.shapeRenderer.renderRedact(overlay, annotation);
+                break;
+        }
+    }
+}
+//# sourceMappingURL=AnnotationLayer.js.map

package/dist/ui/annotation/AnnotationLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationLayer.js","sourceRoot":"","sources":["../../../src/ui/annotation/AnnotationLayer.ts"],"names":[],"mappings":"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"}

package/dist/ui/annotation/LinkRenderer.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Renderer for link annotations.
+ */
+import type { Annotation, Destination } from '../../core/types';
+/**
+ * Callback types for link actions.
+ */
+export type NavigateCallback = (destination: Destination) => void;
+export type OpenUriCallback = (uri: string) => void;
+/**
+ * Renders link annotations as clickable overlays.
+ */
+export declare class LinkRenderer {
+    private zoom;
+    private onNavigate?;
+    private onOpenUri?;
+    constructor(zoom: number, onNavigate?: NavigateCallback, onOpenUri?: OpenUriCallback);
+    setZoom(zoom: number): void;
+    setNavigateCallback(callback: NavigateCallback): void;
+    setOpenUriCallback(callback: OpenUriCallback): void;
+    /**
+     * Render a link annotation as a clickable box.
+     */
+    render(overlay: HTMLDivElement, annotation: Annotation & {
+        type: 'link';
+    }): void;
+    /**
+     * Handle a link action (navigation or URI).
+     */
+    private handleLinkAction;
+}
+//# sourceMappingURL=LinkRenderer.d.ts.map

package/dist/ui/annotation/LinkRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkRenderer.d.ts","sourceRoot":"","sources":["../../../src/ui/annotation/LinkRenderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAc,MAAM,kBAAkB,CAAC;AAG5E;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAEpD;;GAEG;AACH,qBAAa,YAAY;IACrB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,UAAU,CAAC,CAAmB;IACtC,OAAO,CAAC,SAAS,CAAC,CAAkB;gBAGhC,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE,gBAAgB,EAC7B,SAAS,CAAC,EAAE,eAAe;IAO/B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI;IAIrD,kBAAkB,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAInD;;OAEG;IACH,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IA4BhF;;OAEG;IACH,OAAO,CAAC,gBAAgB;CAkB3B"}

package/dist/ui/annotation/LinkRenderer.js

@@ -0,0 +1,74 @@
+import { scaleBounds } from './utils';
+/**
+ * Renders link annotations as clickable overlays.
+ */
+export class LinkRenderer {
+    zoom;
+    onNavigate;
+    onOpenUri;
+    constructor(zoom, onNavigate, onOpenUri) {
+        this.zoom = zoom;
+        this.onNavigate = onNavigate;
+        this.onOpenUri = onOpenUri;
+    }
+    setZoom(zoom) {
+        this.zoom = zoom;
+    }
+    setNavigateCallback(callback) {
+        this.onNavigate = callback;
+    }
+    setOpenUriCallback(callback) {
+        this.onOpenUri = callback;
+    }
+    /**
+     * Render a link annotation as a clickable box.
+     */
+    render(overlay, annotation) {
+        if (!annotation.bounds)
+            return;
+        const scaled = scaleBounds(annotation.bounds, this.zoom);
+        const box = document.createElement('div');
+        box.className = 'udoc-annotation-box udoc-annotation-link';
+        box.style.cssText = `
+            position: absolute;
+            left: ${scaled.x}px;
+            top: ${scaled.y}px;
+            width: ${scaled.width}px;
+            height: ${scaled.height}px;
+            pointer-events: auto;
+            cursor: pointer;
+        `;
+        box.addEventListener('click', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (annotation.action) {
+                this.handleLinkAction(annotation.action);
+            }
+        });
+        overlay.appendChild(box);
+    }
+    /**
+     * Handle a link action (navigation or URI).
+     */
+    handleLinkAction(action) {
+        if (action.actionType === 'goTo') {
+            if (this.onNavigate) {
+                this.onNavigate(action.destination);
+                return true;
+            }
+        }
+        else if (action.actionType === 'uri') {
+            if (this.onOpenUri) {
+                this.onOpenUri(action.uri);
+                return true;
+            }
+            else {
+                // Default behavior: open in new tab
+                window.open(action.uri, '_blank', 'noopener,noreferrer');
+                return true;
+            }
+        }
+        return false;
+    }
+}
+//# sourceMappingURL=LinkRenderer.js.map

package/dist/ui/annotation/LinkRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkRenderer.js","sourceRoot":"","sources":["../../../src/ui/annotation/LinkRenderer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,YAAY;IACb,IAAI,CAAS;IACb,UAAU,CAAoB;IAC9B,SAAS,CAAmB;IAEpC,YACI,IAAY,EACZ,UAA6B,EAC7B,SAA2B;QAE3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,mBAAmB,CAAC,QAA0B;QAC1C,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAED,kBAAkB,CAAC,QAAyB;QACxC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,OAAuB,EAAE,UAAyC;QACrE,IAAI,CAAC,UAAU,CAAC,MAAM;YAAE,OAAO;QAE/B,MAAM,MAAM,GAAG,WAAW,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,SAAS,GAAG,0CAA0C,CAAC;QAC3D,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG;;oBAER,MAAM,CAAC,CAAC;mBACT,MAAM,CAAC,CAAC;qBACN,MAAM,CAAC,KAAK;sBACX,MAAM,CAAC,MAAM;;;SAG1B,CAAC;QAEF,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YAChC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;gBACpB,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC7C,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED;;OAEG;IACK,gBAAgB,CAAC,MAAkB;QACvC,IAAI,MAAM,CAAC,UAAU,KAAK,MAAM,EAAE,CAAC;YAC/B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;gBACpC,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;aAAM,IAAI,MAAM,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YACrC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC3B,OAAO,IAAI,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACJ,oCAAoC;gBACpC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;gBACzD,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}

package/dist/ui/annotation/MarkupRenderer.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Renderer for text markup annotations: highlight, underline, strikeout, squiggly.
+ */
+import type { HighlightAnnotation, UnderlineAnnotation, StrikeOutAnnotation, SquigglyAnnotation, MarkupMetadata } from '../../core/types';
+export type MarkupAnnotation = HighlightAnnotation | UnderlineAnnotation | StrikeOutAnnotation | SquigglyAnnotation;
+/**
+ * Callback type for showing popup with annotation metadata.
+ */
+export type ShowPopupCallback = (anchor: HTMLElement, metadata: MarkupMetadata, color: string) => void;
+/**
+ * Renders text markup annotations (highlight, underline, strikeout, squiggly).
+ */
+export declare class MarkupRenderer {
+    private zoom;
+    private onShowPopup?;
+    constructor(zoom: number, onShowPopup?: ShowPopupCallback);
+    setZoom(zoom: number): void;
+    setShowPopupCallback(callback: ShowPopupCallback): void;
+    /**
+     * Render a highlight annotation as a colored overlay.
+     */
+    renderHighlight(overlay: HTMLDivElement, annotation: HighlightAnnotation): void;
+    /**
+     * Render an underline annotation as lines along the bottom of text.
+     */
+    renderUnderline(overlay: HTMLDivElement, annotation: UnderlineAnnotation): void;
+    /**
+     * Render a strikeout annotation as lines through the middle of text.
+     */
+    renderStrikeOut(overlay: HTMLDivElement, annotation: StrikeOutAnnotation): void;
+    /**
+     * Render a squiggly annotation as wavy lines under text.
+     */
+    renderSquiggly(overlay: HTMLDivElement, annotation: SquigglyAnnotation): void;
+    /**
+     * Add a clickable overlay for text markup annotations when metadata exists.
+     */
+    private addTextMarkupClickHandler;
+}
+//# sourceMappingURL=MarkupRenderer.d.ts.map

package/dist/ui/annotation/MarkupRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupRenderer.d.ts","sourceRoot":"","sources":["../../../src/ui/annotation/MarkupRenderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACR,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACjB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GACtB,mBAAmB,GACnB,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,CAAC;AAEzB;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAC5B,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,MAAM,KACZ,IAAI,CAAC;AAEV;;GAEG;AACH,qBAAa,cAAc;IACvB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,WAAW,CAAC,CAAoB;gBAE5B,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,iBAAiB;IAKzD,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,oBAAoB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAIvD;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,mBAAmB,GAAG,IAAI;IAqB/E;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,mBAAmB,GAAG,IAAI;IAwB/E;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,mBAAmB,GAAG,IAAI;IA2B/E;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,kBAAkB,GAAG,IAAI;IA8C7E;;OAEG;IACH,OAAO,CAAC,yBAAyB;CA8BpC"}

package/dist/ui/annotation/MarkupRenderer.js

@@ -0,0 +1,154 @@
+import { colorToRgb, scaleQuadPoints, createSvgOverlay, scaleBounds } from './utils';
+/**
+ * Renders text markup annotations (highlight, underline, strikeout, squiggly).
+ */
+export class MarkupRenderer {
+    zoom;
+    onShowPopup;
+    constructor(zoom, onShowPopup) {
+        this.zoom = zoom;
+        this.onShowPopup = onShowPopup;
+    }
+    setZoom(zoom) {
+        this.zoom = zoom;
+    }
+    setShowPopupCallback(callback) {
+        this.onShowPopup = callback;
+    }
+    /**
+     * Render a highlight annotation as a colored overlay.
+     */
+    renderHighlight(overlay, annotation) {
+        const svg = createSvgOverlay();
+        const color = colorToRgb(annotation.color, 'rgb(255, 255, 0)'); // Default yellow
+        const opacity = annotation.opacity ?? 0.4;
+        for (const quad of annotation.quads) {
+            const scaledPoints = scaleQuadPoints(quad.points, this.zoom);
+            const polygon = document.createElementNS('http://www.w3.org/2000/svg', 'polygon');
+            polygon.setAttribute('points', scaledPoints.map((p) => `${p.x},${p.y}`).join(' '));
+            polygon.setAttribute('fill', color);
+            polygon.setAttribute('fill-opacity', String(opacity));
+            polygon.setAttribute('style', 'mix-blend-mode: multiply;');
+            svg.appendChild(polygon);
+        }
+        overlay.appendChild(svg);
+        // Add clickable overlay when metadata exists
+        this.addTextMarkupClickHandler(overlay, annotation, color);
+    }
+    /**
+     * Render an underline annotation as lines along the bottom of text.
+     */
+    renderUnderline(overlay, annotation) {
+        const svg = createSvgOverlay();
+        const color = colorToRgb(annotation.color, 'rgb(0, 128, 0)'); // Default green
+        const strokeWidth = Math.max(1, 1 * this.zoom);
+        for (const quad of annotation.quads) {
+            const scaledPoints = scaleQuadPoints(quad.points, this.zoom);
+            // Draw line along bottom edge (from bottom-left to bottom-right)
+            const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+            line.setAttribute('x1', String(scaledPoints[0].x));
+            line.setAttribute('y1', String(scaledPoints[0].y));
+            line.setAttribute('x2', String(scaledPoints[1].x));
+            line.setAttribute('y2', String(scaledPoints[1].y));
+            line.setAttribute('stroke', color);
+            line.setAttribute('stroke-width', String(strokeWidth));
+            svg.appendChild(line);
+        }
+        overlay.appendChild(svg);
+        // Add clickable overlay when metadata exists
+        this.addTextMarkupClickHandler(overlay, annotation, color);
+    }
+    /**
+     * Render a strikeout annotation as lines through the middle of text.
+     */
+    renderStrikeOut(overlay, annotation) {
+        const svg = createSvgOverlay();
+        const color = colorToRgb(annotation.color, 'rgb(255, 0, 0)'); // Default red
+        const strokeWidth = Math.max(1, 1 * this.zoom);
+        for (const quad of annotation.quads) {
+            const scaledPoints = scaleQuadPoints(quad.points, this.zoom);
+            // Calculate middle Y between top and bottom
+            const midLeftY = (scaledPoints[0].y + scaledPoints[3].y) / 2;
+            const midRightY = (scaledPoints[1].y + scaledPoints[2].y) / 2;
+            const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+            line.setAttribute('x1', String(scaledPoints[0].x));
+            line.setAttribute('y1', String(midLeftY));
+            line.setAttribute('x2', String(scaledPoints[1].x));
+            line.setAttribute('y2', String(midRightY));
+            line.setAttribute('stroke', color);
+            line.setAttribute('stroke-width', String(strokeWidth));
+            svg.appendChild(line);
+        }
+        overlay.appendChild(svg);
+        // Add clickable overlay when metadata exists
+        this.addTextMarkupClickHandler(overlay, annotation, color);
+    }
+    /**
+     * Render a squiggly annotation as wavy lines under text.
+     */
+    renderSquiggly(overlay, annotation) {
+        const svg = createSvgOverlay();
+        const color = colorToRgb(annotation.color, 'rgb(255, 0, 0)'); // Default red
+        const strokeWidth = Math.max(1, 1 * this.zoom);
+        const wavelength = 4 * this.zoom;
+        const amplitude = 2 * this.zoom;
+        for (const quad of annotation.quads) {
+            const scaledPoints = scaleQuadPoints(quad.points, this.zoom);
+            const startX = scaledPoints[0].x;
+            const endX = scaledPoints[1].x;
+            const startY = scaledPoints[0].y;
+            const endY = scaledPoints[1].y;
+            // Generate wavy path
+            let path = `M ${startX} ${startY}`;
+            const totalLength = Math.sqrt((endX - startX) ** 2 + (endY - startY) ** 2);
+            const steps = Math.ceil(totalLength / wavelength);
+            for (let i = 0; i < steps; i++) {
+                const t1 = (i + 0.5) / steps;
+                const t2 = (i + 1) / steps;
+                const midX = startX + (endX - startX) * t1;
+                const midY = startY + (endY - startY) * t1;
+                const nextX = startX + (endX - startX) * t2;
+                const nextY = startY + (endY - startY) * t2;
+                // Alternate up and down
+                const direction = i % 2 === 0 ? -1 : 1;
+                path += ` Q ${midX} ${midY + amplitude * direction}, ${nextX} ${nextY}`;
+            }
+            const pathEl = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+            pathEl.setAttribute('d', path);
+            pathEl.setAttribute('stroke', color);
+            pathEl.setAttribute('stroke-width', String(strokeWidth));
+            pathEl.setAttribute('fill', 'none');
+            svg.appendChild(pathEl);
+        }
+        overlay.appendChild(svg);
+        // Add clickable overlay when metadata exists
+        this.addTextMarkupClickHandler(overlay, annotation, color);
+    }
+    /**
+     * Add a clickable overlay for text markup annotations when metadata exists.
+     */
+    addTextMarkupClickHandler(overlay, annotation, color) {
+        if (!annotation.metadata || !this.onShowPopup)
+            return;
+        const scaled = scaleBounds(annotation.bounds, this.zoom);
+        const clickArea = document.createElement('div');
+        clickArea.className = 'udoc-annotation-click-area';
+        clickArea.style.cssText = `
+            position: absolute;
+            left: ${scaled.x}px;
+            top: ${scaled.y}px;
+            width: ${scaled.width}px;
+            height: ${scaled.height}px;
+            pointer-events: auto;
+            cursor: pointer;
+        `;
+        const showPopup = this.onShowPopup;
+        const metadata = annotation.metadata;
+        clickArea.addEventListener('click', (e) => {
+            e.stopPropagation();
+            showPopup(clickArea, metadata, color);
+        });
+        overlay.appendChild(clickArea);
+    }
+}
+//# sourceMappingURL=MarkupRenderer.js.map

package/dist/ui/annotation/MarkupRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupRenderer.js","sourceRoot":"","sources":["../../../src/ui/annotation/MarkupRenderer.ts"],"names":[],"mappings":"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"}