web-annotation-renderer 0.6.0 → 0.6.2

package/dist/index11.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index10.cjs"),e=require("./index26.cjs");exports.normalizeAnnotation=o.normalizeAnnotation;exports.normalizeAnnotationArray=o.normalizeAnnotationArray;exports.normalizeBaseFields=o.normalizeBaseFields;exports.normalizeColor=o.normalizeColor;exports.normalizeCoordinate=o.normalizeCoordinate;exports.normalizeHighlight=o.normalizeHighlight;exports.normalizePositiveNumber=o.normalizePositiveNumber;exports.normalizeText=o.normalizeText;exports.BASE_DEFAULTS=e.BASE_DEFAULTS;exports.HIGHLIGHT_DEFAULTS=e.HIGHLIGHT_DEFAULTS;exports.TEXT_DEFAULTS=e.TEXT_DEFAULTS;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./index27.cjs"),s=require("./index28.cjs");let r=null,l=null;function f(t){const e=s.default.syllables?.[t];return!e||!e.paths?null:{paths:e.paths,width:1,pathTiming:"sequential"}}function c(t){return{paths:t.map(e=>({points:e})),width:1,pathTiming:"sequential"}}function p(t){if(!r)return null;const e=`U+${t.toString(16).toUpperCase().padStart(4,"0")}`,n=r[e];return n?c(n):null}let o="/cjk.json";function d(t){o=t}async function u(t){return r?void 0:l||(l=fetch(t||o).then(n=>{if(!n.ok)throw new Error(`HTTP ${n.status}`);return n.json()}).then(n=>{r=n}).catch(n=>{console.warn("Failed to load CJK font data:",n),l=null}),l)}function a(t){if(!t||t.length===0)return null;const e=t.charCodeAt(0);return t===" "?{paths:[],width:.35}:e>=0&&e<=127?i.default.glyphs?.[t]||null:e>=44032&&e<=55203?f(t):e>=19968&&e<=40959?(!r&&!l&&u(),p(e)):null}exports.default=a;exports.preloadCJK=u;exports.resolveGlyph=a;exports.setCJKDataUrl=d;
 //# sourceMappingURL=index11.cjs.map

package/dist/index11.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index11.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index11.cjs","sources":["../src/converters/glyphResolver.js"],"sourcesContent":["/**\n * Glyph Resolver - Resolves character glyphs based on Unicode ranges\n *\n * Supports:\n * - Latin (0x0000-0x007F): Direct lookup from single-stroke.json\n * - Korean (0xAC00-0xD7A3): Direct lookup from korean-syllables.json\n * - CJK (0x4E00-0x9FFF): Dynamic import from cjk.json\n *\n * @module converters/glyphResolver\n */\n\nimport latinFont from \"../strokes/single-stroke.json\";\nimport koreanSyllables from \"../strokes/korean-syllables.json\";\n\n// CJK data (dynamic import)\nlet cjkFont = null;\nlet cjkLoadingPromise = null;\n\n/**\n * Resolve Korean syllable glyph\n *\n * @param {string} char - Korean syllable character\n * @returns {Object|null} Glyph object or null\n */\nfunction resolveKorean(char) {\n  const syllableData = koreanSyllables.syllables?.[char];\n  if (!syllableData || !syllableData.paths) {\n    return null;\n  }\n\n  return {\n    paths: syllableData.paths,\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Convert CJK format to our glyph format\n *\n * @param {Array} polylines - Array of polylines from chinese-hershey-font\n * @returns {Object} Glyph object\n */\nfunction convertCJKFormat(polylines) {\n  return {\n    paths: polylines.map((polyline) => ({\n      points: polyline,\n    })),\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Resolve CJK glyph\n *\n * @param {number} code - Unicode code point\n * @returns {Object|null} Glyph or null\n */\nfunction resolveCJK(code) {\n  if (!cjkFont) {\n    return null;\n  }\n\n  const key = `U+${code.toString(16).toUpperCase().padStart(4, \"0\")}`;\n  const polylines = cjkFont[key];\n\n  if (!polylines) {\n    return null;\n  }\n\n  return convertCJKFormat(polylines);\n}\n\n// Default CJK data URL (can be overridden)\nlet cjkDataUrl = \"/cjk.json\";\n\n/**\n * Set the URL for CJK font data\n *\n * @param {string} url - URL to fetch CJK data from\n */\nexport function setCJKDataUrl(url) {\n  cjkDataUrl = url;\n}\n\n/**\n * Preload CJK font data\n *\n * Call this function early to start loading CJK data in the background.\n * The data will be available for subsequent resolveGlyph calls.\n *\n * @param {string} [url] - Optional URL override for CJK data\n * @returns {Promise<void>}\n */\nexport async function preloadCJK(url) {\n  if (cjkFont) {\n    return;\n  }\n\n  if (cjkLoadingPromise) {\n    return cjkLoadingPromise;\n  }\n\n  const fetchUrl = url || cjkDataUrl;\n\n  cjkLoadingPromise = fetch(fetchUrl)\n    .then((res) => {\n      if (!res.ok) throw new Error(`HTTP ${res.status}`);\n      return res.json();\n    })\n    .then((data) => {\n      cjkFont = data;\n    })\n    .catch((err) => {\n      console.warn(\"Failed to load CJK font data:\", err);\n      cjkLoadingPromise = null;\n    });\n\n  return cjkLoadingPromise;\n}\n\n/**\n * Resolve glyph for a single character\n *\n * @param {string} char - Single character\n * @returns {Object|null} Glyph object with paths, width, pathTiming, or null\n */\nexport function resolveGlyph(char) {\n  if (!char || char.length === 0) {\n    return null;\n  }\n\n  const code = char.charCodeAt(0);\n\n  // Space character\n  if (char === \" \") {\n    return { paths: [], width: 0.35 };\n  }\n\n  // Latin (Basic ASCII)\n  if (code >= 0x0000 && code <= 0x007f) {\n    const glyph = latinFont.glyphs?.[char];\n    return glyph || null;\n  }\n\n  // Korean Syllables\n  if (code >= 0xac00 && code <= 0xd7a3) {\n    return resolveKorean(char);\n  }\n\n  // CJK Unified Ideographs\n  if (code >= 0x4e00 && code <= 0x9fff) {\n    // Trigger background loading if not loaded\n    if (!cjkFont && !cjkLoadingPromise) {\n      preloadCJK();\n    }\n    return resolveCJK(code);\n  }\n\n  // Unsupported character\n  return null;\n}\n\nexport default resolveGlyph;\n"],"names":["cjkFont","cjkLoadingPromise","resolveKorean","char","syllableData","koreanSyllables","convertCJKFormat","polylines","polyline","resolveCJK","code","key","cjkDataUrl","setCJKDataUrl","url","preloadCJK","res","data","err","resolveGlyph","latinFont"],"mappings":"wKAeA,IAAIA,EAAU,KACVC,EAAoB,KAQxB,SAASC,EAAcC,EAAM,CAC3B,MAAMC,EAAeC,EAAAA,QAAgB,YAAYF,CAAI,EACrD,MAAI,CAACC,GAAgB,CAACA,EAAa,MAC1B,KAGF,CACL,MAAOA,EAAa,MACpB,MAAO,EACP,WAAY,YAChB,CACA,CAQA,SAASE,EAAiBC,EAAW,CACnC,MAAO,CACL,MAAOA,EAAU,IAAKC,IAAc,CAClC,OAAQA,CACd,EAAM,EACF,MAAO,EACP,WAAY,YAChB,CACA,CAQA,SAASC,EAAWC,EAAM,CACxB,GAAI,CAACV,EACH,OAAO,KAGT,MAAMW,EAAM,KAAKD,EAAK,SAAS,EAAE,EAAE,YAAW,EAAG,SAAS,EAAG,GAAG,CAAC,GAC3DH,EAAYP,EAAQW,CAAG,EAE7B,OAAKJ,EAIED,EAAiBC,CAAS,EAHxB,IAIX,CAGA,IAAIK,EAAa,YAOV,SAASC,EAAcC,EAAK,CACjCF,EAAaE,CACf,CAWO,eAAeC,EAAWD,EAAK,CACpC,OAAId,EACF,OAGEC,IAMJA,EAAoB,MAFHa,GAAOF,CAEU,EAC/B,KAAMI,GAAQ,CACb,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQA,EAAI,MAAM,EAAE,EACjD,OAAOA,EAAI,KAAI,CACjB,CAAC,EACA,KAAMC,GAAS,CACdjB,EAAUiB,CACZ,CAAC,EACA,MAAOC,GAAQ,CACd,QAAQ,KAAK,gCAAiCA,CAAG,EACjDjB,EAAoB,IACtB,CAAC,EAEIA,EACT,CAQO,SAASkB,EAAahB,EAAM,CACjC,GAAI,CAACA,GAAQA,EAAK,SAAW,EAC3B,OAAO,KAGT,MAAMO,EAAOP,EAAK,WAAW,CAAC,EAG9B,OAAIA,IAAS,IACJ,CAAE,MAAO,GAAI,MAAO,GAAI,EAI7BO,GAAQ,GAAUA,GAAQ,IACdU,EAAAA,QAAU,SAASjB,CAAI,GACrB,KAIdO,GAAQ,OAAUA,GAAQ,MACrBR,EAAcC,CAAI,EAIvBO,GAAQ,OAAUA,GAAQ,OAExB,CAACV,GAAW,CAACC,GACfc,EAAU,EAELN,EAAWC,CAAI,GAIjB,IACT"}

package/dist/index11.js

@@ -1,16 +1,53 @@
-import { normalizeAnnotation as e, normalizeAnnotationArray as i, normalizeBaseFields as n, normalizeColor as a, normalizeCoordinate as l, normalizeHighlight as m, normalizePositiveNumber as t, normalizeText as z } from "./index10.js";
-import { BASE_DEFAULTS as T, HIGHLIGHT_DEFAULTS as E, TEXT_DEFAULTS as F } from "./index26.js";
+import a from "./index27.js";
+import i from "./index28.js";
+let r = null, l = null;
+function u(t) {
+  const n = i.syllables?.[t];
+  return !n || !n.paths ? null : {
+    paths: n.paths,
+    width: 1,
+    pathTiming: "sequential"
+  };
+}
+function s(t) {
+  return {
+    paths: t.map((n) => ({
+      points: n
+    })),
+    width: 1,
+    pathTiming: "sequential"
+  };
+}
+function f(t) {
+  if (!r)
+    return null;
+  const n = `U+${t.toString(16).toUpperCase().padStart(4, "0")}`, e = r[n];
+  return e ? s(e) : null;
+}
+let o = "/cjk.json";
+function d(t) {
+  o = t;
+}
+async function c(t) {
+  return r ? void 0 : l || (l = fetch(t || o).then((e) => {
+    if (!e.ok) throw new Error(`HTTP ${e.status}`);
+    return e.json();
+  }).then((e) => {
+    r = e;
+  }).catch((e) => {
+    console.warn("Failed to load CJK font data:", e), l = null;
+  }), l);
+}
+function y(t) {
+  if (!t || t.length === 0)
+    return null;
+  const n = t.charCodeAt(0);
+  return t === " " ? { paths: [], width: 0.35 } : n >= 0 && n <= 127 ? a.glyphs?.[t] || null : n >= 44032 && n <= 55203 ? u(t) : n >= 19968 && n <= 40959 ? (!r && !l && c(), f(n)) : null;
+}
 export {
-  T as BASE_DEFAULTS,
-  E as HIGHLIGHT_DEFAULTS,
-  F as TEXT_DEFAULTS,
-  e as normalizeAnnotation,
-  i as normalizeAnnotationArray,
-  n as normalizeBaseFields,
-  a as normalizeColor,
-  l as normalizeCoordinate,
-  m as normalizeHighlight,
-  t as normalizePositiveNumber,
-  z as normalizeText
+  y as default,
+  c as preloadCJK,
+  y as resolveGlyph,
+  d as setCJKDataUrl
 };
 //# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index11.js","sources":["../src/converters/glyphResolver.js"],"sourcesContent":["/**\n * Glyph Resolver - Resolves character glyphs based on Unicode ranges\n *\n * Supports:\n * - Latin (0x0000-0x007F): Direct lookup from single-stroke.json\n * - Korean (0xAC00-0xD7A3): Direct lookup from korean-syllables.json\n * - CJK (0x4E00-0x9FFF): Dynamic import from cjk.json\n *\n * @module converters/glyphResolver\n */\n\nimport latinFont from \"../strokes/single-stroke.json\";\nimport koreanSyllables from \"../strokes/korean-syllables.json\";\n\n// CJK data (dynamic import)\nlet cjkFont = null;\nlet cjkLoadingPromise = null;\n\n/**\n * Resolve Korean syllable glyph\n *\n * @param {string} char - Korean syllable character\n * @returns {Object|null} Glyph object or null\n */\nfunction resolveKorean(char) {\n  const syllableData = koreanSyllables.syllables?.[char];\n  if (!syllableData || !syllableData.paths) {\n    return null;\n  }\n\n  return {\n    paths: syllableData.paths,\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Convert CJK format to our glyph format\n *\n * @param {Array} polylines - Array of polylines from chinese-hershey-font\n * @returns {Object} Glyph object\n */\nfunction convertCJKFormat(polylines) {\n  return {\n    paths: polylines.map((polyline) => ({\n      points: polyline,\n    })),\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Resolve CJK glyph\n *\n * @param {number} code - Unicode code point\n * @returns {Object|null} Glyph or null\n */\nfunction resolveCJK(code) {\n  if (!cjkFont) {\n    return null;\n  }\n\n  const key = `U+${code.toString(16).toUpperCase().padStart(4, \"0\")}`;\n  const polylines = cjkFont[key];\n\n  if (!polylines) {\n    return null;\n  }\n\n  return convertCJKFormat(polylines);\n}\n\n// Default CJK data URL (can be overridden)\nlet cjkDataUrl = \"/cjk.json\";\n\n/**\n * Set the URL for CJK font data\n *\n * @param {string} url - URL to fetch CJK data from\n */\nexport function setCJKDataUrl(url) {\n  cjkDataUrl = url;\n}\n\n/**\n * Preload CJK font data\n *\n * Call this function early to start loading CJK data in the background.\n * The data will be available for subsequent resolveGlyph calls.\n *\n * @param {string} [url] - Optional URL override for CJK data\n * @returns {Promise<void>}\n */\nexport async function preloadCJK(url) {\n  if (cjkFont) {\n    return;\n  }\n\n  if (cjkLoadingPromise) {\n    return cjkLoadingPromise;\n  }\n\n  const fetchUrl = url || cjkDataUrl;\n\n  cjkLoadingPromise = fetch(fetchUrl)\n    .then((res) => {\n      if (!res.ok) throw new Error(`HTTP ${res.status}`);\n      return res.json();\n    })\n    .then((data) => {\n      cjkFont = data;\n    })\n    .catch((err) => {\n      console.warn(\"Failed to load CJK font data:\", err);\n      cjkLoadingPromise = null;\n    });\n\n  return cjkLoadingPromise;\n}\n\n/**\n * Resolve glyph for a single character\n *\n * @param {string} char - Single character\n * @returns {Object|null} Glyph object with paths, width, pathTiming, or null\n */\nexport function resolveGlyph(char) {\n  if (!char || char.length === 0) {\n    return null;\n  }\n\n  const code = char.charCodeAt(0);\n\n  // Space character\n  if (char === \" \") {\n    return { paths: [], width: 0.35 };\n  }\n\n  // Latin (Basic ASCII)\n  if (code >= 0x0000 && code <= 0x007f) {\n    const glyph = latinFont.glyphs?.[char];\n    return glyph || null;\n  }\n\n  // Korean Syllables\n  if (code >= 0xac00 && code <= 0xd7a3) {\n    return resolveKorean(char);\n  }\n\n  // CJK Unified Ideographs\n  if (code >= 0x4e00 && code <= 0x9fff) {\n    // Trigger background loading if not loaded\n    if (!cjkFont && !cjkLoadingPromise) {\n      preloadCJK();\n    }\n    return resolveCJK(code);\n  }\n\n  // Unsupported character\n  return null;\n}\n\nexport default resolveGlyph;\n"],"names":["cjkFont","cjkLoadingPromise","resolveKorean","char","syllableData","koreanSyllables","convertCJKFormat","polylines","polyline","resolveCJK","code","key","cjkDataUrl","setCJKDataUrl","url","preloadCJK","res","data","err","resolveGlyph","latinFont"],"mappings":";;AAeA,IAAIA,IAAU,MACVC,IAAoB;AAQxB,SAASC,EAAcC,GAAM;AAC3B,QAAMC,IAAeC,EAAgB,YAAYF,CAAI;AACrD,SAAI,CAACC,KAAgB,CAACA,EAAa,QAC1B,OAGF;AAAA,IACL,OAAOA,EAAa;AAAA,IACpB,OAAO;AAAA,IACP,YAAY;AAAA,EAChB;AACA;AAQA,SAASE,EAAiBC,GAAW;AACnC,SAAO;AAAA,IACL,OAAOA,EAAU,IAAI,CAACC,OAAc;AAAA,MAClC,QAAQA;AAAA,IACd,EAAM;AAAA,IACF,OAAO;AAAA,IACP,YAAY;AAAA,EAChB;AACA;AAQA,SAASC,EAAWC,GAAM;AACxB,MAAI,CAACV;AACH,WAAO;AAGT,QAAMW,IAAM,KAAKD,EAAK,SAAS,EAAE,EAAE,YAAW,EAAG,SAAS,GAAG,GAAG,CAAC,IAC3DH,IAAYP,EAAQW,CAAG;AAE7B,SAAKJ,IAIED,EAAiBC,CAAS,IAHxB;AAIX;AAGA,IAAIK,IAAa;AAOV,SAASC,EAAcC,GAAK;AACjC,EAAAF,IAAaE;AACf;AAWO,eAAeC,EAAWD,GAAK;AACpC,SAAId,IACF,SAGEC,MAMJA,IAAoB,MAFHa,KAAOF,CAEU,EAC/B,KAAK,CAACI,MAAQ;AACb,QAAI,CAACA,EAAI,GAAI,OAAM,IAAI,MAAM,QAAQA,EAAI,MAAM,EAAE;AACjD,WAAOA,EAAI,KAAI;AAAA,EACjB,CAAC,EACA,KAAK,CAACC,MAAS;AACd,IAAAjB,IAAUiB;AAAA,EACZ,CAAC,EACA,MAAM,CAACC,MAAQ;AACd,YAAQ,KAAK,iCAAiCA,CAAG,GACjDjB,IAAoB;AAAA,EACtB,CAAC,GAEIA;AACT;AAQO,SAASkB,EAAahB,GAAM;AACjC,MAAI,CAACA,KAAQA,EAAK,WAAW;AAC3B,WAAO;AAGT,QAAMO,IAAOP,EAAK,WAAW,CAAC;AAG9B,SAAIA,MAAS,MACJ,EAAE,OAAO,IAAI,OAAO,KAAI,IAI7BO,KAAQ,KAAUA,KAAQ,MACdU,EAAU,SAASjB,CAAI,KACrB,OAIdO,KAAQ,SAAUA,KAAQ,QACrBR,EAAcC,CAAI,IAIvBO,KAAQ,SAAUA,KAAQ,SAExB,CAACV,KAAW,CAACC,KACfc,EAAU,GAELN,EAAWC,CAAI,KAIjB;AACT;"}

package/dist/index12.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./index27.cjs"),s=require("./index28.cjs");let r=null,l=null;function f(t){const e=s.default.syllables?.[t];return!e||!e.paths?null:{paths:e.paths,width:1,pathTiming:"sequential"}}function c(t){return{paths:t.map(e=>({points:e})),width:1,pathTiming:"sequential"}}function p(t){if(!r)return null;const e=`U+${t.toString(16).toUpperCase().padStart(4,"0")}`,n=r[e];return n?c(n):null}let o="/cjk.json";function d(t){o=t}async function u(t){return r?void 0:l||(l=fetch(t||o).then(n=>{if(!n.ok)throw new Error(`HTTP ${n.status}`);return n.json()}).then(n=>{r=n}).catch(n=>{console.warn("Failed to load CJK font data:",n),l=null}),l)}function a(t){if(!t||t.length===0)return null;const e=t.charCodeAt(0);return t===" "?{paths:[],width:.35}:e>=0&&e<=127?i.default.glyphs?.[t]||null:e>=44032&&e<=55203?f(t):e>=19968&&e<=40959?(!r&&!l&&u(),p(e)):null}exports.default=a;exports.preloadCJK=u;exports.resolveGlyph=a;exports.setCJKDataUrl=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),n=require("react"),x=require("./index2.cjs");function E({pdfUrl:y,page:o=1,scale:a=1.5,annotations:h=[],currentTime:l=0,audioRef:f,strokeConfig:m,onLoad:A,onError:r,onPageChange:F,className:k,style:w,canvasStyle:b}){const v=n.useRef(null),P=n.useRef(null),t=n.useRef(null),S=n.useRef(Promise.resolve()),[s,g]=n.useState(!1),c=n.useCallback(e=>{S.current=S.current.then(e).catch(i=>{console.error("AnnotPdf: Queued operation failed:",i)})},[]),d=n.useMemo(()=>m,[m]);n.useEffect(()=>{if(!(!v.current||!P.current)){try{t.current=new x.AnnotationRenderer({canvasElement:v.current,container:P.current,strokeConfig:d}),g(!0)}catch(e){console.error("AnnotPdf: Failed to initialize renderer:",e),r&&r(e)}return()=>{g(!1),t.current&&(t.current.destroy(),t.current=null)}}},[]),n.useEffect(()=>{if(!s||!y)return;let e=!1;return c(async()=>{if(t.current)try{const u=await t.current.loadPDF(y);if(e)return;if(!u.success){console.error("AnnotPdf: Failed to load PDF:",u.error),r&&r(new Error(u.error));return}A&&A({pageCount:u.pageCount})}catch(u){if(e)return;console.error("AnnotPdf: Failed to load PDF:",u),r&&r(u)}}),()=>{e=!0}},[y,s,c]),n.useEffect(()=>{!s||!o||typeof o!="number"||c(async()=>{if(t.current)try{const e=await t.current.setPage(o);if(!e.success){console.error("AnnotPdf: Failed to set page:",e.error),r&&r(new Error(e.error));return}F&&F(o)}catch(e){console.error("AnnotPdf: Failed to set page:",e),r&&r(e)}})},[o,s,c]),n.useEffect(()=>{!s||!a||typeof a!="number"||c(async()=>{if(t.current)try{const e=await t.current.setScale(a);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),r&&r(e)}})},[a,s,c]),n.useEffect(()=>{if(!(!s||!t.current))try{t.current.setAnnotations(h||[])}catch(e){console.error("AnnotPdf: Failed to set annotations:",e),r&&r(e)}},[h,s]),n.useEffect(()=>{if(!f&&!(!s||!t.current||l===void 0||l===null))try{t.current.setTime(l)}catch(e){console.error("AnnotPdf: Failed to set time:",e),r&&r(e)}},[l,f,s]),n.useEffect(()=>{if(!f?.current||!s||!t.current)return;const e=f.current,i=()=>{t.current&&t.current.startContinuousSync(()=>e.currentTime)},u=()=>{t.current&&(t.current.stopContinuousSync(),t.current.setTime(e.currentTime))},R=()=>{t.current&&t.current.setTime(e.currentTime)};return e.addEventListener("play",i),e.addEventListener("pause",u),e.addEventListener("ended",u),e.addEventListener("seeked",R),e.paused||i(),()=>{e.removeEventListener("play",i),e.removeEventListener("pause",u),e.removeEventListener("ended",u),e.removeEventListener("seeked",R),t.current&&t.current.stopContinuousSync()}},[f,s]);const C=n.useRef(!0);n.useEffect(()=>{if(C.current){C.current=!1;return}if(t.current&&d)try{t.current.updateStrokeConfig(d)}catch(e){console.error("AnnotPdf: Failed to update stroke config:",e),r&&r(e)}},[d]);const L={position:"relative",display:"inline-block",lineHeight:0,...w},j={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",overflow:"hidden"},q={display:"block",...b};return p.jsxs("div",{className:k,style:L,children:[p.jsx("canvas",{ref:v,style:q}),p.jsx("div",{ref:P,style:j})]})}exports.default=E;
 //# sourceMappingURL=index12.cjs.map

package/dist/index12.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index12.cjs","sources":["../src/converters/glyphResolver.js"],"sourcesContent":["/**\n * Glyph Resolver - Resolves character glyphs based on Unicode ranges\n *\n * Supports:\n * - Latin (0x0000-0x007F): Direct lookup from single-stroke.json\n * - Korean (0xAC00-0xD7A3): Direct lookup from korean-syllables.json\n * - CJK (0x4E00-0x9FFF): Dynamic import from cjk.json\n *\n * @module converters/glyphResolver\n */\n\nimport latinFont from \"../strokes/single-stroke.json\";\nimport koreanSyllables from \"../strokes/korean-syllables.json\";\n\n// CJK data (dynamic import)\nlet cjkFont = null;\nlet cjkLoadingPromise = null;\n\n/**\n * Resolve Korean syllable glyph\n *\n * @param {string} char - Korean syllable character\n * @returns {Object|null} Glyph object or null\n */\nfunction resolveKorean(char) {\n  const syllableData = koreanSyllables.syllables?.[char];\n  if (!syllableData || !syllableData.paths) {\n    return null;\n  }\n\n  return {\n    paths: syllableData.paths,\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Convert CJK format to our glyph format\n *\n * @param {Array} polylines - Array of polylines from chinese-hershey-font\n * @returns {Object} Glyph object\n */\nfunction convertCJKFormat(polylines) {\n  return {\n    paths: polylines.map((polyline) => ({\n      points: polyline,\n    })),\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Resolve CJK glyph\n *\n * @param {number} code - Unicode code point\n * @returns {Object|null} Glyph or null\n */\nfunction resolveCJK(code) {\n  if (!cjkFont) {\n    return null;\n  }\n\n  const key = `U+${code.toString(16).toUpperCase().padStart(4, \"0\")}`;\n  const polylines = cjkFont[key];\n\n  if (!polylines) {\n    return null;\n  }\n\n  return convertCJKFormat(polylines);\n}\n\n// Default CJK data URL (can be overridden)\nlet cjkDataUrl = \"/cjk.json\";\n\n/**\n * Set the URL for CJK font data\n *\n * @param {string} url - URL to fetch CJK data from\n */\nexport function setCJKDataUrl(url) {\n  cjkDataUrl = url;\n}\n\n/**\n * Preload CJK font data\n *\n * Call this function early to start loading CJK data in the background.\n * The data will be available for subsequent resolveGlyph calls.\n *\n * @param {string} [url] - Optional URL override for CJK data\n * @returns {Promise<void>}\n */\nexport async function preloadCJK(url) {\n  if (cjkFont) {\n    return;\n  }\n\n  if (cjkLoadingPromise) {\n    return cjkLoadingPromise;\n  }\n\n  const fetchUrl = url || cjkDataUrl;\n\n  cjkLoadingPromise = fetch(fetchUrl)\n    .then((res) => {\n      if (!res.ok) throw new Error(`HTTP ${res.status}`);\n      return res.json();\n    })\n    .then((data) => {\n      cjkFont = data;\n    })\n    .catch((err) => {\n      console.warn(\"Failed to load CJK font data:\", err);\n      cjkLoadingPromise = null;\n    });\n\n  return cjkLoadingPromise;\n}\n\n/**\n * Resolve glyph for a single character\n *\n * @param {string} char - Single character\n * @returns {Object|null} Glyph object with paths, width, pathTiming, or null\n */\nexport function resolveGlyph(char) {\n  if (!char || char.length === 0) {\n    return null;\n  }\n\n  const code = char.charCodeAt(0);\n\n  // Space character\n  if (char === \" \") {\n    return { paths: [], width: 0.35 };\n  }\n\n  // Latin (Basic ASCII)\n  if (code >= 0x0000 && code <= 0x007f) {\n    const glyph = latinFont.glyphs?.[char];\n    return glyph || null;\n  }\n\n  // Korean Syllables\n  if (code >= 0xac00 && code <= 0xd7a3) {\n    return resolveKorean(char);\n  }\n\n  // CJK Unified Ideographs\n  if (code >= 0x4e00 && code <= 0x9fff) {\n    // Trigger background loading if not loaded\n    if (!cjkFont && !cjkLoadingPromise) {\n      preloadCJK();\n    }\n    return resolveCJK(code);\n  }\n\n  // Unsupported character\n  return null;\n}\n\nexport default resolveGlyph;\n"],"names":["cjkFont","cjkLoadingPromise","resolveKorean","char","syllableData","koreanSyllables","convertCJKFormat","polylines","polyline","resolveCJK","code","key","cjkDataUrl","setCJKDataUrl","url","preloadCJK","res","data","err","resolveGlyph","latinFont"],"mappings":"wKAeA,IAAIA,EAAU,KACVC,EAAoB,KAQxB,SAASC,EAAcC,EAAM,CAC3B,MAAMC,EAAeC,EAAAA,QAAgB,YAAYF,CAAI,EACrD,MAAI,CAACC,GAAgB,CAACA,EAAa,MAC1B,KAGF,CACL,MAAOA,EAAa,MACpB,MAAO,EACP,WAAY,YAChB,CACA,CAQA,SAASE,EAAiBC,EAAW,CACnC,MAAO,CACL,MAAOA,EAAU,IAAKC,IAAc,CAClC,OAAQA,CACd,EAAM,EACF,MAAO,EACP,WAAY,YAChB,CACA,CAQA,SAASC,EAAWC,EAAM,CACxB,GAAI,CAACV,EACH,OAAO,KAGT,MAAMW,EAAM,KAAKD,EAAK,SAAS,EAAE,EAAE,YAAW,EAAG,SAAS,EAAG,GAAG,CAAC,GAC3DH,EAAYP,EAAQW,CAAG,EAE7B,OAAKJ,EAIED,EAAiBC,CAAS,EAHxB,IAIX,CAGA,IAAIK,EAAa,YAOV,SAASC,EAAcC,EAAK,CACjCF,EAAaE,CACf,CAWO,eAAeC,EAAWD,EAAK,CACpC,OAAId,EACF,OAGEC,IAMJA,EAAoB,MAFHa,GAAOF,CAEU,EAC/B,KAAMI,GAAQ,CACb,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQA,EAAI,MAAM,EAAE,EACjD,OAAOA,EAAI,KAAI,CACjB,CAAC,EACA,KAAMC,GAAS,CACdjB,EAAUiB,CACZ,CAAC,EACA,MAAOC,GAAQ,CACd,QAAQ,KAAK,gCAAiCA,CAAG,EACjDjB,EAAoB,IACtB,CAAC,EAEIA,EACT,CAQO,SAASkB,EAAahB,EAAM,CACjC,GAAI,CAACA,GAAQA,EAAK,SAAW,EAC3B,OAAO,KAGT,MAAMO,EAAOP,EAAK,WAAW,CAAC,EAG9B,OAAIA,IAAS,IACJ,CAAE,MAAO,GAAI,MAAO,GAAI,EAI7BO,GAAQ,GAAUA,GAAQ,IACdU,EAAAA,QAAU,SAASjB,CAAI,GACrB,KAIdO,GAAQ,OAAUA,GAAQ,MACrBR,EAAcC,CAAI,EAIvBO,GAAQ,OAAUA,GAAQ,OAExB,CAACV,GAAW,CAACC,GACfc,EAAU,EAELN,EAAWC,CAAI,GAIjB,IACT"}
+{"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';\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 (setConfig format)\n * @param {number} [props.strokeConfig.roughness] - Global roughness for all types\n * @param {number} [props.strokeConfig.bowing] - Global bowing for all types\n * @param {Object} [props.strokeConfig.highlight] - Highlight-specific options\n * @param {Object} [props.strokeConfig.text] - Text-specific options\n * @param {Object} [props.strokeConfig.underline] - Underline-specific options\n * @param {Object} [props.strokeConfig.arrow] - Arrow-specific options\n * @param {Object} [props.strokeConfig.circle] - Circle-specific options\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 PASS-THROUGH\n  // ==========================================================================\n\n  /**\n   * Pass strokeConfig directly to engine without transformation\n   *\n   * The adapter is a pure pass-through - users construct config themselves\n   * using presets (import { getPreset } from 'lib') if desired.\n   * setConfig in StrokeRenderer handles merging with DEFAULT_CONFIG.\n   */\n  const mergedStrokeConfig = useMemo(() => strokeConfig, [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","useEffect","AnnotationRenderer","cancelled","result","audio","handlePlay","handlePause","handleSeeked","isFirstRender","defaultContainerStyle","defaultLayerStyle","defaultCanvasStyle","jsxs","jsx"],"mappings":"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"}

package/dist/index12.js

@@ -1,53 +1,160 @@
-import a from "./index27.js";
-import i from "./index28.js";
-let r = null, l = null;
-function u(t) {
-  const n = i.syllables?.[t];
-  return !n || !n.paths ? null : {
-    paths: n.paths,
-    width: 1,
-    pathTiming: "sequential"
+import { jsxs as j, jsx as g } from "react/jsx-runtime";
+import { useRef as l, useState as Q, useCallback as q, useMemo as z, useEffect as i } from "react";
+import { AnnotationRenderer as H } from "./index2.js";
+function G({
+  // Required props
+  pdfUrl: v,
+  // Optional props with defaults
+  page: u = 1,
+  scale: f = 1.5,
+  annotations: P = [],
+  currentTime: d = 0,
+  // Continuous sync mode (use instead of currentTime for smoother animation)
+  audioRef: a,
+  // Stroke configuration
+  strokeConfig: h,
+  // Callbacks
+  onLoad: A,
+  onError: r,
+  onPageChange: F,
+  // Styling
+  className: L,
+  style: b,
+  canvasStyle: R
+}) {
+  const p = l(null), m = l(null), t = l(null), S = l(Promise.resolve()), [n, C] = Q(!1), o = q((e) => {
+    S.current = S.current.then(e).catch((c) => {
+      console.error("AnnotPdf: Queued operation failed:", c);
+    });
+  }, []), y = z(() => h, [h]);
+  i(() => {
+    if (!(!p.current || !m.current)) {
+      try {
+        t.current = new H({
+          canvasElement: p.current,
+          container: m.current,
+          strokeConfig: y
+        }), C(!0);
+      } catch (e) {
+        console.error("AnnotPdf: Failed to initialize renderer:", e), r && r(e);
+      }
+      return () => {
+        C(!1), t.current && (t.current.destroy(), t.current = null);
+      };
+    }
+  }, []), i(() => {
+    if (!n || !v)
+      return;
+    let e = !1;
+    return o(async () => {
+      if (t.current)
+        try {
+          const s = await t.current.loadPDF(v);
+          if (e) return;
+          if (!s.success) {
+            console.error("AnnotPdf: Failed to load PDF:", s.error), r && r(new Error(s.error));
+            return;
+          }
+          A && A({ pageCount: s.pageCount });
+        } catch (s) {
+          if (e) return;
+          console.error("AnnotPdf: Failed to load PDF:", s), r && r(s);
+        }
+    }), () => {
+      e = !0;
+    };
+  }, [v, n, o]), i(() => {
+    !n || !u || typeof u != "number" || o(async () => {
+      if (t.current)
+        try {
+          const e = await t.current.setPage(u);
+          if (!e.success) {
+            console.error("AnnotPdf: Failed to set page:", e.error), r && r(new Error(e.error));
+            return;
+          }
+          F && F(u);
+        } catch (e) {
+          console.error("AnnotPdf: Failed to set page:", e), r && r(e);
+        }
+    });
+  }, [u, n, o]), i(() => {
+    !n || !f || typeof f != "number" || o(async () => {
+      if (t.current)
+        try {
+          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), r && r(e);
+        }
+    });
+  }, [f, n, o]), i(() => {
+    if (!(!n || !t.current))
+      try {
+        t.current.setAnnotations(P || []);
+      } catch (e) {
+        console.error("AnnotPdf: Failed to set annotations:", e), r && r(e);
+      }
+  }, [P, n]), i(() => {
+    if (!a && !(!n || !t.current || d === void 0 || d === null))
+      try {
+        t.current.setTime(d);
+      } catch (e) {
+        console.error("AnnotPdf: Failed to set time:", e), r && r(e);
+      }
+  }, [d, a, n]), i(() => {
+    if (!a?.current || !n || !t.current)
+      return;
+    const e = a.current, c = () => {
+      t.current && t.current.startContinuousSync(() => e.currentTime);
+    }, s = () => {
+      t.current && (t.current.stopContinuousSync(), t.current.setTime(e.currentTime));
+    }, w = () => {
+      t.current && t.current.setTime(e.currentTime);
+    };
+    return e.addEventListener("play", c), e.addEventListener("pause", s), e.addEventListener("ended", s), e.addEventListener("seeked", w), e.paused || c(), () => {
+      e.removeEventListener("play", c), e.removeEventListener("pause", s), e.removeEventListener("ended", s), e.removeEventListener("seeked", w), t.current && t.current.stopContinuousSync();
+    };
+  }, [a, n]);
+  const k = l(!0);
+  i(() => {
+    if (k.current) {
+      k.current = !1;
+      return;
+    }
+    if (t.current && y)
+      try {
+        t.current.updateStrokeConfig(y);
+      } catch (e) {
+        console.error("AnnotPdf: Failed to update stroke config:", e), r && r(e);
+      }
+  }, [y]);
+  const x = {
+    position: "relative",
+    display: "inline-block",
+    lineHeight: 0,
+    // Remove extra space below canvas
+    ...b
+    // User styles override defaults
+  }, D = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%",
+    pointerEvents: "none",
+    // Allow clicks to pass through to canvas
+    overflow: "hidden"
+  }, T = {
+    display: "block",
+    ...R
+    // User styles override defaults
   };
-}
-function s(t) {
-  return {
-    paths: t.map((n) => ({
-      points: n
-    })),
-    width: 1,
-    pathTiming: "sequential"
-  };
-}
-function f(t) {
-  if (!r)
-    return null;
-  const n = `U+${t.toString(16).toUpperCase().padStart(4, "0")}`, e = r[n];
-  return e ? s(e) : null;
-}
-let o = "/cjk.json";
-function d(t) {
-  o = t;
-}
-async function c(t) {
-  return r ? void 0 : l || (l = fetch(t || o).then((e) => {
-    if (!e.ok) throw new Error(`HTTP ${e.status}`);
-    return e.json();
-  }).then((e) => {
-    r = e;
-  }).catch((e) => {
-    console.warn("Failed to load CJK font data:", e), l = null;
-  }), l);
-}
-function y(t) {
-  if (!t || t.length === 0)
-    return null;
-  const n = t.charCodeAt(0);
-  return t === " " ? { paths: [], width: 0.35 } : n >= 0 && n <= 127 ? a.glyphs?.[t] || null : n >= 44032 && n <= 55203 ? u(t) : n >= 19968 && n <= 40959 ? (!r && !l && c(), f(n)) : null;
+  return /* @__PURE__ */ j("div", { className: L, style: x, children: [
+    /* @__PURE__ */ g("canvas", { ref: p, style: T }),
+    /* @__PURE__ */ g("div", { ref: m, style: D })
+  ] });
 }
 export {
-  y as default,
-  c as preloadCJK,
-  y as resolveGlyph,
-  d as setCJKDataUrl
+  G as default
 };
 //# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":["../src/converters/glyphResolver.js"],"sourcesContent":["/**\n * Glyph Resolver - Resolves character glyphs based on Unicode ranges\n *\n * Supports:\n * - Latin (0x0000-0x007F): Direct lookup from single-stroke.json\n * - Korean (0xAC00-0xD7A3): Direct lookup from korean-syllables.json\n * - CJK (0x4E00-0x9FFF): Dynamic import from cjk.json\n *\n * @module converters/glyphResolver\n */\n\nimport latinFont from \"../strokes/single-stroke.json\";\nimport koreanSyllables from \"../strokes/korean-syllables.json\";\n\n// CJK data (dynamic import)\nlet cjkFont = null;\nlet cjkLoadingPromise = null;\n\n/**\n * Resolve Korean syllable glyph\n *\n * @param {string} char - Korean syllable character\n * @returns {Object|null} Glyph object or null\n */\nfunction resolveKorean(char) {\n  const syllableData = koreanSyllables.syllables?.[char];\n  if (!syllableData || !syllableData.paths) {\n    return null;\n  }\n\n  return {\n    paths: syllableData.paths,\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Convert CJK format to our glyph format\n *\n * @param {Array} polylines - Array of polylines from chinese-hershey-font\n * @returns {Object} Glyph object\n */\nfunction convertCJKFormat(polylines) {\n  return {\n    paths: polylines.map((polyline) => ({\n      points: polyline,\n    })),\n    width: 1.0,\n    pathTiming: \"sequential\",\n  };\n}\n\n/**\n * Resolve CJK glyph\n *\n * @param {number} code - Unicode code point\n * @returns {Object|null} Glyph or null\n */\nfunction resolveCJK(code) {\n  if (!cjkFont) {\n    return null;\n  }\n\n  const key = `U+${code.toString(16).toUpperCase().padStart(4, \"0\")}`;\n  const polylines = cjkFont[key];\n\n  if (!polylines) {\n    return null;\n  }\n\n  return convertCJKFormat(polylines);\n}\n\n// Default CJK data URL (can be overridden)\nlet cjkDataUrl = \"/cjk.json\";\n\n/**\n * Set the URL for CJK font data\n *\n * @param {string} url - URL to fetch CJK data from\n */\nexport function setCJKDataUrl(url) {\n  cjkDataUrl = url;\n}\n\n/**\n * Preload CJK font data\n *\n * Call this function early to start loading CJK data in the background.\n * The data will be available for subsequent resolveGlyph calls.\n *\n * @param {string} [url] - Optional URL override for CJK data\n * @returns {Promise<void>}\n */\nexport async function preloadCJK(url) {\n  if (cjkFont) {\n    return;\n  }\n\n  if (cjkLoadingPromise) {\n    return cjkLoadingPromise;\n  }\n\n  const fetchUrl = url || cjkDataUrl;\n\n  cjkLoadingPromise = fetch(fetchUrl)\n    .then((res) => {\n      if (!res.ok) throw new Error(`HTTP ${res.status}`);\n      return res.json();\n    })\n    .then((data) => {\n      cjkFont = data;\n    })\n    .catch((err) => {\n      console.warn(\"Failed to load CJK font data:\", err);\n      cjkLoadingPromise = null;\n    });\n\n  return cjkLoadingPromise;\n}\n\n/**\n * Resolve glyph for a single character\n *\n * @param {string} char - Single character\n * @returns {Object|null} Glyph object with paths, width, pathTiming, or null\n */\nexport function resolveGlyph(char) {\n  if (!char || char.length === 0) {\n    return null;\n  }\n\n  const code = char.charCodeAt(0);\n\n  // Space character\n  if (char === \" \") {\n    return { paths: [], width: 0.35 };\n  }\n\n  // Latin (Basic ASCII)\n  if (code >= 0x0000 && code <= 0x007f) {\n    const glyph = latinFont.glyphs?.[char];\n    return glyph || null;\n  }\n\n  // Korean Syllables\n  if (code >= 0xac00 && code <= 0xd7a3) {\n    return resolveKorean(char);\n  }\n\n  // CJK Unified Ideographs\n  if (code >= 0x4e00 && code <= 0x9fff) {\n    // Trigger background loading if not loaded\n    if (!cjkFont && !cjkLoadingPromise) {\n      preloadCJK();\n    }\n    return resolveCJK(code);\n  }\n\n  // Unsupported character\n  return null;\n}\n\nexport default resolveGlyph;\n"],"names":["cjkFont","cjkLoadingPromise","resolveKorean","char","syllableData","koreanSyllables","convertCJKFormat","polylines","polyline","resolveCJK","code","key","cjkDataUrl","setCJKDataUrl","url","preloadCJK","res","data","err","resolveGlyph","latinFont"],"mappings":";;AAeA,IAAIA,IAAU,MACVC,IAAoB;AAQxB,SAASC,EAAcC,GAAM;AAC3B,QAAMC,IAAeC,EAAgB,YAAYF,CAAI;AACrD,SAAI,CAACC,KAAgB,CAACA,EAAa,QAC1B,OAGF;AAAA,IACL,OAAOA,EAAa;AAAA,IACpB,OAAO;AAAA,IACP,YAAY;AAAA,EAChB;AACA;AAQA,SAASE,EAAiBC,GAAW;AACnC,SAAO;AAAA,IACL,OAAOA,EAAU,IAAI,CAACC,OAAc;AAAA,MAClC,QAAQA;AAAA,IACd,EAAM;AAAA,IACF,OAAO;AAAA,IACP,YAAY;AAAA,EAChB;AACA;AAQA,SAASC,EAAWC,GAAM;AACxB,MAAI,CAACV;AACH,WAAO;AAGT,QAAMW,IAAM,KAAKD,EAAK,SAAS,EAAE,EAAE,YAAW,EAAG,SAAS,GAAG,GAAG,CAAC,IAC3DH,IAAYP,EAAQW,CAAG;AAE7B,SAAKJ,IAIED,EAAiBC,CAAS,IAHxB;AAIX;AAGA,IAAIK,IAAa;AAOV,SAASC,EAAcC,GAAK;AACjC,EAAAF,IAAaE;AACf;AAWO,eAAeC,EAAWD,GAAK;AACpC,SAAId,IACF,SAGEC,MAMJA,IAAoB,MAFHa,KAAOF,CAEU,EAC/B,KAAK,CAACI,MAAQ;AACb,QAAI,CAACA,EAAI,GAAI,OAAM,IAAI,MAAM,QAAQA,EAAI,MAAM,EAAE;AACjD,WAAOA,EAAI,KAAI;AAAA,EACjB,CAAC,EACA,KAAK,CAACC,MAAS;AACd,IAAAjB,IAAUiB;AAAA,EACZ,CAAC,EACA,MAAM,CAACC,MAAQ;AACd,YAAQ,KAAK,iCAAiCA,CAAG,GACjDjB,IAAoB;AAAA,EACtB,CAAC,GAEIA;AACT;AAQO,SAASkB,EAAahB,GAAM;AACjC,MAAI,CAACA,KAAQA,EAAK,WAAW;AAC3B,WAAO;AAGT,QAAMO,IAAOP,EAAK,WAAW,CAAC;AAG9B,SAAIA,MAAS,MACJ,EAAE,OAAO,IAAI,OAAO,KAAI,IAI7BO,KAAQ,KAAUA,KAAQ,MACdU,EAAU,SAASjB,CAAI,KACrB,OAIdO,KAAQ,SAAUA,KAAQ,QACrBR,EAAcC,CAAI,IAIvBO,KAAQ,SAAUA,KAAQ,SAExB,CAACV,KAAW,CAACC,KACfc,EAAU,GAELN,EAAWC,CAAI,KAIjB;AACT;"}
+{"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';\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 (setConfig format)\n * @param {number} [props.strokeConfig.roughness] - Global roughness for all types\n * @param {number} [props.strokeConfig.bowing] - Global bowing for all types\n * @param {Object} [props.strokeConfig.highlight] - Highlight-specific options\n * @param {Object} [props.strokeConfig.text] - Text-specific options\n * @param {Object} [props.strokeConfig.underline] - Underline-specific options\n * @param {Object} [props.strokeConfig.arrow] - Arrow-specific options\n * @param {Object} [props.strokeConfig.circle] - Circle-specific options\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 PASS-THROUGH\n  // ==========================================================================\n\n  /**\n   * Pass strokeConfig directly to engine without transformation\n   *\n   * The adapter is a pure pass-through - users construct config themselves\n   * using presets (import { getPreset } from 'lib') if desired.\n   * setConfig in StrokeRenderer handles merging with DEFAULT_CONFIG.\n   */\n  const mergedStrokeConfig = useMemo(() => strokeConfig, [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","useEffect","AnnotationRenderer","cancelled","result","audio","handlePlay","handlePause","handleSeeked","isFirstRender","defaultContainerStyle","defaultLayerStyle","defaultCanvasStyle","jsxs","jsx"],"mappings":"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"}

package/dist/index13.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),n=require("react"),j=require("./index2.cjs"),q=require("./index21.cjs");function E({pdfUrl:y,page:o=1,scale:a=1.5,annotations:g=[],currentTime:d=0,audioRef:f,strokeConfig:l,onLoad:m,onError:r,onPageChange:w,className:b,style:x,canvasStyle:C}){const v=n.useRef(null),p=n.useRef(null),t=n.useRef(null),A=n.useRef(Promise.resolve()),[i,F]=n.useState(!1),u=n.useCallback(e=>{A.current=A.current.then(e).catch(c=>{console.error("AnnotPdf: Queued operation failed:",c)})},[]),h=n.useMemo(()=>{if(!l)return;const e=l.preset||"default",c=q.getPreset(e);return{highlight:{color:c.highlight.color,width:l.highlight?.width??c.highlight.width},text:{color:c.handText.color,width:l.text?.width??c.handText.width}}},[l]);n.useEffect(()=>{if(!(!v.current||!p.current)){try{t.current=new j.AnnotationRenderer({canvasElement:v.current,container:p.current,strokeConfig:h}),F(!0)}catch(e){console.error("AnnotPdf: Failed to initialize renderer:",e),r&&r(e)}return()=>{F(!1),t.current&&(t.current.destroy(),t.current=null)}}},[]),n.useEffect(()=>{if(!i||!y)return;let e=!1;return u(async()=>{if(t.current)try{const s=await t.current.loadPDF(y);if(e)return;if(!s.success){console.error("AnnotPdf: Failed to load PDF:",s.error),r&&r(new Error(s.error));return}m&&m({pageCount:s.pageCount})}catch(s){if(e)return;console.error("AnnotPdf: Failed to load PDF:",s),r&&r(s)}}),()=>{e=!0}},[y,i,u]),n.useEffect(()=>{!i||!o||typeof o!="number"||u(async()=>{if(t.current)try{const e=await t.current.setPage(o);if(!e.success){console.error("AnnotPdf: Failed to set page:",e.error),r&&r(new Error(e.error));return}w&&w(o)}catch(e){console.error("AnnotPdf: Failed to set page:",e),r&&r(e)}})},[o,i,u]),n.useEffect(()=>{!i||!a||typeof a!="number"||u(async()=>{if(t.current)try{const e=await t.current.setScale(a);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),r&&r(e)}})},[a,i,u]),n.useEffect(()=>{if(!(!i||!t.current))try{t.current.setAnnotations(g||[])}catch(e){console.error("AnnotPdf: Failed to set annotations:",e),r&&r(e)}},[g,i]),n.useEffect(()=>{if(!f&&!(!i||!t.current||d===void 0||d===null))try{t.current.setTime(d)}catch(e){console.error("AnnotPdf: Failed to set time:",e),r&&r(e)}},[d,f,i]),n.useEffect(()=>{if(!f?.current||!i||!t.current)return;const e=f.current,c=()=>{t.current&&t.current.startContinuousSync(()=>e.currentTime)},s=()=>{t.current&&(t.current.stopContinuousSync(),t.current.setTime(e.currentTime))},R=()=>{t.current&&t.current.setTime(e.currentTime)};return e.addEventListener("play",c),e.addEventListener("pause",s),e.addEventListener("ended",s),e.addEventListener("seeked",R),e.paused||c(),()=>{e.removeEventListener("play",c),e.removeEventListener("pause",s),e.removeEventListener("ended",s),e.removeEventListener("seeked",R),t.current&&t.current.stopContinuousSync()}},[f,i]);const S=n.useRef(!0);n.useEffect(()=>{if(S.current){S.current=!1;return}if(t.current&&h)try{t.current.updateStrokeConfig(h)}catch(e){console.error("AnnotPdf: Failed to update stroke config:",e),r&&r(e)}},[h]);const L={position:"relative",display:"inline-block",lineHeight:0,...x},k={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",overflow:"hidden"},T={display:"block",...C};return P.jsxs("div",{className:b,style:L,children:[P.jsx("canvas",{ref:v,style:T}),P.jsx("div",{ref:p,style:k})]})}exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./index29.cjs"),n=1e3;function g(l,t){const{id:s,start:r,end:S,quads:e}=l;if(!e||e.length===0)return[];const u=[],f=S-r,b=e.length,i=f/b,p=t.roughness??.5,q=t.bowing??.5,C=t.curveFitting??.95,m=t.curveStepCount??9,v=t.maxRandomnessOffset??2,k=t.disableMultiStroke??!1;for(let o=0;o<e.length;o++){const w=e[o],{x:a,y:x,w:M,h:P}=w,c=x+P/2,$=h.roughLine(a*n,c*n,(a+M)*n,c*n,{roughness:p,bowing:q,seed:h.hashSeed(`${s}-${o}`),curveFitting:C,curveStepCount:m,maxRandomnessOffset:v,disableMultiStroke:k}).map(([O,T])=>[O/n,T/n]),d=r+o*i,E=d+i;u.push({id:`${s}-${o}`,points:$,start:d,end:E,color:t.color||"rgba(255, 255, 0, 0.3)",width:t.width||24,lineCap:t.lineCap||"butt"})}return u}exports.default=g;exports.highlightToStrokes=g;
 //# sourceMappingURL=index13.cjs.map

package/dist/index13.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index13.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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"}
+{"version":3,"file":"index13.cjs","sources":["../src/converters/highlight.js"],"sourcesContent":["/**\n * Highlight Converter - Converts highlight annotations to stroke commands\n *\n * Transforms rectangular quads into horizontal stroke paths that can be\n * rendered progressively on canvas with hand-drawn highlighter style.\n *\n * @module converters/highlight\n */\n\nimport { roughLine, hashSeed } from '../rough/roughPathExtractor.js';\n\nconst SCALE = 1000;\n\n/**\n * Converts a highlight annotation to stroke commands\n *\n * Each quad in the annotation becomes a horizontal stroke at the\n * vertical center of the quad. Multiple quads are staggered in timing.\n * Uses RoughJS for hand-drawn highlighter style.\n *\n * @param {Object} annotation - Highlight 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='butt'] - Line cap style\n * @param {number} [style.roughness=0.5] - Hand-drawn roughness (lower for highlighter)\n * @param {number} [style.bowing=0.5] - Line curvature\n * @returns {Array<Object>} Array of stroke commands\n */\nexport function highlightToStrokes(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  const roughness = style.roughness ?? 0.5;\n  const bowing = style.bowing ?? 0.5;\n  const curveFitting = style.curveFitting ?? 0.95;\n  const curveStepCount = style.curveStepCount ?? 9;\n  const maxRandomnessOffset = style.maxRandomnessOffset ?? 2;\n  const disableMultiStroke = style.disableMultiStroke ?? false;\n\n  for (let i = 0; i < quads.length; i++) {\n    const quad = quads[i];\n    const { x, y, w, h } = quad;\n\n    const yCenter = y + h / 2;\n\n    const roughPoints = roughLine(\n      x * SCALE,\n      yCenter * SCALE,\n      (x + w) * SCALE,\n      yCenter * SCALE,\n      {\n        roughness,\n        bowing,\n        seed: hashSeed(`${id}-${i}`),\n        curveFitting,\n        curveStepCount,\n        maxRandomnessOffset,\n        disableMultiStroke\n      }\n    );\n\n    const points = roughPoints.map(([px, py]) => [px / SCALE, py / SCALE]);\n\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(255, 255, 0, 0.3)',\n      width: style.width || 24,\n      lineCap: style.lineCap || 'butt'\n    });\n  }\n\n  return strokes;\n}\n\nexport default highlightToStrokes;\n"],"names":["SCALE","highlightToStrokes","annotation","style","id","start","end","quads","strokes","totalDuration","quadCount","quadDuration","roughness","bowing","curveFitting","curveStepCount","maxRandomnessOffset","disableMultiStroke","i","quad","x","y","w","h","yCenter","points","roughLine","hashSeed","px","py","quadStart","quadEnd"],"mappings":"6IAWMA,EAAQ,IAuBP,SAASC,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,EAE/BE,EAAYT,EAAM,WAAa,GAC/BU,EAASV,EAAM,QAAU,GACzBW,EAAeX,EAAM,cAAgB,IACrCY,EAAiBZ,EAAM,gBAAkB,EACzCa,EAAsBb,EAAM,qBAAuB,EACnDc,EAAqBd,EAAM,oBAAsB,GAEvD,QAASe,EAAI,EAAGA,EAAIX,EAAM,OAAQW,IAAK,CACrC,MAAMC,EAAOZ,EAAMW,CAAC,EACd,CAAE,EAAAE,EAAG,EAAAC,EAAG,EAAAC,EAAG,EAAAC,CAAC,EAAKJ,EAEjBK,EAAUH,EAAIE,EAAI,EAkBlBE,EAhBcC,EAAAA,UAClBN,EAAIpB,EACJwB,EAAUxB,GACToB,EAAIE,GAAKtB,EACVwB,EAAUxB,EACV,CACE,UAAAY,EACA,OAAAC,EACA,KAAMc,EAAAA,SAAS,GAAGvB,CAAE,IAAIc,CAAC,EAAE,EAC3B,aAAAJ,EACA,eAAAC,EACA,oBAAAC,EACA,mBAAAC,CACR,CACA,EAE+B,IAAI,CAAC,CAACW,EAAIC,CAAE,IAAM,CAACD,EAAK5B,EAAO6B,EAAK7B,CAAK,CAAC,EAE/D8B,EAAYzB,EAAQa,EAAIP,EACxBoB,EAAUD,EAAYnB,EAE5BH,EAAQ,KAAK,CACX,GAAI,GAAGJ,CAAE,IAAIc,CAAC,GACd,OAAAO,EACA,MAAOK,EACP,IAAKC,EACL,MAAO5B,EAAM,OAAS,yBACtB,MAAOA,EAAM,OAAS,GACtB,QAASA,EAAM,SAAW,MAChC,CAAK,CACH,CAEA,OAAOK,CACT"}