@docmentis/udoc-viewer 0.1.0

package/dist/ui/annotation/TextRenderer.js

@@ -0,0 +1,199 @@
+import { colorToRgb, createSvgOverlay, scaleBounds, POINTS_TO_CSS_PIXELS } from './utils';
+/**
+ * Renders text-related annotations (text, freeText, stamp, caret).
+ */
+export class TextRenderer {
+    zoom;
+    onShowPopup;
+    constructor(zoom, onShowPopup) {
+        this.zoom = zoom;
+        this.onShowPopup = onShowPopup;
+    }
+    setZoom(zoom) {
+        this.zoom = zoom;
+    }
+    setShowPopupCallback(callback) {
+        this.onShowPopup = callback;
+    }
+    /**
+     * Render a text (sticky note) annotation as an icon.
+     */
+    renderText(overlay, annotation) {
+        const screenX = annotation.bounds.x * POINTS_TO_CSS_PIXELS * this.zoom;
+        const iconSize = 20 * this.zoom;
+        const color = colorToRgb(annotation.color, 'rgb(255, 208, 0)'); // Default yellow
+        // Position at bottom-left of bounds (PDF anchors sticky notes at lower-left corner)
+        // After Y-flip, lower-left becomes bottom-left in screen coords
+        const screenY = (annotation.bounds.y + annotation.bounds.height) * POINTS_TO_CSS_PIXELS * this.zoom -
+            iconSize;
+        // Create icon container
+        const icon = document.createElement('div');
+        icon.className = 'udoc-annotation-text-icon';
+        icon.style.cssText = `
+            position: absolute;
+            left: ${screenX}px;
+            top: ${screenY}px;
+            width: ${iconSize}px;
+            height: ${iconSize}px;
+            pointer-events: auto;
+            cursor: pointer;
+        `;
+        // Create SVG icon based on type
+        const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        svg.setAttribute('viewBox', '0 0 24 24');
+        svg.setAttribute('width', String(iconSize));
+        svg.setAttribute('height', String(iconSize));
+        // Use a note/comment icon path
+        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        path.setAttribute('d', 'M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z');
+        path.setAttribute('fill', color);
+        path.setAttribute('stroke', 'rgba(0,0,0,0.3)');
+        path.setAttribute('stroke-width', '1');
+        svg.appendChild(path);
+        icon.appendChild(svg);
+        // Add click handler to show popup with metadata
+        if (annotation.metadata && this.onShowPopup) {
+            const showPopup = this.onShowPopup;
+            const metadata = annotation.metadata;
+            icon.addEventListener('click', (e) => {
+                e.stopPropagation();
+                showPopup(icon, metadata, color);
+            });
+        }
+        overlay.appendChild(icon);
+    }
+    /**
+     * Render a free text (typewriter/text box) annotation.
+     */
+    renderFreeText(overlay, annotation) {
+        const scaled = scaleBounds(annotation.bounds, this.zoom);
+        const color = colorToRgb(annotation.color, 'rgb(0, 0, 0)'); // Default black
+        const borderColor = colorToRgb(annotation.borderColor, 'transparent');
+        // Create text box
+        const textBox = document.createElement('div');
+        textBox.className = 'udoc-annotation-freetext';
+        textBox.style.cssText = `
+            position: absolute;
+            left: ${scaled.x}px;
+            top: ${scaled.y}px;
+            width: ${scaled.width}px;
+            height: ${scaled.height}px;
+            color: ${color};
+            border: 1px solid ${borderColor};
+            font-size: ${12 * this.zoom}px;
+            font-family: Helvetica, Arial, sans-serif;
+            text-align: ${annotation.justification};
+            overflow: hidden;
+            word-wrap: break-word;
+            pointer-events: none;
+            padding: ${2 * this.zoom}px;
+            box-sizing: border-box;
+        `;
+        if (annotation.contents) {
+            textBox.textContent = annotation.contents;
+        }
+        // Render callout line if present
+        if (annotation.calloutLine && annotation.calloutLine.length >= 2) {
+            const svg = createSvgOverlay();
+            const lineColor = colorToRgb(annotation.borderColor, 'rgb(0, 0, 0)');
+            const strokeWidth = Math.max(1, 1 * this.zoom);
+            const pathData = annotation.calloutLine
+                .map((point, i) => {
+                const x = point.x * POINTS_TO_CSS_PIXELS * this.zoom;
+                const y = point.y * POINTS_TO_CSS_PIXELS * this.zoom;
+                return `${i === 0 ? 'M' : 'L'} ${x} ${y}`;
+            })
+                .join(' ');
+            const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+            path.setAttribute('d', pathData);
+            path.setAttribute('stroke', lineColor);
+            path.setAttribute('stroke-width', String(strokeWidth));
+            path.setAttribute('fill', 'none');
+            svg.appendChild(path);
+            overlay.appendChild(svg);
+        }
+        overlay.appendChild(textBox);
+    }
+    /**
+     * Render a stamp annotation as a bordered text label.
+     */
+    renderStamp(overlay, annotation) {
+        const scaled = scaleBounds(annotation.bounds, this.zoom);
+        const color = colorToRgb(annotation.color, 'rgb(255, 0, 0)'); // Default red
+        // If stamp has custom appearance, we just show the bounds
+        // (actual appearance would be rendered via the page content)
+        // For standard stamps, show the name
+        const stamp = document.createElement('div');
+        stamp.className = 'udoc-annotation-stamp';
+        stamp.style.cssText = `
+            position: absolute;
+            left: ${scaled.x}px;
+            top: ${scaled.y}px;
+            width: ${scaled.width}px;
+            height: ${scaled.height}px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            pointer-events: none;
+        `;
+        // Only show text for standard stamps without custom appearance
+        if (!annotation.hasCustomAppearance && annotation.name) {
+            const label = document.createElement('span');
+            label.style.cssText = `
+                color: ${color};
+                font-size: ${Math.min(scaled.height * 0.4, 16 * this.zoom)}px;
+                font-weight: bold;
+                font-family: Helvetica, Arial, sans-serif;
+                text-transform: uppercase;
+                border: 2px solid ${color};
+                padding: ${2 * this.zoom}px ${4 * this.zoom}px;
+                transform: rotate(-15deg);
+                white-space: nowrap;
+            `;
+            label.textContent = annotation.name;
+            stamp.appendChild(label);
+        }
+        overlay.appendChild(stamp);
+    }
+    /**
+     * Render a caret (text insertion point) annotation.
+     */
+    renderCaret(overlay, annotation) {
+        const svg = createSvgOverlay();
+        const color = colorToRgb(annotation.color, 'rgb(0, 128, 255)'); // Default blue
+        const opacity = annotation.opacity ?? 1;
+        const scaled = scaleBounds(annotation.bounds, this.zoom);
+        const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        g.setAttribute('opacity', String(opacity));
+        // Draw caret symbol (^) or paragraph marker
+        if (annotation.symbol === 'P') {
+            // Paragraph symbol
+            const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+            text.setAttribute('x', String(scaled.x + scaled.width / 2));
+            text.setAttribute('y', String(scaled.y + scaled.height * 0.8));
+            text.setAttribute('fill', color);
+            text.setAttribute('font-size', String(Math.min(scaled.height, 16 * this.zoom)));
+            text.setAttribute('text-anchor', 'middle');
+            text.textContent = '\u00B6'; // Pilcrow sign
+            g.appendChild(text);
+        }
+        else {
+            // Default caret (^) - draw as an inverted V
+            const caretHeight = Math.min(scaled.height, 12 * this.zoom);
+            const caretWidth = caretHeight * 0.8;
+            const centerX = scaled.x + scaled.width / 2;
+            const bottomY = scaled.y + scaled.height;
+            const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+            path.setAttribute('d', `M ${centerX - caretWidth / 2} ${bottomY} L ${centerX} ${bottomY - caretHeight} L ${centerX + caretWidth / 2} ${bottomY}`);
+            path.setAttribute('stroke', color);
+            path.setAttribute('stroke-width', String(2 * this.zoom));
+            path.setAttribute('fill', 'none');
+            path.setAttribute('stroke-linecap', 'round');
+            path.setAttribute('stroke-linejoin', 'round');
+            g.appendChild(path);
+        }
+        svg.appendChild(g);
+        overlay.appendChild(svg);
+    }
+}
+//# sourceMappingURL=TextRenderer.js.map

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

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

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

@@ -0,0 +1,17 @@
+/**
+ * Annotation rendering module.
+ *
+ * This module provides annotation rendering and interaction for document viewers.
+ * It includes specialized renderers for different annotation types.
+ */
+export { AnnotationLayer } from './AnnotationLayer';
+export { MarkupRenderer } from './MarkupRenderer';
+export type { MarkupAnnotation, ShowPopupCallback as MarkupShowPopupCallback } from './MarkupRenderer';
+export { LinkRenderer } from './LinkRenderer';
+export type { NavigateCallback, OpenUriCallback } from './LinkRenderer';
+export { ShapeRenderer } from './ShapeRenderer';
+export type { ShapeAnnotation } from './ShapeRenderer';
+export { TextRenderer } from './TextRenderer';
+export type { TextAnnotationType, ShowPopupCallback as TextShowPopupCallback } from './TextRenderer';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/annotation/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACrG,cAAc,SAAS,CAAC"}

package/dist/ui/annotation/index.js

@@ -0,0 +1,13 @@
+/**
+ * Annotation rendering module.
+ *
+ * This module provides annotation rendering and interaction for document viewers.
+ * It includes specialized renderers for different annotation types.
+ */
+export { AnnotationLayer } from './AnnotationLayer';
+export { MarkupRenderer } from './MarkupRenderer';
+export { LinkRenderer } from './LinkRenderer';
+export { ShapeRenderer } from './ShapeRenderer';
+export { TextRenderer } from './TextRenderer';
+export * from './utils';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/annotation/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,40 @@
+/**
+ * Shared utilities for annotation rendering.
+ */
+import type { AnnotationColor, Point } from '../../core/types';
+import { POINTS_TO_CSS_PIXELS } from '../../core/constants';
+/**
+ * Convert annotation color to CSS rgb() string.
+ */
+export declare function colorToRgb(color: AnnotationColor | undefined, defaultColor: string): string;
+/**
+ * Scale quad points from PDF coordinates to screen pixels.
+ */
+export declare function scaleQuadPoints(points: [Point, Point, Point, Point], zoom: number): Point[];
+/**
+ * Create an SVG element sized to cover the annotation overlay.
+ */
+export declare function createSvgOverlay(): SVGSVGElement;
+/**
+ * Scale a point from PDF coordinates to screen pixels.
+ */
+export declare function scalePoint(point: Point, zoom: number): Point;
+/**
+ * Scale bounds from PDF coordinates to screen pixels.
+ */
+export declare function scaleBounds(bounds: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, zoom: number): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * Re-export POINTS_TO_CSS_PIXELS for convenience.
+ */
+export { POINTS_TO_CSS_PIXELS };
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/annotation/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAM3F;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EACpC,IAAI,EAAE,MAAM,GACb,KAAK,EAAE,CAKT;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,CAYhD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,CAK5D;AAED;;GAEG;AACH,wBAAgB,WAAW,CACvB,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC/D,IAAI,EAAE,MAAM,GACb;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAOzD;AAED;;GAEG;AACH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/ui/annotation/utils.js

@@ -0,0 +1,62 @@
+import { POINTS_TO_CSS_PIXELS } from '../../core/constants';
+/**
+ * Convert annotation color to CSS rgb() string.
+ */
+export function colorToRgb(color, defaultColor) {
+    if (!color)
+        return defaultColor;
+    const r = Math.round(color.r * 255);
+    const g = Math.round(color.g * 255);
+    const b = Math.round(color.b * 255);
+    return `rgb(${r}, ${g}, ${b})`;
+}
+/**
+ * Scale quad points from PDF coordinates to screen pixels.
+ */
+export function scaleQuadPoints(points, zoom) {
+    return points.map((p) => ({
+        x: p.x * POINTS_TO_CSS_PIXELS * zoom,
+        y: p.y * POINTS_TO_CSS_PIXELS * zoom,
+    }));
+}
+/**
+ * Create an SVG element sized to cover the annotation overlay.
+ */
+export function createSvgOverlay() {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.style.cssText = `
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        pointer-events: none;
+        overflow: visible;
+    `;
+    return svg;
+}
+/**
+ * Scale a point from PDF coordinates to screen pixels.
+ */
+export function scalePoint(point, zoom) {
+    return {
+        x: point.x * POINTS_TO_CSS_PIXELS * zoom,
+        y: point.y * POINTS_TO_CSS_PIXELS * zoom,
+    };
+}
+/**
+ * Scale bounds from PDF coordinates to screen pixels.
+ */
+export function scaleBounds(bounds, zoom) {
+    return {
+        x: bounds.x * POINTS_TO_CSS_PIXELS * zoom,
+        y: bounds.y * POINTS_TO_CSS_PIXELS * zoom,
+        width: bounds.width * POINTS_TO_CSS_PIXELS * zoom,
+        height: bounds.height * POINTS_TO_CSS_PIXELS * zoom,
+    };
+}
+/**
+ * Re-export POINTS_TO_CSS_PIXELS for convenience.
+ */
+export { POINTS_TO_CSS_PIXELS };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/ui/annotation/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,KAAkC,EAAE,YAAoB;IAC/E,IAAI,CAAC,KAAK;QAAE,OAAO,YAAY,CAAC;IAChC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IACpC,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAC3B,MAAoC,EACpC,IAAY;IAEZ,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACtB,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,oBAAoB,GAAG,IAAI;QACpC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,oBAAoB,GAAG,IAAI;KACvC,CAAC,CAAC,CAAC;AACR,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC5B,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IAC1E,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG;;;;;;;;KAQnB,CAAC;IACF,OAAO,GAAG,CAAC;AACf,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,KAAY,EAAE,IAAY;IACjD,OAAO;QACH,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,oBAAoB,GAAG,IAAI;QACxC,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,oBAAoB,GAAG,IAAI;KAC3C,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CACvB,MAA+D,EAC/D,IAAY;IAEZ,OAAO;QACH,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,oBAAoB,GAAG,IAAI;QACzC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,oBAAoB,GAAG,IAAI;QACzC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,oBAAoB,GAAG,IAAI;QACjD,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,oBAAoB,GAAG,IAAI;KACtD,CAAC;AACN,CAAC;AAED;;GAEG;AACH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/ui/components/CommentsContent.d.ts

@@ -0,0 +1,35 @@
+import { Component } from '../Component';
+import type { UDocViewer } from '../../UDocViewer';
+import type { Annotation } from '../../core/types';
+/**
+ * CommentsContent renders annotations with metadata (comments, highlights, etc.)
+ * in the right panel.
+ *
+ * Features:
+ * - Groups annotations by page
+ * - Collapsible page sections
+ * - Shows author, status, and content
+ * - Collapsible reply threads
+ * - Click to navigate to page
+ */
+export declare class CommentsContent extends Component<HTMLDivElement> {
+    private onPageClick;
+    private getAnnotations;
+    constructor(viewer: UDocViewer, getAnnotations: () => Map<number, Annotation[]>, onPageClick: (pageIndex: number) => void);
+    protected createElement(): HTMLDivElement;
+    /**
+     * Render the comments panel.
+     */
+    render(): void;
+    private renderPlaceholder;
+    /**
+     * Render a single comment item with its replies.
+     * @param depth - Nesting depth (0 = top-level, 1+ = replies)
+     */
+    private renderCommentItem;
+    /**
+     * Get icon for annotation type.
+     */
+    private getAnnotationTypeIcon;
+}
+//# sourceMappingURL=CommentsContent.d.ts.map

package/dist/ui/components/CommentsContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsContent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/CommentsContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,qBAAa,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,cAAc,CAAkC;gBAGpD,MAAM,EAAE,UAAU,EAClB,cAAc,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAC/C,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI;IAO5C,SAAS,CAAC,aAAa,IAAI,cAAc;IAMzC;;OAEG;IACH,MAAM,IAAI,IAAI;IAwDd,OAAO,CAAC,iBAAiB;IAWzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAmGzB;;OAEG;IACH,OAAO,CAAC,qBAAqB;CAgChC"}

package/dist/ui/components/CommentsContent.js

@@ -0,0 +1,203 @@
+import { Component } from '../Component';
+import { ICONS } from '../icons';
+/**
+ * CommentsContent renders annotations with metadata (comments, highlights, etc.)
+ * in the right panel.
+ *
+ * Features:
+ * - Groups annotations by page
+ * - Collapsible page sections
+ * - Shows author, status, and content
+ * - Collapsible reply threads
+ * - Click to navigate to page
+ */
+export class CommentsContent extends Component {
+    onPageClick;
+    getAnnotations;
+    constructor(viewer, getAnnotations, onPageClick) {
+        super(viewer);
+        this.getAnnotations = getAnnotations;
+        this.onPageClick = onPageClick;
+    }
+    createElement() {
+        const container = document.createElement('div');
+        container.className = 'udoc-comments-content';
+        return container;
+    }
+    /**
+     * Render the comments panel.
+     */
+    render() {
+        this.element.innerHTML = '';
+        const annotationsByPage = this.getAnnotations();
+        if (annotationsByPage.size === 0) {
+            this.renderPlaceholder();
+            return;
+        }
+        const list = document.createElement('div');
+        list.className = 'udoc-comments-list';
+        // Sort pages by index
+        const sortedPages = Array.from(annotationsByPage.keys()).sort((a, b) => a - b);
+        for (const pageIndex of sortedPages) {
+            const annotations = annotationsByPage.get(pageIndex);
+            // Page group container
+            const pageGroup = document.createElement('div');
+            pageGroup.className = 'udoc-comments-page-group';
+            // Page header (foldable)
+            const pageHeader = document.createElement('div');
+            pageHeader.className = 'udoc-comments-page-header';
+            pageHeader.innerHTML = `${ICONS.chevronDown}<span>Page ${pageIndex + 1}</span><span class="udoc-comments-page-count">${annotations.length}</span>`;
+            pageGroup.appendChild(pageHeader);
+            // Page content container
+            const pageContent = document.createElement('div');
+            pageContent.className = 'udoc-comments-page-content';
+            // Render each annotation
+            for (const annotation of annotations) {
+                this.renderCommentItem(pageContent, annotation, pageIndex, 0);
+            }
+            pageGroup.appendChild(pageContent);
+            // Toggle click handler for page header
+            pageHeader.addEventListener('click', () => {
+                const isCollapsed = pageGroup.classList.contains('udoc-comments-page-collapsed');
+                if (isCollapsed) {
+                    pageGroup.classList.remove('udoc-comments-page-collapsed');
+                }
+                else {
+                    pageGroup.classList.add('udoc-comments-page-collapsed');
+                }
+            });
+            list.appendChild(pageGroup);
+        }
+        this.element.appendChild(list);
+    }
+    renderPlaceholder() {
+        const placeholder = document.createElement('div');
+        placeholder.className = 'udoc-panel-placeholder';
+        placeholder.innerHTML = `
+            <div class="udoc-placeholder-icon">${ICONS.comments}</div>
+            <div class="udoc-placeholder-title">Comments</div>
+            <div class="udoc-placeholder-message">No comments in this document</div>
+        `;
+        this.element.appendChild(placeholder);
+    }
+    /**
+     * Render a single comment item with its replies.
+     * @param depth - Nesting depth (0 = top-level, 1+ = replies)
+     */
+    renderCommentItem(container, annotation, pageIndex, depth) {
+        const item = document.createElement('div');
+        item.className = depth > 0
+            ? `udoc-comment-item udoc-comment-reply udoc-comment-depth-${Math.min(depth, 3)}`
+            : 'udoc-comment-item';
+        // Icon on the left
+        const icon = document.createElement('div');
+        icon.className = 'udoc-comment-icon';
+        icon.innerHTML = this.getAnnotationTypeIcon(annotation.type);
+        item.appendChild(icon);
+        // Body container for title, contents, and toggle button
+        const body = document.createElement('div');
+        body.className = 'udoc-comment-body';
+        // Header with title (author first, fallback to subject) and status badge
+        const header = document.createElement('div');
+        header.className = 'udoc-comment-header';
+        const meta = annotation.metadata;
+        const title = meta?.author || meta?.subject;
+        if (title) {
+            const titleEl = document.createElement('span');
+            titleEl.className = 'udoc-comment-author';
+            titleEl.textContent = title;
+            header.appendChild(titleEl);
+        }
+        // Status badge
+        if (meta?.state) {
+            const badge = document.createElement('span');
+            badge.className = `udoc-comment-status udoc-comment-status-${meta.state.toLowerCase()}`;
+            badge.textContent = meta.state;
+            header.appendChild(badge);
+        }
+        body.appendChild(header);
+        // Contents
+        if (meta?.contents) {
+            const contents = document.createElement('div');
+            contents.className = 'udoc-comment-contents';
+            contents.textContent = meta.contents;
+            body.appendChild(contents);
+        }
+        // Reply toggle button (inside body so it aligns with content)
+        if (annotation.replies && annotation.replies.length > 0) {
+            const toggleBtn = document.createElement('button');
+            toggleBtn.className = 'udoc-comment-toggle';
+            toggleBtn.innerHTML = `${ICONS.chevronRight}<span>${annotation.replies.length} ${annotation.replies.length === 1 ? 'reply' : 'replies'}</span>`;
+            toggleBtn.title = 'Show replies';
+            body.appendChild(toggleBtn);
+        }
+        item.appendChild(body);
+        // Click to navigate
+        item.addEventListener('click', (e) => {
+            e.stopPropagation();
+            this.onPageClick(pageIndex);
+        });
+        container.appendChild(item);
+        // Render replies (foldable, collapsed by default)
+        if (annotation.replies && annotation.replies.length > 0) {
+            const toggleBtn = body.querySelector('.udoc-comment-toggle');
+            const repliesContainer = document.createElement('div');
+            repliesContainer.className = 'udoc-comment-replies udoc-comment-replies-collapsed';
+            for (const reply of annotation.replies) {
+                this.renderCommentItem(repliesContainer, reply, pageIndex, depth + 1);
+            }
+            container.appendChild(repliesContainer);
+            // Toggle click handler
+            toggleBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                const isCollapsed = repliesContainer.classList.contains('udoc-comment-replies-collapsed');
+                if (isCollapsed) {
+                    repliesContainer.classList.remove('udoc-comment-replies-collapsed');
+                    toggleBtn.classList.add('udoc-comment-toggle-expanded');
+                    toggleBtn.title = 'Hide replies';
+                }
+                else {
+                    repliesContainer.classList.add('udoc-comment-replies-collapsed');
+                    toggleBtn.classList.remove('udoc-comment-toggle-expanded');
+                    toggleBtn.title = 'Show replies';
+                }
+            });
+        }
+    }
+    /**
+     * Get icon for annotation type.
+     */
+    getAnnotationTypeIcon(type) {
+        switch (type) {
+            case 'text':
+                return ICONS.stickyNote;
+            case 'highlight':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>';
+            case 'underline':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"/></svg>';
+            case 'strikeOut':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z"/></svg>';
+            case 'squiggly':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>';
+            case 'freeText':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z"/></svg>';
+            case 'stamp':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M18 14H6v-4h12m0-2H6a2 2 0 00-2 2v4a2 2 0 002 2h12a2 2 0 002-2v-4a2 2 0 00-2-2M6 20h12v2H6m9-18H9v2H6V6a2 2 0 012-2h2V2h4v2h2a2 2 0 012 2v2h-3V6h-2z"/></svg>';
+            case 'line':
+            case 'square':
+            case 'circle':
+            case 'polygon':
+            case 'polyLine':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M2 6v6h6V6H2zm16 0v6h6V6h-6zM7 17l5-5 5 5H7z"/></svg>';
+            case 'ink':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 000-1.41l-2.34-2.34a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>';
+            case 'caret':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M7 10l5 5 5-5z"/></svg>';
+            case 'redact':
+                return '<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M6 19h12v2H6z"/></svg>';
+            default:
+                return ICONS.comments;
+        }
+    }
+}
+//# sourceMappingURL=CommentsContent.js.map

package/dist/ui/components/CommentsContent.js.map

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