@pie-players/pie-assessment-toolkit 0.2.0

package/dist/services/HighlightCoordinator.d.ts

@@ -0,0 +1,179 @@
+/**
+ * HighlightCoordinator
+ *
+ * Manages separate highlight layers for TTS (temporary) and annotations (persistent).
+ * Uses CSS Custom Highlight API - zero DOM mutation, preserves accessibility.
+ *
+ * Features:
+ * - Separate layers prevent TTS clearing from removing student annotations
+ * - CSS Custom Highlight API (no DOM mutation)
+ * - Full accessibility support (screen readers see original text)
+ * - Configurable colors and styles
+ *
+ * Part of PIE Assessment Toolkit.
+ *
+ * Browser Support:
+ * - Chrome/Edge 105+
+ * - Safari 17.2+
+ * - Firefox: Behind flag (not recommended for production)
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API
+ */
+import type { IHighlightCoordinator } from "./interfaces";
+/**
+ * Highlight types
+ */
+export declare enum HighlightType {
+    TTS_WORD = "tts-word",
+    TTS_SENTENCE = "tts-sentence",
+    ANNOTATION = "annotation"
+}
+/**
+ * Highlight colors for annotations
+ */
+export declare enum HighlightColor {
+    YELLOW = "yellow",
+    GREEN = "green",
+    BLUE = "blue",
+    PINK = "pink",
+    ORANGE = "orange"
+}
+/**
+ * Annotation data
+ */
+export interface Annotation {
+    id: string;
+    range: Range;
+    type: HighlightType.ANNOTATION;
+    color: HighlightColor;
+    timestamp: number;
+}
+/**
+ * Configuration for HighlightCoordinator
+ * Currently empty but allows future extension without breaking changes
+ */
+export type HighlightCoordinatorConfig = Record<string, never>;
+export declare class HighlightCoordinator implements IHighlightCoordinator {
+    private config;
+    private ttsWordHighlight;
+    private ttsSentenceHighlight;
+    private annotations;
+    private annotationHighlights;
+    private nextAnnotationId;
+    private supported;
+    constructor(config?: HighlightCoordinatorConfig);
+    /**
+     * Initialize CSS Custom Highlights
+     */
+    private initializeHighlights;
+    /**
+     * Register CSS styles for highlights
+     */
+    private registerStyles;
+    /**
+     * Highlight a word for TTS (temporary)
+     *
+     * @param textNode Text node containing the word
+     * @param startOffset Start position in text node
+     * @param endOffset End position in text node
+     */
+    highlightTTSWord(textNode: Text, startOffset: number, endOffset: number): void;
+    /**
+     * Highlight a sentence for TTS (temporary)
+     *
+     * @param ranges Array of ranges that make up the sentence
+     */
+    highlightTTSSentence(ranges: Range[]): void;
+    /**
+     * Clear TTS word highlight
+     */
+    clearTTSWord(): void;
+    /**
+     * Clear TTS sentence highlight
+     */
+    clearTTSSentence(): void;
+    /**
+     * Clear all TTS highlights
+     */
+    clearTTS(): void;
+    /**
+     * Add an annotation highlight (persistent)
+     *
+     * @param range Text range to annotate
+     * @param color Highlight color
+     * @returns Annotation ID for later removal
+     */
+    addAnnotation(range: Range, color?: HighlightColor): string;
+    /**
+     * Remove an annotation
+     *
+     * @param id Annotation ID
+     */
+    removeAnnotation(id: string): void;
+    /**
+     * Remove all annotations
+     */
+    clearAnnotations(): void;
+    /**
+     * Get all annotations
+     */
+    getAnnotations(): Annotation[];
+    /**
+     * Get annotation by ID
+     */
+    getAnnotation(id: string): Annotation | null;
+    /**
+     * Change annotation color
+     *
+     * @param id Annotation ID
+     * @param newColor New color
+     */
+    changeAnnotationColor(id: string, newColor: HighlightColor): void;
+    /**
+     * Export annotations as serializable data
+     */
+    exportAnnotations(): Array<{
+        id: string;
+        startContainer: string;
+        startOffset: number;
+        endContainer: string;
+        endOffset: number;
+        color: HighlightColor;
+        timestamp: number;
+    }>;
+    /**
+     * Get XPath-like path for a node (simplified)
+     */
+    private getNodePath;
+    /**
+     * Highlight a text range (interface method)
+     *
+     * Generic method that adapts to the specific highlight type.
+     * For more control, use the specific methods like highlightTTSWord().
+     */
+    highlightRange(range: Range, type: HighlightType, color?: HighlightColor): void;
+    /**
+     * Clear highlights of a specific type (interface method)
+     */
+    clearHighlights(type: HighlightType): void;
+    /**
+     * Clear all highlights (interface method)
+     */
+    clearAll(): void;
+    /**
+     * Check if CSS Highlight API is supported (interface method)
+     */
+    isSupported(): boolean;
+    /**
+     * Update TTS highlight style dynamically
+     *
+     * @param color CSS color value (e.g., '#ffeb3b')
+     * @param opacity Opacity value (0.0 to 1.0)
+     */
+    updateTTSHighlightStyle(color: string, opacity: number): void;
+    /**
+     * Cleanup - remove all highlights
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=HighlightCoordinator.d.ts.map

package/dist/services/HighlightCoordinator.d.ts.map

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

package/dist/services/HighlightCoordinator.js

@@ -0,0 +1,446 @@
+/**
+ * HighlightCoordinator
+ *
+ * Manages separate highlight layers for TTS (temporary) and annotations (persistent).
+ * Uses CSS Custom Highlight API - zero DOM mutation, preserves accessibility.
+ *
+ * Features:
+ * - Separate layers prevent TTS clearing from removing student annotations
+ * - CSS Custom Highlight API (no DOM mutation)
+ * - Full accessibility support (screen readers see original text)
+ * - Configurable colors and styles
+ *
+ * Part of PIE Assessment Toolkit.
+ *
+ * Browser Support:
+ * - Chrome/Edge 105+
+ * - Safari 17.2+
+ * - Firefox: Behind flag (not recommended for production)
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API
+ */
+/**
+ * Highlight types
+ */
+export var HighlightType;
+(function (HighlightType) {
+    HighlightType["TTS_WORD"] = "tts-word";
+    HighlightType["TTS_SENTENCE"] = "tts-sentence";
+    HighlightType["ANNOTATION"] = "annotation";
+})(HighlightType || (HighlightType = {}));
+/**
+ * Highlight colors for annotations
+ */
+export var HighlightColor;
+(function (HighlightColor) {
+    HighlightColor["YELLOW"] = "yellow";
+    HighlightColor["GREEN"] = "green";
+    HighlightColor["BLUE"] = "blue";
+    HighlightColor["PINK"] = "pink";
+    HighlightColor["ORANGE"] = "orange";
+})(HighlightColor || (HighlightColor = {}));
+export class HighlightCoordinator {
+    config;
+    ttsWordHighlight = null;
+    ttsSentenceHighlight = null;
+    annotations = new Map();
+    annotationHighlights = new Map();
+    nextAnnotationId = 1;
+    supported = false;
+    constructor(config = {}) {
+        this.config = config;
+        // SSR guard
+        if (typeof CSS === "undefined" || !("highlights" in CSS)) {
+            console.warn("CSS Custom Highlight API not supported (SSR or unsupported browser)");
+            return;
+        }
+        this.supported = true;
+        this.initializeHighlights();
+        this.registerStyles();
+    }
+    /**
+     * Initialize CSS Custom Highlights
+     */
+    initializeHighlights() {
+        if (!this.supported)
+            return;
+        // Create highlight registries
+        this.ttsWordHighlight = new Highlight();
+        this.ttsSentenceHighlight = new Highlight();
+        // Register with CSS
+        CSS.highlights.set("tts-word", this.ttsWordHighlight);
+        CSS.highlights.set("tts-sentence", this.ttsSentenceHighlight);
+    }
+    /**
+     * Register CSS styles for highlights
+     */
+    registerStyles() {
+        if (!this.supported)
+            return;
+        if (typeof document === "undefined")
+            return; // SSR guard
+        // Check if styles already exist
+        if (document.getElementById("pie-highlight-styles"))
+            return;
+        const style = document.createElement("style");
+        style.id = "pie-highlight-styles";
+        style.textContent = `
+      /* TTS highlights - temporary */
+      ::highlight(tts-word) {
+        background-color: rgba(255, 235, 59, 0.4);
+        color: inherit;
+      }
+
+      ::highlight(tts-sentence) {
+        background-color: rgba(173, 216, 230, 0.3);
+        color: inherit;
+      }
+
+      /* Annotation highlights - persistent */
+      ::highlight(annotation-yellow) {
+        background-color: rgba(255, 255, 0, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-green) {
+        background-color: rgba(144, 238, 144, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-blue) {
+        background-color: rgba(173, 216, 230, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-pink) {
+        background-color: rgba(255, 182, 193, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-orange) {
+        background-color: rgba(255, 165, 0, 0.3);
+        color: inherit;
+      }
+    `;
+        document.head.appendChild(style);
+    }
+    /**
+     * Highlight a word for TTS (temporary)
+     *
+     * @param textNode Text node containing the word
+     * @param startOffset Start position in text node
+     * @param endOffset End position in text node
+     */
+    highlightTTSWord(textNode, startOffset, endOffset) {
+        if (!this.ttsWordHighlight)
+            return;
+        // Clear previous word highlight
+        this.clearTTSWord();
+        // Create range for word
+        const range = document.createRange();
+        range.setStart(textNode, startOffset);
+        range.setEnd(textNode, endOffset);
+        // Add to highlight
+        this.ttsWordHighlight.add(range);
+    }
+    /**
+     * Highlight a sentence for TTS (temporary)
+     *
+     * @param ranges Array of ranges that make up the sentence
+     */
+    highlightTTSSentence(ranges) {
+        if (!this.ttsSentenceHighlight)
+            return;
+        // Clear previous sentence highlight
+        this.clearTTSSentence();
+        // Add all ranges
+        for (const range of ranges) {
+            this.ttsSentenceHighlight.add(range);
+        }
+    }
+    /**
+     * Clear TTS word highlight
+     */
+    clearTTSWord() {
+        if (!this.ttsWordHighlight)
+            return;
+        this.ttsWordHighlight.clear();
+    }
+    /**
+     * Clear TTS sentence highlight
+     */
+    clearTTSSentence() {
+        if (!this.ttsSentenceHighlight)
+            return;
+        this.ttsSentenceHighlight.clear();
+    }
+    /**
+     * Clear all TTS highlights
+     */
+    clearTTS() {
+        this.clearTTSWord();
+        this.clearTTSSentence();
+    }
+    /**
+     * Add an annotation highlight (persistent)
+     *
+     * @param range Text range to annotate
+     * @param color Highlight color
+     * @returns Annotation ID for later removal
+     */
+    addAnnotation(range, color = HighlightColor.YELLOW) {
+        const id = `annotation-${this.nextAnnotationId++}`;
+        // Store annotation data
+        const annotation = {
+            id,
+            range: range.cloneRange(),
+            type: HighlightType.ANNOTATION,
+            color,
+            timestamp: Date.now(),
+        };
+        this.annotations.set(id, annotation);
+        // Create highlight for this annotation
+        const highlight = new Highlight(range);
+        this.annotationHighlights.set(id, highlight);
+        // Register with CSS
+        CSS.highlights.set(`annotation-${color}-${id}`, highlight);
+        return id;
+    }
+    /**
+     * Remove an annotation
+     *
+     * @param id Annotation ID
+     */
+    removeAnnotation(id) {
+        const annotation = this.annotations.get(id);
+        if (!annotation)
+            return;
+        // Remove from CSS highlights
+        CSS.highlights.delete(`annotation-${annotation.color}-${id}`);
+        // Clean up
+        this.annotationHighlights.delete(id);
+        this.annotations.delete(id);
+    }
+    /**
+     * Remove all annotations
+     */
+    clearAnnotations() {
+        for (const id of this.annotations.keys()) {
+            this.removeAnnotation(id);
+        }
+    }
+    /**
+     * Get all annotations
+     */
+    getAnnotations() {
+        return Array.from(this.annotations.values());
+    }
+    /**
+     * Get annotation by ID
+     */
+    getAnnotation(id) {
+        return this.annotations.get(id) ?? null;
+    }
+    /**
+     * Change annotation color
+     *
+     * @param id Annotation ID
+     * @param newColor New color
+     */
+    changeAnnotationColor(id, newColor) {
+        const annotation = this.annotations.get(id);
+        if (!annotation)
+            return;
+        // Remove old highlight
+        CSS.highlights.delete(`annotation-${annotation.color}-${id}`);
+        // Update color
+        annotation.color = newColor;
+        // Re-register with new color
+        const highlight = this.annotationHighlights.get(id);
+        if (highlight) {
+            CSS.highlights.set(`annotation-${newColor}-${id}`, highlight);
+        }
+    }
+    /**
+     * Export annotations as serializable data
+     */
+    exportAnnotations() {
+        // Note: This is a simplified export. Production implementation
+        // would need a robust way to serialize DOM ranges.
+        return this.getAnnotations().map((annotation) => ({
+            id: annotation.id,
+            startContainer: this.getNodePath(annotation.range.startContainer),
+            startOffset: annotation.range.startOffset,
+            endContainer: this.getNodePath(annotation.range.endContainer),
+            endOffset: annotation.range.endOffset,
+            color: annotation.color,
+            timestamp: annotation.timestamp,
+        }));
+    }
+    /**
+     * Get XPath-like path for a node (simplified)
+     */
+    getNodePath(node) {
+        const path = [];
+        let current = node;
+        while (current && current !== document.body) {
+            if (current.parentNode) {
+                const siblings = Array.from(current.parentNode.childNodes);
+                const index = siblings.indexOf(current);
+                path.unshift(`${current.nodeName}[${index}]`);
+            }
+            current = current.parentNode;
+        }
+        return "/" + path.join("/");
+    }
+    // ============================================================================
+    // IHighlightCoordinator Interface Implementation
+    // ============================================================================
+    /**
+     * Highlight a text range (interface method)
+     *
+     * Generic method that adapts to the specific highlight type.
+     * For more control, use the specific methods like highlightTTSWord().
+     */
+    highlightRange(range, type, color = HighlightColor.YELLOW) {
+        if (!this.supported)
+            return;
+        switch (type) {
+            case HighlightType.TTS_WORD:
+            case HighlightType.TTS_SENTENCE: {
+                // For TTS, add to appropriate highlight
+                const highlight = type === HighlightType.TTS_WORD
+                    ? this.ttsWordHighlight
+                    : this.ttsSentenceHighlight;
+                if (highlight) {
+                    highlight.clear();
+                    highlight.add(range);
+                }
+                break;
+            }
+            case HighlightType.ANNOTATION:
+                // For annotations, use the existing method
+                this.addAnnotation(range, color);
+                break;
+        }
+    }
+    /**
+     * Clear highlights of a specific type (interface method)
+     */
+    clearHighlights(type) {
+        if (!this.supported)
+            return;
+        switch (type) {
+            case HighlightType.TTS_WORD:
+                this.clearTTSWord();
+                break;
+            case HighlightType.TTS_SENTENCE:
+                this.clearTTSSentence();
+                break;
+            case HighlightType.ANNOTATION:
+                this.clearAnnotations();
+                break;
+        }
+    }
+    /**
+     * Clear all highlights (interface method)
+     */
+    clearAll() {
+        if (!this.supported)
+            return;
+        this.clearTTS();
+        this.clearAnnotations();
+    }
+    /**
+     * Check if CSS Highlight API is supported (interface method)
+     */
+    isSupported() {
+        return this.supported;
+    }
+    /**
+     * Update TTS highlight style dynamically
+     *
+     * @param color CSS color value (e.g., '#ffeb3b')
+     * @param opacity Opacity value (0.0 to 1.0)
+     */
+    updateTTSHighlightStyle(color, opacity) {
+        if (!this.supported)
+            return;
+        if (typeof document === "undefined")
+            return;
+        const styleEl = document.getElementById("pie-highlight-styles");
+        if (!styleEl)
+            return;
+        // Convert hex to rgba
+        const hexToRgb = (hex) => {
+            const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+            return result
+                ? {
+                    r: parseInt(result[1], 16),
+                    g: parseInt(result[2], 16),
+                    b: parseInt(result[3], 16),
+                }
+                : null;
+        };
+        const rgb = hexToRgb(color);
+        if (!rgb)
+            return;
+        const rgbaColor = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity})`;
+        // Update the style element
+        styleEl.textContent = `
+      /* TTS highlights - temporary */
+      ::highlight(tts-word) {
+        background-color: ${rgbaColor};
+        color: inherit;
+      }
+
+      ::highlight(tts-sentence) {
+        background-color: rgba(173, 216, 230, 0.3);
+        color: inherit;
+      }
+
+      /* Annotation highlights - persistent */
+      ::highlight(annotation-yellow) {
+        background-color: rgba(255, 255, 0, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-green) {
+        background-color: rgba(144, 238, 144, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-blue) {
+        background-color: rgba(173, 216, 230, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-pink) {
+        background-color: rgba(255, 182, 193, 0.3);
+        color: inherit;
+      }
+
+      ::highlight(annotation-orange) {
+        background-color: rgba(255, 165, 0, 0.3);
+        color: inherit;
+      }
+    `;
+    }
+    /**
+     * Cleanup - remove all highlights
+     */
+    destroy() {
+        if (!this.supported)
+            return;
+        this.clearTTS();
+        this.clearAnnotations();
+        // Remove style element
+        if (typeof document !== "undefined") {
+            const styleEl = document.getElementById("pie-highlight-styles");
+            if (styleEl) {
+                styleEl.remove();
+            }
+        }
+    }
+}
+//# sourceMappingURL=HighlightCoordinator.js.map

package/dist/services/HighlightCoordinator.js.map

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