web-annotation-renderer 0.3.0 → 0.4.0

package/dist/index8.js

@@ -1,109 +1,23 @@
-import d from "./index6.js";
-import { rectNormToAbs as p } from "./index10.js";
-class f extends d {
-  /**
-   * Creates a new TextLayer instance
-   *
-   * @param {HTMLElement} container - Parent DOM element for layer content
-   * @param {Object} viewport - Initial viewport dimensions
-   * @param {number} viewport.width - Viewport width in pixels
-   * @param {number} viewport.height - Viewport height in pixels
-   * @param {number} viewport.scale - PDF scale/zoom level
-   */
-  constructor(t, s) {
-    super(t, s), this.layerElement = document.createElement("div"), this.layerElement.style.position = "absolute", this.layerElement.style.inset = "0", this.layerElement.style.pointerEvents = "none", this.layerElement.style.zIndex = "30", this.container.appendChild(this.layerElement), this.textElements = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Renders text box elements for all annotations
-   *
-   * Creates DOM structure for each text annotation. Creates text box divs
-   * with proper positioning and styling. Initially hidden (visibility
-   * controlled by updateTime).
-   *
-   * This method is idempotent - safe to call multiple times.
-   */
-  render() {
-    this.layerElement.innerHTML = "", this.textElements.clear(), this.annotations.forEach((t) => {
-      const s = p(t, this.viewport), e = document.createElement("div");
-      e.style.position = "absolute", e.style.left = `${s.left}px`, e.style.top = `${s.top}px`, e.style.width = `${s.width}px`, e.style.height = `${s.height}px`, e.style.backgroundColor = t.style?.bg || "rgba(255,255,255,0.9)", e.style.borderRadius = "4px", e.style.padding = "8px", e.style.fontSize = "14px", e.style.lineHeight = "1.4", e.style.color = t.style?.color || "#1f2937", e.style.fontFamily = "system-ui, -apple-system, sans-serif", e.style.display = "flex", e.style.alignItems = "center", e.style.justifyContent = "flex-start", e.style.overflow = "hidden", e.style.wordWrap = "break-word", e.style.display = "none", this.layerElement.appendChild(e), this.textElements.set(t.id, {
-        element: e,
-        annotation: t
-      });
-    });
-  }
-  /**
-   * Updates text box visibility and content based on timeline position
-   *
-   * Shows/hides text boxes based on start time. Calculates visible text
-   * for progressive reveal (typing effect). Text appears immediately when
-   * start time is reached and types in progressively.
-   *
-   * @param {number} nowSec - Current timeline position in seconds
-   */
-  updateTime(t) {
-    super.updateTime(t), this.textElements.forEach(({ element: s, annotation: e }) => {
-      if (t < e.start)
-        s.style.display = "none";
-      else {
-        s.style.display = "flex";
-        const l = this._getVisibleText(
-          e.content,
-          e.start,
-          e.end,
-          t
-        );
-        s.textContent = l;
-      }
-    });
-  }
-  /**
-   * Calculates visible text based on progress between start and end times
-   *
-   * Implements word-by-word reveal with partial character reveal for
-   * the current word being typed.
-   *
-   * @private
-   * @param {string} content - Full text content
-   * @param {number} start - Start time in seconds
-   * @param {number} end - End time in seconds
-   * @param {number} currentTime - Current timeline position in seconds
-   * @returns {string} Visible portion of text
-   */
-  _getVisibleText(t, s, e, l) {
-    if (l < s)
-      return "";
-    if (l >= e)
-      return t;
-    const n = (l - s) / (e - s), r = t.split(" "), i = Math.floor(n * r.length);
-    if (i === 0)
-      return "";
-    const o = r.slice(0, i);
-    if (i < r.length) {
-      const h = n * r.length - i, y = r[i], a = Math.floor(
-        h * y.length
-      );
-      a > 0 && o.push(y.slice(0, a));
-    }
-    return o.join(" ");
-  }
-  /**
-   * Updates the visual state of the layer
-   *
-   * Not used by TextLayer - updateTime handles all updates directly.
-   * Implemented to satisfy BaseLayer contract.
-   */
-  update() {
-  }
-  /**
-   * Destroys the layer and releases all resources
-   *
-   * Clears element storage, removes DOM elements, and calls parent cleanup.
-   */
-  destroy() {
-    this.textElements.clear(), this.textElements = null, this.layerElement && this.layerElement.parentNode && this.layerElement.parentNode.removeChild(this.layerElement), this.layerElement = null, super.destroy();
-  }
+function r(t, e) {
+  if (!t)
+    throw new Error("Page object is required");
+  return t.getViewport({ scale: e });
+}
+function n(t) {
+  return t ? {
+    width: t.width,
+    height: t.height
+  } : { width: 0, height: 0 };
+}
+function h(t, e, i) {
+  return {
+    width: t * i,
+    height: e * i
+  };
 }
 export {
-  f as default
+  h as calculateScaledDimensions,
+  r as calculateViewport,
+  n as getViewportDimensions
 };
 //# sourceMappingURL=index8.js.map

package/dist/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":["../src/layers/TextLayer.js"],"sourcesContent":["import BaseLayer from \"./BaseLayer.js\";\nimport { rectNormToAbs } from \"../utils/coordinateUtils.js\";\n\n/**\n * TextLayer - Renders text annotations with progressive reveal\n *\n * Extends BaseLayer to render text box annotations with progressive\n * word-by-word text reveal animation (typing effect). Text appears\n * immediately and types in character by character, simulating real-time typing.\n *\n * @extends BaseLayer\n */\nclass TextLayer extends BaseLayer {\n  /**\n   * Creates a new TextLayer instance\n   *\n   * @param {HTMLElement} container - Parent DOM element for layer content\n   * @param {Object} viewport - Initial viewport dimensions\n   * @param {number} viewport.width - Viewport width in pixels\n   * @param {number} viewport.height - Viewport height in pixels\n   * @param {number} viewport.scale - PDF scale/zoom level\n   */\n  constructor(container, viewport) {\n    // Call parent constructor first\n    super(container, viewport);\n\n    // Create layer container element\n    this.layerElement = document.createElement(\"div\");\n    this.layerElement.style.position = \"absolute\";\n    this.layerElement.style.inset = \"0\";\n    this.layerElement.style.pointerEvents = \"none\";\n    this.layerElement.style.zIndex = \"30\";\n\n    // Append to parent container\n    this.container.appendChild(this.layerElement);\n\n    // Initialize element storage (Map of id -> element)\n    this.textElements = new Map();\n  }\n\n  /**\n   * Renders text box elements for all annotations\n   *\n   * Creates DOM structure for each text annotation. Creates text box divs\n   * with proper positioning and styling. Initially hidden (visibility\n   * controlled by updateTime).\n   *\n   * This method is idempotent - safe to call multiple times.\n   */\n  render() {\n    // Clear existing elements\n    this.layerElement.innerHTML = \"\";\n    this.textElements.clear();\n\n    // Process each annotation\n    this.annotations.forEach((annotation) => {\n      // Convert normalized coordinates to absolute pixels\n      const abs = rectNormToAbs(annotation, this.viewport);\n\n      // Create text box div\n      const textBox = document.createElement(\"div\");\n\n      // Set positioning\n      textBox.style.position = \"absolute\";\n      textBox.style.left = `${abs.left}px`;\n      textBox.style.top = `${abs.top}px`;\n      textBox.style.width = `${abs.width}px`;\n      textBox.style.height = `${abs.height}px`;\n\n      // Set background and border\n      textBox.style.backgroundColor =\n        annotation.style?.bg || \"rgba(255,255,255,0.9)\";\n      textBox.style.borderRadius = \"4px\";\n      textBox.style.padding = \"8px\";\n\n      // Set text styling\n      textBox.style.fontSize = \"14px\";\n      textBox.style.lineHeight = \"1.4\";\n      textBox.style.color = annotation.style?.color || \"#1f2937\";\n      textBox.style.fontFamily = \"system-ui, -apple-system, sans-serif\";\n\n      // Set layout\n      textBox.style.display = \"flex\";\n      textBox.style.alignItems = \"center\";\n      textBox.style.justifyContent = \"flex-start\";\n      textBox.style.overflow = \"hidden\";\n      textBox.style.wordWrap = \"break-word\";\n\n      // Initially hidden (will be shown/updated in updateTime)\n      textBox.style.display = \"none\";\n\n      // Append to layer\n      this.layerElement.appendChild(textBox);\n\n      // Store reference\n      this.textElements.set(annotation.id, {\n        element: textBox,\n        annotation: annotation,\n      });\n    });\n  }\n\n  /**\n   * Updates text box visibility and content based on timeline position\n   *\n   * Shows/hides text boxes based on start time. Calculates visible text\n   * for progressive reveal (typing effect). Text appears immediately when\n   * start time is reached and types in progressively.\n   *\n   * @param {number} nowSec - Current timeline position in seconds\n   */\n  updateTime(nowSec) {\n    // Call parent implementation\n    super.updateTime(nowSec);\n\n    // Update each text element\n    this.textElements.forEach(({ element, annotation }) => {\n      // Check if annotation should be visible\n      if (nowSec < annotation.start) {\n        // Before start time - hide\n        element.style.display = \"none\";\n      } else {\n        // After start time - show\n        element.style.display = \"flex\";\n\n        // Calculate visible text\n        const visibleText = this._getVisibleText(\n          annotation.content,\n          annotation.start,\n          annotation.end,\n          nowSec\n        );\n\n        // Update text content (typing effect)\n        element.textContent = visibleText;\n      }\n    });\n  }\n\n  /**\n   * Calculates visible text based on progress between start and end times\n   *\n   * Implements word-by-word reveal with partial character reveal for\n   * the current word being typed.\n   *\n   * @private\n   * @param {string} content - Full text content\n   * @param {number} start - Start time in seconds\n   * @param {number} end - End time in seconds\n   * @param {number} currentTime - Current timeline position in seconds\n   * @returns {string} Visible portion of text\n   */\n  _getVisibleText(content, start, end, currentTime) {\n    // Before start - no text visible\n    if (currentTime < start) {\n      return \"\";\n    }\n\n    // After end - full text visible\n    if (currentTime >= end) {\n      return content;\n    }\n\n    // During animation - calculate progress\n    const progress = (currentTime - start) / (end - start);\n\n    // Split into words\n    const words = content.split(\" \");\n\n    // Calculate visible word count\n    const visibleWordCount = Math.floor(progress * words.length);\n\n    // No words visible yet\n    if (visibleWordCount === 0) {\n      return \"\";\n    }\n\n    // Get complete visible words\n    const visibleWords = words.slice(0, visibleWordCount);\n\n    // Add partial of the next word if not at the end\n    if (visibleWordCount < words.length) {\n      // Calculate progress within current word\n      const currentWordProgress = progress * words.length - visibleWordCount;\n\n      // Get current word being typed\n      const currentWord = words[visibleWordCount];\n\n      // Calculate visible character count\n      const visibleCharCount = Math.floor(\n        currentWordProgress * currentWord.length\n      );\n\n      // Add partial word if any characters are visible\n      if (visibleCharCount > 0) {\n        visibleWords.push(currentWord.slice(0, visibleCharCount));\n      }\n    }\n\n    // Join words with spaces\n    return visibleWords.join(\" \");\n  }\n\n  /**\n   * Updates the visual state of the layer\n   *\n   * Not used by TextLayer - updateTime handles all updates directly.\n   * Implemented to satisfy BaseLayer contract.\n   */\n  update() {\n    // Not used - updateTime handles updates directly\n  }\n\n  /**\n   * Destroys the layer and releases all resources\n   *\n   * Clears element storage, removes DOM elements, and calls parent cleanup.\n   */\n  destroy() {\n    // Clear element storage\n    this.textElements.clear();\n    this.textElements = null;\n\n    // Remove layer element from DOM\n    if (this.layerElement && this.layerElement.parentNode) {\n      this.layerElement.parentNode.removeChild(this.layerElement);\n    }\n    this.layerElement = null;\n\n    // Call parent destroy\n    super.destroy();\n  }\n}\n\nexport default TextLayer;\n"],"names":["TextLayer","BaseLayer","container","viewport","annotation","abs","rectNormToAbs","textBox","nowSec","element","visibleText","content","start","end","currentTime","progress","words","visibleWordCount","visibleWords","currentWordProgress","currentWord","visibleCharCount"],"mappings":"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"}
+{"version":3,"file":"index8.js","sources":["../src/utils/viewportUtils.js"],"sourcesContent":["/**\n * Viewport Utility Functions\n *\n * This module provides utility functions for PDF viewport calculations\n * and transformations. These functions are used by the PDF viewer to\n * calculate viewport dimensions and manage scaling.\n */\n\n/**\n * Calculate viewport from PDF page\n *\n * Creates a viewport object from a PDF.js page with the specified scale.\n * The viewport contains dimensions and transformation matrix for rendering.\n *\n * @param {Object} page - PDF.js page object\n * @param {number} scale - Scale factor for rendering\n * @returns {Object} Viewport object with width, height, and transform matrix\n *\n * @example\n * const viewport = calculateViewport(pdfPage, 1.5);\n * // Returns: { width: 1200, height: 1600, scale: 1.5, ... }\n */\nexport function calculateViewport(page, scale) {\n  if (!page) {\n    throw new Error('Page object is required');\n  }\n\n  return page.getViewport({ scale });\n}\n\n/**\n * Get viewport dimensions\n *\n * Extracts width and height from a viewport object.\n * Useful for coordinate transformations and layout calculations.\n *\n * @param {Object} viewport - Viewport object from PDF.js\n * @returns {{width: number, height: number}} Dimensions object\n *\n * @example\n * const { width, height } = getViewportDimensions(viewport);\n * // Returns: { width: 1200, height: 1600 }\n */\nexport function getViewportDimensions(viewport) {\n  if (!viewport) {\n    return { width: 0, height: 0 };\n  }\n\n  return {\n    width: viewport.width,\n    height: viewport.height\n  };\n}\n\n/**\n * Calculate scaled dimensions\n *\n * Calculates dimensions for a given scale factor.\n * Used when zoom level changes to determine new canvas size.\n *\n * @param {number} baseWidth - Original width\n * @param {number} baseHeight - Original height\n * @param {number} scale - Scale factor\n * @returns {{width: number, height: number}} Scaled dimensions\n *\n * @example\n * const scaled = calculateScaledDimensions(800, 1000, 1.5);\n * // Returns: { width: 1200, height: 1500 }\n */\nexport function calculateScaledDimensions(baseWidth, baseHeight, scale) {\n  return {\n    width: baseWidth * scale,\n    height: baseHeight * scale\n  };\n}\n"],"names":["calculateViewport","page","scale","getViewportDimensions","viewport","calculateScaledDimensions","baseWidth","baseHeight"],"mappings":"AAsBO,SAASA,EAAkBC,GAAMC,GAAO;AAC7C,MAAI,CAACD;AACH,UAAM,IAAI,MAAM,yBAAyB;AAG3C,SAAOA,EAAK,YAAY,EAAE,OAAAC,GAAO;AACnC;AAeO,SAASC,EAAsBC,GAAU;AAC9C,SAAKA,IAIE;AAAA,IACL,OAAOA,EAAS;AAAA,IAChB,QAAQA,EAAS;AAAA,EACrB,IANW,EAAE,OAAO,GAAG,QAAQ,EAAC;AAOhC;AAiBO,SAASC,EAA0BC,GAAWC,GAAYL,GAAO;AACtE,SAAO;AAAA,IACL,OAAOI,IAAYJ;AAAA,IACnB,QAAQK,IAAaL;AAAA,EACzB;AACA;"}

package/dist/index9.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./index6.cjs");class c extends l.default{constructor(t,e){super(t,e),this.canvasElement=document.createElement("canvas"),this.canvasElement.style.position="absolute",this.canvasElement.style.inset="0",this.canvasElement.style.pointerEvents="none",this.canvasElement.style.zIndex="40",this.container.appendChild(this.canvasElement),this.ctx=this.canvasElement.getContext("2d"),this._setupCanvas()}_setupCanvas(){const t=window.devicePixelRatio||1;this.canvasElement.width=Math.round(this.viewport.width*t),this.canvasElement.height=Math.round(this.viewport.height*t),this.canvasElement.style.width=`${this.viewport.width}px`,this.canvasElement.style.height=`${this.viewport.height}px`,this.ctx.setTransform(t,0,0,t,0,0)}setViewport(t){super.setViewport(t),this._setupCanvas()}updateTime(t){if(super.updateTime(t),!this.isDestroyed){this.ctx.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);for(const e of this.annotations){if(t<e.start)continue;const o=e.end-e.start,r=Math.min(t-e.start,o);for(const s of e.strokes||[]){this.ctx.lineCap="round",this.ctx.lineJoin="round",this.ctx.strokeStyle=s.color||"#1f2937",this.ctx.lineWidth=s.size||3,this.ctx.beginPath();let i=!1;for(const n of s.points){if(n.t>r)break;const a=n.x*this.viewport.width,h=n.y*this.viewport.height;i?this.ctx.lineTo(a,h):(this.ctx.moveTo(a,h),i=!0)}i&&this.ctx.stroke()}}}}render(){}update(){}destroy(){this.ctx=null,this.canvasElement&&this.canvasElement.parentNode&&this.canvasElement.parentNode.removeChild(this.canvasElement),this.canvasElement=null,super.destroy()}}exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("pdfjs-dist");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const M=O(j);async function I(e){try{const t=await e.getTextContent(),n=e.getViewport({scale:1}),o=n.width,a=n.height,i=[];for(const s of t.items){if(!s.str||!s.str.trim())continue;const r=s.transform,g=Math.sqrt(r[2]*r[2]+r[3]*r[3]),h=r[4],c=n.height-r[5],u=s.width,l=s.height||g,p=h,x=c-l,f=h+u,m=c,b=[Math.max(0,Math.min(1,p/o)),Math.max(0,Math.min(1,x/a)),Math.max(0,Math.min(1,f/o)),Math.max(0,Math.min(1,m/a))];i.push({type:"text",text:s.str,bbox_norm:b,font:s.fontName||"unknown",fontSize:g,source:"pdfjs"})}return i}catch(t){return console.error("Error extracting text blocks:",t),[]}}function X(e,t,n){const o=e[4],a=e[5],i=e[0],s=e[3],r=Math.abs(i),g=Math.abs(s),h=n-a-g,c=n-a,u=o,l=o+r;return[Math.max(0,Math.min(1,u/t)),Math.max(0,Math.min(1,h/n)),Math.max(0,Math.min(1,l/t)),Math.max(0,Math.min(1,c/n))]}function B(e,t){return[e[0]*t[0]+e[2]*t[1],e[1]*t[0]+e[3]*t[1],e[0]*t[2]+e[2]*t[3],e[1]*t[2]+e[3]*t[3],e[0]*t[4]+e[2]*t[5]+e[4],e[1]*t[4]+e[3]*t[5]+e[5]]}function P(e,t){return{[t.paintImageXObject]:"paintImageXObject",[t.paintInlineImageXObject]:"paintInlineImageXObject",[t.paintImageMaskXObject]:"paintImageMaskXObject",[t.paintJpegXObject]:"paintJpegXObject"}[e]||"unknown"}async function T(e){try{const t=await e.getOperatorList(),n=e.getViewport({scale:1}),o=n.width,a=n.height,i=[],s=[];let r=[1,0,0,1,0,0];const g=t.fnArray,h=t.argsArray,c=M.OPS,u=[c.paintImageXObject,c.paintInlineImageXObject,c.paintImageMaskXObject,c.paintJpegXObject];for(let l=0;l<g.length;l++){const p=g[l],x=h[l];if(p===c.save)s.push([...r]);else if(p===c.restore)s.length>0&&(r=s.pop());else if(p===c.transform){const[f,m,b,w,y,k]=x;r=B(r,[f,m,b,w,y,k])}else if(u.includes(p)){const f=X(r,o,a);i.push({type:"image",bbox_norm:f,source:"pdfjs",operator:P(p,c)})}}return i}catch(t){return console.error("Error extracting image blocks:",t),[]}}async function d(e,t){try{const o=await M.getDocument(e).promise;if(t<1||t>o.numPages)throw new Error(`Invalid page number: ${t}. Document has ${o.numPages} pages.`);const a=await o.getPage(t),i=a.getViewport({scale:1}),[s,r]=await Promise.all([I(a),T(a)]);return{textBlocks:s,imageBlocks:r,pageDimensions:{width:i.width,height:i.height},pageNumber:t}}catch(n){throw console.error(`Error extracting blocks from page ${t}:`,n),n}}async function D(e,t){const n=[];for(const o of t)try{const a=await d(e,o);n.push(a)}catch(a){console.error(`Failed to extract page ${o}:`,a),n.push({textBlocks:[],imageBlocks:[],pageDimensions:null,pageNumber:o,error:a.message})}return n}exports.extractAllBlocks=d;exports.extractMultiplePages=D;
 //# sourceMappingURL=index9.cjs.map

package/dist/index9.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index9.cjs","sources":["../src/layers/DrawingLayer.js"],"sourcesContent":["import BaseLayer from './BaseLayer.js';\n\n/**\n * DrawingLayer - Renders ink/drawing annotations on HTML canvas\n *\n * Extends BaseLayer to provide progressive stroke animation for ink annotations.\n * Draws stroke points incrementally based on timeline position using requestAnimationFrame.\n * Handles device pixel ratio scaling for crisp rendering on high-DPI displays.\n *\n * Features:\n * - Progressive stroke drawing point-by-point\n * - Multiple strokes per annotation with custom colors/sizes\n * - Device pixel ratio handling for Retina displays\n * - Smooth 60fps animation with RAF\n * - Efficient canvas clear/redraw cycle\n *\n * @extends BaseLayer\n */\nclass DrawingLayer extends BaseLayer {\n  /**\n   * Creates a new DrawingLayer instance\n   *\n   * @param {HTMLElement} container - Parent DOM element for layer content\n   * @param {Object} viewport - Initial viewport dimensions\n   * @param {number} viewport.width - Viewport width in pixels\n   * @param {number} viewport.height - Viewport height in pixels\n   * @param {number} viewport.scale - PDF scale/zoom level\n   */\n  constructor(container, viewport) {\n    super(container, viewport);\n\n    // Create canvas element\n    this.canvasElement = document.createElement('canvas');\n    this.canvasElement.style.position = 'absolute';\n    this.canvasElement.style.inset = '0';\n    this.canvasElement.style.pointerEvents = 'none';\n    this.canvasElement.style.zIndex = '40';\n\n    // Append to container\n    this.container.appendChild(this.canvasElement);\n\n    // Get 2D context\n    this.ctx = this.canvasElement.getContext('2d');\n\n    // Setup canvas with device pixel ratio\n    this._setupCanvas();\n  }\n\n  /**\n   * Configures canvas dimensions with device pixel ratio scaling\n   *\n   * Sets canvas buffer size for high-resolution rendering on Retina displays\n   * while maintaining correct display size in CSS pixels. Scales context\n   * transform to allow drawing with CSS pixel coordinates.\n   *\n   * @private\n   */\n  _setupCanvas() {\n    const dpr = window.devicePixelRatio || 1;\n\n    // Set canvas buffer resolution (high-res for crisp rendering)\n    this.canvasElement.width = Math.round(this.viewport.width * dpr);\n    this.canvasElement.height = Math.round(this.viewport.height * dpr);\n\n    // Set canvas display size (CSS pixels)\n    this.canvasElement.style.width = `${this.viewport.width}px`;\n    this.canvasElement.style.height = `${this.viewport.height}px`;\n\n    // Scale context to account for device pixel ratio\n    this.ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  }\n\n  /**\n   * Updates viewport dimensions and resizes canvas\n   *\n   * Reconfigures canvas buffer and display size when viewport changes\n   * due to page navigation or zoom operations.\n   *\n   * @param {Object} viewport - New viewport dimensions\n   * @param {number} viewport.width - Viewport width in pixels\n   * @param {number} viewport.height - Viewport height in pixels\n   * @param {number} viewport.scale - PDF scale/zoom level\n   * @override\n   */\n  setViewport(viewport) {\n    super.setViewport(viewport);\n    this._setupCanvas();\n  }\n\n  /**\n   * Updates timeline position and draws progressive strokes\n   *\n   * Redraws the canvas with strokes progressively drawn based on elapsed time.\n   * Clears the canvas and redraws all visible strokes.\n   * Renders once per call - no continuous loop.\n   *\n   * @param {number} nowSec - Current timeline position in seconds\n   * @throws {Error} If called after layer is destroyed\n   * @override\n   */\n  updateTime(nowSec) {\n    super.updateTime(nowSec);\n\n    // Check destroyed state\n    if (this.isDestroyed) return;\n\n    // Clear canvas\n    this.ctx.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    // Draw each annotation\n    for (const a of this.annotations) {\n      // Skip annotations that haven't started yet\n      if (nowSec < a.start) continue;\n\n      // Calculate elapsed time (capped at duration for persistence)\n      const duration = a.end - a.start;\n      const elapsed = Math.min(nowSec - a.start, duration);\n\n      // Draw each stroke\n      for (const stroke of (a.strokes || [])) {\n        // Configure stroke style\n        this.ctx.lineCap = 'round';\n        this.ctx.lineJoin = 'round';\n        this.ctx.strokeStyle = stroke.color || '#1f2937';\n        this.ctx.lineWidth = stroke.size || 3;\n        this.ctx.beginPath();\n\n        let started = false;\n\n        // Draw points up to current time\n        for (const point of stroke.points) {\n          // Skip points that haven't been drawn yet\n          if (point.t > elapsed) break;\n\n          // Convert normalized coordinates to canvas pixels\n          const x = point.x * this.viewport.width;\n          const y = point.y * this.viewport.height;\n\n          if (!started) {\n            this.ctx.moveTo(x, y);\n            started = true;\n          } else {\n            this.ctx.lineTo(x, y);\n          }\n        }\n\n        // Render the stroke\n        if (started) {\n          this.ctx.stroke();\n        }\n      }\n    }\n  }\n\n  /**\n   * Renders the layer content\n   *\n   * No-op for DrawingLayer - canvas rendering happens in updateTime().\n   * Canvas element is created once in constructor.\n   *\n   * @override\n   */\n  render() {\n    // No-op: Canvas rendering happens in updateTime()\n    // Canvas element is created once in constructor\n  }\n\n  /**\n   * Updates the visual state of the layer\n   *\n   * Not used for DrawingLayer - updateTime() handles drawing directly.\n   *\n   * @override\n   */\n  update() {\n    // Not used - updateTime handles drawing directly\n  }\n\n  /**\n   * Destroys the layer and releases resources\n   *\n   * Clears references and removes canvas from DOM.\n   * Safe to call multiple times (idempotent).\n   *\n   * @override\n   */\n  destroy() {\n    // Clear context reference\n    this.ctx = null;\n\n    // Remove canvas from DOM\n    if (this.canvasElement && this.canvasElement.parentNode) {\n      this.canvasElement.parentNode.removeChild(this.canvasElement);\n    }\n    this.canvasElement = null;\n\n    // Call parent cleanup (always last)\n    super.destroy();\n  }\n}\n\nexport default DrawingLayer;\n"],"names":["DrawingLayer","BaseLayer","container","viewport","dpr","nowSec","a","duration","elapsed","stroke","started","point","x","y"],"mappings":"4IAkBA,MAAMA,UAAqBC,EAAAA,OAAU,CAUnC,YAAYC,EAAWC,EAAU,CAC/B,MAAMD,EAAWC,CAAQ,EAGzB,KAAK,cAAgB,SAAS,cAAc,QAAQ,EACpD,KAAK,cAAc,MAAM,SAAW,WACpC,KAAK,cAAc,MAAM,MAAQ,IACjC,KAAK,cAAc,MAAM,cAAgB,OACzC,KAAK,cAAc,MAAM,OAAS,KAGlC,KAAK,UAAU,YAAY,KAAK,aAAa,EAG7C,KAAK,IAAM,KAAK,cAAc,WAAW,IAAI,EAG7C,KAAK,aAAY,CACnB,CAWA,cAAe,CACb,MAAMC,EAAM,OAAO,kBAAoB,EAGvC,KAAK,cAAc,MAAQ,KAAK,MAAM,KAAK,SAAS,MAAQA,CAAG,EAC/D,KAAK,cAAc,OAAS,KAAK,MAAM,KAAK,SAAS,OAASA,CAAG,EAGjE,KAAK,cAAc,MAAM,MAAQ,GAAG,KAAK,SAAS,KAAK,KACvD,KAAK,cAAc,MAAM,OAAS,GAAG,KAAK,SAAS,MAAM,KAGzD,KAAK,IAAI,aAAaA,EAAK,EAAG,EAAGA,EAAK,EAAG,CAAC,CAC5C,CAcA,YAAYD,EAAU,CACpB,MAAM,YAAYA,CAAQ,EAC1B,KAAK,aAAY,CACnB,CAaA,WAAWE,EAAQ,CAIjB,GAHA,MAAM,WAAWA,CAAM,EAGnB,MAAK,YAGT,MAAK,IAAI,UAAU,EAAG,EAAG,KAAK,cAAc,MAAO,KAAK,cAAc,MAAM,EAG5E,UAAWC,KAAK,KAAK,YAAa,CAEhC,GAAID,EAASC,EAAE,MAAO,SAGtB,MAAMC,EAAWD,EAAE,IAAMA,EAAE,MACrBE,EAAU,KAAK,IAAIH,EAASC,EAAE,MAAOC,CAAQ,EAGnD,UAAWE,KAAWH,EAAE,SAAW,CAAA,EAAK,CAEtC,KAAK,IAAI,QAAU,QACnB,KAAK,IAAI,SAAW,QACpB,KAAK,IAAI,YAAcG,EAAO,OAAS,UACvC,KAAK,IAAI,UAAYA,EAAO,MAAQ,EACpC,KAAK,IAAI,UAAS,EAElB,IAAIC,EAAU,GAGd,UAAWC,KAASF,EAAO,OAAQ,CAEjC,GAAIE,EAAM,EAAIH,EAAS,MAGvB,MAAMI,EAAID,EAAM,EAAI,KAAK,SAAS,MAC5BE,EAAIF,EAAM,EAAI,KAAK,SAAS,OAE7BD,EAIH,KAAK,IAAI,OAAOE,EAAGC,CAAC,GAHpB,KAAK,IAAI,OAAOD,EAAGC,CAAC,EACpBH,EAAU,GAId,CAGIA,GACF,KAAK,IAAI,OAAM,CAEnB,CACF,EACF,CAUA,QAAS,CAGT,CASA,QAAS,CAET,CAUA,SAAU,CAER,KAAK,IAAM,KAGP,KAAK,eAAiB,KAAK,cAAc,YAC3C,KAAK,cAAc,WAAW,YAAY,KAAK,aAAa,EAE9D,KAAK,cAAgB,KAGrB,MAAM,QAAO,CACf,CACF"}
+{"version":3,"file":"index9.cjs","sources":["../src/utils/pdfExtractor.js"],"sourcesContent":["/**\n * PDF Data Extractor - Extract text and image blocks from PDF\n *\n * Uses PDF.js getOperatorList() for efficient metadata extraction without rendering.\n *\n * @module utils/pdfExtractor\n */\n\nimport * as pdfjsLib from \"pdfjs-dist\";\n\n/**\n * Extract text blocks from a PDF page with normalized coordinates\n *\n * @param {PDFPageProxy} page - PDF.js page object\n * @returns {Promise<Array>} Array of text blocks with normalized bounding boxes (0-1 range)\n */\nasync function extractTextBlocks(page) {\n  try {\n    const textContent = await page.getTextContent();\n    const viewport = page.getViewport({ scale: 1.0 });\n\n    const pageWidth = viewport.width;\n    const pageHeight = viewport.height;\n\n    const textBlocks = [];\n\n    for (const item of textContent.items) {\n      // Skip empty text\n      if (!item.str || !item.str.trim()) {\n        continue;\n      }\n\n      // Get transform matrix [a, b, c, d, e, f]\n      const transform = item.transform;\n      const fontSize = Math.sqrt(transform[2] * transform[2] + transform[3] * transform[3]);\n\n      // Calculate bounding box (absolute coordinates)\n      const x = transform[4];\n      const y = viewport.height - transform[5]; // Convert to top-left origin\n      const width = item.width;\n      const height = item.height || fontSize;\n\n      const x1 = x;\n      const y1 = y - height;\n      const x2 = x + width;\n      const y2 = y;\n\n      // Normalize coordinates to 0-1 range\n      const bbox_norm = [\n        Math.max(0.0, Math.min(1.0, x1 / pageWidth)),\n        Math.max(0.0, Math.min(1.0, y1 / pageHeight)),\n        Math.max(0.0, Math.min(1.0, x2 / pageWidth)),\n        Math.max(0.0, Math.min(1.0, y2 / pageHeight))\n      ];\n\n      textBlocks.push({\n        type: \"text\",\n        text: item.str,\n        bbox_norm: bbox_norm,\n        font: item.fontName || \"unknown\",\n        fontSize: fontSize,\n        source: \"pdfjs\"\n      });\n    }\n\n    return textBlocks;\n  } catch (error) {\n    console.error(\"Error extracting text blocks:\", error);\n    return [];\n  }\n}\n\n/**\n * Extract normalized bounding box from PDF transformation matrix\n *\n * @param {Array} transform - PDF transformation matrix [a, b, c, d, e, f]\n * @param {number} pageWidth - Page width for normalization\n * @param {number} pageHeight - Page height for coordinate conversion and normalization\n * @returns {Array} Normalized bounding box [x1, y1, x2, y2] in 0-1 range\n */\nfunction extractBBoxFromTransform(transform, pageWidth, pageHeight) {\n  const x = transform[4];\n  const y = transform[5];\n  const scaleX = transform[0];\n  const scaleY = transform[3];\n\n  // Scale factors represent image dimensions\n  const width = Math.abs(scaleX);\n  const height = Math.abs(scaleY);\n\n  // Convert from PDF bottom-left to image top-left origin\n  const y1 = pageHeight - y - height;\n  const y2 = pageHeight - y;\n  const x1 = x;\n  const x2 = x + width;\n\n  // Normalize to 0-1 range\n  return [\n    Math.max(0.0, Math.min(1.0, x1 / pageWidth)),\n    Math.max(0.0, Math.min(1.0, y1 / pageHeight)),\n    Math.max(0.0, Math.min(1.0, x2 / pageWidth)),\n    Math.max(0.0, Math.min(1.0, y2 / pageHeight))\n  ];\n}\n\n/**\n * Multiply two transformation matrices\n *\n * @param {Array} m1 - First matrix [a, b, c, d, e, f]\n * @param {Array} m2 - Second matrix [a, b, c, d, e, f]\n * @returns {Array} Result matrix [a, b, c, d, e, f]\n */\nfunction multiplyTransforms(m1, m2) {\n  return [\n    m1[0] * m2[0] + m1[2] * m2[1],\n    m1[1] * m2[0] + m1[3] * m2[1],\n    m1[0] * m2[2] + m1[2] * m2[3],\n    m1[1] * m2[2] + m1[3] * m2[3],\n    m1[0] * m2[4] + m1[2] * m2[5] + m1[4],\n    m1[1] * m2[4] + m1[3] * m2[5] + m1[5]\n  ];\n}\n\n/**\n * Get human-readable operator name\n *\n * @param {number} op - Operator code\n * @param {Object} OPS - PDF.js OPS constants\n * @returns {string} Operator name\n */\nfunction getOperatorName(op, OPS) {\n  const opNames = {\n    [OPS.paintImageXObject]: \"paintImageXObject\",\n    [OPS.paintInlineImageXObject]: \"paintInlineImageXObject\",\n    [OPS.paintImageMaskXObject]: \"paintImageMaskXObject\",\n    [OPS.paintJpegXObject]: \"paintJpegXObject\"\n  };\n  return opNames[op] || \"unknown\";\n}\n\n/**\n * Extract image blocks from a PDF page using getOperatorList with normalized coordinates\n *\n * @param {PDFPageProxy} page - PDF.js page object\n * @returns {Promise<Array>} Array of image blocks with normalized bounding boxes (0-1 range)\n */\nasync function extractImageBlocks(page) {\n  try {\n    const operatorList = await page.getOperatorList();\n    const viewport = page.getViewport({ scale: 1.0 });\n\n    const pageWidth = viewport.width;\n    const pageHeight = viewport.height;\n\n    const imageBlocks = [];\n    const graphicsStateStack = []; // Track graphics state transformations\n    let currentTransform = [1, 0, 0, 1, 0, 0]; // Identity matrix\n\n    const ops = operatorList.fnArray;\n    const args = operatorList.argsArray;\n\n    // Image paint operator constants from PDF.js\n    const OPS = pdfjsLib.OPS;\n    const IMAGE_OPS = [\n      OPS.paintImageXObject,\n      OPS.paintInlineImageXObject,\n      OPS.paintImageMaskXObject,\n      OPS.paintJpegXObject\n    ];\n\n    for (let i = 0; i < ops.length; i++) {\n      const op = ops[i];\n      const arg = args[i];\n\n      // Track graphics state stack\n      if (op === OPS.save) {\n        graphicsStateStack.push([...currentTransform]);\n      } else if (op === OPS.restore) {\n        if (graphicsStateStack.length > 0) {\n          currentTransform = graphicsStateStack.pop();\n        }\n      } else if (op === OPS.transform) {\n        // Update current transformation matrix\n        const [a, b, c, d, e, f] = arg;\n        currentTransform = multiplyTransforms(currentTransform, [a, b, c, d, e, f]);\n      } else if (IMAGE_OPS.includes(op)) {\n        // Extract image bounding box (normalized)\n        const bbox_norm = extractBBoxFromTransform(currentTransform, pageWidth, pageHeight);\n\n        imageBlocks.push({\n          type: \"image\",\n          bbox_norm: bbox_norm,\n          source: \"pdfjs\",\n          operator: getOperatorName(op, OPS)\n        });\n      }\n    }\n\n    return imageBlocks;\n  } catch (error) {\n    console.error(\"Error extracting image blocks:\", error);\n    return [];\n  }\n}\n\n/**\n * Extract all blocks (text and images) from a PDF page\n *\n * @param {string} pdfPath - Path to PDF file\n * @param {number} pageNumber - Page number (1-indexed)\n * @returns {Promise<Object>} Object with textBlocks and imageBlocks arrays\n */\nexport async function extractAllBlocks(pdfPath, pageNumber) {\n  try {\n    // Load PDF document\n    const loadingTask = pdfjsLib.getDocument(pdfPath);\n    const pdfDoc = await loadingTask.promise;\n\n    // Validate page number\n    if (pageNumber < 1 || pageNumber > pdfDoc.numPages) {\n      throw new Error(`Invalid page number: ${pageNumber}. Document has ${pdfDoc.numPages} pages.`);\n    }\n\n    // Get page\n    const page = await pdfDoc.getPage(pageNumber);\n    const viewport = page.getViewport({ scale: 1.0 });\n\n    // Extract text and image blocks in parallel\n    const [textBlocks, imageBlocks] = await Promise.all([\n      extractTextBlocks(page),\n      extractImageBlocks(page)\n    ]);\n\n    return {\n      textBlocks,\n      imageBlocks,\n      pageDimensions: {\n        width: viewport.width,\n        height: viewport.height\n      },\n      pageNumber: pageNumber\n    };\n  } catch (error) {\n    console.error(`Error extracting blocks from page ${pageNumber}:`, error);\n    throw error;\n  }\n}\n\n/**\n * Extract blocks from multiple pages\n *\n * @param {string} pdfPath - Path to PDF file\n * @param {Array<number>} pageNumbers - Array of page numbers (1-indexed)\n * @returns {Promise<Array>} Array of extraction results, one per page\n */\nexport async function extractMultiplePages(pdfPath, pageNumbers) {\n  const results = [];\n\n  for (const pageNum of pageNumbers) {\n    try {\n      const pageData = await extractAllBlocks(pdfPath, pageNum);\n      results.push(pageData);\n    } catch (error) {\n      console.error(`Failed to extract page ${pageNum}:`, error);\n      results.push({\n        textBlocks: [],\n        imageBlocks: [],\n        pageDimensions: null,\n        pageNumber: pageNum,\n        error: error.message\n      });\n    }\n  }\n\n  return results;\n}\n"],"names":["extractTextBlocks","page","textContent","viewport","pageWidth","pageHeight","textBlocks","item","transform","fontSize","x","y","width","height","x1","y1","x2","y2","bbox_norm","error","extractBBoxFromTransform","scaleX","scaleY","multiplyTransforms","m1","m2","getOperatorName","op","OPS","extractImageBlocks","operatorList","imageBlocks","graphicsStateStack","currentTransform","ops","args","pdfjsLib","IMAGE_OPS","i","arg","a","b","c","d","e","f","extractAllBlocks","pdfPath","pageNumber","pdfDoc","extractMultiplePages","pageNumbers","results","pageNum","pageData"],"mappings":"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"}

package/dist/index9.js

@@ -1,107 +1,132 @@
-import c from "./index6.js";
-class p extends c {
-  /**
-   * Creates a new DrawingLayer instance
-   *
-   * @param {HTMLElement} container - Parent DOM element for layer content
-   * @param {Object} viewport - Initial viewport dimensions
-   * @param {number} viewport.width - Viewport width in pixels
-   * @param {number} viewport.height - Viewport height in pixels
-   * @param {number} viewport.scale - PDF scale/zoom level
-   */
-  constructor(t, e) {
-    super(t, e), this.canvasElement = document.createElement("canvas"), this.canvasElement.style.position = "absolute", this.canvasElement.style.inset = "0", this.canvasElement.style.pointerEvents = "none", this.canvasElement.style.zIndex = "40", this.container.appendChild(this.canvasElement), this.ctx = this.canvasElement.getContext("2d"), this._setupCanvas();
-  }
-  /**
-   * Configures canvas dimensions with device pixel ratio scaling
-   *
-   * Sets canvas buffer size for high-resolution rendering on Retina displays
-   * while maintaining correct display size in CSS pixels. Scales context
-   * transform to allow drawing with CSS pixel coordinates.
-   *
-   * @private
-   */
-  _setupCanvas() {
-    const t = window.devicePixelRatio || 1;
-    this.canvasElement.width = Math.round(this.viewport.width * t), this.canvasElement.height = Math.round(this.viewport.height * t), this.canvasElement.style.width = `${this.viewport.width}px`, this.canvasElement.style.height = `${this.viewport.height}px`, this.ctx.setTransform(t, 0, 0, t, 0, 0);
-  }
-  /**
-   * Updates viewport dimensions and resizes canvas
-   *
-   * Reconfigures canvas buffer and display size when viewport changes
-   * due to page navigation or zoom operations.
-   *
-   * @param {Object} viewport - New viewport dimensions
-   * @param {number} viewport.width - Viewport width in pixels
-   * @param {number} viewport.height - Viewport height in pixels
-   * @param {number} viewport.scale - PDF scale/zoom level
-   * @override
-   */
-  setViewport(t) {
-    super.setViewport(t), this._setupCanvas();
+import * as w from "pdfjs-dist";
+async function d(e) {
+  try {
+    const t = await e.getTextContent(), o = e.getViewport({ scale: 1 }), s = o.width, n = o.height, i = [];
+    for (const r of t.items) {
+      if (!r.str || !r.str.trim())
+        continue;
+      const a = r.transform, g = Math.sqrt(a[2] * a[2] + a[3] * a[3]), l = a[4], c = o.height - a[5], x = r.width, h = r.height || g, p = l, f = c - h, u = l + x, m = c, b = [
+        Math.max(0, Math.min(1, p / s)),
+        Math.max(0, Math.min(1, f / n)),
+        Math.max(0, Math.min(1, u / s)),
+        Math.max(0, Math.min(1, m / n))
+      ];
+      i.push({
+        type: "text",
+        text: r.str,
+        bbox_norm: b,
+        font: r.fontName || "unknown",
+        fontSize: g,
+        source: "pdfjs"
+      });
+    }
+    return i;
+  } catch (t) {
+    return console.error("Error extracting text blocks:", t), [];
   }
-  /**
-   * Updates timeline position and draws progressive strokes
-   *
-   * Redraws the canvas with strokes progressively drawn based on elapsed time.
-   * Clears the canvas and redraws all visible strokes.
-   * Renders once per call - no continuous loop.
-   *
-   * @param {number} nowSec - Current timeline position in seconds
-   * @throws {Error} If called after layer is destroyed
-   * @override
-   */
-  updateTime(t) {
-    if (super.updateTime(t), !this.isDestroyed) {
-      this.ctx.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);
-      for (const e of this.annotations) {
-        if (t < e.start) continue;
-        const o = e.end - e.start, r = Math.min(t - e.start, o);
-        for (const s of e.strokes || []) {
-          this.ctx.lineCap = "round", this.ctx.lineJoin = "round", this.ctx.strokeStyle = s.color || "#1f2937", this.ctx.lineWidth = s.size || 3, this.ctx.beginPath();
-          let i = !1;
-          for (const n of s.points) {
-            if (n.t > r) break;
-            const a = n.x * this.viewport.width, h = n.y * this.viewport.height;
-            i ? this.ctx.lineTo(a, h) : (this.ctx.moveTo(a, h), i = !0);
-          }
-          i && this.ctx.stroke();
-        }
+}
+function j(e, t, o) {
+  const s = e[4], n = e[5], i = e[0], r = e[3], a = Math.abs(i), g = Math.abs(r), l = o - n - g, c = o - n, x = s, h = s + a;
+  return [
+    Math.max(0, Math.min(1, x / t)),
+    Math.max(0, Math.min(1, l / o)),
+    Math.max(0, Math.min(1, h / t)),
+    Math.max(0, Math.min(1, c / o))
+  ];
+}
+function I(e, t) {
+  return [
+    e[0] * t[0] + e[2] * t[1],
+    e[1] * t[0] + e[3] * t[1],
+    e[0] * t[2] + e[2] * t[3],
+    e[1] * t[2] + e[3] * t[3],
+    e[0] * t[4] + e[2] * t[5] + e[4],
+    e[1] * t[4] + e[3] * t[5] + e[5]
+  ];
+}
+function O(e, t) {
+  return {
+    [t.paintImageXObject]: "paintImageXObject",
+    [t.paintInlineImageXObject]: "paintInlineImageXObject",
+    [t.paintImageMaskXObject]: "paintImageMaskXObject",
+    [t.paintJpegXObject]: "paintJpegXObject"
+  }[e] || "unknown";
+}
+async function X(e) {
+  try {
+    const t = await e.getOperatorList(), o = e.getViewport({ scale: 1 }), s = o.width, n = o.height, i = [], r = [];
+    let a = [1, 0, 0, 1, 0, 0];
+    const g = t.fnArray, l = t.argsArray, c = w.OPS, x = [
+      c.paintImageXObject,
+      c.paintInlineImageXObject,
+      c.paintImageMaskXObject,
+      c.paintJpegXObject
+    ];
+    for (let h = 0; h < g.length; h++) {
+      const p = g[h], f = l[h];
+      if (p === c.save)
+        r.push([...a]);
+      else if (p === c.restore)
+        r.length > 0 && (a = r.pop());
+      else if (p === c.transform) {
+        const [u, m, b, M, k, y] = f;
+        a = I(a, [u, m, b, M, k, y]);
+      } else if (x.includes(p)) {
+        const u = j(a, s, n);
+        i.push({
+          type: "image",
+          bbox_norm: u,
+          source: "pdfjs",
+          operator: O(p, c)
+        });
       }
     }
+    return i;
+  } catch (t) {
+    return console.error("Error extracting image blocks:", t), [];
   }
-  /**
-   * Renders the layer content
-   *
-   * No-op for DrawingLayer - canvas rendering happens in updateTime().
-   * Canvas element is created once in constructor.
-   *
-   * @override
-   */
-  render() {
-  }
-  /**
-   * Updates the visual state of the layer
-   *
-   * Not used for DrawingLayer - updateTime() handles drawing directly.
-   *
-   * @override
-   */
-  update() {
-  }
-  /**
-   * Destroys the layer and releases resources
-   *
-   * Clears references and removes canvas from DOM.
-   * Safe to call multiple times (idempotent).
-   *
-   * @override
-   */
-  destroy() {
-    this.ctx = null, this.canvasElement && this.canvasElement.parentNode && this.canvasElement.parentNode.removeChild(this.canvasElement), this.canvasElement = null, super.destroy();
+}
+async function B(e, t) {
+  try {
+    const s = await w.getDocument(e).promise;
+    if (t < 1 || t > s.numPages)
+      throw new Error(`Invalid page number: ${t}. Document has ${s.numPages} pages.`);
+    const n = await s.getPage(t), i = n.getViewport({ scale: 1 }), [r, a] = await Promise.all([
+      d(n),
+      X(n)
+    ]);
+    return {
+      textBlocks: r,
+      imageBlocks: a,
+      pageDimensions: {
+        width: i.width,
+        height: i.height
+      },
+      pageNumber: t
+    };
+  } catch (o) {
+    throw console.error(`Error extracting blocks from page ${t}:`, o), o;
   }
 }
+async function T(e, t) {
+  const o = [];
+  for (const s of t)
+    try {
+      const n = await B(e, s);
+      o.push(n);
+    } catch (n) {
+      console.error(`Failed to extract page ${s}:`, n), o.push({
+        textBlocks: [],
+        imageBlocks: [],
+        pageDimensions: null,
+        pageNumber: s,
+        error: n.message
+      });
+    }
+  return o;
+}
 export {
-  p as default
+  B as extractAllBlocks,
+  T as extractMultiplePages
 };
 //# sourceMappingURL=index9.js.map

package/dist/index9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index9.js","sources":["../src/layers/DrawingLayer.js"],"sourcesContent":["import BaseLayer from './BaseLayer.js';\n\n/**\n * DrawingLayer - Renders ink/drawing annotations on HTML canvas\n *\n * Extends BaseLayer to provide progressive stroke animation for ink annotations.\n * Draws stroke points incrementally based on timeline position using requestAnimationFrame.\n * Handles device pixel ratio scaling for crisp rendering on high-DPI displays.\n *\n * Features:\n * - Progressive stroke drawing point-by-point\n * - Multiple strokes per annotation with custom colors/sizes\n * - Device pixel ratio handling for Retina displays\n * - Smooth 60fps animation with RAF\n * - Efficient canvas clear/redraw cycle\n *\n * @extends BaseLayer\n */\nclass DrawingLayer extends BaseLayer {\n  /**\n   * Creates a new DrawingLayer instance\n   *\n   * @param {HTMLElement} container - Parent DOM element for layer content\n   * @param {Object} viewport - Initial viewport dimensions\n   * @param {number} viewport.width - Viewport width in pixels\n   * @param {number} viewport.height - Viewport height in pixels\n   * @param {number} viewport.scale - PDF scale/zoom level\n   */\n  constructor(container, viewport) {\n    super(container, viewport);\n\n    // Create canvas element\n    this.canvasElement = document.createElement('canvas');\n    this.canvasElement.style.position = 'absolute';\n    this.canvasElement.style.inset = '0';\n    this.canvasElement.style.pointerEvents = 'none';\n    this.canvasElement.style.zIndex = '40';\n\n    // Append to container\n    this.container.appendChild(this.canvasElement);\n\n    // Get 2D context\n    this.ctx = this.canvasElement.getContext('2d');\n\n    // Setup canvas with device pixel ratio\n    this._setupCanvas();\n  }\n\n  /**\n   * Configures canvas dimensions with device pixel ratio scaling\n   *\n   * Sets canvas buffer size for high-resolution rendering on Retina displays\n   * while maintaining correct display size in CSS pixels. Scales context\n   * transform to allow drawing with CSS pixel coordinates.\n   *\n   * @private\n   */\n  _setupCanvas() {\n    const dpr = window.devicePixelRatio || 1;\n\n    // Set canvas buffer resolution (high-res for crisp rendering)\n    this.canvasElement.width = Math.round(this.viewport.width * dpr);\n    this.canvasElement.height = Math.round(this.viewport.height * dpr);\n\n    // Set canvas display size (CSS pixels)\n    this.canvasElement.style.width = `${this.viewport.width}px`;\n    this.canvasElement.style.height = `${this.viewport.height}px`;\n\n    // Scale context to account for device pixel ratio\n    this.ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  }\n\n  /**\n   * Updates viewport dimensions and resizes canvas\n   *\n   * Reconfigures canvas buffer and display size when viewport changes\n   * due to page navigation or zoom operations.\n   *\n   * @param {Object} viewport - New viewport dimensions\n   * @param {number} viewport.width - Viewport width in pixels\n   * @param {number} viewport.height - Viewport height in pixels\n   * @param {number} viewport.scale - PDF scale/zoom level\n   * @override\n   */\n  setViewport(viewport) {\n    super.setViewport(viewport);\n    this._setupCanvas();\n  }\n\n  /**\n   * Updates timeline position and draws progressive strokes\n   *\n   * Redraws the canvas with strokes progressively drawn based on elapsed time.\n   * Clears the canvas and redraws all visible strokes.\n   * Renders once per call - no continuous loop.\n   *\n   * @param {number} nowSec - Current timeline position in seconds\n   * @throws {Error} If called after layer is destroyed\n   * @override\n   */\n  updateTime(nowSec) {\n    super.updateTime(nowSec);\n\n    // Check destroyed state\n    if (this.isDestroyed) return;\n\n    // Clear canvas\n    this.ctx.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    // Draw each annotation\n    for (const a of this.annotations) {\n      // Skip annotations that haven't started yet\n      if (nowSec < a.start) continue;\n\n      // Calculate elapsed time (capped at duration for persistence)\n      const duration = a.end - a.start;\n      const elapsed = Math.min(nowSec - a.start, duration);\n\n      // Draw each stroke\n      for (const stroke of (a.strokes || [])) {\n        // Configure stroke style\n        this.ctx.lineCap = 'round';\n        this.ctx.lineJoin = 'round';\n        this.ctx.strokeStyle = stroke.color || '#1f2937';\n        this.ctx.lineWidth = stroke.size || 3;\n        this.ctx.beginPath();\n\n        let started = false;\n\n        // Draw points up to current time\n        for (const point of stroke.points) {\n          // Skip points that haven't been drawn yet\n          if (point.t > elapsed) break;\n\n          // Convert normalized coordinates to canvas pixels\n          const x = point.x * this.viewport.width;\n          const y = point.y * this.viewport.height;\n\n          if (!started) {\n            this.ctx.moveTo(x, y);\n            started = true;\n          } else {\n            this.ctx.lineTo(x, y);\n          }\n        }\n\n        // Render the stroke\n        if (started) {\n          this.ctx.stroke();\n        }\n      }\n    }\n  }\n\n  /**\n   * Renders the layer content\n   *\n   * No-op for DrawingLayer - canvas rendering happens in updateTime().\n   * Canvas element is created once in constructor.\n   *\n   * @override\n   */\n  render() {\n    // No-op: Canvas rendering happens in updateTime()\n    // Canvas element is created once in constructor\n  }\n\n  /**\n   * Updates the visual state of the layer\n   *\n   * Not used for DrawingLayer - updateTime() handles drawing directly.\n   *\n   * @override\n   */\n  update() {\n    // Not used - updateTime handles drawing directly\n  }\n\n  /**\n   * Destroys the layer and releases resources\n   *\n   * Clears references and removes canvas from DOM.\n   * Safe to call multiple times (idempotent).\n   *\n   * @override\n   */\n  destroy() {\n    // Clear context reference\n    this.ctx = null;\n\n    // Remove canvas from DOM\n    if (this.canvasElement && this.canvasElement.parentNode) {\n      this.canvasElement.parentNode.removeChild(this.canvasElement);\n    }\n    this.canvasElement = null;\n\n    // Call parent cleanup (always last)\n    super.destroy();\n  }\n}\n\nexport default DrawingLayer;\n"],"names":["DrawingLayer","BaseLayer","container","viewport","dpr","nowSec","a","duration","elapsed","stroke","started","point","x","y"],"mappings":";AAkBA,MAAMA,UAAqBC,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnC,YAAYC,GAAWC,GAAU;AAC/B,UAAMD,GAAWC,CAAQ,GAGzB,KAAK,gBAAgB,SAAS,cAAc,QAAQ,GACpD,KAAK,cAAc,MAAM,WAAW,YACpC,KAAK,cAAc,MAAM,QAAQ,KACjC,KAAK,cAAc,MAAM,gBAAgB,QACzC,KAAK,cAAc,MAAM,SAAS,MAGlC,KAAK,UAAU,YAAY,KAAK,aAAa,GAG7C,KAAK,MAAM,KAAK,cAAc,WAAW,IAAI,GAG7C,KAAK,aAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,eAAe;AACb,UAAMC,IAAM,OAAO,oBAAoB;AAGvC,SAAK,cAAc,QAAQ,KAAK,MAAM,KAAK,SAAS,QAAQA,CAAG,GAC/D,KAAK,cAAc,SAAS,KAAK,MAAM,KAAK,SAAS,SAASA,CAAG,GAGjE,KAAK,cAAc,MAAM,QAAQ,GAAG,KAAK,SAAS,KAAK,MACvD,KAAK,cAAc,MAAM,SAAS,GAAG,KAAK,SAAS,MAAM,MAGzD,KAAK,IAAI,aAAaA,GAAK,GAAG,GAAGA,GAAK,GAAG,CAAC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,YAAYD,GAAU;AACpB,UAAM,YAAYA,CAAQ,GAC1B,KAAK,aAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,WAAWE,GAAQ;AAIjB,QAHA,MAAM,WAAWA,CAAM,GAGnB,MAAK,aAGT;AAAA,WAAK,IAAI,UAAU,GAAG,GAAG,KAAK,cAAc,OAAO,KAAK,cAAc,MAAM;AAG5E,iBAAWC,KAAK,KAAK,aAAa;AAEhC,YAAID,IAASC,EAAE,MAAO;AAGtB,cAAMC,IAAWD,EAAE,MAAMA,EAAE,OACrBE,IAAU,KAAK,IAAIH,IAASC,EAAE,OAAOC,CAAQ;AAGnD,mBAAWE,KAAWH,EAAE,WAAW,CAAA,GAAK;AAEtC,eAAK,IAAI,UAAU,SACnB,KAAK,IAAI,WAAW,SACpB,KAAK,IAAI,cAAcG,EAAO,SAAS,WACvC,KAAK,IAAI,YAAYA,EAAO,QAAQ,GACpC,KAAK,IAAI,UAAS;AAElB,cAAIC,IAAU;AAGd,qBAAWC,KAASF,EAAO,QAAQ;AAEjC,gBAAIE,EAAM,IAAIH,EAAS;AAGvB,kBAAMI,IAAID,EAAM,IAAI,KAAK,SAAS,OAC5BE,IAAIF,EAAM,IAAI,KAAK,SAAS;AAElC,YAAKD,IAIH,KAAK,IAAI,OAAOE,GAAGC,CAAC,KAHpB,KAAK,IAAI,OAAOD,GAAGC,CAAC,GACpBH,IAAU;AAAA,UAId;AAGA,UAAIA,KACF,KAAK,IAAI,OAAM;AAAA,QAEnB;AAAA,MACF;AAAA;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,SAAS;AAAA,EAGT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,SAAS;AAAA,EAET;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,UAAU;AAER,SAAK,MAAM,MAGP,KAAK,iBAAiB,KAAK,cAAc,cAC3C,KAAK,cAAc,WAAW,YAAY,KAAK,aAAa,GAE9D,KAAK,gBAAgB,MAGrB,MAAM,QAAO;AAAA,EACf;AACF;"}
+{"version":3,"file":"index9.js","sources":["../src/utils/pdfExtractor.js"],"sourcesContent":["/**\n * PDF Data Extractor - Extract text and image blocks from PDF\n *\n * Uses PDF.js getOperatorList() for efficient metadata extraction without rendering.\n *\n * @module utils/pdfExtractor\n */\n\nimport * as pdfjsLib from \"pdfjs-dist\";\n\n/**\n * Extract text blocks from a PDF page with normalized coordinates\n *\n * @param {PDFPageProxy} page - PDF.js page object\n * @returns {Promise<Array>} Array of text blocks with normalized bounding boxes (0-1 range)\n */\nasync function extractTextBlocks(page) {\n  try {\n    const textContent = await page.getTextContent();\n    const viewport = page.getViewport({ scale: 1.0 });\n\n    const pageWidth = viewport.width;\n    const pageHeight = viewport.height;\n\n    const textBlocks = [];\n\n    for (const item of textContent.items) {\n      // Skip empty text\n      if (!item.str || !item.str.trim()) {\n        continue;\n      }\n\n      // Get transform matrix [a, b, c, d, e, f]\n      const transform = item.transform;\n      const fontSize = Math.sqrt(transform[2] * transform[2] + transform[3] * transform[3]);\n\n      // Calculate bounding box (absolute coordinates)\n      const x = transform[4];\n      const y = viewport.height - transform[5]; // Convert to top-left origin\n      const width = item.width;\n      const height = item.height || fontSize;\n\n      const x1 = x;\n      const y1 = y - height;\n      const x2 = x + width;\n      const y2 = y;\n\n      // Normalize coordinates to 0-1 range\n      const bbox_norm = [\n        Math.max(0.0, Math.min(1.0, x1 / pageWidth)),\n        Math.max(0.0, Math.min(1.0, y1 / pageHeight)),\n        Math.max(0.0, Math.min(1.0, x2 / pageWidth)),\n        Math.max(0.0, Math.min(1.0, y2 / pageHeight))\n      ];\n\n      textBlocks.push({\n        type: \"text\",\n        text: item.str,\n        bbox_norm: bbox_norm,\n        font: item.fontName || \"unknown\",\n        fontSize: fontSize,\n        source: \"pdfjs\"\n      });\n    }\n\n    return textBlocks;\n  } catch (error) {\n    console.error(\"Error extracting text blocks:\", error);\n    return [];\n  }\n}\n\n/**\n * Extract normalized bounding box from PDF transformation matrix\n *\n * @param {Array} transform - PDF transformation matrix [a, b, c, d, e, f]\n * @param {number} pageWidth - Page width for normalization\n * @param {number} pageHeight - Page height for coordinate conversion and normalization\n * @returns {Array} Normalized bounding box [x1, y1, x2, y2] in 0-1 range\n */\nfunction extractBBoxFromTransform(transform, pageWidth, pageHeight) {\n  const x = transform[4];\n  const y = transform[5];\n  const scaleX = transform[0];\n  const scaleY = transform[3];\n\n  // Scale factors represent image dimensions\n  const width = Math.abs(scaleX);\n  const height = Math.abs(scaleY);\n\n  // Convert from PDF bottom-left to image top-left origin\n  const y1 = pageHeight - y - height;\n  const y2 = pageHeight - y;\n  const x1 = x;\n  const x2 = x + width;\n\n  // Normalize to 0-1 range\n  return [\n    Math.max(0.0, Math.min(1.0, x1 / pageWidth)),\n    Math.max(0.0, Math.min(1.0, y1 / pageHeight)),\n    Math.max(0.0, Math.min(1.0, x2 / pageWidth)),\n    Math.max(0.0, Math.min(1.0, y2 / pageHeight))\n  ];\n}\n\n/**\n * Multiply two transformation matrices\n *\n * @param {Array} m1 - First matrix [a, b, c, d, e, f]\n * @param {Array} m2 - Second matrix [a, b, c, d, e, f]\n * @returns {Array} Result matrix [a, b, c, d, e, f]\n */\nfunction multiplyTransforms(m1, m2) {\n  return [\n    m1[0] * m2[0] + m1[2] * m2[1],\n    m1[1] * m2[0] + m1[3] * m2[1],\n    m1[0] * m2[2] + m1[2] * m2[3],\n    m1[1] * m2[2] + m1[3] * m2[3],\n    m1[0] * m2[4] + m1[2] * m2[5] + m1[4],\n    m1[1] * m2[4] + m1[3] * m2[5] + m1[5]\n  ];\n}\n\n/**\n * Get human-readable operator name\n *\n * @param {number} op - Operator code\n * @param {Object} OPS - PDF.js OPS constants\n * @returns {string} Operator name\n */\nfunction getOperatorName(op, OPS) {\n  const opNames = {\n    [OPS.paintImageXObject]: \"paintImageXObject\",\n    [OPS.paintInlineImageXObject]: \"paintInlineImageXObject\",\n    [OPS.paintImageMaskXObject]: \"paintImageMaskXObject\",\n    [OPS.paintJpegXObject]: \"paintJpegXObject\"\n  };\n  return opNames[op] || \"unknown\";\n}\n\n/**\n * Extract image blocks from a PDF page using getOperatorList with normalized coordinates\n *\n * @param {PDFPageProxy} page - PDF.js page object\n * @returns {Promise<Array>} Array of image blocks with normalized bounding boxes (0-1 range)\n */\nasync function extractImageBlocks(page) {\n  try {\n    const operatorList = await page.getOperatorList();\n    const viewport = page.getViewport({ scale: 1.0 });\n\n    const pageWidth = viewport.width;\n    const pageHeight = viewport.height;\n\n    const imageBlocks = [];\n    const graphicsStateStack = []; // Track graphics state transformations\n    let currentTransform = [1, 0, 0, 1, 0, 0]; // Identity matrix\n\n    const ops = operatorList.fnArray;\n    const args = operatorList.argsArray;\n\n    // Image paint operator constants from PDF.js\n    const OPS = pdfjsLib.OPS;\n    const IMAGE_OPS = [\n      OPS.paintImageXObject,\n      OPS.paintInlineImageXObject,\n      OPS.paintImageMaskXObject,\n      OPS.paintJpegXObject\n    ];\n\n    for (let i = 0; i < ops.length; i++) {\n      const op = ops[i];\n      const arg = args[i];\n\n      // Track graphics state stack\n      if (op === OPS.save) {\n        graphicsStateStack.push([...currentTransform]);\n      } else if (op === OPS.restore) {\n        if (graphicsStateStack.length > 0) {\n          currentTransform = graphicsStateStack.pop();\n        }\n      } else if (op === OPS.transform) {\n        // Update current transformation matrix\n        const [a, b, c, d, e, f] = arg;\n        currentTransform = multiplyTransforms(currentTransform, [a, b, c, d, e, f]);\n      } else if (IMAGE_OPS.includes(op)) {\n        // Extract image bounding box (normalized)\n        const bbox_norm = extractBBoxFromTransform(currentTransform, pageWidth, pageHeight);\n\n        imageBlocks.push({\n          type: \"image\",\n          bbox_norm: bbox_norm,\n          source: \"pdfjs\",\n          operator: getOperatorName(op, OPS)\n        });\n      }\n    }\n\n    return imageBlocks;\n  } catch (error) {\n    console.error(\"Error extracting image blocks:\", error);\n    return [];\n  }\n}\n\n/**\n * Extract all blocks (text and images) from a PDF page\n *\n * @param {string} pdfPath - Path to PDF file\n * @param {number} pageNumber - Page number (1-indexed)\n * @returns {Promise<Object>} Object with textBlocks and imageBlocks arrays\n */\nexport async function extractAllBlocks(pdfPath, pageNumber) {\n  try {\n    // Load PDF document\n    const loadingTask = pdfjsLib.getDocument(pdfPath);\n    const pdfDoc = await loadingTask.promise;\n\n    // Validate page number\n    if (pageNumber < 1 || pageNumber > pdfDoc.numPages) {\n      throw new Error(`Invalid page number: ${pageNumber}. Document has ${pdfDoc.numPages} pages.`);\n    }\n\n    // Get page\n    const page = await pdfDoc.getPage(pageNumber);\n    const viewport = page.getViewport({ scale: 1.0 });\n\n    // Extract text and image blocks in parallel\n    const [textBlocks, imageBlocks] = await Promise.all([\n      extractTextBlocks(page),\n      extractImageBlocks(page)\n    ]);\n\n    return {\n      textBlocks,\n      imageBlocks,\n      pageDimensions: {\n        width: viewport.width,\n        height: viewport.height\n      },\n      pageNumber: pageNumber\n    };\n  } catch (error) {\n    console.error(`Error extracting blocks from page ${pageNumber}:`, error);\n    throw error;\n  }\n}\n\n/**\n * Extract blocks from multiple pages\n *\n * @param {string} pdfPath - Path to PDF file\n * @param {Array<number>} pageNumbers - Array of page numbers (1-indexed)\n * @returns {Promise<Array>} Array of extraction results, one per page\n */\nexport async function extractMultiplePages(pdfPath, pageNumbers) {\n  const results = [];\n\n  for (const pageNum of pageNumbers) {\n    try {\n      const pageData = await extractAllBlocks(pdfPath, pageNum);\n      results.push(pageData);\n    } catch (error) {\n      console.error(`Failed to extract page ${pageNum}:`, error);\n      results.push({\n        textBlocks: [],\n        imageBlocks: [],\n        pageDimensions: null,\n        pageNumber: pageNum,\n        error: error.message\n      });\n    }\n  }\n\n  return results;\n}\n"],"names":["extractTextBlocks","page","textContent","viewport","pageWidth","pageHeight","textBlocks","item","transform","fontSize","x","y","width","height","x1","y1","x2","y2","bbox_norm","error","extractBBoxFromTransform","scaleX","scaleY","multiplyTransforms","m1","m2","getOperatorName","op","OPS","extractImageBlocks","operatorList","imageBlocks","graphicsStateStack","currentTransform","ops","args","pdfjsLib","IMAGE_OPS","i","arg","a","b","c","d","e","f","extractAllBlocks","pdfPath","pageNumber","pdfDoc","extractMultiplePages","pageNumbers","results","pageNum","pageData"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-annotation-renderer",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "description": "Framework-agnostic PDF annotation renderer with timeline synchronization for educational content and interactive documents",
   "keywords": [
@@ -62,6 +62,7 @@
     "lint": "eslint ."
   },
   "dependencies": {
+    "canvas": "^3.2.0",
     "pdfjs-dist": "^5.4.149"
   },
   "peerDependencies": {
@@ -86,8 +87,8 @@
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.4.0",
     "puppeteer": "^24.22.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "vite": "^7.1.7"
   }
 }