web-annotation-renderer 0.5.0 → 0.5.2

package/dist/index12.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index12.cjs","sources":["../src/adapters/AnnotPdf.jsx"],"sourcesContent":["// ============================================================================\n// SECTION 1: IMPORTS\n// ============================================================================\n\nimport { useRef, useEffect, useCallback, useMemo, useState } from 'react';\nimport { AnnotationRenderer } from '../core/AnnotationRenderer.js';\nimport { getPreset } from '../pen/presets.js';\n\n// ============================================================================\n// SECTION 2: JSDOC DOCUMENTATION\n// ============================================================================\n\n/**\n * AnnotPdf - Declarative React component for PDF annotation rendering\n *\n * A React wrapper around the AnnotationRenderer core engine that provides\n * a declarative, props-based API for rendering PDF documents with\n * timeline-synchronized annotations.\n *\n * Features:\n * - Automatic lifecycle management (initialization and cleanup)\n * - Declarative prop-to-method synchronization\n * - PDF rendering with pdf.js\n * - Timeline-synchronized annotation display\n * - Support for highlight, text, and ink annotations\n * - Page navigation and zoom control\n *\n * @component\n * @example\n * // Basic usage\n * <AnnotPdf\n *   pdfUrl=\"/document.pdf\"\n *   page={1}\n *   scale={1.5}\n *   annotations={[]}\n *   currentTime={0}\n * />\n *\n * @example\n * // With audio synchronization (discrete mode - ~4fps)\n * const [currentTime, setCurrentTime] = useState(0);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     currentTime={currentTime}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio\n *     src=\"/lecture.mp3\"\n *     onTimeUpdate={(e) => setCurrentTime(e.target.currentTime)}\n *     controls\n *   />\n * </div>\n *\n * @example\n * // With audio synchronization (continuous mode - 60fps, smoother)\n * const audioRef = useRef(null);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     audioRef={audioRef}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio ref={audioRef} src=\"/lecture.mp3\" controls />\n * </div>\n *\n * @param {Object} props - Component props\n * @param {string} props.pdfUrl - PDF document URL (required)\n * @param {number} [props.page=1] - Current page number (1-indexed)\n * @param {number} [props.scale=1.5] - Zoom scale factor\n * @param {Array} [props.annotations=[]] - Array of annotation objects\n * @param {number} [props.currentTime=0] - Timeline position in seconds (discrete mode)\n * @param {React.RefObject<HTMLAudioElement>} [props.audioRef] - Audio element ref for continuous sync (60fps)\n * @param {Function} [props.onLoad] - Callback when PDF loads: ({pageCount}) => void\n * @param {Function} [props.onError] - Callback on error: (error) => void\n * @param {Function} [props.onPageChange] - Callback when page changes: (page) => void\n * @param {Object} [props.strokeConfig] - Stroke rendering configuration\n * @param {string} [props.strokeConfig.preset] - Preset name: 'default', 'blue', 'minimal'\n * @param {Object} [props.strokeConfig.highlight] - Highlight style overrides\n * @param {number} [props.strokeConfig.highlight.width] - Highlight stroke width (16-32)\n * @param {Object} [props.strokeConfig.text] - Text style overrides\n * @param {number} [props.strokeConfig.text.width] - Text stroke width (1-4)\n * @param {string} [props.className] - CSS class for container div\n * @param {Object} [props.style] - Inline styles for container div\n * @param {Object} [props.canvasStyle] - Inline styles for canvas element\n * @returns {JSX.Element} PDF viewer component with annotation layers\n */\n\n// ============================================================================\n// SECTION 3: COMPONENT DEFINITION\n// ============================================================================\n\nfunction AnnotPdf({\n  // Required props\n  pdfUrl,\n\n  // Optional props with defaults\n  page = 1,\n  scale = 1.5,\n  annotations = [],\n  currentTime = 0,\n\n  // Continuous sync mode (use instead of currentTime for smoother animation)\n  audioRef,\n\n  // Stroke configuration\n  strokeConfig,\n\n  // Callbacks\n  onLoad,\n  onError,\n  onPageChange,\n\n  // Styling\n  className,\n  style,\n  canvasStyle\n}) {\n\n  // ==========================================================================\n  // SECTION 4: REFS INITIALIZATION\n  // ==========================================================================\n\n  /**\n   * Reference to the canvas element for PDF rendering\n   * @type {React.RefObject<HTMLCanvasElement>}\n   */\n  const canvasRef = useRef(null);\n\n  /**\n   * Reference to the layer container div for annotation layers\n   * @type {React.RefObject<HTMLDivElement>}\n   */\n  const layerContainerRef = useRef(null);\n\n  /**\n   * Reference to the AnnotationRenderer engine instance\n   * Stored in ref to avoid triggering re-renders\n   * @type {React.RefObject<AnnotationRenderer|null>}\n   */\n  const engineRef = useRef(null);\n\n  /**\n   * Reference to the render operation queue\n   * Ensures sequential execution of async canvas operations\n   * Prevents PDF.js race condition: \"Cannot use the same canvas during multiple render() operations\"\n   * @type {React.RefObject<Promise<void>>}\n   */\n  const renderQueue = useRef(Promise.resolve());\n\n  /**\n   * State to track engine initialization\n   * Used to trigger dependent effects after engine is ready\n   */\n  const [isEngineReady, setEngineReady] = useState(false);\n\n  // ==========================================================================\n  // SECTION 4.5: RENDER QUEUE HELPER\n  // ==========================================================================\n\n  /**\n   * Queue a render operation to execute sequentially\n   *\n   * This helper ensures that async canvas operations (loadPDF, setPage, setScale)\n   * execute one at a time, preventing concurrent access to the PDF.js canvas.\n   * Uses Promise chaining to maintain operation order.\n   *\n   * @param {Function} operation - Async function returning a Promise\n   * @returns {void}\n   */\n  const queueOperation = useCallback((operation) => {\n    renderQueue.current = renderQueue.current\n      .then(operation)\n      .catch(error => {\n        // Log errors but don't break the queue\n        console.error('AnnotPdf: Queued operation failed:', error);\n      });\n  }, []);\n\n  // ==========================================================================\n  // SECTION 4.6: STROKE CONFIG BUILDER\n  // ==========================================================================\n\n  /**\n   * Build merged stroke config from preset and overrides\n   *\n   * If strokeConfig.preset is provided, loads base config from presets.\n   * Then merges any override values (highlight.width, text.width).\n   */\n  const mergedStrokeConfig = useMemo(() => {\n    if (!strokeConfig) {\n      return undefined;\n    }\n\n    // Start with preset or empty object\n    const presetName = strokeConfig.preset || 'default';\n    const presetConfig = getPreset(presetName);\n\n    // Build config object matching StrokeRenderer format\n    const config = {\n      highlight: {\n        color: presetConfig.highlight.color,\n        width: strokeConfig.highlight?.width ?? presetConfig.highlight.width\n      },\n      text: {\n        color: presetConfig.handText.color,\n        width: strokeConfig.text?.width ?? presetConfig.handText.width\n      }\n    };\n\n    return config;\n  }, [strokeConfig]);\n\n  // ==========================================================================\n  // SECTION 5: ENGINE INITIALIZATION AND CLEANUP\n  // ==========================================================================\n\n  /**\n   * Initialize AnnotationRenderer on component mount\n   * Cleanup on component unmount\n   */\n  useEffect(() => {\n    // Guard: Wait for DOM elements to be ready\n    if (!canvasRef.current || !layerContainerRef.current) {\n      return;\n    }\n\n    // Initialize engine with stroke config if provided\n    try {\n      engineRef.current = new AnnotationRenderer({\n        canvasElement: canvasRef.current,\n        container: layerContainerRef.current,\n        strokeConfig: mergedStrokeConfig\n      });\n      // Signal that engine is ready for dependent effects\n      setEngineReady(true);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to initialize renderer:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n\n    // Cleanup on unmount\n    return () => {\n      setEngineReady(false);\n      if (engineRef.current) {\n        engineRef.current.destroy();\n        engineRef.current = null;\n      }\n    };\n  }, []); // Empty deps - run once on mount\n\n  // ==========================================================================\n  // SECTION 6: PDF LOADING SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Load PDF document when pdfUrl prop changes\n   * Handles async operation with cancellation support\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid pdfUrl\n    if (!isEngineReady || !pdfUrl) {\n      return;\n    }\n\n    let cancelled = false;\n\n    const loadPdf = async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.loadPDF(pdfUrl);\n\n        // Check if component unmounted during async operation\n        if (cancelled) return;\n\n        // Check if load was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to load PDF:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Call onLoad callback with pageCount from result\n        if (onLoad) {\n          onLoad({ pageCount: result.pageCount });\n        }\n      } catch (error) {\n        if (cancelled) return;\n\n        console.error('AnnotPdf: Failed to load PDF:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    };\n\n    // Queue the PDF loading operation to prevent race conditions\n    queueOperation(loadPdf);\n\n    // Cleanup: Prevent state updates if component unmounts during load\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfUrl, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 7: PAGE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync page prop to engine.setPage() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid page\n    if (!isEngineReady || !page || typeof page !== 'number') {\n      return;\n    }\n\n    // Queue the page change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setPage(page);\n\n        // Check if page change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set page:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Optional: Notify parent of successful page change\n        if (onPageChange) {\n          onPageChange(page);\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set page:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [page, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 8: SCALE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync scale prop to engine.setScale() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid scale\n    if (!isEngineReady || !scale || typeof scale !== 'number') {\n      return;\n    }\n\n    // Queue the scale change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setScale(scale);\n\n        // Check if scale change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set scale:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set scale:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [scale, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 9: ANNOTATIONS SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync annotations prop to engine.setAnnotations() method\n   */\n  useEffect(() => {\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    // Sync annotations to engine (default to empty array)\n    try {\n      engineRef.current.setAnnotations(annotations || []);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set annotations:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [annotations, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10: TIMELINE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync currentTime prop to engine.setTime() method\n   * Only used when audioRef is NOT provided (discrete mode)\n   */\n  useEffect(() => {\n    // Skip if using continuous sync mode\n    if (audioRef) {\n      return;\n    }\n\n    // Guard: Wait for engine and valid currentTime\n    if (!isEngineReady || !engineRef.current || currentTime === undefined || currentTime === null) {\n      return;\n    }\n\n    // Sync timeline to engine\n    try {\n      engineRef.current.setTime(currentTime);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set time:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [currentTime, audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.1: CONTINUOUS SYNC MODE (audioRef)\n  // ==========================================================================\n\n  /**\n   * Manage continuous sync mode when audioRef is provided\n   *\n   * Uses requestAnimationFrame for 60fps smooth animation instead of\n   * discrete currentTime updates (~4fps from audio timeupdate events).\n   */\n  useEffect(() => {\n    // Guard: Skip if not using continuous sync mode\n    if (!audioRef?.current) {\n      return;\n    }\n\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    const audio = audioRef.current;\n    const engine = engineRef.current;\n\n    /**\n     * Start continuous sync when audio plays\n     */\n    const handlePlay = () => {\n      engine.startContinuousSync(() => audio.currentTime);\n    };\n\n    /**\n     * Stop continuous sync when audio pauses\n     */\n    const handlePause = () => {\n      engine.stopContinuousSync();\n      // Do one final sync to ensure we're at the correct position\n      engine.setTime(audio.currentTime);\n    };\n\n    /**\n     * Handle seeking - update time immediately\n     */\n    const handleSeeked = () => {\n      engine.setTime(audio.currentTime);\n    };\n\n    // Add event listeners\n    audio.addEventListener('play', handlePlay);\n    audio.addEventListener('pause', handlePause);\n    audio.addEventListener('ended', handlePause);\n    audio.addEventListener('seeked', handleSeeked);\n\n    // If audio is already playing, start sync immediately\n    if (!audio.paused) {\n      handlePlay();\n    }\n\n    // Cleanup on unmount or audioRef change\n    return () => {\n      audio.removeEventListener('play', handlePlay);\n      audio.removeEventListener('pause', handlePause);\n      audio.removeEventListener('ended', handlePause);\n      audio.removeEventListener('seeked', handleSeeked);\n      engine.stopContinuousSync();\n    };\n  }, [audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.5: STROKE CONFIG SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync strokeConfig prop to engine at runtime for live preview\n   * Skips initial render (handled by initialization)\n   */\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    // Skip first render - config is passed during initialization\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n\n    // Guard: Engine must exist\n    if (!engineRef.current) {\n      return;\n    }\n\n    // Update stroke config if provided\n    if (mergedStrokeConfig) {\n      try {\n        engineRef.current.updateStrokeConfig(mergedStrokeConfig);\n      } catch (error) {\n        console.error('AnnotPdf: Failed to update stroke config:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    }\n  }, [mergedStrokeConfig]);\n\n  // ==========================================================================\n  // SECTION 11: STYLING DEFINITIONS\n  // ==========================================================================\n\n  /**\n   * Default container styles\n   * Merged with user-provided styles (user styles override defaults)\n   */\n  const defaultContainerStyle = {\n    position: 'relative',\n    display: 'inline-block',\n    lineHeight: 0, // Remove extra space below canvas\n    ...style // User styles override defaults\n  };\n\n  /**\n   * Default layer container styles\n   * Positions layer div absolutely over canvas\n   */\n  const defaultLayerStyle = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none', // Allow clicks to pass through to canvas\n    overflow: 'hidden'\n  };\n\n  /**\n   * Default canvas styles\n   * Merged with user-provided canvasStyle\n   */\n  const defaultCanvasStyle = {\n    display: 'block',\n    ...canvasStyle // User styles override defaults\n  };\n\n  // ==========================================================================\n  // SECTION 12: JSX RETURN\n  // ==========================================================================\n\n  return (\n    <div className={className} style={defaultContainerStyle}>\n      <canvas ref={canvasRef} style={defaultCanvasStyle} />\n      <div ref={layerContainerRef} style={defaultLayerStyle} />\n    </div>\n  );\n}\n\n// ============================================================================\n// SECTION 13: EXPORT\n// ============================================================================\n\nexport default AnnotPdf;\n"],"names":["AnnotPdf","pdfUrl","page","scale","annotations","currentTime","audioRef","strokeConfig","onLoad","onError","onPageChange","className","style","canvasStyle","canvasRef","useRef","layerContainerRef","engineRef","renderQueue","isEngineReady","setEngineReady","useState","queueOperation","useCallback","operation","error","mergedStrokeConfig","useMemo","presetName","presetConfig","getPreset","useEffect","AnnotationRenderer","cancelled","result","audio","engine","handlePlay","handlePause","handleSeeked","isFirstRender","defaultContainerStyle","defaultLayerStyle","defaultCanvasStyle","jsxs","jsx"],"mappings":"yNAoGA,SAASA,EAAS,CAEhB,OAAAC,EAGA,KAAAC,EAAO,EACP,MAAAC,EAAQ,IACR,YAAAC,EAAc,CAAA,EACd,YAAAC,EAAc,EAGd,SAAAC,EAGA,aAAAC,EAGA,OAAAC,EACA,QAAAC,EACA,aAAAC,EAGA,UAAAC,EACA,MAAAC,EACA,YAAAC,CACF,EAAG,CAUD,MAAMC,EAAYC,EAAAA,OAAO,IAAI,EAMvBC,EAAoBD,EAAAA,OAAO,IAAI,EAO/BE,EAAYF,EAAAA,OAAO,IAAI,EAQvBG,EAAcH,EAAAA,OAAO,QAAQ,QAAA,CAAS,EAMtC,CAACI,EAAeC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAgBhDC,EAAiBC,cAAaC,GAAc,CAChDN,EAAY,QAAUA,EAAY,QAC/B,KAAKM,CAAS,EACd,MAAMC,GAAS,CAEd,QAAQ,MAAM,qCAAsCA,CAAK,CAC3D,CAAC,CACL,EAAG,CAAA,CAAE,EAYCC,EAAqBC,EAAAA,QAAQ,IAAM,CACvC,GAAI,CAACpB,EACH,OAIF,MAAMqB,EAAarB,EAAa,QAAU,UACpCsB,EAAeC,EAAAA,UAAUF,CAAU,EAczC,MAXe,CACb,UAAW,CACT,MAAOC,EAAa,UAAU,MAC9B,MAAOtB,EAAa,WAAW,OAASsB,EAAa,UAAU,KAAA,EAEjE,KAAM,CACJ,MAAOA,EAAa,SAAS,MAC7B,MAAOtB,EAAa,MAAM,OAASsB,EAAa,SAAS,KAAA,CAC3D,CAIJ,EAAG,CAACtB,CAAY,CAAC,EAUjBwB,EAAAA,UAAU,IAAM,CAEd,GAAI,GAACjB,EAAU,SAAW,CAACE,EAAkB,SAK7C,IAAI,CACFC,EAAU,QAAU,IAAIe,qBAAmB,CACzC,cAAelB,EAAU,QACzB,UAAWE,EAAkB,QAC7B,aAAcU,CAAA,CACf,EAEDN,EAAe,EAAI,CACrB,OAASK,EAAO,CACd,QAAQ,MAAM,2CAA4CA,CAAK,EAC3DhB,GACFA,EAAQgB,CAAK,CAEjB,CAGA,MAAO,IAAM,CACXL,EAAe,EAAK,EAChBH,EAAU,UACZA,EAAU,QAAQ,QAAA,EAClBA,EAAU,QAAU,KAExB,EACF,EAAG,CAAA,CAAE,EAWLc,EAAAA,UAAU,IAAM,CAEd,GAAI,CAACZ,GAAiB,CAAClB,EACrB,OAGF,IAAIgC,EAAY,GAsChB,OAAAX,EApCgB,SAAY,CAE1B,GAAKL,EAAU,QAIf,GAAI,CACF,MAAMiB,EAAS,MAAMjB,EAAU,QAAQ,QAAQhB,CAAM,EAGrD,GAAIgC,EAAW,OAGf,GAAI,CAACC,EAAO,QAAS,CACnB,QAAQ,MAAM,gCAAiCA,EAAO,KAAK,EACvDzB,GACFA,EAAQ,IAAI,MAAMyB,EAAO,KAAK,CAAC,EAEjC,MACF,CAGI1B,GACFA,EAAO,CAAE,UAAW0B,EAAO,SAAA,CAAW,CAE1C,OAAST,EAAO,CACd,GAAIQ,EAAW,OAEf,QAAQ,MAAM,gCAAiCR,CAAK,EAChDhB,GACFA,EAAQgB,CAAK,CAEjB,CACF,CAGsB,EAGf,IAAM,CACXQ,EAAY,EACd,CACF,EAAG,CAAChC,EAAQkB,EAAeG,CAAc,CAAC,EAU1CS,EAAAA,UAAU,IAAM,CAEV,CAACZ,GAAiB,CAACjB,GAAQ,OAAOA,GAAS,UAK/CoB,EAAe,SAAY,CAEzB,GAAKL,EAAU,QAIf,GAAI,CACF,MAAMiB,EAAS,MAAMjB,EAAU,QAAQ,QAAQf,CAAI,EAGnD,GAAI,CAACgC,EAAO,QAAS,CACnB,QAAQ,MAAM,gCAAiCA,EAAO,KAAK,EACvDzB,GACFA,EAAQ,IAAI,MAAMyB,EAAO,KAAK,CAAC,EAEjC,MACF,CAGIxB,GACFA,EAAaR,CAAI,CAErB,OAASuB,EAAO,CACd,QAAQ,MAAM,gCAAiCA,CAAK,EAChDhB,GACFA,EAAQgB,CAAK,CAEjB,CACF,CAAC,CACH,EAAG,CAACvB,EAAMiB,EAAeG,CAAc,CAAC,EAUxCS,EAAAA,UAAU,IAAM,CAEV,CAACZ,GAAiB,CAAChB,GAAS,OAAOA,GAAU,UAKjDmB,EAAe,SAAY,CAEzB,GAAKL,EAAU,QAIf,GAAI,CACF,MAAMiB,EAAS,MAAMjB,EAAU,QAAQ,SAASd,CAAK,EAGhD+B,EAAO,UACV,QAAQ,MAAM,iCAAkCA,EAAO,KAAK,EACxDzB,GACFA,EAAQ,IAAI,MAAMyB,EAAO,KAAK,CAAC,EAGrC,OAAST,EAAO,CACd,QAAQ,MAAM,iCAAkCA,CAAK,EACjDhB,GACFA,EAAQgB,CAAK,CAEjB,CACF,CAAC,CACH,EAAG,CAACtB,EAAOgB,EAAeG,CAAc,CAAC,EASzCS,EAAAA,UAAU,IAAM,CAEd,GAAI,GAACZ,GAAiB,CAACF,EAAU,SAKjC,GAAI,CACFA,EAAU,QAAQ,eAAeb,GAAe,CAAA,CAAE,CACpD,OAASqB,EAAO,CACd,QAAQ,MAAM,uCAAwCA,CAAK,EACvDhB,GACFA,EAAQgB,CAAK,CAEjB,CACF,EAAG,CAACrB,EAAae,CAAa,CAAC,EAU/BY,EAAAA,UAAU,IAAM,CAEd,GAAI,CAAAzB,GAKA,GAACa,GAAiB,CAACF,EAAU,SAAWZ,IAAgB,QAAaA,IAAgB,MAKzF,GAAI,CACFY,EAAU,QAAQ,QAAQZ,CAAW,CACvC,OAASoB,EAAO,CACd,QAAQ,MAAM,gCAAiCA,CAAK,EAChDhB,GACFA,EAAQgB,CAAK,CAEjB,CACF,EAAG,CAACpB,EAAaC,EAAUa,CAAa,CAAC,EAYzCY,EAAAA,UAAU,IAAM,CAOd,GALI,CAACzB,GAAU,SAKX,CAACa,GAAiB,CAACF,EAAU,QAC/B,OAGF,MAAMkB,EAAQ7B,EAAS,QACjB8B,EAASnB,EAAU,QAKnBoB,EAAa,IAAM,CACvBD,EAAO,oBAAoB,IAAMD,EAAM,WAAW,CACpD,EAKMG,EAAc,IAAM,CACxBF,EAAO,mBAAA,EAEPA,EAAO,QAAQD,EAAM,WAAW,CAClC,EAKMI,EAAe,IAAM,CACzBH,EAAO,QAAQD,EAAM,WAAW,CAClC,EAGA,OAAAA,EAAM,iBAAiB,OAAQE,CAAU,EACzCF,EAAM,iBAAiB,QAASG,CAAW,EAC3CH,EAAM,iBAAiB,QAASG,CAAW,EAC3CH,EAAM,iBAAiB,SAAUI,CAAY,EAGxCJ,EAAM,QACTE,EAAA,EAIK,IAAM,CACXF,EAAM,oBAAoB,OAAQE,CAAU,EAC5CF,EAAM,oBAAoB,QAASG,CAAW,EAC9CH,EAAM,oBAAoB,QAASG,CAAW,EAC9CH,EAAM,oBAAoB,SAAUI,CAAY,EAChDH,EAAO,mBAAA,CACT,CACF,EAAG,CAAC9B,EAAUa,CAAa,CAAC,EAU5B,MAAMqB,EAAgBzB,EAAAA,OAAO,EAAI,EAEjCgB,EAAAA,UAAU,IAAM,CAEd,GAAIS,EAAc,QAAS,CACzBA,EAAc,QAAU,GACxB,MACF,CAGA,GAAKvB,EAAU,SAKXS,EACF,GAAI,CACFT,EAAU,QAAQ,mBAAmBS,CAAkB,CACzD,OAASD,EAAO,CACd,QAAQ,MAAM,4CAA6CA,CAAK,EAC5DhB,GACFA,EAAQgB,CAAK,CAEjB,CAEJ,EAAG,CAACC,CAAkB,CAAC,EAUvB,MAAMe,EAAwB,CAC5B,SAAU,WACV,QAAS,eACT,WAAY,EACZ,GAAG7B,CAAA,EAOC8B,EAAoB,CACxB,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,OACP,OAAQ,OACR,cAAe,OACf,SAAU,QAAA,EAONC,EAAqB,CACzB,QAAS,QACT,GAAG9B,CAAA,EAOL,OACE+B,EAAAA,KAAC,MAAA,CAAI,UAAAjC,EAAsB,MAAO8B,EAChC,SAAA,CAAAI,EAAAA,IAAC,SAAA,CAAO,IAAK/B,EAAW,MAAO6B,EAAoB,EACnDE,EAAAA,IAAC,MAAA,CAAI,IAAK7B,EAAmB,MAAO0B,CAAA,CAAmB,CAAA,EACzD,CAEJ"}
+{"version":3,"file":"index12.cjs","sources":["../src/adapters/AnnotPdf.jsx"],"sourcesContent":["// ============================================================================\n// SECTION 1: IMPORTS\n// ============================================================================\n\nimport { useRef, useEffect, useCallback, useMemo, useState } from 'react';\nimport { AnnotationRenderer } from '../core/AnnotationRenderer.js';\nimport { getPreset } from '../pen/presets.js';\n\n// ============================================================================\n// SECTION 2: JSDOC DOCUMENTATION\n// ============================================================================\n\n/**\n * AnnotPdf - Declarative React component for PDF annotation rendering\n *\n * A React wrapper around the AnnotationRenderer core engine that provides\n * a declarative, props-based API for rendering PDF documents with\n * timeline-synchronized annotations.\n *\n * Features:\n * - Automatic lifecycle management (initialization and cleanup)\n * - Declarative prop-to-method synchronization\n * - PDF rendering with pdf.js\n * - Timeline-synchronized annotation display\n * - Support for highlight, text, and ink annotations\n * - Page navigation and zoom control\n *\n * @component\n * @example\n * // Basic usage\n * <AnnotPdf\n *   pdfUrl=\"/document.pdf\"\n *   page={1}\n *   scale={1.5}\n *   annotations={[]}\n *   currentTime={0}\n * />\n *\n * @example\n * // With audio synchronization (discrete mode - ~4fps)\n * const [currentTime, setCurrentTime] = useState(0);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     currentTime={currentTime}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio\n *     src=\"/lecture.mp3\"\n *     onTimeUpdate={(e) => setCurrentTime(e.target.currentTime)}\n *     controls\n *   />\n * </div>\n *\n * @example\n * // With audio synchronization (continuous mode - 60fps, smoother)\n * const audioRef = useRef(null);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     audioRef={audioRef}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio ref={audioRef} src=\"/lecture.mp3\" controls />\n * </div>\n *\n * @param {Object} props - Component props\n * @param {string} props.pdfUrl - PDF document URL (required)\n * @param {number} [props.page=1] - Current page number (1-indexed)\n * @param {number} [props.scale=1.5] - Zoom scale factor\n * @param {Array} [props.annotations=[]] - Array of annotation objects\n * @param {number} [props.currentTime=0] - Timeline position in seconds (discrete mode)\n * @param {React.RefObject<HTMLAudioElement>} [props.audioRef] - Audio element ref for continuous sync (60fps)\n * @param {Function} [props.onLoad] - Callback when PDF loads: ({pageCount}) => void\n * @param {Function} [props.onError] - Callback on error: (error) => void\n * @param {Function} [props.onPageChange] - Callback when page changes: (page) => void\n * @param {Object} [props.strokeConfig] - Stroke rendering configuration\n * @param {string} [props.strokeConfig.preset] - Preset name: 'default', 'blue', 'minimal'\n * @param {Object} [props.strokeConfig.highlight] - Highlight style overrides\n * @param {number} [props.strokeConfig.highlight.width] - Highlight stroke width (16-32)\n * @param {Object} [props.strokeConfig.text] - Text style overrides\n * @param {number} [props.strokeConfig.text.width] - Text stroke width (1-4)\n * @param {string} [props.className] - CSS class for container div\n * @param {Object} [props.style] - Inline styles for container div\n * @param {Object} [props.canvasStyle] - Inline styles for canvas element\n * @returns {JSX.Element} PDF viewer component with annotation layers\n */\n\n// ============================================================================\n// SECTION 3: COMPONENT DEFINITION\n// ============================================================================\n\nfunction AnnotPdf({\n  // Required props\n  pdfUrl,\n\n  // Optional props with defaults\n  page = 1,\n  scale = 1.5,\n  annotations = [],\n  currentTime = 0,\n\n  // Continuous sync mode (use instead of currentTime for smoother animation)\n  audioRef,\n\n  // Stroke configuration\n  strokeConfig,\n\n  // Callbacks\n  onLoad,\n  onError,\n  onPageChange,\n\n  // Styling\n  className,\n  style,\n  canvasStyle\n}) {\n\n  // ==========================================================================\n  // SECTION 4: REFS INITIALIZATION\n  // ==========================================================================\n\n  /**\n   * Reference to the canvas element for PDF rendering\n   * @type {React.RefObject<HTMLCanvasElement>}\n   */\n  const canvasRef = useRef(null);\n\n  /**\n   * Reference to the layer container div for annotation layers\n   * @type {React.RefObject<HTMLDivElement>}\n   */\n  const layerContainerRef = useRef(null);\n\n  /**\n   * Reference to the AnnotationRenderer engine instance\n   * Stored in ref to avoid triggering re-renders\n   * @type {React.RefObject<AnnotationRenderer|null>}\n   */\n  const engineRef = useRef(null);\n\n  /**\n   * Reference to the render operation queue\n   * Ensures sequential execution of async canvas operations\n   * Prevents PDF.js race condition: \"Cannot use the same canvas during multiple render() operations\"\n   * @type {React.RefObject<Promise<void>>}\n   */\n  const renderQueue = useRef(Promise.resolve());\n\n  /**\n   * State to track engine initialization\n   * Used to trigger dependent effects after engine is ready\n   */\n  const [isEngineReady, setEngineReady] = useState(false);\n\n  // ==========================================================================\n  // SECTION 4.5: RENDER QUEUE HELPER\n  // ==========================================================================\n\n  /**\n   * Queue a render operation to execute sequentially\n   *\n   * This helper ensures that async canvas operations (loadPDF, setPage, setScale)\n   * execute one at a time, preventing concurrent access to the PDF.js canvas.\n   * Uses Promise chaining to maintain operation order.\n   *\n   * @param {Function} operation - Async function returning a Promise\n   * @returns {void}\n   */\n  const queueOperation = useCallback((operation) => {\n    renderQueue.current = renderQueue.current\n      .then(operation)\n      .catch(error => {\n        // Log errors but don't break the queue\n        console.error('AnnotPdf: Queued operation failed:', error);\n      });\n  }, []);\n\n  // ==========================================================================\n  // SECTION 4.6: STROKE CONFIG BUILDER\n  // ==========================================================================\n\n  /**\n   * Build merged stroke config from preset and overrides\n   *\n   * If strokeConfig.preset is provided, loads base config from presets.\n   * Then merges any override values (highlight.width, text.width).\n   */\n  const mergedStrokeConfig = useMemo(() => {\n    if (!strokeConfig) {\n      return undefined;\n    }\n\n    // Start with preset or empty object\n    const presetName = strokeConfig.preset || 'default';\n    const presetConfig = getPreset(presetName);\n\n    // Build config object matching StrokeRenderer format\n    const config = {\n      highlight: {\n        color: presetConfig.highlight.color,\n        width: strokeConfig.highlight?.width ?? presetConfig.highlight.width\n      },\n      text: {\n        color: presetConfig.handText.color,\n        width: strokeConfig.text?.width ?? presetConfig.handText.width\n      }\n    };\n\n    return config;\n  }, [strokeConfig]);\n\n  // ==========================================================================\n  // SECTION 5: ENGINE INITIALIZATION AND CLEANUP\n  // ==========================================================================\n\n  /**\n   * Initialize AnnotationRenderer on component mount\n   * Cleanup on component unmount\n   */\n  useEffect(() => {\n    // Guard: Wait for DOM elements to be ready\n    if (!canvasRef.current || !layerContainerRef.current) {\n      return;\n    }\n\n    // Initialize engine with stroke config if provided\n    try {\n      engineRef.current = new AnnotationRenderer({\n        canvasElement: canvasRef.current,\n        container: layerContainerRef.current,\n        strokeConfig: mergedStrokeConfig\n      });\n      // Signal that engine is ready for dependent effects\n      setEngineReady(true);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to initialize renderer:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n\n    // Cleanup on unmount\n    return () => {\n      setEngineReady(false);\n      if (engineRef.current) {\n        engineRef.current.destroy();\n        engineRef.current = null;\n      }\n    };\n  }, []); // Empty deps - run once on mount\n\n  // ==========================================================================\n  // SECTION 6: PDF LOADING SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Load PDF document when pdfUrl prop changes\n   * Handles async operation with cancellation support\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid pdfUrl\n    if (!isEngineReady || !pdfUrl) {\n      return;\n    }\n\n    let cancelled = false;\n\n    const loadPdf = async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.loadPDF(pdfUrl);\n\n        // Check if component unmounted during async operation\n        if (cancelled) return;\n\n        // Check if load was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to load PDF:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Call onLoad callback with pageCount from result\n        if (onLoad) {\n          onLoad({ pageCount: result.pageCount });\n        }\n      } catch (error) {\n        if (cancelled) return;\n\n        console.error('AnnotPdf: Failed to load PDF:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    };\n\n    // Queue the PDF loading operation to prevent race conditions\n    queueOperation(loadPdf);\n\n    // Cleanup: Prevent state updates if component unmounts during load\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfUrl, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 7: PAGE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync page prop to engine.setPage() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid page\n    if (!isEngineReady || !page || typeof page !== 'number') {\n      return;\n    }\n\n    // Queue the page change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setPage(page);\n\n        // Check if page change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set page:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Optional: Notify parent of successful page change\n        if (onPageChange) {\n          onPageChange(page);\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set page:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [page, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 8: SCALE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync scale prop to engine.setScale() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid scale\n    if (!isEngineReady || !scale || typeof scale !== 'number') {\n      return;\n    }\n\n    // Queue the scale change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setScale(scale);\n\n        // Check if scale change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set scale:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set scale:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [scale, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 9: ANNOTATIONS SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync annotations prop to engine.setAnnotations() method\n   */\n  useEffect(() => {\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    // Sync annotations to engine (default to empty array)\n    try {\n      engineRef.current.setAnnotations(annotations || []);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set annotations:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [annotations, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10: TIMELINE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync currentTime prop to engine.setTime() method\n   * Only used when audioRef is NOT provided (discrete mode)\n   */\n  useEffect(() => {\n    // Skip if using continuous sync mode\n    if (audioRef) {\n      return;\n    }\n\n    // Guard: Wait for engine and valid currentTime\n    if (!isEngineReady || !engineRef.current || currentTime === undefined || currentTime === null) {\n      return;\n    }\n\n    // Sync timeline to engine\n    try {\n      engineRef.current.setTime(currentTime);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set time:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [currentTime, audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.1: CONTINUOUS SYNC MODE (audioRef)\n  // ==========================================================================\n\n  /**\n   * Manage continuous sync mode when audioRef is provided\n   *\n   * Uses requestAnimationFrame for 60fps smooth animation instead of\n   * discrete currentTime updates (~4fps from audio timeupdate events).\n   */\n  useEffect(() => {\n    // Guard: Skip if not using continuous sync mode\n    if (!audioRef?.current) {\n      return;\n    }\n\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    const audio = audioRef.current;\n    /**\n     * Start continuous sync when audio plays\n     */\n    const handlePlay = () => {\n      if (!engineRef.current) return;\n      engineRef.current.startContinuousSync(() => audio.currentTime);\n    };\n\n    /**\n     * Stop continuous sync when audio pauses\n     */\n    const handlePause = () => {\n      if (!engineRef.current) return;\n      engineRef.current.stopContinuousSync();\n      engineRef.current.setTime(audio.currentTime);\n    };\n\n    /**\n     * Handle seeking - update time immediately\n     */\n    const handleSeeked = () => {\n      if (!engineRef.current) return;\n      engineRef.current.setTime(audio.currentTime);\n    };\n\n    // Add event listeners\n    audio.addEventListener('play', handlePlay);\n    audio.addEventListener('pause', handlePause);\n    audio.addEventListener('ended', handlePause);\n    audio.addEventListener('seeked', handleSeeked);\n\n    // If audio is already playing, start sync immediately\n    if (!audio.paused) {\n      handlePlay();\n    }\n\n    // Cleanup on unmount or audioRef change\n    return () => {\n      audio.removeEventListener('play', handlePlay);\n      audio.removeEventListener('pause', handlePause);\n      audio.removeEventListener('ended', handlePause);\n      audio.removeEventListener('seeked', handleSeeked);\n      // Guard: engine may have been destroyed by initialization effect cleanup\n      if (engineRef.current) {\n        engineRef.current.stopContinuousSync();\n      }\n    };\n  }, [audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.5: STROKE CONFIG SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync strokeConfig prop to engine at runtime for live preview\n   * Skips initial render (handled by initialization)\n   */\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    // Skip first render - config is passed during initialization\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n\n    // Guard: Engine must exist\n    if (!engineRef.current) {\n      return;\n    }\n\n    // Update stroke config if provided\n    if (mergedStrokeConfig) {\n      try {\n        engineRef.current.updateStrokeConfig(mergedStrokeConfig);\n      } catch (error) {\n        console.error('AnnotPdf: Failed to update stroke config:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    }\n  }, [mergedStrokeConfig]);\n\n  // ==========================================================================\n  // SECTION 11: STYLING DEFINITIONS\n  // ==========================================================================\n\n  /**\n   * Default container styles\n   * Merged with user-provided styles (user styles override defaults)\n   */\n  const defaultContainerStyle = {\n    position: 'relative',\n    display: 'inline-block',\n    lineHeight: 0, // Remove extra space below canvas\n    ...style // User styles override defaults\n  };\n\n  /**\n   * Default layer container styles\n   * Positions layer div absolutely over canvas\n   */\n  const defaultLayerStyle = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none', // Allow clicks to pass through to canvas\n    overflow: 'hidden'\n  };\n\n  /**\n   * Default canvas styles\n   * Merged with user-provided canvasStyle\n   */\n  const defaultCanvasStyle = {\n    display: 'block',\n    ...canvasStyle // User styles override defaults\n  };\n\n  // ==========================================================================\n  // SECTION 12: JSX RETURN\n  // ==========================================================================\n\n  return (\n    <div className={className} style={defaultContainerStyle}>\n      <canvas ref={canvasRef} style={defaultCanvasStyle} />\n      <div ref={layerContainerRef} style={defaultLayerStyle} />\n    </div>\n  );\n}\n\n// ============================================================================\n// SECTION 13: EXPORT\n// ============================================================================\n\nexport default AnnotPdf;\n"],"names":["AnnotPdf","pdfUrl","page","scale","annotations","currentTime","audioRef","strokeConfig","onLoad","onError","onPageChange","className","style","canvasStyle","canvasRef","useRef","layerContainerRef","engineRef","renderQueue","isEngineReady","setEngineReady","useState","queueOperation","useCallback","operation","error","mergedStrokeConfig","useMemo","presetName","presetConfig","getPreset","useEffect","AnnotationRenderer","cancelled","result","audio","handlePlay","handlePause","handleSeeked","isFirstRender","defaultContainerStyle","defaultLayerStyle","defaultCanvasStyle","jsxs","jsx"],"mappings":"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"}

package/dist/index12.js

@@ -1,156 +1,156 @@
-import { jsxs as Q, jsx as x } from "react/jsx-runtime";
-import { useRef as d, useState as q, useCallback as z, useMemo as H, useEffect as s } from "react";
-import { AnnotationRenderer as M } from "./index2.js";
-import { getPreset as N } from "./index17.js";
-function J({
+import { jsxs as j, jsx as L } from "react/jsx-runtime";
+import { useRef as d, useState as Q, useCallback as q, useMemo as z, useEffect as c } from "react";
+import { AnnotationRenderer as H } from "./index2.js";
+import { getPreset as M } from "./index20.js";
+function I({
   // Required props
-  pdfUrl: v,
+  pdfUrl: p,
   // Optional props with defaults
   page: u = 1,
   scale: f = 1.5,
-  annotations: g = [],
+  annotations: P = [],
   currentTime: h = 0,
   // Continuous sync mode (use instead of currentTime for smoother animation)
   audioRef: l,
   // Stroke configuration
   strokeConfig: a,
   // Callbacks
-  onLoad: w,
-  onError: t,
-  onPageChange: A,
+  onLoad: g,
+  onError: r,
+  onPageChange: w,
   // Styling
-  className: b,
-  style: k,
-  canvasStyle: T
+  className: x,
+  style: b,
+  canvasStyle: k
 }) {
-  const m = d(null), P = d(null), r = d(null), F = d(Promise.resolve()), [i, S] = q(!1), c = z((e) => {
-    F.current = F.current.then(e).catch((n) => {
-      console.error("AnnotPdf: Queued operation failed:", n);
+  const v = d(null), m = d(null), t = d(null), A = d(Promise.resolve()), [i, F] = Q(!1), s = q((e) => {
+    A.current = A.current.then(e).catch((o) => {
+      console.error("AnnotPdf: Queued operation failed:", o);
     });
-  }, []), y = H(() => {
+  }, []), y = z(() => {
     if (!a)
       return;
-    const e = a.preset || "default", n = N(e);
+    const e = a.preset || "default", o = M(e);
     return {
       highlight: {
-        color: n.highlight.color,
-        width: a.highlight?.width ?? n.highlight.width
+        color: o.highlight.color,
+        width: a.highlight?.width ?? o.highlight.width
       },
       text: {
-        color: n.handText.color,
-        width: a.text?.width ?? n.handText.width
+        color: o.handText.color,
+        width: a.text?.width ?? o.handText.width
       }
     };
   }, [a]);
-  s(() => {
-    if (!(!m.current || !P.current)) {
+  c(() => {
+    if (!(!v.current || !m.current)) {
       try {
-        r.current = new M({
-          canvasElement: m.current,
-          container: P.current,
+        t.current = new H({
+          canvasElement: v.current,
+          container: m.current,
           strokeConfig: y
-        }), S(!0);
+        }), F(!0);
       } catch (e) {
-        console.error("AnnotPdf: Failed to initialize renderer:", e), t && t(e);
+        console.error("AnnotPdf: Failed to initialize renderer:", e), r && r(e);
       }
       return () => {
-        S(!1), r.current && (r.current.destroy(), r.current = null);
+        F(!1), t.current && (t.current.destroy(), t.current = null);
       };
     }
-  }, []), s(() => {
-    if (!i || !v)
+  }, []), c(() => {
+    if (!i || !p)
       return;
     let e = !1;
-    return c(async () => {
-      if (r.current)
+    return s(async () => {
+      if (t.current)
         try {
-          const o = await r.current.loadPDF(v);
+          const n = await t.current.loadPDF(p);
           if (e) return;
-          if (!o.success) {
-            console.error("AnnotPdf: Failed to load PDF:", o.error), t && t(new Error(o.error));
+          if (!n.success) {
+            console.error("AnnotPdf: Failed to load PDF:", n.error), r && r(new Error(n.error));
             return;
           }
-          w && w({ pageCount: o.pageCount });
-        } catch (o) {
+          g && g({ pageCount: n.pageCount });
+        } catch (n) {
           if (e) return;
-          console.error("AnnotPdf: Failed to load PDF:", o), t && t(o);
+          console.error("AnnotPdf: Failed to load PDF:", n), r && r(n);
         }
     }), () => {
       e = !0;
     };
-  }, [v, i, c]), s(() => {
-    !i || !u || typeof u != "number" || c(async () => {
-      if (r.current)
+  }, [p, i, s]), c(() => {
+    !i || !u || typeof u != "number" || s(async () => {
+      if (t.current)
         try {
-          const e = await r.current.setPage(u);
+          const e = await t.current.setPage(u);
           if (!e.success) {
-            console.error("AnnotPdf: Failed to set page:", e.error), t && t(new Error(e.error));
+            console.error("AnnotPdf: Failed to set page:", e.error), r && r(new Error(e.error));
             return;
           }
-          A && A(u);
+          w && w(u);
         } catch (e) {
-          console.error("AnnotPdf: Failed to set page:", e), t && t(e);
+          console.error("AnnotPdf: Failed to set page:", e), r && r(e);
         }
     });
-  }, [u, i, c]), s(() => {
-    !i || !f || typeof f != "number" || c(async () => {
-      if (r.current)
+  }, [u, i, s]), c(() => {
+    !i || !f || typeof f != "number" || s(async () => {
+      if (t.current)
         try {
-          const e = await r.current.setScale(f);
-          e.success || (console.error("AnnotPdf: Failed to set scale:", e.error), t && t(new Error(e.error)));
+          const e = await t.current.setScale(f);
+          e.success || (console.error("AnnotPdf: Failed to set scale:", e.error), r && r(new Error(e.error)));
         } catch (e) {
-          console.error("AnnotPdf: Failed to set scale:", e), t && t(e);
+          console.error("AnnotPdf: Failed to set scale:", e), r && r(e);
         }
     });
-  }, [f, i, c]), s(() => {
-    if (!(!i || !r.current))
+  }, [f, i, s]), c(() => {
+    if (!(!i || !t.current))
       try {
-        r.current.setAnnotations(g || []);
+        t.current.setAnnotations(P || []);
       } catch (e) {
-        console.error("AnnotPdf: Failed to set annotations:", e), t && t(e);
+        console.error("AnnotPdf: Failed to set annotations:", e), r && r(e);
       }
-  }, [g, i]), s(() => {
-    if (!l && !(!i || !r.current || h === void 0 || h === null))
+  }, [P, i]), c(() => {
+    if (!l && !(!i || !t.current || h === void 0 || h === null))
       try {
-        r.current.setTime(h);
+        t.current.setTime(h);
       } catch (e) {
-        console.error("AnnotPdf: Failed to set time:", e), t && t(e);
+        console.error("AnnotPdf: Failed to set time:", e), r && r(e);
       }
-  }, [h, l, i]), s(() => {
-    if (!l?.current || !i || !r.current)
+  }, [h, l, i]), c(() => {
+    if (!l?.current || !i || !t.current)
       return;
-    const e = l.current, n = r.current, o = () => {
-      n.startContinuousSync(() => e.currentTime);
-    }, p = () => {
-      n.stopContinuousSync(), n.setTime(e.currentTime);
-    }, L = () => {
-      n.setTime(e.currentTime);
+    const e = l.current, o = () => {
+      t.current && t.current.startContinuousSync(() => e.currentTime);
+    }, n = () => {
+      t.current && (t.current.stopContinuousSync(), t.current.setTime(e.currentTime));
+    }, C = () => {
+      t.current && t.current.setTime(e.currentTime);
     };
-    return e.addEventListener("play", o), e.addEventListener("pause", p), e.addEventListener("ended", p), e.addEventListener("seeked", L), e.paused || o(), () => {
-      e.removeEventListener("play", o), e.removeEventListener("pause", p), e.removeEventListener("ended", p), e.removeEventListener("seeked", L), n.stopContinuousSync();
+    return e.addEventListener("play", o), e.addEventListener("pause", n), e.addEventListener("ended", n), e.addEventListener("seeked", C), e.paused || o(), () => {
+      e.removeEventListener("play", o), e.removeEventListener("pause", n), e.removeEventListener("ended", n), e.removeEventListener("seeked", C), t.current && t.current.stopContinuousSync();
     };
   }, [l, i]);
-  const C = d(!0);
-  s(() => {
-    if (C.current) {
-      C.current = !1;
+  const S = d(!0);
+  c(() => {
+    if (S.current) {
+      S.current = !1;
       return;
     }
-    if (r.current && y)
+    if (t.current && y)
       try {
-        r.current.updateStrokeConfig(y);
+        t.current.updateStrokeConfig(y);
       } catch (e) {
-        console.error("AnnotPdf: Failed to update stroke config:", e), t && t(e);
+        console.error("AnnotPdf: Failed to update stroke config:", e), r && r(e);
       }
   }, [y]);
-  const R = {
+  const T = {
     position: "relative",
     display: "inline-block",
     lineHeight: 0,
     // Remove extra space below canvas
-    ...k
+    ...b
     // User styles override defaults
-  }, D = {
+  }, R = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -159,17 +159,17 @@ function J({
     pointerEvents: "none",
     // Allow clicks to pass through to canvas
     overflow: "hidden"
-  }, j = {
+  }, D = {
     display: "block",
-    ...T
+    ...k
     // User styles override defaults
   };
-  return /* @__PURE__ */ Q("div", { className: b, style: R, children: [
-    /* @__PURE__ */ x("canvas", { ref: m, style: j }),
-    /* @__PURE__ */ x("div", { ref: P, style: D })
+  return /* @__PURE__ */ j("div", { className: x, style: T, children: [
+    /* @__PURE__ */ L("canvas", { ref: v, style: D }),
+    /* @__PURE__ */ L("div", { ref: m, style: R })
   ] });
 }
 export {
-  J as default
+  I as default
 };
 //# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":["../src/adapters/AnnotPdf.jsx"],"sourcesContent":["// ============================================================================\n// SECTION 1: IMPORTS\n// ============================================================================\n\nimport { useRef, useEffect, useCallback, useMemo, useState } from 'react';\nimport { AnnotationRenderer } from '../core/AnnotationRenderer.js';\nimport { getPreset } from '../pen/presets.js';\n\n// ============================================================================\n// SECTION 2: JSDOC DOCUMENTATION\n// ============================================================================\n\n/**\n * AnnotPdf - Declarative React component for PDF annotation rendering\n *\n * A React wrapper around the AnnotationRenderer core engine that provides\n * a declarative, props-based API for rendering PDF documents with\n * timeline-synchronized annotations.\n *\n * Features:\n * - Automatic lifecycle management (initialization and cleanup)\n * - Declarative prop-to-method synchronization\n * - PDF rendering with pdf.js\n * - Timeline-synchronized annotation display\n * - Support for highlight, text, and ink annotations\n * - Page navigation and zoom control\n *\n * @component\n * @example\n * // Basic usage\n * <AnnotPdf\n *   pdfUrl=\"/document.pdf\"\n *   page={1}\n *   scale={1.5}\n *   annotations={[]}\n *   currentTime={0}\n * />\n *\n * @example\n * // With audio synchronization (discrete mode - ~4fps)\n * const [currentTime, setCurrentTime] = useState(0);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     currentTime={currentTime}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio\n *     src=\"/lecture.mp3\"\n *     onTimeUpdate={(e) => setCurrentTime(e.target.currentTime)}\n *     controls\n *   />\n * </div>\n *\n * @example\n * // With audio synchronization (continuous mode - 60fps, smoother)\n * const audioRef = useRef(null);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     audioRef={audioRef}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio ref={audioRef} src=\"/lecture.mp3\" controls />\n * </div>\n *\n * @param {Object} props - Component props\n * @param {string} props.pdfUrl - PDF document URL (required)\n * @param {number} [props.page=1] - Current page number (1-indexed)\n * @param {number} [props.scale=1.5] - Zoom scale factor\n * @param {Array} [props.annotations=[]] - Array of annotation objects\n * @param {number} [props.currentTime=0] - Timeline position in seconds (discrete mode)\n * @param {React.RefObject<HTMLAudioElement>} [props.audioRef] - Audio element ref for continuous sync (60fps)\n * @param {Function} [props.onLoad] - Callback when PDF loads: ({pageCount}) => void\n * @param {Function} [props.onError] - Callback on error: (error) => void\n * @param {Function} [props.onPageChange] - Callback when page changes: (page) => void\n * @param {Object} [props.strokeConfig] - Stroke rendering configuration\n * @param {string} [props.strokeConfig.preset] - Preset name: 'default', 'blue', 'minimal'\n * @param {Object} [props.strokeConfig.highlight] - Highlight style overrides\n * @param {number} [props.strokeConfig.highlight.width] - Highlight stroke width (16-32)\n * @param {Object} [props.strokeConfig.text] - Text style overrides\n * @param {number} [props.strokeConfig.text.width] - Text stroke width (1-4)\n * @param {string} [props.className] - CSS class for container div\n * @param {Object} [props.style] - Inline styles for container div\n * @param {Object} [props.canvasStyle] - Inline styles for canvas element\n * @returns {JSX.Element} PDF viewer component with annotation layers\n */\n\n// ============================================================================\n// SECTION 3: COMPONENT DEFINITION\n// ============================================================================\n\nfunction AnnotPdf({\n  // Required props\n  pdfUrl,\n\n  // Optional props with defaults\n  page = 1,\n  scale = 1.5,\n  annotations = [],\n  currentTime = 0,\n\n  // Continuous sync mode (use instead of currentTime for smoother animation)\n  audioRef,\n\n  // Stroke configuration\n  strokeConfig,\n\n  // Callbacks\n  onLoad,\n  onError,\n  onPageChange,\n\n  // Styling\n  className,\n  style,\n  canvasStyle\n}) {\n\n  // ==========================================================================\n  // SECTION 4: REFS INITIALIZATION\n  // ==========================================================================\n\n  /**\n   * Reference to the canvas element for PDF rendering\n   * @type {React.RefObject<HTMLCanvasElement>}\n   */\n  const canvasRef = useRef(null);\n\n  /**\n   * Reference to the layer container div for annotation layers\n   * @type {React.RefObject<HTMLDivElement>}\n   */\n  const layerContainerRef = useRef(null);\n\n  /**\n   * Reference to the AnnotationRenderer engine instance\n   * Stored in ref to avoid triggering re-renders\n   * @type {React.RefObject<AnnotationRenderer|null>}\n   */\n  const engineRef = useRef(null);\n\n  /**\n   * Reference to the render operation queue\n   * Ensures sequential execution of async canvas operations\n   * Prevents PDF.js race condition: \"Cannot use the same canvas during multiple render() operations\"\n   * @type {React.RefObject<Promise<void>>}\n   */\n  const renderQueue = useRef(Promise.resolve());\n\n  /**\n   * State to track engine initialization\n   * Used to trigger dependent effects after engine is ready\n   */\n  const [isEngineReady, setEngineReady] = useState(false);\n\n  // ==========================================================================\n  // SECTION 4.5: RENDER QUEUE HELPER\n  // ==========================================================================\n\n  /**\n   * Queue a render operation to execute sequentially\n   *\n   * This helper ensures that async canvas operations (loadPDF, setPage, setScale)\n   * execute one at a time, preventing concurrent access to the PDF.js canvas.\n   * Uses Promise chaining to maintain operation order.\n   *\n   * @param {Function} operation - Async function returning a Promise\n   * @returns {void}\n   */\n  const queueOperation = useCallback((operation) => {\n    renderQueue.current = renderQueue.current\n      .then(operation)\n      .catch(error => {\n        // Log errors but don't break the queue\n        console.error('AnnotPdf: Queued operation failed:', error);\n      });\n  }, []);\n\n  // ==========================================================================\n  // SECTION 4.6: STROKE CONFIG BUILDER\n  // ==========================================================================\n\n  /**\n   * Build merged stroke config from preset and overrides\n   *\n   * If strokeConfig.preset is provided, loads base config from presets.\n   * Then merges any override values (highlight.width, text.width).\n   */\n  const mergedStrokeConfig = useMemo(() => {\n    if (!strokeConfig) {\n      return undefined;\n    }\n\n    // Start with preset or empty object\n    const presetName = strokeConfig.preset || 'default';\n    const presetConfig = getPreset(presetName);\n\n    // Build config object matching StrokeRenderer format\n    const config = {\n      highlight: {\n        color: presetConfig.highlight.color,\n        width: strokeConfig.highlight?.width ?? presetConfig.highlight.width\n      },\n      text: {\n        color: presetConfig.handText.color,\n        width: strokeConfig.text?.width ?? presetConfig.handText.width\n      }\n    };\n\n    return config;\n  }, [strokeConfig]);\n\n  // ==========================================================================\n  // SECTION 5: ENGINE INITIALIZATION AND CLEANUP\n  // ==========================================================================\n\n  /**\n   * Initialize AnnotationRenderer on component mount\n   * Cleanup on component unmount\n   */\n  useEffect(() => {\n    // Guard: Wait for DOM elements to be ready\n    if (!canvasRef.current || !layerContainerRef.current) {\n      return;\n    }\n\n    // Initialize engine with stroke config if provided\n    try {\n      engineRef.current = new AnnotationRenderer({\n        canvasElement: canvasRef.current,\n        container: layerContainerRef.current,\n        strokeConfig: mergedStrokeConfig\n      });\n      // Signal that engine is ready for dependent effects\n      setEngineReady(true);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to initialize renderer:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n\n    // Cleanup on unmount\n    return () => {\n      setEngineReady(false);\n      if (engineRef.current) {\n        engineRef.current.destroy();\n        engineRef.current = null;\n      }\n    };\n  }, []); // Empty deps - run once on mount\n\n  // ==========================================================================\n  // SECTION 6: PDF LOADING SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Load PDF document when pdfUrl prop changes\n   * Handles async operation with cancellation support\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid pdfUrl\n    if (!isEngineReady || !pdfUrl) {\n      return;\n    }\n\n    let cancelled = false;\n\n    const loadPdf = async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.loadPDF(pdfUrl);\n\n        // Check if component unmounted during async operation\n        if (cancelled) return;\n\n        // Check if load was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to load PDF:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Call onLoad callback with pageCount from result\n        if (onLoad) {\n          onLoad({ pageCount: result.pageCount });\n        }\n      } catch (error) {\n        if (cancelled) return;\n\n        console.error('AnnotPdf: Failed to load PDF:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    };\n\n    // Queue the PDF loading operation to prevent race conditions\n    queueOperation(loadPdf);\n\n    // Cleanup: Prevent state updates if component unmounts during load\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfUrl, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 7: PAGE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync page prop to engine.setPage() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid page\n    if (!isEngineReady || !page || typeof page !== 'number') {\n      return;\n    }\n\n    // Queue the page change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setPage(page);\n\n        // Check if page change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set page:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Optional: Notify parent of successful page change\n        if (onPageChange) {\n          onPageChange(page);\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set page:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [page, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 8: SCALE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync scale prop to engine.setScale() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid scale\n    if (!isEngineReady || !scale || typeof scale !== 'number') {\n      return;\n    }\n\n    // Queue the scale change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setScale(scale);\n\n        // Check if scale change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set scale:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set scale:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [scale, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 9: ANNOTATIONS SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync annotations prop to engine.setAnnotations() method\n   */\n  useEffect(() => {\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    // Sync annotations to engine (default to empty array)\n    try {\n      engineRef.current.setAnnotations(annotations || []);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set annotations:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [annotations, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10: TIMELINE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync currentTime prop to engine.setTime() method\n   * Only used when audioRef is NOT provided (discrete mode)\n   */\n  useEffect(() => {\n    // Skip if using continuous sync mode\n    if (audioRef) {\n      return;\n    }\n\n    // Guard: Wait for engine and valid currentTime\n    if (!isEngineReady || !engineRef.current || currentTime === undefined || currentTime === null) {\n      return;\n    }\n\n    // Sync timeline to engine\n    try {\n      engineRef.current.setTime(currentTime);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set time:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [currentTime, audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.1: CONTINUOUS SYNC MODE (audioRef)\n  // ==========================================================================\n\n  /**\n   * Manage continuous sync mode when audioRef is provided\n   *\n   * Uses requestAnimationFrame for 60fps smooth animation instead of\n   * discrete currentTime updates (~4fps from audio timeupdate events).\n   */\n  useEffect(() => {\n    // Guard: Skip if not using continuous sync mode\n    if (!audioRef?.current) {\n      return;\n    }\n\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    const audio = audioRef.current;\n    const engine = engineRef.current;\n\n    /**\n     * Start continuous sync when audio plays\n     */\n    const handlePlay = () => {\n      engine.startContinuousSync(() => audio.currentTime);\n    };\n\n    /**\n     * Stop continuous sync when audio pauses\n     */\n    const handlePause = () => {\n      engine.stopContinuousSync();\n      // Do one final sync to ensure we're at the correct position\n      engine.setTime(audio.currentTime);\n    };\n\n    /**\n     * Handle seeking - update time immediately\n     */\n    const handleSeeked = () => {\n      engine.setTime(audio.currentTime);\n    };\n\n    // Add event listeners\n    audio.addEventListener('play', handlePlay);\n    audio.addEventListener('pause', handlePause);\n    audio.addEventListener('ended', handlePause);\n    audio.addEventListener('seeked', handleSeeked);\n\n    // If audio is already playing, start sync immediately\n    if (!audio.paused) {\n      handlePlay();\n    }\n\n    // Cleanup on unmount or audioRef change\n    return () => {\n      audio.removeEventListener('play', handlePlay);\n      audio.removeEventListener('pause', handlePause);\n      audio.removeEventListener('ended', handlePause);\n      audio.removeEventListener('seeked', handleSeeked);\n      engine.stopContinuousSync();\n    };\n  }, [audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.5: STROKE CONFIG SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync strokeConfig prop to engine at runtime for live preview\n   * Skips initial render (handled by initialization)\n   */\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    // Skip first render - config is passed during initialization\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n\n    // Guard: Engine must exist\n    if (!engineRef.current) {\n      return;\n    }\n\n    // Update stroke config if provided\n    if (mergedStrokeConfig) {\n      try {\n        engineRef.current.updateStrokeConfig(mergedStrokeConfig);\n      } catch (error) {\n        console.error('AnnotPdf: Failed to update stroke config:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    }\n  }, [mergedStrokeConfig]);\n\n  // ==========================================================================\n  // SECTION 11: STYLING DEFINITIONS\n  // ==========================================================================\n\n  /**\n   * Default container styles\n   * Merged with user-provided styles (user styles override defaults)\n   */\n  const defaultContainerStyle = {\n    position: 'relative',\n    display: 'inline-block',\n    lineHeight: 0, // Remove extra space below canvas\n    ...style // User styles override defaults\n  };\n\n  /**\n   * Default layer container styles\n   * Positions layer div absolutely over canvas\n   */\n  const defaultLayerStyle = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none', // Allow clicks to pass through to canvas\n    overflow: 'hidden'\n  };\n\n  /**\n   * Default canvas styles\n   * Merged with user-provided canvasStyle\n   */\n  const defaultCanvasStyle = {\n    display: 'block',\n    ...canvasStyle // User styles override defaults\n  };\n\n  // ==========================================================================\n  // SECTION 12: JSX RETURN\n  // ==========================================================================\n\n  return (\n    <div className={className} style={defaultContainerStyle}>\n      <canvas ref={canvasRef} style={defaultCanvasStyle} />\n      <div ref={layerContainerRef} style={defaultLayerStyle} />\n    </div>\n  );\n}\n\n// ============================================================================\n// SECTION 13: EXPORT\n// ============================================================================\n\nexport default AnnotPdf;\n"],"names":["AnnotPdf","pdfUrl","page","scale","annotations","currentTime","audioRef","strokeConfig","onLoad","onError","onPageChange","className","style","canvasStyle","canvasRef","useRef","layerContainerRef","engineRef","renderQueue","isEngineReady","setEngineReady","useState","queueOperation","useCallback","operation","error","mergedStrokeConfig","useMemo","presetName","presetConfig","getPreset","useEffect","AnnotationRenderer","cancelled","result","audio","engine","handlePlay","handlePause","handleSeeked","isFirstRender","defaultContainerStyle","defaultLayerStyle","defaultCanvasStyle","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index12.js","sources":["../src/adapters/AnnotPdf.jsx"],"sourcesContent":["// ============================================================================\n// SECTION 1: IMPORTS\n// ============================================================================\n\nimport { useRef, useEffect, useCallback, useMemo, useState } from 'react';\nimport { AnnotationRenderer } from '../core/AnnotationRenderer.js';\nimport { getPreset } from '../pen/presets.js';\n\n// ============================================================================\n// SECTION 2: JSDOC DOCUMENTATION\n// ============================================================================\n\n/**\n * AnnotPdf - Declarative React component for PDF annotation rendering\n *\n * A React wrapper around the AnnotationRenderer core engine that provides\n * a declarative, props-based API for rendering PDF documents with\n * timeline-synchronized annotations.\n *\n * Features:\n * - Automatic lifecycle management (initialization and cleanup)\n * - Declarative prop-to-method synchronization\n * - PDF rendering with pdf.js\n * - Timeline-synchronized annotation display\n * - Support for highlight, text, and ink annotations\n * - Page navigation and zoom control\n *\n * @component\n * @example\n * // Basic usage\n * <AnnotPdf\n *   pdfUrl=\"/document.pdf\"\n *   page={1}\n *   scale={1.5}\n *   annotations={[]}\n *   currentTime={0}\n * />\n *\n * @example\n * // With audio synchronization (discrete mode - ~4fps)\n * const [currentTime, setCurrentTime] = useState(0);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     currentTime={currentTime}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio\n *     src=\"/lecture.mp3\"\n *     onTimeUpdate={(e) => setCurrentTime(e.target.currentTime)}\n *     controls\n *   />\n * </div>\n *\n * @example\n * // With audio synchronization (continuous mode - 60fps, smoother)\n * const audioRef = useRef(null);\n *\n * <div>\n *   <AnnotPdf\n *     pdfUrl=\"/lecture.pdf\"\n *     page={1}\n *     scale={1.5}\n *     annotations={annotations}\n *     audioRef={audioRef}\n *     onLoad={({ pageCount }) => console.log('Loaded:', pageCount)}\n *   />\n *   <audio ref={audioRef} src=\"/lecture.mp3\" controls />\n * </div>\n *\n * @param {Object} props - Component props\n * @param {string} props.pdfUrl - PDF document URL (required)\n * @param {number} [props.page=1] - Current page number (1-indexed)\n * @param {number} [props.scale=1.5] - Zoom scale factor\n * @param {Array} [props.annotations=[]] - Array of annotation objects\n * @param {number} [props.currentTime=0] - Timeline position in seconds (discrete mode)\n * @param {React.RefObject<HTMLAudioElement>} [props.audioRef] - Audio element ref for continuous sync (60fps)\n * @param {Function} [props.onLoad] - Callback when PDF loads: ({pageCount}) => void\n * @param {Function} [props.onError] - Callback on error: (error) => void\n * @param {Function} [props.onPageChange] - Callback when page changes: (page) => void\n * @param {Object} [props.strokeConfig] - Stroke rendering configuration\n * @param {string} [props.strokeConfig.preset] - Preset name: 'default', 'blue', 'minimal'\n * @param {Object} [props.strokeConfig.highlight] - Highlight style overrides\n * @param {number} [props.strokeConfig.highlight.width] - Highlight stroke width (16-32)\n * @param {Object} [props.strokeConfig.text] - Text style overrides\n * @param {number} [props.strokeConfig.text.width] - Text stroke width (1-4)\n * @param {string} [props.className] - CSS class for container div\n * @param {Object} [props.style] - Inline styles for container div\n * @param {Object} [props.canvasStyle] - Inline styles for canvas element\n * @returns {JSX.Element} PDF viewer component with annotation layers\n */\n\n// ============================================================================\n// SECTION 3: COMPONENT DEFINITION\n// ============================================================================\n\nfunction AnnotPdf({\n  // Required props\n  pdfUrl,\n\n  // Optional props with defaults\n  page = 1,\n  scale = 1.5,\n  annotations = [],\n  currentTime = 0,\n\n  // Continuous sync mode (use instead of currentTime for smoother animation)\n  audioRef,\n\n  // Stroke configuration\n  strokeConfig,\n\n  // Callbacks\n  onLoad,\n  onError,\n  onPageChange,\n\n  // Styling\n  className,\n  style,\n  canvasStyle\n}) {\n\n  // ==========================================================================\n  // SECTION 4: REFS INITIALIZATION\n  // ==========================================================================\n\n  /**\n   * Reference to the canvas element for PDF rendering\n   * @type {React.RefObject<HTMLCanvasElement>}\n   */\n  const canvasRef = useRef(null);\n\n  /**\n   * Reference to the layer container div for annotation layers\n   * @type {React.RefObject<HTMLDivElement>}\n   */\n  const layerContainerRef = useRef(null);\n\n  /**\n   * Reference to the AnnotationRenderer engine instance\n   * Stored in ref to avoid triggering re-renders\n   * @type {React.RefObject<AnnotationRenderer|null>}\n   */\n  const engineRef = useRef(null);\n\n  /**\n   * Reference to the render operation queue\n   * Ensures sequential execution of async canvas operations\n   * Prevents PDF.js race condition: \"Cannot use the same canvas during multiple render() operations\"\n   * @type {React.RefObject<Promise<void>>}\n   */\n  const renderQueue = useRef(Promise.resolve());\n\n  /**\n   * State to track engine initialization\n   * Used to trigger dependent effects after engine is ready\n   */\n  const [isEngineReady, setEngineReady] = useState(false);\n\n  // ==========================================================================\n  // SECTION 4.5: RENDER QUEUE HELPER\n  // ==========================================================================\n\n  /**\n   * Queue a render operation to execute sequentially\n   *\n   * This helper ensures that async canvas operations (loadPDF, setPage, setScale)\n   * execute one at a time, preventing concurrent access to the PDF.js canvas.\n   * Uses Promise chaining to maintain operation order.\n   *\n   * @param {Function} operation - Async function returning a Promise\n   * @returns {void}\n   */\n  const queueOperation = useCallback((operation) => {\n    renderQueue.current = renderQueue.current\n      .then(operation)\n      .catch(error => {\n        // Log errors but don't break the queue\n        console.error('AnnotPdf: Queued operation failed:', error);\n      });\n  }, []);\n\n  // ==========================================================================\n  // SECTION 4.6: STROKE CONFIG BUILDER\n  // ==========================================================================\n\n  /**\n   * Build merged stroke config from preset and overrides\n   *\n   * If strokeConfig.preset is provided, loads base config from presets.\n   * Then merges any override values (highlight.width, text.width).\n   */\n  const mergedStrokeConfig = useMemo(() => {\n    if (!strokeConfig) {\n      return undefined;\n    }\n\n    // Start with preset or empty object\n    const presetName = strokeConfig.preset || 'default';\n    const presetConfig = getPreset(presetName);\n\n    // Build config object matching StrokeRenderer format\n    const config = {\n      highlight: {\n        color: presetConfig.highlight.color,\n        width: strokeConfig.highlight?.width ?? presetConfig.highlight.width\n      },\n      text: {\n        color: presetConfig.handText.color,\n        width: strokeConfig.text?.width ?? presetConfig.handText.width\n      }\n    };\n\n    return config;\n  }, [strokeConfig]);\n\n  // ==========================================================================\n  // SECTION 5: ENGINE INITIALIZATION AND CLEANUP\n  // ==========================================================================\n\n  /**\n   * Initialize AnnotationRenderer on component mount\n   * Cleanup on component unmount\n   */\n  useEffect(() => {\n    // Guard: Wait for DOM elements to be ready\n    if (!canvasRef.current || !layerContainerRef.current) {\n      return;\n    }\n\n    // Initialize engine with stroke config if provided\n    try {\n      engineRef.current = new AnnotationRenderer({\n        canvasElement: canvasRef.current,\n        container: layerContainerRef.current,\n        strokeConfig: mergedStrokeConfig\n      });\n      // Signal that engine is ready for dependent effects\n      setEngineReady(true);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to initialize renderer:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n\n    // Cleanup on unmount\n    return () => {\n      setEngineReady(false);\n      if (engineRef.current) {\n        engineRef.current.destroy();\n        engineRef.current = null;\n      }\n    };\n  }, []); // Empty deps - run once on mount\n\n  // ==========================================================================\n  // SECTION 6: PDF LOADING SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Load PDF document when pdfUrl prop changes\n   * Handles async operation with cancellation support\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid pdfUrl\n    if (!isEngineReady || !pdfUrl) {\n      return;\n    }\n\n    let cancelled = false;\n\n    const loadPdf = async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.loadPDF(pdfUrl);\n\n        // Check if component unmounted during async operation\n        if (cancelled) return;\n\n        // Check if load was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to load PDF:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Call onLoad callback with pageCount from result\n        if (onLoad) {\n          onLoad({ pageCount: result.pageCount });\n        }\n      } catch (error) {\n        if (cancelled) return;\n\n        console.error('AnnotPdf: Failed to load PDF:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    };\n\n    // Queue the PDF loading operation to prevent race conditions\n    queueOperation(loadPdf);\n\n    // Cleanup: Prevent state updates if component unmounts during load\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfUrl, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 7: PAGE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync page prop to engine.setPage() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid page\n    if (!isEngineReady || !page || typeof page !== 'number') {\n      return;\n    }\n\n    // Queue the page change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setPage(page);\n\n        // Check if page change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set page:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n          return;\n        }\n\n        // Optional: Notify parent of successful page change\n        if (onPageChange) {\n          onPageChange(page);\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set page:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [page, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 8: SCALE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync scale prop to engine.setScale() method\n   * Uses render queue to prevent concurrent canvas operations\n   */\n  useEffect(() => {\n    // Guard: Wait for engine and valid scale\n    if (!isEngineReady || !scale || typeof scale !== 'number') {\n      return;\n    }\n\n    // Queue the scale change operation to prevent race conditions\n    queueOperation(async () => {\n      // Check engine exists at execution time (not queue time)\n      if (!engineRef.current) {\n        return;\n      }\n\n      try {\n        const result = await engineRef.current.setScale(scale);\n\n        // Check if scale change was successful\n        if (!result.success) {\n          console.error('AnnotPdf: Failed to set scale:', result.error);\n          if (onError) {\n            onError(new Error(result.error));\n          }\n        }\n      } catch (error) {\n        console.error('AnnotPdf: Failed to set scale:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    });\n  }, [scale, isEngineReady, queueOperation]);\n\n  // ==========================================================================\n  // SECTION 9: ANNOTATIONS SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync annotations prop to engine.setAnnotations() method\n   */\n  useEffect(() => {\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    // Sync annotations to engine (default to empty array)\n    try {\n      engineRef.current.setAnnotations(annotations || []);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set annotations:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [annotations, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10: TIMELINE SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync currentTime prop to engine.setTime() method\n   * Only used when audioRef is NOT provided (discrete mode)\n   */\n  useEffect(() => {\n    // Skip if using continuous sync mode\n    if (audioRef) {\n      return;\n    }\n\n    // Guard: Wait for engine and valid currentTime\n    if (!isEngineReady || !engineRef.current || currentTime === undefined || currentTime === null) {\n      return;\n    }\n\n    // Sync timeline to engine\n    try {\n      engineRef.current.setTime(currentTime);\n    } catch (error) {\n      console.error('AnnotPdf: Failed to set time:', error);\n      if (onError) {\n        onError(error);\n      }\n    }\n  }, [currentTime, audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.1: CONTINUOUS SYNC MODE (audioRef)\n  // ==========================================================================\n\n  /**\n   * Manage continuous sync mode when audioRef is provided\n   *\n   * Uses requestAnimationFrame for 60fps smooth animation instead of\n   * discrete currentTime updates (~4fps from audio timeupdate events).\n   */\n  useEffect(() => {\n    // Guard: Skip if not using continuous sync mode\n    if (!audioRef?.current) {\n      return;\n    }\n\n    // Guard: Wait for engine\n    if (!isEngineReady || !engineRef.current) {\n      return;\n    }\n\n    const audio = audioRef.current;\n    /**\n     * Start continuous sync when audio plays\n     */\n    const handlePlay = () => {\n      if (!engineRef.current) return;\n      engineRef.current.startContinuousSync(() => audio.currentTime);\n    };\n\n    /**\n     * Stop continuous sync when audio pauses\n     */\n    const handlePause = () => {\n      if (!engineRef.current) return;\n      engineRef.current.stopContinuousSync();\n      engineRef.current.setTime(audio.currentTime);\n    };\n\n    /**\n     * Handle seeking - update time immediately\n     */\n    const handleSeeked = () => {\n      if (!engineRef.current) return;\n      engineRef.current.setTime(audio.currentTime);\n    };\n\n    // Add event listeners\n    audio.addEventListener('play', handlePlay);\n    audio.addEventListener('pause', handlePause);\n    audio.addEventListener('ended', handlePause);\n    audio.addEventListener('seeked', handleSeeked);\n\n    // If audio is already playing, start sync immediately\n    if (!audio.paused) {\n      handlePlay();\n    }\n\n    // Cleanup on unmount or audioRef change\n    return () => {\n      audio.removeEventListener('play', handlePlay);\n      audio.removeEventListener('pause', handlePause);\n      audio.removeEventListener('ended', handlePause);\n      audio.removeEventListener('seeked', handleSeeked);\n      // Guard: engine may have been destroyed by initialization effect cleanup\n      if (engineRef.current) {\n        engineRef.current.stopContinuousSync();\n      }\n    };\n  }, [audioRef, isEngineReady]);\n\n  // ==========================================================================\n  // SECTION 10.5: STROKE CONFIG SYNCHRONIZATION\n  // ==========================================================================\n\n  /**\n   * Sync strokeConfig prop to engine at runtime for live preview\n   * Skips initial render (handled by initialization)\n   */\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    // Skip first render - config is passed during initialization\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n\n    // Guard: Engine must exist\n    if (!engineRef.current) {\n      return;\n    }\n\n    // Update stroke config if provided\n    if (mergedStrokeConfig) {\n      try {\n        engineRef.current.updateStrokeConfig(mergedStrokeConfig);\n      } catch (error) {\n        console.error('AnnotPdf: Failed to update stroke config:', error);\n        if (onError) {\n          onError(error);\n        }\n      }\n    }\n  }, [mergedStrokeConfig]);\n\n  // ==========================================================================\n  // SECTION 11: STYLING DEFINITIONS\n  // ==========================================================================\n\n  /**\n   * Default container styles\n   * Merged with user-provided styles (user styles override defaults)\n   */\n  const defaultContainerStyle = {\n    position: 'relative',\n    display: 'inline-block',\n    lineHeight: 0, // Remove extra space below canvas\n    ...style // User styles override defaults\n  };\n\n  /**\n   * Default layer container styles\n   * Positions layer div absolutely over canvas\n   */\n  const defaultLayerStyle = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none', // Allow clicks to pass through to canvas\n    overflow: 'hidden'\n  };\n\n  /**\n   * Default canvas styles\n   * Merged with user-provided canvasStyle\n   */\n  const defaultCanvasStyle = {\n    display: 'block',\n    ...canvasStyle // User styles override defaults\n  };\n\n  // ==========================================================================\n  // SECTION 12: JSX RETURN\n  // ==========================================================================\n\n  return (\n    <div className={className} style={defaultContainerStyle}>\n      <canvas ref={canvasRef} style={defaultCanvasStyle} />\n      <div ref={layerContainerRef} style={defaultLayerStyle} />\n    </div>\n  );\n}\n\n// ============================================================================\n// SECTION 13: EXPORT\n// ============================================================================\n\nexport default AnnotPdf;\n"],"names":["AnnotPdf","pdfUrl","page","scale","annotations","currentTime","audioRef","strokeConfig","onLoad","onError","onPageChange","className","style","canvasStyle","canvasRef","useRef","layerContainerRef","engineRef","renderQueue","isEngineReady","setEngineReady","useState","queueOperation","useCallback","operation","error","mergedStrokeConfig","useMemo","presetName","presetConfig","getPreset","useEffect","AnnotationRenderer","cancelled","result","audio","handlePlay","handlePause","handleSeeked","isFirstRender","defaultContainerStyle","defaultLayerStyle","defaultCanvasStyle","jsxs","jsx"],"mappings":";;;;AAoGA,SAASA,EAAS;AAAA;AAAA,EAEhB,QAAAC;AAAA;AAAA,EAGA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc,CAAA;AAAA,EACd,aAAAC,IAAc;AAAA;AAAA,EAGd,UAAAC;AAAA;AAAA,EAGA,cAAAC;AAAA;AAAA,EAGA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA;AAAA,EAGA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,GAAG;AAUD,QAAMC,IAAYC,EAAO,IAAI,GAMvBC,IAAoBD,EAAO,IAAI,GAO/BE,IAAYF,EAAO,IAAI,GAQvBG,IAAcH,EAAO,QAAQ,QAAA,CAAS,GAMtC,CAACI,GAAeC,CAAc,IAAIC,EAAS,EAAK,GAgBhDC,IAAiBC,EAAY,CAACC,MAAc;AAChD,IAAAN,EAAY,UAAUA,EAAY,QAC/B,KAAKM,CAAS,EACd,MAAM,CAAAC,MAAS;AAEd,cAAQ,MAAM,sCAAsCA,CAAK;AAAA,IAC3D,CAAC;AAAA,EACL,GAAG,CAAA,CAAE,GAYCC,IAAqBC,EAAQ,MAAM;AACvC,QAAI,CAACpB;AACH;AAIF,UAAMqB,IAAarB,EAAa,UAAU,WACpCsB,IAAeC,EAAUF,CAAU;AAczC,WAXe;AAAA,MACb,WAAW;AAAA,QACT,OAAOC,EAAa,UAAU;AAAA,QAC9B,OAAOtB,EAAa,WAAW,SAASsB,EAAa,UAAU;AAAA,MAAA;AAAA,MAEjE,MAAM;AAAA,QACJ,OAAOA,EAAa,SAAS;AAAA,QAC7B,OAAOtB,EAAa,MAAM,SAASsB,EAAa,SAAS;AAAA,MAAA;AAAA,IAC3D;AAAA,EAIJ,GAAG,CAACtB,CAAY,CAAC;AAUjB,EAAAwB,EAAU,MAAM;AAEd,QAAI,GAACjB,EAAU,WAAW,CAACE,EAAkB,UAK7C;AAAA,UAAI;AACF,QAAAC,EAAU,UAAU,IAAIe,EAAmB;AAAA,UACzC,eAAelB,EAAU;AAAA,UACzB,WAAWE,EAAkB;AAAA,UAC7B,cAAcU;AAAA,QAAA,CACf,GAEDN,EAAe,EAAI;AAAA,MACrB,SAASK,GAAO;AACd,gBAAQ,MAAM,4CAA4CA,CAAK,GAC3DhB,KACFA,EAAQgB,CAAK;AAAA,MAEjB;AAGA,aAAO,MAAM;AACX,QAAAL,EAAe,EAAK,GAChBH,EAAU,YACZA,EAAU,QAAQ,QAAA,GAClBA,EAAU,UAAU;AAAA,MAExB;AAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAWLc,EAAU,MAAM;AAEd,QAAI,CAACZ,KAAiB,CAAClB;AACrB;AAGF,QAAIgC,IAAY;AAsChB,WAAAX,EApCgB,YAAY;AAE1B,UAAKL,EAAU;AAIf,YAAI;AACF,gBAAMiB,IAAS,MAAMjB,EAAU,QAAQ,QAAQhB,CAAM;AAGrD,cAAIgC,EAAW;AAGf,cAAI,CAACC,EAAO,SAAS;AACnB,oBAAQ,MAAM,iCAAiCA,EAAO,KAAK,GACvDzB,KACFA,EAAQ,IAAI,MAAMyB,EAAO,KAAK,CAAC;AAEjC;AAAA,UACF;AAGA,UAAI1B,KACFA,EAAO,EAAE,WAAW0B,EAAO,UAAA,CAAW;AAAA,QAE1C,SAAST,GAAO;AACd,cAAIQ,EAAW;AAEf,kBAAQ,MAAM,iCAAiCR,CAAK,GAChDhB,KACFA,EAAQgB,CAAK;AAAA,QAEjB;AAAA,IACF,CAGsB,GAGf,MAAM;AACX,MAAAQ,IAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAChC,GAAQkB,GAAeG,CAAc,CAAC,GAU1CS,EAAU,MAAM;AAEd,IAAI,CAACZ,KAAiB,CAACjB,KAAQ,OAAOA,KAAS,YAK/CoB,EAAe,YAAY;AAEzB,UAAKL,EAAU;AAIf,YAAI;AACF,gBAAMiB,IAAS,MAAMjB,EAAU,QAAQ,QAAQf,CAAI;AAGnD,cAAI,CAACgC,EAAO,SAAS;AACnB,oBAAQ,MAAM,iCAAiCA,EAAO,KAAK,GACvDzB,KACFA,EAAQ,IAAI,MAAMyB,EAAO,KAAK,CAAC;AAEjC;AAAA,UACF;AAGA,UAAIxB,KACFA,EAAaR,CAAI;AAAA,QAErB,SAASuB,GAAO;AACd,kBAAQ,MAAM,iCAAiCA,CAAK,GAChDhB,KACFA,EAAQgB,CAAK;AAAA,QAEjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAACvB,GAAMiB,GAAeG,CAAc,CAAC,GAUxCS,EAAU,MAAM;AAEd,IAAI,CAACZ,KAAiB,CAAChB,KAAS,OAAOA,KAAU,YAKjDmB,EAAe,YAAY;AAEzB,UAAKL,EAAU;AAIf,YAAI;AACF,gBAAMiB,IAAS,MAAMjB,EAAU,QAAQ,SAASd,CAAK;AAGrD,UAAK+B,EAAO,YACV,QAAQ,MAAM,kCAAkCA,EAAO,KAAK,GACxDzB,KACFA,EAAQ,IAAI,MAAMyB,EAAO,KAAK,CAAC;AAAA,QAGrC,SAAST,GAAO;AACd,kBAAQ,MAAM,kCAAkCA,CAAK,GACjDhB,KACFA,EAAQgB,CAAK;AAAA,QAEjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAACtB,GAAOgB,GAAeG,CAAc,CAAC,GASzCS,EAAU,MAAM;AAEd,QAAI,GAACZ,KAAiB,CAACF,EAAU;AAKjC,UAAI;AACF,QAAAA,EAAU,QAAQ,eAAeb,KAAe,CAAA,CAAE;AAAA,MACpD,SAASqB,GAAO;AACd,gBAAQ,MAAM,wCAAwCA,CAAK,GACvDhB,KACFA,EAAQgB,CAAK;AAAA,MAEjB;AAAA,EACF,GAAG,CAACrB,GAAae,CAAa,CAAC,GAU/BY,EAAU,MAAM;AAEd,QAAI,CAAAzB,KAKA,GAACa,KAAiB,CAACF,EAAU,WAAWZ,MAAgB,UAAaA,MAAgB;AAKzF,UAAI;AACF,QAAAY,EAAU,QAAQ,QAAQZ,CAAW;AAAA,MACvC,SAASoB,GAAO;AACd,gBAAQ,MAAM,iCAAiCA,CAAK,GAChDhB,KACFA,EAAQgB,CAAK;AAAA,MAEjB;AAAA,EACF,GAAG,CAACpB,GAAaC,GAAUa,CAAa,CAAC,GAYzCY,EAAU,MAAM;AAOd,QALI,CAACzB,GAAU,WAKX,CAACa,KAAiB,CAACF,EAAU;AAC/B;AAGF,UAAMkB,IAAQ7B,EAAS,SAIjB8B,IAAa,MAAM;AACvB,MAAKnB,EAAU,WACfA,EAAU,QAAQ,oBAAoB,MAAMkB,EAAM,WAAW;AAAA,IAC/D,GAKME,IAAc,MAAM;AACxB,MAAKpB,EAAU,YACfA,EAAU,QAAQ,mBAAA,GAClBA,EAAU,QAAQ,QAAQkB,EAAM,WAAW;AAAA,IAC7C,GAKMG,IAAe,MAAM;AACzB,MAAKrB,EAAU,WACfA,EAAU,QAAQ,QAAQkB,EAAM,WAAW;AAAA,IAC7C;AAGA,WAAAA,EAAM,iBAAiB,QAAQC,CAAU,GACzCD,EAAM,iBAAiB,SAASE,CAAW,GAC3CF,EAAM,iBAAiB,SAASE,CAAW,GAC3CF,EAAM,iBAAiB,UAAUG,CAAY,GAGxCH,EAAM,UACTC,EAAA,GAIK,MAAM;AACX,MAAAD,EAAM,oBAAoB,QAAQC,CAAU,GAC5CD,EAAM,oBAAoB,SAASE,CAAW,GAC9CF,EAAM,oBAAoB,SAASE,CAAW,GAC9CF,EAAM,oBAAoB,UAAUG,CAAY,GAE5CrB,EAAU,WACZA,EAAU,QAAQ,mBAAA;AAAA,IAEtB;AAAA,EACF,GAAG,CAACX,GAAUa,CAAa,CAAC;AAU5B,QAAMoB,IAAgBxB,EAAO,EAAI;AAEjC,EAAAgB,EAAU,MAAM;AAEd,QAAIQ,EAAc,SAAS;AACzB,MAAAA,EAAc,UAAU;AACxB;AAAA,IACF;AAGA,QAAKtB,EAAU,WAKXS;AACF,UAAI;AACF,QAAAT,EAAU,QAAQ,mBAAmBS,CAAkB;AAAA,MACzD,SAASD,GAAO;AACd,gBAAQ,MAAM,6CAA6CA,CAAK,GAC5DhB,KACFA,EAAQgB,CAAK;AAAA,MAEjB;AAAA,EAEJ,GAAG,CAACC,CAAkB,CAAC;AAUvB,QAAMc,IAAwB;AAAA,IAC5B,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA;AAAA,IACZ,GAAG5B;AAAA;AAAA,EAAA,GAOC6B,IAAoB;AAAA,IACxB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,eAAe;AAAA;AAAA,IACf,UAAU;AAAA,EAAA,GAONC,IAAqB;AAAA,IACzB,SAAS;AAAA,IACT,GAAG7B;AAAA;AAAA,EAAA;AAOL,SACE,gBAAA8B,EAAC,OAAA,EAAI,WAAAhC,GAAsB,OAAO6B,GAChC,UAAA;AAAA,IAAA,gBAAAI,EAAC,UAAA,EAAO,KAAK9B,GAAW,OAAO4B,GAAoB;AAAA,IACnD,gBAAAE,EAAC,OAAA,EAAI,KAAK5B,GAAmB,OAAOyB,EAAA,CAAmB;AAAA,EAAA,GACzD;AAEJ;"}

package/dist/index14.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./index6.cjs"),P=require("./index23.cjs");function X(t,e=2){if(t.length<2||e<1)return t;const n=[];for(let r=0;r<t.length-1;r++){const[a,o]=t[r],[g,S]=t[r+1];n.push([a,o]);for(let s=1;s<=e;s++){const u=s/(e+1);n.push([a+(g-a)*u,o+(S-o)*u])}}return n.push(t[t.length-1]),n}function _(t){return P.default.glyphs&&P.default.glyphs[t]?P.default.glyphs[t]:t===" "?{paths:[],width:.35}:null}function F(t,e,n){return t.map(([r,a])=>[(e+r)*n,a*n])}function z(t,e){const{id:n,start:r,end:a,content:o,x:g,y:S,fontSize:s}=t;if(!o||o.length===0)return[];const u=[],q=a-r,v=s||e.fontSize||16,k=e.subdivisions??2,I=v/1e3;let h=0;const O=o.length,x=q/O;for(let c=0;c<o.length;c++){const $=o[c],l=_($);if(!l){h+=.5+.18;continue}const m=l.width||.5,f=l.paths||[],j=l.pathTiming||"sequential";if(f.length===0){h+=m+.18;continue}const b=r+c*x,y=b+x,E=f.length;for(let i=0;i<f.length;i++){let p=f[i].points||[];if(p.length<2)continue;k>0&&(p=X(p,k));let w=F(p,h,I),C=null;(e.pressure?.taperIn>0||e.pressure?.taperOut>0)&&(C=M.applyPressure(w,e.pressure));let d,D;if(j==="parallel")d=b,D=y;else{const T=x/E;d=b+i*T,D=d+T}u.push({id:`${n}-${c}-${i}`,points:w,baseX:g,baseY:S,start:d,end:D,color:e.color||"rgba(220, 20, 60, 1.0)",width:e.width||2,lineCap:e.lineCap||"round",pressures:C,uniformScale:!0})}h+=m+.18}return u}exports.default=z;exports.textToStrokes=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./index6.cjs"),P=require("./index26.cjs");function X(t,e=2){if(t.length<2||e<1)return t;const n=[];for(let r=0;r<t.length-1;r++){const[a,o]=t[r],[g,S]=t[r+1];n.push([a,o]);for(let s=1;s<=e;s++){const u=s/(e+1);n.push([a+(g-a)*u,o+(S-o)*u])}}return n.push(t[t.length-1]),n}function _(t){return P.default.glyphs&&P.default.glyphs[t]?P.default.glyphs[t]:t===" "?{paths:[],width:.35}:null}function F(t,e,n){return t.map(([r,a])=>[(e+r)*n,a*n])}function z(t,e){const{id:n,start:r,end:a,content:o,x:g,y:S,fontSize:s}=t;if(!o||o.length===0)return[];const u=[],q=a-r,v=s||e.fontSize||16,k=e.subdivisions??2,I=v/1e3;let h=0;const O=o.length,x=q/O;for(let c=0;c<o.length;c++){const $=o[c],l=_($);if(!l){h+=.5+.18;continue}const m=l.width||.5,f=l.paths||[],j=l.pathTiming||"sequential";if(f.length===0){h+=m+.18;continue}const b=r+c*x,y=b+x,E=f.length;for(let i=0;i<f.length;i++){let p=f[i].points||[];if(p.length<2)continue;k>0&&(p=X(p,k));let w=F(p,h,I),C=null;(e.pressure?.taperIn>0||e.pressure?.taperOut>0)&&(C=M.applyPressure(w,e.pressure));let d,D;if(j==="parallel")d=b,D=y;else{const T=x/E;d=b+i*T,D=d+T}u.push({id:`${n}-${c}-${i}`,points:w,baseX:g,baseY:S,start:d,end:D,color:e.color||"rgba(220, 20, 60, 1.0)",width:e.width||2,lineCap:e.lineCap||"round",pressures:C,uniformScale:!0})}h+=m+.18}return u}exports.default=z;exports.textToStrokes=z;
 //# sourceMappingURL=index14.cjs.map

package/dist/index14.js

@@ -1,5 +1,5 @@
 import { applyPressure as q } from "./index6.js";
-import w from "./index23.js";
+import w from "./index26.js";
 function v(t, n = 2) {
   if (t.length < 2 || n < 1)
     return t;

package/dist/index15.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./index16.cjs");class o{constructor(t,s){this.canvas=t,this.dimensions={...s},this.ctx=null,this.strokeDrawer=null,this.strokeCommands=[],this.currentTime=0,this.isDestroyed=!1,this._setupCanvas()}_setupCanvas(){const t=window.devicePixelRatio||1,{width:s,height:e}=this.dimensions;this.canvas.width=Math.round(s*t),this.canvas.height=Math.round(e*t),this.canvas.style.width=`${s}px`,this.canvas.style.height=`${e}px`,this.ctx=this.canvas.getContext("2d"),this.ctx.setTransform(t,0,0,t,0,0),this.strokeDrawer=new n.default(this.ctx,this.dimensions)}setStrokeCommands(t){this.isDestroyed||(this.strokeCommands=t||[],this.strokeCommands.sort((s,e)=>{const r=s.start??0,i=e.start??0;return r-i}))}setTime(t){this.isDestroyed||(this.currentTime=t)}setDimensions(t){this.isDestroyed||(this.dimensions={...t},this._setupCanvas())}render(){if(!(this.isDestroyed||!this.ctx)){this.strokeDrawer.clear();for(const t of this.strokeCommands){const s=t.start??0,e=t.end??s+1;if(this.currentTime<s)continue;const r=this._calculateProgress(s,e);this.strokeDrawer.drawStroke(t,r)}}}_calculateProgress(t,s){if(this.currentTime>=s)return 1;const e=s-t;if(e<=0)return 1;const r=this.currentTime-t;return Math.max(0,Math.min(1,r/e))}clear(){this.isDestroyed||!this.strokeDrawer||this.strokeDrawer.clear()}getVisibleStrokeCount(){let t=0;for(const s of this.strokeCommands){const e=s.start??0;this.currentTime>=e&&t++}return t}destroy(){this.isDestroyed||(this.strokeCommands=[],this.strokeDrawer=null,this.ctx=null,this.canvas=null,this.isDestroyed=!0)}}exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function i(c,o){const{id:l,start:e,end:h,quads:t}=c;if(!t||t.length===0)return[];const r=[],g=h-e,q=t.length,u=g/q;for(let n=0;n<t.length;n++){const f=t[n],{x:s,y:p,w:S,h:b}=f,d=p+b,k=[[s,d],[s+S,d]],a=e+n*u,w=a+u;r.push({id:`${l}-${n}`,points:k,start:a,end:w,color:o.color||"rgba(0, 0, 255, 0.8)",width:o.width||2,lineCap:o.lineCap||"round"})}return r}exports.default=i;exports.underlineToStrokes=i;
 //# sourceMappingURL=index15.cjs.map

package/dist/index15.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index15.cjs","sources":["../src/pen/GradualRenderer.js"],"sourcesContent":["import StrokeDrawer from './StrokeDrawer.js';\n\n/**\n * GradualRenderer - Progressive stroke rendering synced to timeline\n *\n * Renders stroke commands with progressive reveal based on current\n * audio/video timeline position.\n *\n * Features:\n * - Progressive stroke reveal synced to audio timeline\n * - High-DPI canvas support for crisp rendering\n * - Efficient single-pass render per timeline update\n * - Accepts timing in seconds (start/end fields)\n *\n * @example\n * const renderer = new GradualRenderer(canvas, { width: 800, height: 600 });\n * renderer.setStrokeCommands(commands);\n * renderer.setTime(1.5);  // seconds\n * renderer.render();\n */\nclass GradualRenderer {\n  /**\n   * Creates a new GradualRenderer instance\n   *\n   * @param {HTMLCanvasElement} canvas - Canvas element for rendering\n   * @param {Object} pdfDimensions - PDF page dimensions\n   * @param {number} pdfDimensions.width - Page width in pixels\n   * @param {number} pdfDimensions.height - Page height in pixels\n   */\n  constructor(canvas, pdfDimensions) {\n    this.canvas = canvas;\n    this.dimensions = { ...pdfDimensions };\n    this.ctx = null;\n    this.strokeDrawer = null;\n    this.strokeCommands = [];\n    this.currentTime = 0; // seconds\n    this.isDestroyed = false;\n\n    this._setupCanvas();\n  }\n\n  /**\n   * Configures canvas for high-DPI rendering\n   *\n   * @private\n   */\n  _setupCanvas() {\n    const dpr = window.devicePixelRatio || 1;\n    const { width, height } = this.dimensions;\n\n    // Set canvas buffer resolution (high-res)\n    this.canvas.width = Math.round(width * dpr);\n    this.canvas.height = Math.round(height * dpr);\n\n    // Set canvas display size (CSS)\n    this.canvas.style.width = `${width}px`;\n    this.canvas.style.height = `${height}px`;\n\n    // Get context and scale for DPR\n    this.ctx = this.canvas.getContext('2d');\n    this.ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n\n    // Create stroke drawer\n    this.strokeDrawer = new StrokeDrawer(this.ctx, this.dimensions);\n  }\n\n  /**\n   * Sets the stroke commands to render\n   *\n   * @param {Array} commands - Array of stroke command objects\n   * @param {string} commands[].id - Unique stroke identifier\n   * @param {Array} commands[].points - [[x, y], ...] normalized coordinates\n   * @param {string} commands[].color - Stroke color\n   * @param {number} commands[].width - Stroke width in pixels\n   * @param {number} commands[].start - Start time in seconds\n   * @param {number} commands[].end - End time in seconds\n   */\n  setStrokeCommands(commands) {\n    if (this.isDestroyed) return;\n\n    this.strokeCommands = commands || [];\n\n    // Sort by start time for efficient rendering\n    this.strokeCommands.sort((a, b) => {\n      const startA = a.start ?? 0;\n      const startB = b.start ?? 0;\n      return startA - startB;\n    });\n  }\n\n  /**\n   * Sets the current timeline position\n   *\n   * @param {number} time - Current time in seconds\n   */\n  setTime(time) {\n    if (this.isDestroyed) return;\n    this.currentTime = time;\n  }\n\n  /**\n   * Updates dimensions when viewport changes\n   *\n   * @param {Object} dimensions - New dimensions\n   * @param {number} dimensions.width - Width in pixels\n   * @param {number} dimensions.height - Height in pixels\n   */\n  setDimensions(dimensions) {\n    if (this.isDestroyed) return;\n\n    this.dimensions = { ...dimensions };\n    this._setupCanvas();\n  }\n\n  /**\n   * Renders all visible strokes at current timeline position\n   *\n   * Called once per timeline update. Clears canvas and redraws\n   * all strokes with appropriate progress.\n   */\n  render() {\n    if (this.isDestroyed || !this.ctx) return;\n\n    // Clear canvas\n    this.strokeDrawer.clear();\n\n    // Draw each stroke based on timing\n    for (const stroke of this.strokeCommands) {\n      const start = stroke.start ?? 0;\n      const end = stroke.end ?? start + 1;\n\n      // Skip strokes that haven't started\n      if (this.currentTime < start) {\n        continue;\n      }\n\n      // Calculate progress\n      const progress = this._calculateProgress(start, end);\n\n      // Draw stroke with progress\n      this.strokeDrawer.drawStroke(stroke, progress);\n    }\n  }\n\n  /**\n   * Calculates stroke progress based on timing\n   *\n   * @private\n   * @param {number} start - Stroke start time in seconds\n   * @param {number} end - Stroke end time in seconds\n   * @returns {number} Progress from 0 to 1\n   */\n  _calculateProgress(start, end) {\n    if (this.currentTime >= end) {\n      return 1.0;  // Fully visible\n    }\n\n    const duration = end - start;\n    if (duration <= 0) return 1.0;\n\n    const elapsed = this.currentTime - start;\n    return Math.max(0, Math.min(1, elapsed / duration));\n  }\n\n  /**\n   * Clears the canvas\n   */\n  clear() {\n    if (this.isDestroyed || !this.strokeDrawer) return;\n    this.strokeDrawer.clear();\n  }\n\n  /**\n   * Gets visible stroke count at current time\n   *\n   * @returns {number} Number of visible strokes\n   */\n  getVisibleStrokeCount() {\n    let count = 0;\n    for (const stroke of this.strokeCommands) {\n      const start = stroke.start ?? 0;\n      if (this.currentTime >= start) {\n        count++;\n      }\n    }\n    return count;\n  }\n\n  /**\n   * Destroys the renderer and releases resources\n   */\n  destroy() {\n    if (this.isDestroyed) return;\n\n    this.strokeCommands = [];\n    this.strokeDrawer = null;\n    this.ctx = null;\n    this.canvas = null;\n    this.isDestroyed = true;\n  }\n}\n\nexport default GradualRenderer;\n"],"names":["GradualRenderer","canvas","pdfDimensions","dpr","width","height","StrokeDrawer","commands","a","b","startA","startB","time","dimensions","stroke","start","end","progress","duration","elapsed","count"],"mappings":"6IAoBA,MAAMA,CAAgB,CASpB,YAAYC,EAAQC,EAAe,CACjC,KAAK,OAASD,EACd,KAAK,WAAa,CAAE,GAAGC,CAAa,EACpC,KAAK,IAAM,KACX,KAAK,aAAe,KACpB,KAAK,eAAiB,CAAA,EACtB,KAAK,YAAc,EACnB,KAAK,YAAc,GAEnB,KAAK,aAAY,CACnB,CAOA,cAAe,CACb,MAAMC,EAAM,OAAO,kBAAoB,EACjC,CAAE,MAAAC,EAAO,OAAAC,CAAM,EAAK,KAAK,WAG/B,KAAK,OAAO,MAAQ,KAAK,MAAMD,EAAQD,CAAG,EAC1C,KAAK,OAAO,OAAS,KAAK,MAAME,EAASF,CAAG,EAG5C,KAAK,OAAO,MAAM,MAAQ,GAAGC,CAAK,KAClC,KAAK,OAAO,MAAM,OAAS,GAAGC,CAAM,KAGpC,KAAK,IAAM,KAAK,OAAO,WAAW,IAAI,EACtC,KAAK,IAAI,aAAaF,EAAK,EAAG,EAAGA,EAAK,EAAG,CAAC,EAG1C,KAAK,aAAe,IAAIG,EAAAA,QAAa,KAAK,IAAK,KAAK,UAAU,CAChE,CAaA,kBAAkBC,EAAU,CACtB,KAAK,cAET,KAAK,eAAiBA,GAAY,CAAA,EAGlC,KAAK,eAAe,KAAK,CAACC,EAAGC,IAAM,CACjC,MAAMC,EAASF,EAAE,OAAS,EACpBG,EAASF,EAAE,OAAS,EAC1B,OAAOC,EAASC,CAClB,CAAC,EACH,CAOA,QAAQC,EAAM,CACR,KAAK,cACT,KAAK,YAAcA,EACrB,CASA,cAAcC,EAAY,CACpB,KAAK,cAET,KAAK,WAAa,CAAE,GAAGA,CAAU,EACjC,KAAK,aAAY,EACnB,CAQA,QAAS,CACP,GAAI,OAAK,aAAe,CAAC,KAAK,KAG9B,MAAK,aAAa,MAAK,EAGvB,UAAWC,KAAU,KAAK,eAAgB,CACxC,MAAMC,EAAQD,EAAO,OAAS,EACxBE,EAAMF,EAAO,KAAOC,EAAQ,EAGlC,GAAI,KAAK,YAAcA,EACrB,SAIF,MAAME,EAAW,KAAK,mBAAmBF,EAAOC,CAAG,EAGnD,KAAK,aAAa,WAAWF,EAAQG,CAAQ,CAC/C,EACF,CAUA,mBAAmBF,EAAOC,EAAK,CAC7B,GAAI,KAAK,aAAeA,EACtB,MAAO,GAGT,MAAME,EAAWF,EAAMD,EACvB,GAAIG,GAAY,EAAG,MAAO,GAE1B,MAAMC,EAAU,KAAK,YAAcJ,EACnC,OAAO,KAAK,IAAI,EAAG,KAAK,IAAI,EAAGI,EAAUD,CAAQ,CAAC,CACpD,CAKA,OAAQ,CACF,KAAK,aAAe,CAAC,KAAK,cAC9B,KAAK,aAAa,MAAK,CACzB,CAOA,uBAAwB,CACtB,IAAIE,EAAQ,EACZ,UAAWN,KAAU,KAAK,eAAgB,CACxC,MAAMC,EAAQD,EAAO,OAAS,EAC1B,KAAK,aAAeC,GACtBK,GAEJ,CACA,OAAOA,CACT,CAKA,SAAU,CACJ,KAAK,cAET,KAAK,eAAiB,CAAA,EACtB,KAAK,aAAe,KACpB,KAAK,IAAM,KACX,KAAK,OAAS,KACd,KAAK,YAAc,GACrB,CACF"}
+{"version":3,"file":"index15.cjs","sources":["../src/converters/underline.js"],"sourcesContent":["/**\n * Underline Converter - Converts underline annotations to stroke commands\n *\n * Transforms quads into horizontal stroke paths at the bottom edge\n * that can be rendered progressively on canvas.\n *\n * @module converters/underline\n */\n\n/**\n * Converts an underline annotation to stroke commands\n *\n * Each quad in the annotation becomes a horizontal stroke at the\n * bottom edge of the quad. Multiple quads are staggered in timing.\n *\n * @param {Object} annotation - Underline annotation object\n * @param {string} annotation.id - Unique identifier\n * @param {number} annotation.start - Start time in seconds\n * @param {number} annotation.end - End time in seconds\n * @param {Array<{x: number, y: number, w: number, h: number}>} annotation.quads - Array of quads\n * @param {Object} [annotation.style] - Optional style overrides\n * @param {Object} style - Resolved style configuration\n * @param {string} style.color - Stroke color\n * @param {number} style.width - Stroke width in pixels\n * @param {string} [style.lineCap='round'] - Line cap style\n * @returns {Array<Object>} Array of stroke commands\n */\nexport function underlineToStrokes(annotation, style) {\n  const { id, start, end, quads } = annotation;\n\n  if (!quads || quads.length === 0) {\n    return [];\n  }\n\n  const strokes = [];\n  const totalDuration = end - start;\n  const quadCount = quads.length;\n  const quadDuration = totalDuration / quadCount;\n\n  for (let i = 0; i < quads.length; i++) {\n    const quad = quads[i];\n    const { x, y, w, h } = quad;\n\n    // Line at bottom edge of quad\n    const lineY = y + h;\n    const points = [\n      [x, lineY],\n      [x + w, lineY]\n    ];\n\n    // Calculate timing for this quad\n    const quadStart = start + i * quadDuration;\n    const quadEnd = quadStart + quadDuration;\n\n    strokes.push({\n      id: `${id}-${i}`,\n      points,\n      start: quadStart,\n      end: quadEnd,\n      color: style.color || 'rgba(0, 0, 255, 0.8)',\n      width: style.width || 2,\n      lineCap: style.lineCap || 'round'\n    });\n  }\n\n  return strokes;\n}\n\nexport default underlineToStrokes;\n"],"names":["underlineToStrokes","annotation","style","id","start","end","quads","strokes","totalDuration","quadCount","quadDuration","i","quad","x","y","w","h","lineY","points","quadStart","quadEnd"],"mappings":"4GA2BO,SAASA,EAAmBC,EAAYC,EAAO,CACpD,KAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,IAAAC,EAAK,MAAAC,CAAK,EAAKL,EAElC,GAAI,CAACK,GAASA,EAAM,SAAW,EAC7B,MAAO,CAAA,EAGT,MAAMC,EAAU,CAAA,EACVC,EAAgBH,EAAMD,EACtBK,EAAYH,EAAM,OAClBI,EAAeF,EAAgBC,EAErC,QAASE,EAAI,EAAGA,EAAIL,EAAM,OAAQK,IAAK,CACrC,MAAMC,EAAON,EAAMK,CAAC,EACd,CAAE,EAAAE,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAC,EAAKJ,EAGjBK,EAAQH,EAAIE,EACZE,EAAS,CACb,CAACL,EAAGI,CAAK,EACT,CAACJ,EAAIE,EAAGE,CAAK,CACnB,EAGUE,EAAYf,EAAQO,EAAID,EACxBU,EAAUD,EAAYT,EAE5BH,EAAQ,KAAK,CACX,GAAI,GAAGJ,CAAE,IAAIQ,CAAC,GACd,OAAAO,EACA,MAAOC,EACP,IAAKC,EACL,MAAOlB,EAAM,OAAS,uBACtB,MAAOA,EAAM,OAAS,EACtB,QAASA,EAAM,SAAW,OAChC,CAAK,CACH,CAEA,OAAOK,CACT"}