@editframe/elements 0.37.3-beta → 0.38.0

package/dist/preview/rendering/serializeTimelineDirect.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializeTimelineDirect.js","names":["styleParts: string[]","styleStr","parts: Array<string | Promise<string>>","canvasJobs: CanvasJob[]"],"sources":["../../../src/preview/rendering/serializeTimelineDirect.ts"],"sourcesContent":["/**\n * Direct timeline serialization - no intermediate passive structure.\n * \n * Walks the timeline DOM once and builds XML string directly with promise parts\n * for async canvas encoding. 3x faster than DOM creation + XMLSerializer.\n * \n * Architecture:\n * 1. Walk timeline recursively\n * 2. Build array of string parts (some are promises for canvas encoding)\n * 3. Handle shadow DOM by serializing shadow content instead of light DOM\n * 4. Await all promises\n * 5. Join parts into final XML\n */\n\nimport { encodeCanvasesInParallel } from \"../encoding/canvasEncoder.js\";\nimport type { RenderContext } from \"../RenderContext.js\";\nimport { isVisibleAtTime } from \"../previewTypes.js\";\nimport { collectDocumentStyles } from \"../renderTimegroupPreview.js\";\n\n/**\n * Elements to skip entirely when serializing.\n * NOTE: SLOT is NOT skipped - it's handled specially to serialize light DOM children.\n */\nconst SKIP_TAGS = new Set([\n  \"EF-AUDIO\",\n  \"EF-THUMBNAIL-STRIP\",\n  \"EF-FILMSTRIP\",\n  \"EF-TIMELINE\",\n  \"EF-WORKBENCH\",\n  \"SCRIPT\",\n  \"STYLE\",\n  \"TEMPLATE\",\n]);\n\n\n/**\n * HTML void elements - these cannot have children and must be self-closing in XHTML.\n * Using `<br />` instead of `<br></br>`.\n */\nconst VOID_ELEMENTS = new Set([\n  \"area\", \"base\", \"br\", \"col\", \"embed\", \"hr\", \"img\", \"input\",\n  \"link\", \"meta\", \"param\", \"source\", \"track\", \"wbr\",\n]);\n\n/**\n * CSS properties to serialize as inline styles.\n */\nconst SERIALIZED_STYLE_PROPERTIES = [\n  \"display\", \"visibility\", \"opacity\",\n  \"position\", \"top\", \"right\", \"bottom\", \"left\", \"zIndex\",\n  \"width\", \"height\", \"minWidth\", \"minHeight\", \"maxWidth\", \"maxHeight\",\n  \"flexGrow\", \"flexShrink\", \"flexBasis\", \"flexDirection\", \"flexWrap\",\n  \"justifyContent\", \"alignItems\", \"alignContent\", \"alignSelf\", \"gap\",\n  \"gridTemplate\", \"gridColumn\", \"gridRow\", \"gridArea\",\n  \"margin\", \"padding\", \"boxSizing\",\n  \"border\", \"borderTop\", \"borderRight\", \"borderBottom\", \"borderLeft\", \"borderRadius\",\n  \"background\", \"color\", \"boxShadow\", \"filter\", \"backdropFilter\", \"clipPath\",\n  \"fontFamily\", \"fontSize\", \"fontWeight\", \"fontStyle\", \"fontVariant\",\n  \"textAlign\", \"textDecoration\", \"textTransform\",\n  \"letterSpacing\", \"wordSpacing\", \"whiteSpace\", \"textOverflow\", \"lineHeight\",\n  \"verticalAlign\",\n  \"transform\", \"transformOrigin\", \"transformStyle\",\n  \"perspective\", \"perspectiveOrigin\", \"backfaceVisibility\",\n  \"cursor\", \"pointerEvents\", \"userSelect\", \"overflow\", \"objectFit\", \"objectPosition\",\n] as const;\n\n/**\n * Caption child elements that should preserve display:none.\n * These use display:none for content visibility, not temporal visibility.\n */\nconst CAPTION_CHILD_TAGS = new Set([\n  'EF-CAPTIONS-ACTIVE-WORD',\n  'EF-CAPTIONS-BEFORE-ACTIVE-WORD',\n  'EF-CAPTIONS-AFTER-ACTIVE-WORD',\n  'EF-CAPTIONS-SEGMENT',\n]);\n\ninterface SerializationOptions {\n  renderContext?: RenderContext;\n  canvasScale: number;\n  timeMs: number;\n}\n\ninterface CanvasJob {\n  canvas: HTMLCanvasElement;\n  sourceElement: Element;\n  promiseIndex: number;\n}\n\n/**\n * Escape special XML characters.\n */\nfunction escapeXML(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&apos;');\n}\n\n\n/**\n * Serialize computed styles as inline style string.\n * Handles display:none → block conversion for non-caption elements\n * (temporal visibility is handled separately).\n */\nfunction serializeComputedStyles(element: Element): string {\n  const styles = getComputedStyle(element);\n  const styleParts: string[] = [];\n  const tagName = element.tagName;\n  const isCaptionChild = CAPTION_CHILD_TAGS.has(tagName);\n  \n  for (const prop of SERIALIZED_STYLE_PROPERTIES) {\n    const value = styles[prop as any];\n    // Skip only truly empty values\n    if (!value || value === '') {\n      continue;\n    }\n    \n    // Handle display property specially\n    let finalValue = value;\n    if (prop === 'display') {\n      // Fix for cloned Lit elements: shadow DOM stylesheets aren't adopted properly\n      // so computed display is wrong. Use the correct values based on element type.\n      if (tagName === 'EF-TEXT') {\n        // EFText: inline-flex (or flex for split=\"line\")\n        finalValue = element.getAttribute('split') === 'line' ? 'flex' : 'inline-flex';\n      } else if (tagName === 'EF-TEXT-SEGMENT') {\n        // EFTextSegment: inline-block (or block for data-line-segment)\n        finalValue = element.hasAttribute('data-line-segment') ? 'block' : 'inline-block';\n      }\n      // For non-caption elements, convert display:none to block since temporal\n      // visibility is handled separately, not by CSS display\n      else if (value === 'none' && !isCaptionChild) {\n        finalValue = 'block';\n      }\n    }\n    \n    // Force visibility:visible - the source container may have visibility:hidden\n    // for off-screen rendering, but we want the serialized output to be visible\n    if (prop === 'visibility') {\n      finalValue = 'visible';\n    }\n    \n    // Skip clipPath - clones always render without clip-path\n    // (source may have clip-path: inset(100%) from proxy mode)\n    if (prop === 'clipPath') {\n      continue;\n    }\n    \n    // Convert camelCase to kebab-case\n    const kebab = prop.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);\n    styleParts.push(`${kebab}:${finalValue}`);\n  }\n  \n  // Disable animations/transitions to prevent re-animation\n  styleParts.push('animation:none', 'transition:none');\n  \n  return styleParts.join(';');\n}\n\n/**\n * Serialize element attributes (excluding style, id, xmlns, event handlers).\n */\nfunction serializeAttributes(element: Element, parts: Array<string | Promise<string>>): void {\n  for (const attr of element.attributes) {\n    const name = attr.name.toLowerCase();\n    // Skip: id, style, xmlns (namespace handled separately), event handlers\n    if (name === 'id' || name === 'style' || name === 'xmlns' || name.startsWith('on')) {\n      continue;\n    }\n    parts.push(` ${attr.name}=\"${escapeXML(attr.value)}\"`);\n  }\n}\n\n/**\n * Check if a canvas element should preserve alpha channel.\n * EF-WAVEFORM always needs alpha, EF-IMAGE checks hasAlpha property.\n */\nfunction shouldPreserveAlpha(sourceElement: Element): boolean {\n  const tagName = sourceElement.tagName;\n  if (tagName === 'EF-WAVEFORM') {\n    return true;\n  }\n  if (tagName === 'EF-IMAGE') {\n    return 'hasAlpha' in sourceElement && (sourceElement as any).hasAlpha === true;\n  }\n  return false;\n}\n\n/**\n * Create a snapshot copy of a canvas's current pixels.\n * This captures the pixels synchronously before any async encoding,\n * preventing race conditions where the source canvas is modified.\n */\nfunction snapshotCanvas(\n  canvas: HTMLCanvasElement,\n  scale: number,\n  preserveAlpha: boolean\n): HTMLCanvasElement {\n  const targetWidth = Math.max(1, Math.floor(canvas.width * scale));\n  const targetHeight = Math.max(1, Math.floor(canvas.height * scale));\n  \n  const copy = document.createElement('canvas');\n  copy.width = targetWidth;\n  copy.height = targetHeight;\n  \n  if (preserveAlpha) {\n    copy.dataset.preserveAlpha = 'true';\n  }\n  \n  const ctx = copy.getContext('2d');\n  if (ctx && canvas.width > 0 && canvas.height > 0) {\n    // drawImage with scaling is SYNCHRONOUS - pixels are copied immediately\n    ctx.drawImage(canvas, 0, 0, targetWidth, targetHeight);\n  }\n  \n  return copy;\n}\n\n/**\n * Serialize a canvas element as an <img> with base64 data URL.\n * Creates a snapshot of current pixels before async encoding to prevent race conditions.\n * \n * OPTIMIZATION: Calculate optimal encoding resolution based on:\n * 1. CSS display size (how big it actually appears)\n * 2. Video export scale (output resolution multiplier)\n * 3. Quality multiplier (for sharpness, default 1.5x)\n */\nfunction serializeCanvas(\n  sourceElement: Element,\n  canvas: HTMLCanvasElement,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: SerializationOptions\n): void {\n  // Use intrinsic canvas dimensions, not computed styles (which may be zoom-affected)\n  const width = canvas.width;\n  const height = canvas.height;\n  \n  // Skip empty canvases\n  if (width === 0 || height === 0) {\n    return;\n  }\n  \n  // Get all computed styles from source element\n  const styleStr = serializeComputedStyles(sourceElement);\n  \n  // Get computed dimensions from source element (respects CSS like w-[420px])\n  const computedStyle = getComputedStyle(sourceElement);\n  const computedWidth = computedStyle.width;\n  const computedHeight = computedStyle.height;\n  \n  // Use computed dimensions if available, otherwise fall back to canvas natural dimensions\n  const styleParts = styleStr ? styleStr.split(';').filter(s => s.trim()) : [];\n  \n  // Only override dimensions if they weren't already captured from computed styles\n  const hasWidth = styleParts.some(s => s.trim().startsWith('width:'));\n  const hasHeight = styleParts.some(s => s.trim().startsWith('height:'));\n  \n  if (!hasWidth) {\n    styleParts.push(`width:${computedWidth || `${width}px`}`);\n  }\n  if (!hasHeight) {\n    styleParts.push(`height:${computedHeight || `${height}px`}`);\n  }\n  styleParts.push(`display:block`);\n  \n  const finalStyle = styleParts.join(';');\n  \n  // Check if we need to preserve alpha channel\n  const preserveAlpha = shouldPreserveAlpha(sourceElement);\n  \n  // CRITICAL: Calculate optimal encoding scale BEFORE creating snapshot.\n  // This prevents encoding at full resolution when CSS display size is much smaller.\n  let optimalScale = options.canvasScale; // Start with video export scale\n  const qualityMultiplier = 1.5; // Encode at 1.5x display size for quality\n  \n  try {\n    const cssWidth = parseFloat(computedWidth) || canvas.width;\n    const cssHeight = parseFloat(computedHeight) || canvas.height;\n    \n    // Calculate how much smaller the display is vs natural size\n    const displayScaleX = cssWidth / canvas.width;\n    const displayScaleY = cssHeight / canvas.height;\n    const displayScale = Math.min(displayScaleX, displayScaleY);\n    \n    // Combine display scale, video scale, and quality multiplier\n    // Clamp to 1.0 max (never upscale beyond natural resolution)\n    optimalScale = Math.min(1.0, displayScale * options.canvasScale * qualityMultiplier);\n  } catch (e) {\n    // Fallback to just video scale if we can't get computed style\n    console.warn(`[serializeCanvas] Failed to get computed style for ${sourceElement.tagName}:`, e);\n  }\n  \n  // CRITICAL: Create a snapshot of canvas pixels SYNCHRONOUSLY before any async work.\n  // This prevents race conditions where concurrent renders overwrite the shared\n  // shadow canvas while encoding is in progress.\n  const snapshot = snapshotCanvas(canvas, optimalScale, preserveAlpha);\n  \n  // Open img tag with all styles from source element\n  parts.push(`<img style=\"${escapeXML(finalStyle)}\" src=\"`);\n  \n  // Kick off async encoding of the SNAPSHOT (not the live canvas)\n  const promiseIndex = parts.length;\n  const sourceMap = new WeakMap<HTMLCanvasElement, Element>();\n  sourceMap.set(snapshot, sourceElement);\n  \n  // Snapshot is already scaled, so encode at 1.0 scale\n  const encodePromise = encodeCanvasesInParallel([snapshot], {\n    scale: 1.0,\n    renderContext: options.renderContext,\n    sourceMap,\n  }).then(results => results[0]?.dataUrl || '');\n  \n  parts.push(encodePromise);\n  canvasJobs.push({ canvas: snapshot, sourceElement, promiseIndex });\n  \n  // Close img tag\n  parts.push('\" />');\n}\n\n/**\n * Serialize an image element as a canvas (for shadow DOM img elements).\n */\nfunction serializeImageAsCanvas(\n  sourceElement: Element,\n  img: HTMLImageElement,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: SerializationOptions\n): void {\n  // Convert img to canvas for serialization\n  const canvas = document.createElement('canvas');\n  canvas.width = img.naturalWidth;\n  canvas.height = img.naturalHeight;\n  \n  const ctx = canvas.getContext('2d');\n  if (ctx) {\n    try {\n      ctx.drawImage(img, 0, 0);\n    } catch (e) {\n      // Cross-origin image - skip\n      return;\n    }\n  }\n  \n  serializeCanvas(sourceElement, canvas, parts, canvasJobs, options);\n}\n\n/**\n * Serialize slotted light DOM children of a host element.\n */\nfunction serializeSlottedContent(\n  slotHost: Element,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: SerializationOptions,\n  parentIsSVG: boolean\n): void {\n  for (const slottedChild of slotHost.childNodes) {\n    if (slottedChild.nodeType === Node.TEXT_NODE) {\n      const text = slottedChild.textContent;\n      if (text && text.length > 0) {\n        parts.push(escapeXML(text));\n      }\n    } else if (slottedChild.nodeType === Node.ELEMENT_NODE) {\n      serializeElement(slottedChild as Element, parts, canvasJobs, options, parentIsSVG, null);\n    }\n  }\n}\n\n/**\n * Recursively serialize an element and its children to XML parts.\n * @param slotHost - When serializing inside shadow DOM, the custom element whose light DOM children should be serialized for slots\n */\nfunction serializeElement(\n  element: Element,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: SerializationOptions,\n  parentIsSVG = false,\n  slotHost: Element | null = null\n): void {\n  // Skip certain elements\n  if (SKIP_TAGS.has(element.tagName)) {\n    return;\n  }\n  \n  // Handle SLOT elements - serialize light DOM children of the slot host\n  if (element.tagName === 'SLOT' && slotHost) {\n    serializeSlottedContent(slotHost, parts, canvasJobs, options, parentIsSVG);\n    return;\n  }\n  \n  // Check temporal visibility - skip elements outside their time bounds\n  // This is non-destructive (doesn't modify DOM)\n  // NOTE: We do NOT check CSS visibility/display here because:\n  // 1. The container may have visibility:hidden for off-screen rendering\n  // 2. Temporal elements control their own visibility via time bounds\n  if (!isTemporallyVisible(element, options.timeMs)) {\n    return;\n  }\n  \n  // Custom element with shadow DOM?\n  const isCustom = element.tagName.includes('-');\n  if (isCustom && element.shadowRoot) {\n    const shadowCanvas = element.shadowRoot.querySelector('canvas');\n    if (shadowCanvas) {\n      serializeCanvas(element, shadowCanvas, parts, canvasJobs, options);\n      return;\n    }\n    \n    const shadowImg = element.shadowRoot.querySelector('img');\n    if (shadowImg?.complete && shadowImg.naturalWidth > 0) {\n      serializeImageAsCanvas(element, shadowImg, parts, canvasJobs, options);\n      return;\n    }\n    \n    // Serialize custom element with its styles, then shadow DOM content inside\n    // Use span for inline/inline-block/inline-flex elements to preserve inline behavior\n    const computedDisplay = getComputedStyle(element).display;\n    const isInline = computedDisplay === 'inline' || computedDisplay === 'inline-block' || computedDisplay === 'inline-flex';\n    const containerTag = isInline ? 'span' : 'div';\n    \n    let styleStr = serializeComputedStyles(element);\n    \n    \n    parts.push(`<${containerTag}`);\n    \n    // Copy data attributes and class from custom element\n    for (const attr of element.attributes) {\n      const name = attr.name.toLowerCase();\n      if (name === 'class' || name.startsWith('data-')) {\n        parts.push(` ${attr.name}=\"${escapeXML(attr.value)}\"`);\n      }\n    }\n    \n    if (styleStr) {\n      parts.push(` style=\"${escapeXML(styleStr)}\"`);\n    }\n    parts.push('>');\n    \n    // Serialize shadow DOM content with this element as the slot host\n    for (const child of element.shadowRoot.childNodes) {\n      if (child.nodeType === Node.TEXT_NODE) {\n        const text = child.textContent;\n        if (text && text.length > 0) {\n          parts.push(escapeXML(text));\n        }\n      } else if (child.nodeType === Node.ELEMENT_NODE) {\n        // Pass this element as slotHost so nested SLOTs can access light DOM children\n        serializeElement(child as Element, parts, canvasJobs, options, parentIsSVG, element);\n      }\n    }\n    \n    parts.push(`</${containerTag}>`);\n    return;\n  }\n  \n  // Raw canvas in light DOM\n  if (element instanceof HTMLCanvasElement) {\n    serializeCanvas(element, element, parts, canvasJobs, options);\n    return;\n  }\n  \n  // Standard element - serialize to XHTML\n  const tagName = element.tagName.toLowerCase();\n  const isSVG = element instanceof SVGElement;\n  const isVoid = VOID_ELEMENTS.has(tagName);\n  \n  // Open tag with namespace (only add xmlns for root SVG elements, not children)\n  if (isSVG && !parentIsSVG) {\n    // Root SVG element - needs xmlns declaration\n    parts.push(`<${tagName} xmlns=\"http://www.w3.org/2000/svg\"`);\n  } else {\n    parts.push(`<${tagName}`);\n  }\n  \n  // Attributes\n  serializeAttributes(element, parts);\n  \n  // Computed styles as inline style attribute\n  const styleStr = serializeComputedStyles(element);\n  if (styleStr) {\n    parts.push(` style=\"${escapeXML(styleStr)}\"`);\n  }\n  \n  // Void elements: self-close with /> (XHTML requirement)\n  if (isVoid) {\n    parts.push(' />');\n    return;\n  }\n  \n  parts.push('>');\n  \n  // Children (shadow or light)\n  const children = element.shadowRoot?.childNodes || element.childNodes;\n  for (const child of children) {\n    if (child.nodeType === Node.TEXT_NODE) {\n      const text = child.textContent;\n      if (text && text.length > 0) {\n        parts.push(escapeXML(text));\n      }\n    } else if (child.nodeType === Node.ELEMENT_NODE) {\n      // Preserve slotHost when recursing into standard elements inside shadow DOM\n      serializeElement(child as Element, parts, canvasJobs, options, isSVG, slotHost);\n    }\n  }\n  \n  // Close tag\n  parts.push(`</${tagName}>`);\n}\n\n/**\n * Check if an element is temporally visible at the given time.\n * Returns false if the element or any ancestor is outside its temporal bounds.\n */\nfunction isTemporallyVisible(element: Element, timeMs: number): boolean {\n  // Check this element's temporal bounds\n  if (!isVisibleAtTime(element, timeMs)) {\n    return false;\n  }\n  return true;\n}\n\n/**\n * Serialize a timeline element directly to XHTML string.\n * \n * @param timeline - The timeline element to serialize (e.g., EFTimegroup)\n * @param width - Output width\n * @param height - Output height\n * @param options - Serialization options (renderContext, canvasScale, timeMs)\n * @returns XHTML string with all canvases encoded as base64 data URLs\n */\nexport async function serializeTimelineToXHTML(\n  timeline: Element,\n  width: number,\n  height: number,\n  options: SerializationOptions\n): Promise<string> {\n  // Note: Temporal visibility is checked non-destructively during serialization\n  // We do NOT modify the source DOM - this allows serializing the main timeline safely\n  \n  const parts: Array<string | Promise<string>> = [];\n  const canvasJobs: CanvasJob[] = [];\n  \n  // Collect document styles for proper CSS cascade\n  const documentStyles = collectDocumentStyles();\n  \n  // Open wrapper div with embedded styles\n  parts.push(\n    `<div xmlns=\"http://www.w3.org/1999/xhtml\" ` +\n    `style=\"width:${width}px;height:${height}px;overflow:hidden;position:relative;\">`\n  );\n  \n  // Inject document styles (CSS content is wrapped in CDATA to avoid XML escaping issues)\n  if (documentStyles) {\n    parts.push(`<style type=\"text/css\"><![CDATA[${documentStyles}]]></style>`);\n  }\n  \n  // Recursively serialize timeline\n  serializeElement(timeline, parts, canvasJobs, options);\n  \n  // Close wrapper\n  parts.push('</div>');\n  \n  // Wait for all canvas encodings to complete\n  const resolvedParts = await Promise.all(parts);\n  \n  // Join into final XHTML string\n  const xhtml = resolvedParts.join('');\n  \n  return xhtml;\n}\n\n/**\n * Serialize timeline to SVG foreignObject data URI (ready for rendering).\n * \n * @param timeline - The timeline element to serialize\n * @param width - Output width\n * @param height - Output height\n * @param options - Serialization options\n * @returns SVG data URI\n */\nexport async function serializeTimelineToDataUri(\n  timeline: Element,\n  width: number,\n  height: number,\n  options: SerializationOptions\n): Promise<string> {\n  const xhtml = await serializeTimelineToXHTML(timeline, width, height, options);\n  \n  // Wrap in SVG foreignObject\n  // Use explicit pixel dimensions for foreignObject to match SVG viewport exactly\n  const svg = \n    `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\">` +\n    `<foreignObject x=\"0\" y=\"0\" width=\"${width}\" height=\"${height}\">${xhtml}</foreignObject>` +\n    `</svg>`;\n  \n  // Use percent-encoding instead of base64 for faster encoding\n  // encodeURIComponent is faster than btoa(unescape(encodeURIComponent()))\n  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;\n}\n"],"mappings":"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"}
+{"version":3,"file":"serializeTimelineDirect.js","names":["rules: string[]","styleParts: string[]","styleStr","parts: Array<string | Promise<string>>","canvasJobs: CanvasJob[]"],"sources":["../../../src/preview/rendering/serializeTimelineDirect.ts"],"sourcesContent":["/**\n * Direct timeline serialization - no intermediate passive structure.\n *\n * Walks the timeline DOM once and builds XML string directly with promise parts\n * for async canvas encoding. 3x faster than DOM creation + XMLSerializer.\n *\n * Architecture:\n * 1. Walk timeline recursively\n * 2. Build array of string parts (some are promises for canvas encoding)\n * 3. Handle shadow DOM by serializing shadow content instead of light DOM\n * 4. Await all promises\n * 5. Join parts into final XML\n */\n\nimport { encodeCanvasesInParallel } from \"../encoding/canvasEncoder.js\";\nimport type { RenderContext } from \"../RenderContext.js\";\nimport { isTemporal, isVisibleAtTime } from \"../previewTypes.js\";\nimport { ScaleConfig } from \"./ScaleConfig.js\";\n\n/**\n * Collect document styles for shadow DOM injection.\n */\nfunction collectDocumentStyles(): string {\n  const rules: string[] = [];\n  try {\n    for (const sheet of document.styleSheets) {\n      try {\n        if (sheet.cssRules) {\n          for (const rule of sheet.cssRules) {\n            rules.push(rule.cssText);\n          }\n        }\n      } catch {\n        // Expected: cross-origin stylesheets block cssRules access\n      }\n    }\n  } catch (e) {\n    console.warn(\n      \"[collectDocumentStyles] Failed to access document.styleSheets:\",\n      e,\n    );\n  }\n  return rules.join(\"\\n\");\n}\n\n/**\n * Elements to skip entirely when serializing.\n * NOTE: SLOT is NOT skipped - it's handled specially to serialize light DOM children.\n */\nconst SKIP_TAGS = new Set([\n  \"EF-AUDIO\",\n  \"EF-THUMBNAIL-STRIP\",\n  \"EF-FILMSTRIP\",\n  \"EF-TIMELINE\",\n  \"EF-WORKBENCH\",\n  \"SCRIPT\",\n  \"STYLE\",\n  \"TEMPLATE\",\n]);\n\n/**\n * HTML void elements - these cannot have children and must be self-closing in XHTML.\n * Using `<br />` instead of `<br></br>`.\n */\nconst VOID_ELEMENTS = new Set([\n  \"area\",\n  \"base\",\n  \"br\",\n  \"col\",\n  \"embed\",\n  \"hr\",\n  \"img\",\n  \"input\",\n  \"link\",\n  \"meta\",\n  \"param\",\n  \"source\",\n  \"track\",\n  \"wbr\",\n]);\n\n/**\n * CSS properties to serialize as inline styles.\n */\nconst SERIALIZED_STYLE_PROPERTIES = [\n  \"display\",\n  \"visibility\",\n  \"opacity\",\n  \"position\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n  \"left\",\n  \"zIndex\",\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"maxWidth\",\n  \"maxHeight\",\n  \"flexGrow\",\n  \"flexShrink\",\n  \"flexBasis\",\n  \"flexDirection\",\n  \"flexWrap\",\n  \"justifyContent\",\n  \"alignItems\",\n  \"alignContent\",\n  \"alignSelf\",\n  \"gap\",\n  \"gridTemplate\",\n  \"gridColumn\",\n  \"gridRow\",\n  \"gridArea\",\n  \"margin\",\n  \"padding\",\n  \"boxSizing\",\n  \"border\",\n  \"borderTop\",\n  \"borderRight\",\n  \"borderBottom\",\n  \"borderLeft\",\n  \"borderRadius\",\n  \"background\",\n  \"color\",\n  \"boxShadow\",\n  \"filter\",\n  \"backdropFilter\",\n  \"clipPath\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontStyle\",\n  \"fontVariant\",\n  \"textAlign\",\n  \"textDecoration\",\n  \"textTransform\",\n  \"letterSpacing\",\n  \"wordSpacing\",\n  \"whiteSpace\",\n  \"textOverflow\",\n  \"lineHeight\",\n  \"verticalAlign\",\n  \"transform\",\n  \"transformOrigin\",\n  \"transformStyle\",\n  \"perspective\",\n  \"perspectiveOrigin\",\n  \"backfaceVisibility\",\n  \"cursor\",\n  \"pointerEvents\",\n  \"userSelect\",\n  \"overflow\",\n  \"objectFit\",\n  \"objectPosition\",\n] as const;\n\n/**\n * Caption child elements that should preserve display:none.\n * These use display:none for content visibility, not temporal visibility.\n */\nconst CAPTION_CHILD_TAGS = new Set([\n  \"EF-CAPTIONS-ACTIVE-WORD\",\n  \"EF-CAPTIONS-BEFORE-ACTIVE-WORD\",\n  \"EF-CAPTIONS-AFTER-ACTIVE-WORD\",\n  \"EF-CAPTIONS-SEGMENT\",\n]);\n\ninterface SerializationOptions {\n  renderContext?: RenderContext;\n  canvasScale: number;\n  timeMs: number;\n}\n\ninterface InternalSerializationOptions {\n  renderContext?: RenderContext;\n  timeMs: number;\n  scaleConfig: ScaleConfig;\n  sourceMap: WeakMap<HTMLCanvasElement, Element>;\n}\n\ninterface CanvasJob {\n  canvas: HTMLCanvasElement;\n  sourceElement: Element;\n  promiseIndex: number;\n}\n\n/**\n * Escape special XML characters.\n */\nfunction escapeXML(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&apos;\");\n}\n\n/**\n * Resolve the natural display value for an element that has display:none\n * set as an inline style (e.g., from temporal visibility via updateAnimations).\n *\n * Temporarily removes the inline display override so getComputedStyle falls\n * through to the element's stylesheet rules (including shadow DOM :host styles),\n * reads the natural value, then restores the override.\n */\nfunction resolveNaturalDisplay(element: Element): string {\n  const htmlEl = element as HTMLElement;\n  const inlineDisplay = htmlEl.style?.getPropertyValue(\"display\");\n  if (inlineDisplay === \"none\" && htmlEl.style) {\n    htmlEl.style.removeProperty(\"display\");\n    const natural = getComputedStyle(element).getPropertyValue(\"display\");\n    htmlEl.style.setProperty(\"display\", \"none\");\n    return natural || \"block\";\n  }\n  return \"block\";\n}\n\n/**\n * Serialize computed styles as inline style string.\n * Handles display:none recovery for non-caption elements by resolving\n * the element's natural display value from its stylesheet rules.\n * @param element - The element to serialize styles for\n * @param styles - Optional pre-computed CSSStyleDeclaration (avoids redundant getComputedStyle calls)\n */\nfunction serializeComputedStyles(\n  element: Element,\n  styles?: CSSStyleDeclaration,\n): string {\n  const computed = styles ?? getComputedStyle(element);\n  const styleParts: string[] = [];\n  const tagName = element.tagName;\n  const isCaptionChild = CAPTION_CHILD_TAGS.has(tagName);\n\n  // Check if the element has explicit width/height in its inline style.\n  // For elements that auto-size to content (inline, inline-block text),\n  // serializing the computed \"used\" pixel width/height would lock them to\n  // exact dimensions that may not match the foreignObject rendering context,\n  // causing text wrapping when font metrics differ slightly.\n  const htmlEl = element as HTMLElement;\n  const hasExplicitWidth = !!htmlEl.style?.getPropertyValue(\"width\");\n  const hasExplicitHeight = !!htmlEl.style?.getPropertyValue(\"height\");\n\n  for (const prop of SERIALIZED_STYLE_PROPERTIES) {\n    // Convert camelCase to kebab-case first\n    const kebab = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);\n    const value = computed.getPropertyValue(kebab);\n\n    // Skip only truly empty values\n    if (!value || value === \"\") {\n      continue;\n    }\n\n    // Handle display property specially\n    let finalValue = value;\n    if (prop === \"display\") {\n      // For non-caption elements, recover the natural display value when display:none\n      // was set by the temporal visibility system (updateAnimations). This prevents\n      // inline elements (like ef-text-segment) from being serialized as display:block.\n      if (value === \"none\" && !isCaptionChild) {\n        finalValue = resolveNaturalDisplay(element);\n      }\n    }\n\n    // Force visibility:visible - the source container may have visibility:hidden\n    // for off-screen rendering, but we want the serialized output to be visible\n    if (prop === \"visibility\") {\n      finalValue = \"visible\";\n    }\n\n    // Skip clipPath - clones always render without clip-path\n    // (source may have clip-path: inset(100%) from proxy mode)\n    if (prop === \"clipPath\") {\n      continue;\n    }\n\n    // Skip width/height when not explicitly set on the element.\n    // getComputedStyle returns \"used\" pixel values for width/height even when\n    // the specified value is auto. Serializing these pixel values locks\n    // content-sized elements (text segments, inline-block spans) to exact\n    // dimensions, which breaks when the foreignObject context renders text\n    // with different font metrics.\n    if (prop === \"width\" && !hasExplicitWidth) {\n      continue;\n    }\n    if (prop === \"height\" && !hasExplicitHeight) {\n      continue;\n    }\n\n    styleParts.push(`${kebab}:${finalValue}`);\n  }\n\n  // Disable animations/transitions to prevent re-animation\n  styleParts.push(\"animation:none\", \"transition:none\");\n\n  return styleParts.join(\";\");\n}\n\n/**\n * Serialize element attributes (excluding style, id, xmlns, event handlers).\n */\nfunction serializeAttributes(\n  element: Element,\n  parts: Array<string | Promise<string>>,\n): void {\n  for (const attr of element.attributes) {\n    const name = attr.name.toLowerCase();\n    // Skip: id, style, xmlns (namespace handled separately), event handlers\n    if (\n      name === \"id\" ||\n      name === \"style\" ||\n      name === \"xmlns\" ||\n      name.startsWith(\"on\")\n    ) {\n      continue;\n    }\n    parts.push(` ${attr.name}=\"${escapeXML(attr.value)}\"`);\n  }\n}\n\n/**\n * Check if a canvas element should preserve alpha channel.\n * EF-WAVEFORM always needs alpha, EF-IMAGE checks hasAlpha property.\n * EF-SURFACE needs alpha because:\n *   1. Without a target, its canvas is transparent and CSS background should show through\n *   2. The target element may have transparent content\n * Raw canvas elements must preserve alpha - we don't know what they contain.\n */\nfunction shouldPreserveAlpha(sourceElement: Element): boolean {\n  const tagName = sourceElement.tagName;\n  if (tagName === \"EF-WAVEFORM\") {\n    return true;\n  }\n  if (tagName === \"EF-SURFACE\") {\n    // Surface needs alpha to allow CSS background to show through empty areas\n    return true;\n  }\n  if (tagName === \"EF-IMAGE\") {\n    return (\n      \"hasAlpha\" in sourceElement && (sourceElement as any).hasAlpha === true\n    );\n  }\n  // Raw canvas elements must preserve alpha\n  if (sourceElement instanceof HTMLCanvasElement) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * Find the capture proxy canvas for an offscreen-rendered canvas.\n * When a canvas is transferred to offscreen via transferControlToOffscreen(),\n * the main thread can no longer read pixels from it. OffscreenCompositionCanvas\n * creates a hidden capture canvas (marked with data-offscreen-capture) that\n * receives ImageBitmap frames from the worker.\n */\nfunction findCaptureProxy(canvas: HTMLCanvasElement): HTMLCanvasElement | null {\n  const container = canvas.parentElement;\n  if (!container) return null;\n  return container.querySelector('canvas[data-offscreen-capture=\"true\"]');\n}\n\n/**\n * Read pixels directly from a WebGL canvas's drawing buffer via gl.readPixels().\n *\n * drawImage(webglCanvas) reads from the compositor's \"presented\" surface, which\n * is only refreshed during requestAnimationFrame / compositing cycles. In hidden\n * browser tabs, compositing is suspended, so drawImage returns stale pixels even\n * though gl.render() produced new content in the drawing buffer.\n *\n * readPixels() reads from the drawing buffer directly, bypassing the compositor.\n *\n * Returns null for non-WebGL canvases (getContext returns null when a different\n * context type is already active).\n */\nfunction readWebGLPixels(canvas: HTMLCanvasElement): Uint8ClampedArray | null {\n  const gl = (canvas.getContext(\"webgl2\") ??\n    canvas.getContext(\"webgl\")) as WebGLRenderingContext | null;\n  if (!gl) return null;\n\n  const width = canvas.width;\n  const height = canvas.height;\n  if (width === 0 || height === 0) return null;\n\n  // Ensure we read from the drawing buffer, not a leftover FBO\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  const pixels = new Uint8Array(width * height * 4);\n  gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);\n\n  // readPixels returns rows bottom-to-top; flip to top-to-bottom for ImageData\n  const rowSize = width * 4;\n  const halfHeight = Math.floor(height / 2);\n  const temp = new Uint8Array(rowSize);\n  for (let y = 0; y < halfHeight; y++) {\n    const topOffset = y * rowSize;\n    const bottomOffset = (height - 1 - y) * rowSize;\n    temp.set(pixels.subarray(topOffset, topOffset + rowSize));\n    pixels.set(\n      pixels.subarray(bottomOffset, bottomOffset + rowSize),\n      topOffset,\n    );\n    pixels.set(temp, bottomOffset);\n  }\n\n  return new Uint8ClampedArray(pixels.buffer);\n}\n\n/**\n * Create a snapshot copy of a canvas's current pixels.\n * This captures the pixels synchronously before any async encoding,\n * preventing race conditions where the source canvas is modified.\n *\n * For WebGL canvases, uses gl.readPixels() to bypass the compositor's\n * presentation layer (which is suspended in hidden browser tabs).\n *\n * For offscreen-rendered canvases, this automatically uses the capture proxy\n * canvas instead of the transferred display canvas.\n */\nfunction snapshotCanvas(\n  canvas: HTMLCanvasElement,\n  scale: number,\n  preserveAlpha: boolean,\n): HTMLCanvasElement {\n  // If this canvas was transferred to offscreen, use its capture proxy\n  const captureProxy = findCaptureProxy(canvas);\n  const sourceCanvas = captureProxy ?? canvas;\n\n  const targetWidth = Math.max(1, Math.floor(sourceCanvas.width * scale));\n  const targetHeight = Math.max(1, Math.floor(sourceCanvas.height * scale));\n\n  const copy = document.createElement(\"canvas\");\n  copy.width = targetWidth;\n  copy.height = targetHeight;\n\n  if (preserveAlpha) {\n    copy.dataset.preserveAlpha = \"true\";\n  }\n\n  const ctx = copy.getContext(\"2d\");\n  if (ctx && sourceCanvas.width > 0 && sourceCanvas.height > 0) {\n    // Try reading directly from WebGL drawing buffer (bypasses compositor)\n    // Only needed when page is hidden - compositor is suspended in hidden tabs\n    const useGlBypass = document.hidden;\n    const glPixels = useGlBypass ? readWebGLPixels(sourceCanvas) : null;\n    if (glPixels) {\n      const srcW = sourceCanvas.width;\n      const srcH = sourceCanvas.height;\n      const imageData = new ImageData(\n        glPixels as unknown as Uint8ClampedArray<ArrayBuffer>,\n        srcW,\n        srcH,\n      );\n\n      if (targetWidth === srcW && targetHeight === srcH) {\n        ctx.putImageData(imageData, 0, 0);\n      } else {\n        // putImageData doesn't scale — bounce through a temp canvas\n        const temp = document.createElement(\"canvas\");\n        temp.width = srcW;\n        temp.height = srcH;\n        temp.getContext(\"2d\")!.putImageData(imageData, 0, 0);\n        ctx.drawImage(temp, 0, 0, targetWidth, targetHeight);\n      }\n    } else {\n      // Non-WebGL canvas: drawImage is synchronous and correct\n      ctx.drawImage(sourceCanvas, 0, 0, targetWidth, targetHeight);\n    }\n  }\n\n  return copy;\n}\n\n/**\n * Serialize a canvas element as an <img> with base64 data URL.\n * Creates a snapshot of current pixels before async encoding to prevent race conditions.\n *\n * OPTIMIZATION: Calculate optimal encoding resolution based on:\n * 1. CSS display size (how big it actually appears)\n * 2. Video export scale (output resolution multiplier)\n * 3. Quality multiplier (for sharpness, default 1.5x)\n */\nfunction serializeCanvas(\n  sourceElement: Element,\n  canvas: HTMLCanvasElement,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: InternalSerializationOptions,\n): void {\n  // If this canvas was transferred to offscreen, use its capture proxy\n  const captureProxy = findCaptureProxy(canvas);\n  const sourceCanvas = captureProxy ?? canvas;\n\n  // Use intrinsic canvas dimensions, not computed styles (which may be zoom-affected)\n  const width = sourceCanvas.width;\n  const height = sourceCanvas.height;\n\n  // Skip empty canvases\n  if (width === 0 || height === 0) {\n    return;\n  }\n\n  // Get computed style once and reuse\n  const computedStyle = getComputedStyle(sourceElement);\n  const styleStr = serializeComputedStyles(sourceElement, computedStyle);\n\n  // Get computed dimensions from source element (respects CSS like w-[420px])\n  const computedWidth = computedStyle.width;\n  const computedHeight = computedStyle.height;\n\n  // Preserve the source element's object-fit and object-position for correct scaling.\n  // These CSS properties control how the canvas content fits its container and must be\n  // carried through to the serialized <img> to maintain visual fidelity.\n  const styleParts = styleStr\n    ? styleStr.split(\";\").filter((s) => s.trim())\n    : [];\n\n  // Remove width/height from computed styles (we'll set them explicitly from computed dimensions)\n  const filteredParts = styleParts.filter((s) => {\n    const trimmed = s.trim();\n    return !trimmed.startsWith(\"width:\") && !trimmed.startsWith(\"height:\");\n  });\n\n  // Use host element dimensions if available, otherwise fall back to canvas natural dimensions\n  const displayWidth = computedWidth || `${width}px`;\n  const displayHeight = computedHeight || `${height}px`;\n\n  filteredParts.push(`width:${displayWidth}`);\n  filteredParts.push(`height:${displayHeight}`);\n  filteredParts.push(`display:block`);\n\n  const finalStyle = filteredParts.join(\";\");\n\n  // Check if we need to preserve alpha channel\n  const preserveAlpha = shouldPreserveAlpha(sourceElement);\n\n  // CRITICAL: Calculate optimal encoding scale BEFORE creating snapshot.\n  // This prevents encoding at full resolution when CSS display size is much smaller.\n  let optimalScale = options.scaleConfig.exportScale; // Start with export scale as fallback\n\n  try {\n    const cssWidth = parseFloat(computedWidth) || sourceCanvas.width;\n    const cssHeight = parseFloat(computedHeight) || sourceCanvas.height;\n\n    // Use ScaleConfig to compute optimal canvas scale\n    optimalScale = options.scaleConfig.computeCanvasScale({\n      naturalWidth: sourceCanvas.width,\n      naturalHeight: sourceCanvas.height,\n      displayWidth: cssWidth,\n      displayHeight: cssHeight,\n    });\n  } catch (e) {\n    // Fallback to export scale if we can't get computed style\n    console.warn(\n      `[serializeCanvas] Failed to get computed style for ${sourceElement.tagName}:`,\n      e,\n    );\n  }\n\n  // CRITICAL: Create a snapshot of canvas pixels SYNCHRONOUSLY before any async work.\n  // This prevents race conditions where concurrent renders overwrite the shared\n  // shadow canvas while encoding is in progress.\n  // Note: snapshotCanvas already handles finding the capture proxy internally\n  const snapshot = snapshotCanvas(canvas, optimalScale, preserveAlpha);\n\n  // Open img tag with all styles from source element\n  parts.push(`<img style=\"${escapeXML(finalStyle)}\" src=\"`);\n\n  // Kick off async encoding of the SNAPSHOT (not the live canvas)\n  const promiseIndex = parts.length;\n  options.sourceMap.set(snapshot, sourceElement);\n\n  // Snapshot is already scaled, so encode at 1.0 scale\n  const encodePromise = encodeCanvasesInParallel([snapshot], {\n    scale: 1.0,\n    renderContext: options.renderContext,\n    sourceMap: options.sourceMap,\n  }).then((results) => results[0]?.dataUrl || \"\");\n\n  parts.push(encodePromise);\n  canvasJobs.push({ canvas: snapshot, sourceElement, promiseIndex });\n\n  // Close img tag\n  parts.push('\" />');\n}\n\n/**\n * Serialize an image element as a canvas (for shadow DOM img elements).\n */\nfunction serializeImageAsCanvas(\n  sourceElement: Element,\n  img: HTMLImageElement,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: InternalSerializationOptions,\n): void {\n  // Convert img to canvas for serialization\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = img.naturalWidth;\n  canvas.height = img.naturalHeight;\n\n  const ctx = canvas.getContext(\"2d\");\n  if (ctx) {\n    try {\n      ctx.drawImage(img, 0, 0);\n    } catch (e) {\n      // Cross-origin image - skip\n      return;\n    }\n  }\n\n  serializeCanvas(sourceElement, canvas, parts, canvasJobs, options);\n}\n\n/**\n * Serialize slotted light DOM children of a host element.\n */\nfunction serializeSlottedContent(\n  slotHost: Element,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: InternalSerializationOptions,\n  parentIsSVG: boolean,\n): void {\n  for (const slottedChild of slotHost.childNodes) {\n    if (slottedChild.nodeType === Node.TEXT_NODE) {\n      const text = slottedChild.textContent;\n      if (text && text.length > 0) {\n        parts.push(escapeXML(text));\n      }\n    } else if (slottedChild.nodeType === Node.ELEMENT_NODE) {\n      serializeElement(\n        slottedChild as Element,\n        parts,\n        canvasJobs,\n        options,\n        parentIsSVG,\n        null,\n      );\n    }\n  }\n}\n\n/**\n * Recursively serialize an element and its children to XML parts.\n * @param slotHost - When serializing inside shadow DOM, the custom element whose light DOM children should be serialized for slots\n */\nfunction serializeElement(\n  element: Element,\n  parts: Array<string | Promise<string>>,\n  canvasJobs: CanvasJob[],\n  options: InternalSerializationOptions,\n  parentIsSVG = false,\n  slotHost: Element | null = null,\n): void {\n  // Skip certain elements\n  if (SKIP_TAGS.has(element.tagName)) {\n    return;\n  }\n\n  // Handle SLOT elements - serialize light DOM children of the slot host\n  if (element.tagName === \"SLOT\" && slotHost) {\n    serializeSlottedContent(slotHost, parts, canvasJobs, options, parentIsSVG);\n    return;\n  }\n\n  // Check temporal visibility - skip elements outside their time bounds\n  // This is non-destructive (doesn't modify DOM)\n  // NOTE: Ancestor checking is unnecessary - serializeElement walks top-down,\n  // so if a parent is temporally invisible, its children are never visited\n  if (!isVisibleAtTime(element, options.timeMs)) {\n    return;\n  }\n\n  // Respect updateAnimations' visibility decision for temporal elements.\n  // isVisibleAtTime uses inclusive end bounds, but updateAnimations uses\n  // exclusive end for mid-composition elements (VisibilityPolicy). When\n  // updateAnimations has set display:none, that is the authoritative decision.\n  if (\n    isTemporal(element) &&\n    (element as HTMLElement).style?.getPropertyValue(\"display\") === \"none\"\n  ) {\n    return;\n  }\n\n  // Custom element with shadow DOM?\n  const isCustom = element.tagName.includes(\"-\");\n  if (isCustom && element.shadowRoot) {\n    const shadowCanvas = element.shadowRoot.querySelector(\"canvas\");\n    if (shadowCanvas) {\n      serializeCanvas(element, shadowCanvas, parts, canvasJobs, options);\n      return;\n    }\n\n    const shadowImg = element.shadowRoot.querySelector(\"img\");\n    if (shadowImg?.complete && shadowImg.naturalWidth > 0) {\n      serializeImageAsCanvas(element, shadowImg, parts, canvasJobs, options);\n      return;\n    }\n\n    // Serialize custom element with its styles, then shadow DOM content inside\n    // Use span for inline/inline-block/inline-flex elements to preserve inline behavior\n    const computedStyle = getComputedStyle(element);\n    let computedDisplay = computedStyle.display;\n    // If display:none was set by temporal visibility, resolve the natural display\n    // to determine the correct container tag (span vs div)\n    if (computedDisplay === \"none\") {\n      computedDisplay = resolveNaturalDisplay(element);\n    }\n    const isInline =\n      computedDisplay === \"inline\" ||\n      computedDisplay === \"inline-block\" ||\n      computedDisplay === \"inline-flex\";\n    const containerTag = isInline ? \"span\" : \"div\";\n\n    let styleStr = serializeComputedStyles(element, computedStyle);\n\n    parts.push(`<${containerTag}`);\n\n    // Copy data attributes and class from custom element\n    for (const attr of element.attributes) {\n      const name = attr.name.toLowerCase();\n      if (name === \"class\" || name.startsWith(\"data-\")) {\n        parts.push(` ${attr.name}=\"${escapeXML(attr.value)}\"`);\n      }\n    }\n\n    if (styleStr) {\n      parts.push(` style=\"${escapeXML(styleStr)}\"`);\n    }\n    parts.push(\">\");\n\n    // Serialize shadow DOM content with this element as the slot host\n    for (const child of element.shadowRoot.childNodes) {\n      if (child.nodeType === Node.TEXT_NODE) {\n        const text = child.textContent;\n        if (text && text.length > 0) {\n          parts.push(escapeXML(text));\n        }\n      } else if (child.nodeType === Node.ELEMENT_NODE) {\n        // Pass this element as slotHost so nested SLOTs can access light DOM children\n        serializeElement(\n          child as Element,\n          parts,\n          canvasJobs,\n          options,\n          parentIsSVG,\n          element,\n        );\n      }\n    }\n\n    parts.push(`</${containerTag}>`);\n    return;\n  }\n\n  // Raw canvas in light DOM\n  if (element instanceof HTMLCanvasElement) {\n    serializeCanvas(element, element, parts, canvasJobs, options);\n    return;\n  }\n\n  // Standard element - serialize to XHTML\n  const tagName = element.tagName.toLowerCase();\n  const isSVG = element instanceof SVGElement;\n  const isVoid = VOID_ELEMENTS.has(tagName);\n\n  // Open tag with namespace (only add xmlns for root SVG elements, not children)\n  if (isSVG && !parentIsSVG) {\n    // Root SVG element - needs xmlns declaration\n    parts.push(`<${tagName} xmlns=\"http://www.w3.org/2000/svg\"`);\n  } else {\n    parts.push(`<${tagName}`);\n  }\n\n  // Attributes\n  serializeAttributes(element, parts);\n\n  // Computed styles as inline style attribute\n  const styleStr = serializeComputedStyles(element);\n  if (styleStr) {\n    parts.push(` style=\"${escapeXML(styleStr)}\"`);\n  }\n\n  // Void elements: self-close with /> (XHTML requirement)\n  if (isVoid) {\n    parts.push(\" />\");\n    return;\n  }\n\n  parts.push(\">\");\n\n  // Children (shadow or light)\n  const children = element.shadowRoot?.childNodes || element.childNodes;\n  for (const child of children) {\n    if (child.nodeType === Node.TEXT_NODE) {\n      const text = child.textContent;\n      if (text && text.length > 0) {\n        parts.push(escapeXML(text));\n      }\n    } else if (child.nodeType === Node.ELEMENT_NODE) {\n      // Preserve slotHost when recursing into standard elements inside shadow DOM\n      serializeElement(\n        child as Element,\n        parts,\n        canvasJobs,\n        options,\n        isSVG,\n        slotHost,\n      );\n    }\n  }\n\n  // Close tag\n  parts.push(`</${tagName}>`);\n}\n\n/**\n * TextEncoder instance for SVG-to-base64 encoding.\n * encode() converts to UTF-8 bytes in a single native call, then we\n * base64-encode the bytes. ~33% overhead vs ~200% for percent-encoding.\n */\nconst textEncoder = new TextEncoder();\n\n/**\n * Synchronous DOM capture phase. Walks the element tree, snapshots canvas\n * pixels, and kicks off async encoding. Returns parts array containing\n * string fragments and encoding promises.\n *\n * After this function returns, the source element's DOM is no longer\n * referenced — the clone can safely be seeked to the next frame.\n *\n * SCALING ARCHITECTURE (unified via ScaleConfig):\n *\n * ScaleConfig centralizes all scaling logic and provides:\n * 1. Output SVG dimensions (width * exportScale, height * exportScale)\n * 2. DOM scaling wrapper (CSS transform:scale when exportScale < 1)\n * 3. Per-canvas optimal encoding scale via computeCanvasScale()\n *\n * Canvas scaling is independent from DOM scaling because:\n * - Canvas elements have intrinsic pixel dimensions and can be downsampled\n *   efficiently before encoding (prevents encoding 1920px at full resolution\n *   when displayed at 420px)\n * - DOM content has no intrinsic resolution and must be scaled via CSS\n *   transforms, which the browser handles during SVG foreignObject rendering\n *\n * Example: 1920x1080 @ 0.5 export scale\n * - Output SVG: 960x540\n * - DOM wrapper: transform:scale(0.5) on 1920x1080 content\n * - Canvas (1920px displayed at 420px): encoded at ~0.16x (315px)\n *   via computeCanvasScale(420/1920 * 0.5 * 1.5 quality = 0.164)\n */\nexport function captureElementParts(\n  element: Element,\n  width: number,\n  height: number,\n  options: SerializationOptions,\n): Array<string | Promise<string>> {\n  const parts: Array<string | Promise<string>> = [];\n  const canvasJobs: CanvasJob[] = [];\n  const sourceMap = new WeakMap<HTMLCanvasElement, Element>();\n\n  // Create ScaleConfig to centralize all scaling logic\n  const scaleConfig = ScaleConfig.fromOptions(\n    width,\n    height,\n    options.canvasScale,\n  );\n\n  const documentStyles =\n    options.renderContext?.getCachedDocumentStyles() ?? collectDocumentStyles();\n  if (options.renderContext && documentStyles) {\n    options.renderContext.setCachedDocumentStyles(documentStyles);\n  }\n\n  parts.push(\n    `<div xmlns=\"http://www.w3.org/1999/xhtml\" ` +\n      `style=\"width:${scaleConfig.outputWidth}px;height:${scaleConfig.outputHeight}px;overflow:hidden;position:relative;\">`,\n  );\n\n  if (documentStyles) {\n    parts.push(`<style type=\"text/css\"><![CDATA[${documentStyles}]]></style>`);\n  }\n\n  // Apply DOM scaling wrapper if needed\n  const domTransform = scaleConfig.getDOMTransform();\n  if (domTransform) {\n    const wrapperDims = scaleConfig.getDOMWrapperDimensions();\n    parts.push(\n      `<div style=\"transform:${domTransform};transform-origin:0 0;` +\n        `width:${wrapperDims.width}px;height:${wrapperDims.height}px;\">`,\n    );\n  }\n\n  // Create internal options with ScaleConfig\n  const internalOptions: InternalSerializationOptions = {\n    renderContext: options.renderContext,\n    timeMs: options.timeMs,\n    scaleConfig,\n    sourceMap,\n  };\n\n  serializeElement(element, parts, canvasJobs, internalOptions);\n\n  if (domTransform) {\n    parts.push(\"</div>\");\n  }\n\n  parts.push(\"</div>\");\n\n  return parts;\n}\n\n/**\n * Serialize any element directly to XHTML string.\n *\n * @param element - The element to serialize (timegroup, temporal element, or plain DOM)\n * @param width - Output width\n * @param height - Output height\n * @param options - Serialization options (renderContext, canvasScale, timeMs)\n * @returns XHTML string with all canvases encoded as base64 data URLs\n */\nexport async function serializeElementToXHTML(\n  element: Element,\n  width: number,\n  height: number,\n  options: SerializationOptions,\n): Promise<string> {\n  const parts = captureElementParts(element, width, height, options);\n  const resolvedParts = await Promise.all(parts);\n  return resolvedParts.join(\"\");\n}\n\n/**\n * Synchronous capture with deferred data URI encoding.\n *\n * Walks the DOM and snapshots canvas pixels synchronously, then returns\n * a promise that resolves to the SVG data URI once async canvas-to-base64\n * encoding completes. The source element is NOT referenced after this\n * function returns — the caller can immediately mutate/seek the clone.\n */\nexport function captureTimelineToDataUri(\n  element: Element,\n  width: number,\n  height: number,\n  options: SerializationOptions,\n): Promise<string> {\n  // Create ScaleConfig to compute scaled dimensions\n  const scaleConfig = ScaleConfig.fromOptions(\n    width,\n    height,\n    options.canvasScale,\n  );\n\n  const parts = captureElementParts(element, width, height, options);\n\n  return Promise.all(parts).then((resolvedParts) => {\n    const xhtml = resolvedParts.join(\"\");\n    const svg =\n      `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${scaleConfig.outputWidth}\" height=\"${scaleConfig.outputHeight}\">` +\n      `<foreignObject x=\"0\" y=\"0\" width=\"${scaleConfig.outputWidth}\" height=\"${scaleConfig.outputHeight}\">${xhtml}</foreignObject>` +\n      `</svg>`;\n    // Encode SVG to base64 data URI inline (avoids module-level function reference issues)\n    const bytes = textEncoder.encode(svg);\n    let binary = \"\";\n    for (let i = 0; i < bytes.length; i += 8192) {\n      binary += String.fromCharCode.apply(\n        null,\n        bytes.subarray(i, i + 8192) as unknown as number[],\n      );\n    }\n    return `data:image/svg+xml;base64,${btoa(binary)}`;\n  });\n}\n"],"mappings":"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"}

package/dist/preview/statsTrackingStrategy.js

@@ -1,78 +1,5 @@
-import { logger } from "./logger.js";
-
 //#region src/preview/statsTrackingStrategy.ts
 /**
-* Canvas mode stats tracking strategy.
-* Tracks all stats including render time, headroom, resolution scale, and adaptive resolution.
-*/
-var CanvasStatsStrategy = class {
-	constructor(options) {
-		this.animationFrame = null;
-		this.lastStatsUpdateTime = 0;
-		this.currentStats = null;
-		this.canvasPreviewResult = options.canvasPreviewResult;
-		this.adaptiveTracker = options.adaptiveTracker;
-		this.compositionWidth = options.compositionWidth;
-		this.compositionHeight = options.compositionHeight;
-		this.getResolutionScale = options.getResolutionScale;
-		this.isAtRest = options.isAtRest;
-		this.isExporting = options.isExporting;
-	}
-	start() {
-		if (this.animationFrame !== null) return;
-		const { refresh } = this.canvasPreviewResult;
-		const loop = async (timestamp) => {
-			if (this.animationFrame === null) return;
-			if (!this.isExporting()) try {
-				const renderStart = performance.now();
-				await refresh();
-				const renderTime = performance.now() - renderStart;
-				if (!this.isAtRest()) this.adaptiveTracker.recordFrame(renderTime, timestamp);
-				if (timestamp - this.lastStatsUpdateTime > 100) {
-					this.lastStatsUpdateTime = timestamp;
-					const currentScale = this.getResolutionScale();
-					const renderWidth = Math.floor(this.compositionWidth * currentScale);
-					const renderHeight = Math.floor(this.compositionHeight * currentScale);
-					this.updateStats(renderWidth, renderHeight, currentScale);
-				}
-			} catch (e) {
-				logger.error("Canvas stats tracking failed:", e);
-			}
-			this.animationFrame = requestAnimationFrame(loop);
-		};
-		this.animationFrame = requestAnimationFrame(loop);
-	}
-	stop() {
-		if (this.animationFrame !== null) {
-			cancelAnimationFrame(this.animationFrame);
-			this.animationFrame = null;
-		}
-		this.currentStats = null;
-	}
-	getStats() {
-		return this.currentStats;
-	}
-	supportsStat(_stat) {
-		return true;
-	}
-	updateStats(renderWidth, renderHeight, resolutionScale) {
-		const trackerStats = this.adaptiveTracker.getStats();
-		this.currentStats = {
-			fps: trackerStats.fps,
-			avgRenderTime: trackerStats.avgRenderTime,
-			headroom: trackerStats.headroom,
-			pressureState: trackerStats.pressureState,
-			pressureHistory: trackerStats.pressureHistory,
-			renderWidth,
-			renderHeight,
-			resolutionScale,
-			samplesAtCurrentScale: trackerStats.samplesAtCurrentScale,
-			canScaleUp: trackerStats.canScaleUp,
-			canScaleDown: trackerStats.canScaleDown
-		};
-	}
-};
-/**
 * DOM mode stats tracking strategy.
 * Tracks FPS, resolution, CPU pressure, and frame seek time.
 */
@@ -170,34 +97,7 @@ var DomStatsStrategy = class {
 		};
 	}
 };
-/**
-* Factory function to create the appropriate stats tracking strategy for a presentation mode.
-* Returns null for modes that don't support stats tracking.
-*/
-function createStatsTrackingStrategy(mode, options) {
-	switch (mode) {
-		case "canvas":
-			if (!options.canvasPreviewResult || !options.getResolutionScale || !options.isAtRest || !options.isExporting) return null;
-			return new CanvasStatsStrategy({
-				canvasPreviewResult: options.canvasPreviewResult,
-				adaptiveTracker: options.adaptiveTracker,
-				compositionWidth: options.compositionWidth,
-				compositionHeight: options.compositionHeight,
-				getResolutionScale: options.getResolutionScale,
-				isAtRest: options.isAtRest,
-				isExporting: options.isExporting
-			});
-		case "dom":
-		case "original": return new DomStatsStrategy({
-			timegroup: options.timegroup,
-			adaptiveTracker: options.adaptiveTracker
-		});
-		case "clone":
-		case "computed": return null;
-		default: return null;
-	}
-}
 
 //#endregion
-export { createStatsTrackingStrategy };
+export { DomStatsStrategy };
 //# sourceMappingURL=statsTrackingStrategy.js.map

package/dist/preview/statsTrackingStrategy.js.map

@@ -1 +1 @@
-{"version":3,"file":"statsTrackingStrategy.js","names":[],"sources":["../../src/preview/statsTrackingStrategy.ts"],"sourcesContent":["/**\n * Stats tracking strategy for different presentation modes.\n * \n * Uses strategy pattern to encapsulate mode-specific stats tracking logic,\n * allowing each mode to report what stats it supports and provide its own implementation.\n */\n\nimport { logger } from \"./logger.js\";\nimport type { EFTimegroup } from \"../elements/EFTimegroup.js\";\nimport type { AdaptiveResolutionTracker } from \"./AdaptiveResolutionTracker.js\";\nimport type { CanvasPreviewResult } from \"./renderTimegroupToCanvas.js\";\nimport type { PreviewPresentationMode } from \"./previewSettings.js\";\n\n/**\n * Stat types that can be tracked.\n */\nexport type StatType =\n  | \"fps\"\n  | \"renderTime\"\n  | \"headroom\"\n  | \"resolution\"\n  | \"resolutionScale\"\n  | \"cpuPressure\"\n  | \"adaptiveResolution\";\n\n/**\n * Playback statistics for display.\n */\nexport interface PlaybackStats {\n  fps: number;\n  avgRenderTime: number | null; // null if not measurable\n  headroom: number | null; // null if not applicable\n  pressureState: string;\n  pressureHistory: string[];\n  renderWidth: number;\n  renderHeight: number;\n  resolutionScale: number | null; // null if not applicable\n  samplesAtCurrentScale?: number; // only for adaptive resolution\n  canScaleUp?: boolean; // only for adaptive resolution\n  canScaleDown?: boolean; // only for adaptive resolution\n}\n\n/**\n * Strategy interface for tracking stats in different presentation modes.\n */\nexport interface StatsTrackingStrategy {\n  /** Start tracking stats (called when mode is initialized and stats are enabled) */\n  start(): void;\n  /** Stop tracking stats (called when mode stops or stats are disabled) */\n  stop(): void;\n  /** Get current stats, or null if not available */\n  getStats(): PlaybackStats | null;\n  /** Check if this strategy supports a specific stat type */\n  supportsStat(stat: StatType): boolean;\n}\n\n/**\n * Canvas mode stats tracking strategy.\n * Tracks all stats including render time, headroom, resolution scale, and adaptive resolution.\n */\nexport class CanvasStatsStrategy implements StatsTrackingStrategy {\n  private canvasPreviewResult: CanvasPreviewResult;\n  private adaptiveTracker: AdaptiveResolutionTracker;\n  private readonly compositionWidth: number;\n  private readonly compositionHeight: number;\n  private getResolutionScale: () => number;\n  private isAtRest: () => boolean;\n  private isExporting: () => boolean;\n  \n  private animationFrame: number | null = null;\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n\n  constructor(options: {\n    canvasPreviewResult: CanvasPreviewResult;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale: () => number;\n    isAtRest: () => boolean;\n    isExporting: () => boolean;\n  }) {\n    this.canvasPreviewResult = options.canvasPreviewResult;\n    this.adaptiveTracker = options.adaptiveTracker;\n    this.compositionWidth = options.compositionWidth;\n    this.compositionHeight = options.compositionHeight;\n    this.getResolutionScale = options.getResolutionScale;\n    this.isAtRest = options.isAtRest;\n    this.isExporting = options.isExporting;\n  }\n\n  start(): void {\n    if (this.animationFrame !== null) return;\n    \n    const { refresh } = this.canvasPreviewResult;\n    \n    const loop = async (timestamp: number) => {\n      if (this.animationFrame === null) return; // Stopped\n      \n      // Skip refresh during export to avoid wasting CPU\n      if (!this.isExporting()) {\n        try {\n          // Measure actual render time\n          const renderStart = performance.now();\n          await refresh();\n          const renderTime = performance.now() - renderStart;\n          \n          // Only record frame timing when in motion (playing/scrubbing)\n          // This prevents inflated stats at rest and focuses tracking on actual playback\n          if (!this.isAtRest()) {\n            this.adaptiveTracker.recordFrame(renderTime, timestamp);\n          }\n\n          // Update playback stats every 100ms (10 times per second)\n          if (timestamp - this.lastStatsUpdateTime > 100) {\n            this.lastStatsUpdateTime = timestamp;\n            // Get CURRENT resolution from the canvas result (may have changed dynamically)\n            const currentScale = this.getResolutionScale();\n            const renderWidth = Math.floor(this.compositionWidth * currentScale);\n            const renderHeight = Math.floor(this.compositionHeight * currentScale);\n            this.updateStats(renderWidth, renderHeight, currentScale);\n          }\n        } catch (e) {\n          logger.error(\"Canvas stats tracking failed:\", e);\n        }\n      }\n      \n      this.animationFrame = requestAnimationFrame(loop);\n    };\n    \n    this.animationFrame = requestAnimationFrame(loop);\n  }\n\n  stop(): void {\n    if (this.animationFrame !== null) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = null;\n    }\n    this.currentStats = null;\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(_stat: StatType): boolean {\n    // Canvas mode supports all stats\n    return true;\n  }\n\n  private updateStats(renderWidth: number, renderHeight: number, resolutionScale: number): void {\n    const trackerStats = this.adaptiveTracker.getStats();\n\n    this.currentStats = {\n      fps: trackerStats.fps,\n      avgRenderTime: trackerStats.avgRenderTime,\n      headroom: trackerStats.headroom,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale,\n      samplesAtCurrentScale: trackerStats.samplesAtCurrentScale,\n      canScaleUp: trackerStats.canScaleUp,\n      canScaleDown: trackerStats.canScaleDown,\n    };\n  }\n}\n\n/**\n * DOM mode stats tracking strategy.\n * Tracks FPS, resolution, CPU pressure, and frame seek time.\n */\nexport class DomStatsStrategy implements StatsTrackingStrategy {\n  private timegroup: EFTimegroup;\n  private adaptiveTracker: AdaptiveResolutionTracker;\n  \n  private animationFrame: number | null = null;\n  private lastFrameTime = 0;\n  private frameIntervals: number[] = [];\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n  \n  // Frame seek time tracking\n  private seekStartTime = 0;\n  private seekTimes: number[] = [];\n  private frameTaskCleanup: (() => void) | null = null;\n  \n  private readonly ROLLING_WINDOW_SIZE = 30; // ~1 second at 30fps\n  private readonly TARGET_FRAME_TIME_MS = 33.33; // 30fps target\n\n  constructor(options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n  }) {\n    this.timegroup = options.timegroup;\n    this.adaptiveTracker = options.adaptiveTracker;\n  }\n\n  start(): void {\n    if (this.animationFrame !== null) return;\n    \n    // Track frame seek times using frameTask callback\n    // This measures how long it takes for the timegroup to fully update after a seek\n    const frameTaskCallback = async () => {\n      if (this.seekStartTime > 0) {\n        const seekTime = performance.now() - this.seekStartTime;\n        this.seekTimes.push(seekTime);\n        if (this.seekTimes.length > this.ROLLING_WINDOW_SIZE) {\n          this.seekTimes.shift();\n        }\n        this.seekStartTime = 0; // Reset after recording\n      }\n    };\n    \n    this.timegroup.addFrameTask(frameTaskCallback);\n    this.frameTaskCleanup = () => {\n      // Note: EFTimegroup doesn't have removeFrameTask, but this is fine\n      // The callback will be cleaned up when the timegroup is destroyed\n    };\n    \n    // Track currentTimeMs changes to detect seeks\n    let lastCurrentTimeMs = this.timegroup.currentTimeMs;\n    const checkSeek = () => {\n      const currentTimeMs = this.timegroup.currentTimeMs;\n      if (currentTimeMs !== lastCurrentTimeMs) {\n        // Seek detected - start timing\n        this.seekStartTime = performance.now();\n        lastCurrentTimeMs = currentTimeMs;\n      }\n    };\n    \n    const loop = (timestamp: number) => {\n      if (this.animationFrame === null) return; // Stopped\n      \n      // Check for seeks\n      checkSeek();\n      \n      // Track frame intervals for FPS calculation\n      if (this.lastFrameTime > 0) {\n        const interval = timestamp - this.lastFrameTime;\n        this.frameIntervals.push(interval);\n        if (this.frameIntervals.length > this.ROLLING_WINDOW_SIZE) {\n          this.frameIntervals.shift();\n        }\n      }\n      this.lastFrameTime = timestamp;\n      \n      // Update stats every 100ms (10 times per second)\n      if (timestamp - this.lastStatsUpdateTime > 100) {\n        this.lastStatsUpdateTime = timestamp;\n        this.updateStats();\n      }\n      \n      this.animationFrame = requestAnimationFrame(loop);\n    };\n    \n    this.animationFrame = requestAnimationFrame(loop);\n  }\n\n  stop(): void {\n    if (this.animationFrame !== null) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = null;\n    }\n    if (this.frameTaskCleanup) {\n      this.frameTaskCleanup();\n      this.frameTaskCleanup = null;\n    }\n    this.lastFrameTime = 0;\n    this.frameIntervals = [];\n    this.seekStartTime = 0;\n    this.seekTimes = [];\n    this.currentStats = null;\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(stat: StatType): boolean {\n    // DOM mode supports: fps, resolution, cpuPressure, renderTime (seek time), headroom\n    // Does NOT support: resolutionScale, adaptiveResolution\n    return stat === \"fps\" || stat === \"resolution\" || stat === \"cpuPressure\" || stat === \"renderTime\" || stat === \"headroom\";\n  }\n\n  private updateStats(): void {\n    // Calculate FPS from frame intervals\n    const avgFrameInterval = this.frameIntervals.length > 0\n      ? this.frameIntervals.reduce((a, b) => a + b, 0) / this.frameIntervals.length\n      : 16.67;\n    const fps = avgFrameInterval > 0 ? 1000 / avgFrameInterval : 0;\n    \n    // Calculate average seek time (frame update time)\n    const avgSeekTime = this.seekTimes.length > 0\n      ? this.seekTimes.reduce((a, b) => a + b, 0) / this.seekTimes.length\n      : 0;\n    \n    // Calculate headroom (positive = faster than target, negative = slower)\n    const headroom = avgSeekTime > 0\n      ? this.TARGET_FRAME_TIME_MS - avgSeekTime\n      : 0;\n    \n    // Get CPU pressure from adaptive tracker\n    const trackerStats = this.adaptiveTracker.getStats();\n    \n    // Calculate displayed resolution from timegroup bounding rect\n    const rect = this.timegroup.getBoundingClientRect();\n    const renderWidth = Math.round(rect.width);\n    const renderHeight = Math.round(rect.height);\n\n    this.currentStats = {\n      fps,\n      avgRenderTime: avgSeekTime > 0 ? avgSeekTime : null,\n      headroom: avgSeekTime > 0 ? headroom : null,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale: null, // Not applicable in DOM mode\n    };\n  }\n}\n\n/**\n * Factory function to create the appropriate stats tracking strategy for a presentation mode.\n * Returns null for modes that don't support stats tracking.\n */\nexport function createStatsTrackingStrategy(\n  mode: PreviewPresentationMode,\n  options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    canvasPreviewResult?: CanvasPreviewResult | null;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale?: () => number;\n    isAtRest?: () => boolean;\n    isExporting?: () => boolean;\n  }\n): StatsTrackingStrategy | null {\n  switch (mode) {\n    case \"canvas\":\n      if (!options.canvasPreviewResult || !options.getResolutionScale || !options.isAtRest || !options.isExporting) {\n        return null;\n      }\n      return new CanvasStatsStrategy({\n        canvasPreviewResult: options.canvasPreviewResult,\n        adaptiveTracker: options.adaptiveTracker,\n        compositionWidth: options.compositionWidth,\n        compositionHeight: options.compositionHeight,\n        getResolutionScale: options.getResolutionScale,\n        isAtRest: options.isAtRest,\n        isExporting: options.isExporting,\n      });\n    \n    case \"dom\":\n    case \"original\": // \"dom\" maps to \"original\" mode\n      return new DomStatsStrategy({\n        timegroup: options.timegroup,\n        adaptiveTracker: options.adaptiveTracker,\n      });\n    \n    case \"clone\":\n    case \"computed\": // \"clone\" maps to \"computed\" mode\n      // These modes don't support stats tracking\n      return null;\n    \n    default:\n      return null;\n  }\n}\n"],"mappings":";;;;;;;AA4DA,IAAa,sBAAb,MAAkE;CAahE,YAAY,SAQT;wBAZqC;6BACV;sBACe;AAW3C,OAAK,sBAAsB,QAAQ;AACnC,OAAK,kBAAkB,QAAQ;AAC/B,OAAK,mBAAmB,QAAQ;AAChC,OAAK,oBAAoB,QAAQ;AACjC,OAAK,qBAAqB,QAAQ;AAClC,OAAK,WAAW,QAAQ;AACxB,OAAK,cAAc,QAAQ;;CAG7B,QAAc;AACZ,MAAI,KAAK,mBAAmB,KAAM;EAElC,MAAM,EAAE,YAAY,KAAK;EAEzB,MAAM,OAAO,OAAO,cAAsB;AACxC,OAAI,KAAK,mBAAmB,KAAM;AAGlC,OAAI,CAAC,KAAK,aAAa,CACrB,KAAI;IAEF,MAAM,cAAc,YAAY,KAAK;AACrC,UAAM,SAAS;IACf,MAAM,aAAa,YAAY,KAAK,GAAG;AAIvC,QAAI,CAAC,KAAK,UAAU,CAClB,MAAK,gBAAgB,YAAY,YAAY,UAAU;AAIzD,QAAI,YAAY,KAAK,sBAAsB,KAAK;AAC9C,UAAK,sBAAsB;KAE3B,MAAM,eAAe,KAAK,oBAAoB;KAC9C,MAAM,cAAc,KAAK,MAAM,KAAK,mBAAmB,aAAa;KACpE,MAAM,eAAe,KAAK,MAAM,KAAK,oBAAoB,aAAa;AACtE,UAAK,YAAY,aAAa,cAAc,aAAa;;YAEpD,GAAG;AACV,WAAO,MAAM,iCAAiC,EAAE;;AAIpD,QAAK,iBAAiB,sBAAsB,KAAK;;AAGnD,OAAK,iBAAiB,sBAAsB,KAAK;;CAGnD,OAAa;AACX,MAAI,KAAK,mBAAmB,MAAM;AAChC,wBAAqB,KAAK,eAAe;AACzC,QAAK,iBAAiB;;AAExB,OAAK,eAAe;;CAGtB,WAAiC;AAC/B,SAAO,KAAK;;CAGd,aAAa,OAA0B;AAErC,SAAO;;CAGT,AAAQ,YAAY,aAAqB,cAAsB,iBAA+B;EAC5F,MAAM,eAAe,KAAK,gBAAgB,UAAU;AAEpD,OAAK,eAAe;GAClB,KAAK,aAAa;GAClB,eAAe,aAAa;GAC5B,UAAU,aAAa;GACvB,eAAe,aAAa;GAC5B,iBAAiB,aAAa;GAC9B;GACA;GACA;GACA,uBAAuB,aAAa;GACpC,YAAY,aAAa;GACzB,cAAc,aAAa;GAC5B;;;;;;;AAQL,IAAa,mBAAb,MAA+D;CAkB7D,YAAY,SAGT;wBAjBqC;uBAChB;wBACW,EAAE;6BACP;sBACe;uBAGrB;mBACM,EAAE;0BACgB;6BAET;8BACC;AAMtC,OAAK,YAAY,QAAQ;AACzB,OAAK,kBAAkB,QAAQ;;CAGjC,QAAc;AACZ,MAAI,KAAK,mBAAmB,KAAM;EAIlC,MAAM,oBAAoB,YAAY;AACpC,OAAI,KAAK,gBAAgB,GAAG;IAC1B,MAAM,WAAW,YAAY,KAAK,GAAG,KAAK;AAC1C,SAAK,UAAU,KAAK,SAAS;AAC7B,QAAI,KAAK,UAAU,SAAS,KAAK,oBAC/B,MAAK,UAAU,OAAO;AAExB,SAAK,gBAAgB;;;AAIzB,OAAK,UAAU,aAAa,kBAAkB;AAC9C,OAAK,yBAAyB;EAM9B,IAAI,oBAAoB,KAAK,UAAU;EACvC,MAAM,kBAAkB;GACtB,MAAM,gBAAgB,KAAK,UAAU;AACrC,OAAI,kBAAkB,mBAAmB;AAEvC,SAAK,gBAAgB,YAAY,KAAK;AACtC,wBAAoB;;;EAIxB,MAAM,QAAQ,cAAsB;AAClC,OAAI,KAAK,mBAAmB,KAAM;AAGlC,cAAW;AAGX,OAAI,KAAK,gBAAgB,GAAG;IAC1B,MAAM,WAAW,YAAY,KAAK;AAClC,SAAK,eAAe,KAAK,SAAS;AAClC,QAAI,KAAK,eAAe,SAAS,KAAK,oBACpC,MAAK,eAAe,OAAO;;AAG/B,QAAK,gBAAgB;AAGrB,OAAI,YAAY,KAAK,sBAAsB,KAAK;AAC9C,SAAK,sBAAsB;AAC3B,SAAK,aAAa;;AAGpB,QAAK,iBAAiB,sBAAsB,KAAK;;AAGnD,OAAK,iBAAiB,sBAAsB,KAAK;;CAGnD,OAAa;AACX,MAAI,KAAK,mBAAmB,MAAM;AAChC,wBAAqB,KAAK,eAAe;AACzC,QAAK,iBAAiB;;AAExB,MAAI,KAAK,kBAAkB;AACzB,QAAK,kBAAkB;AACvB,QAAK,mBAAmB;;AAE1B,OAAK,gBAAgB;AACrB,OAAK,iBAAiB,EAAE;AACxB,OAAK,gBAAgB;AACrB,OAAK,YAAY,EAAE;AACnB,OAAK,eAAe;;CAGtB,WAAiC;AAC/B,SAAO,KAAK;;CAGd,aAAa,MAAyB;AAGpC,SAAO,SAAS,SAAS,SAAS,gBAAgB,SAAS,iBAAiB,SAAS,gBAAgB,SAAS;;CAGhH,AAAQ,cAAoB;EAE1B,MAAM,mBAAmB,KAAK,eAAe,SAAS,IAClD,KAAK,eAAe,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,GAAG,KAAK,eAAe,SACrE;EACJ,MAAM,MAAM,mBAAmB,IAAI,MAAO,mBAAmB;EAG7D,MAAM,cAAc,KAAK,UAAU,SAAS,IACxC,KAAK,UAAU,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,GAAG,KAAK,UAAU,SAC3D;EAGJ,MAAM,WAAW,cAAc,IAC3B,KAAK,uBAAuB,cAC5B;EAGJ,MAAM,eAAe,KAAK,gBAAgB,UAAU;EAGpD,MAAM,OAAO,KAAK,UAAU,uBAAuB;EACnD,MAAM,cAAc,KAAK,MAAM,KAAK,MAAM;EAC1C,MAAM,eAAe,KAAK,MAAM,KAAK,OAAO;AAE5C,OAAK,eAAe;GAClB;GACA,eAAe,cAAc,IAAI,cAAc;GAC/C,UAAU,cAAc,IAAI,WAAW;GACvC,eAAe,aAAa;GAC5B,iBAAiB,aAAa;GAC9B;GACA;GACA,iBAAiB;GAClB;;;;;;;AAQL,SAAgB,4BACd,MACA,SAU8B;AAC9B,SAAQ,MAAR;EACE,KAAK;AACH,OAAI,CAAC,QAAQ,uBAAuB,CAAC,QAAQ,sBAAsB,CAAC,QAAQ,YAAY,CAAC,QAAQ,YAC/F,QAAO;AAET,UAAO,IAAI,oBAAoB;IAC7B,qBAAqB,QAAQ;IAC7B,iBAAiB,QAAQ;IACzB,kBAAkB,QAAQ;IAC1B,mBAAmB,QAAQ;IAC3B,oBAAoB,QAAQ;IAC5B,UAAU,QAAQ;IAClB,aAAa,QAAQ;IACtB,CAAC;EAEJ,KAAK;EACL,KAAK,WACH,QAAO,IAAI,iBAAiB;GAC1B,WAAW,QAAQ;GACnB,iBAAiB,QAAQ;GAC1B,CAAC;EAEJ,KAAK;EACL,KAAK,WAEH,QAAO;EAET,QACE,QAAO"}
+{"version":3,"file":"statsTrackingStrategy.js","names":[],"sources":["../../src/preview/statsTrackingStrategy.ts"],"sourcesContent":["/**\n * Stats tracking strategy for different presentation modes.\n *\n * Uses strategy pattern to encapsulate mode-specific stats tracking logic,\n * allowing each mode to report what stats it supports and provide its own implementation.\n */\n\nimport type { EFTimegroup } from \"../elements/EFTimegroup.js\";\nimport type { AdaptiveResolutionTracker } from \"./AdaptiveResolutionTracker.js\";\nimport type { CanvasPreviewResult } from \"./renderTimegroupToCanvas.js\";\nimport type { PreviewPresentationMode } from \"./previewSettings.js\";\n\n/**\n * Stat types that can be tracked.\n */\nexport type StatType =\n  | \"fps\"\n  | \"renderTime\"\n  | \"headroom\"\n  | \"resolution\"\n  | \"resolutionScale\"\n  | \"cpuPressure\"\n  | \"adaptiveResolution\";\n\n/**\n * Playback statistics for display.\n */\nexport interface PlaybackStats {\n  fps: number;\n  avgRenderTime: number | null; // null if not measurable\n  headroom: number | null; // null if not applicable\n  pressureState: string;\n  pressureHistory: string[];\n  renderWidth: number;\n  renderHeight: number;\n  resolutionScale: number | null; // null if not applicable\n  samplesAtCurrentScale?: number; // only for adaptive resolution\n  canScaleUp?: boolean; // only for adaptive resolution\n  canScaleDown?: boolean; // only for adaptive resolution\n}\n\n/**\n * Strategy interface for tracking stats in different presentation modes.\n */\nexport interface StatsTrackingStrategy {\n  /** Start tracking stats (called when mode is initialized and stats are enabled) */\n  start(): void;\n  /** Stop tracking stats (called when mode stops or stats are disabled) */\n  stop(): void;\n  /** Get current stats, or null if not available */\n  getStats(): PlaybackStats | null;\n  /** Check if this strategy supports a specific stat type */\n  supportsStat(stat: StatType): boolean;\n  /**\n   * Record render timing (optional - only implemented by canvas stats).\n   * Called by EFWorkbench after each canvas refresh.\n   */\n  recordRenderTime?(renderTimeMs: number, timestamp: number): void;\n}\n\n/**\n * Canvas mode stats tracking strategy.\n * Tracks all stats including render time, headroom, resolution scale, and adaptive resolution.\n *\n * This strategy is PASSIVE - it receives render timing from EFWorkbench rather than\n * driving its own render loop. This prevents race conditions and ensures accurate measurements.\n */\nexport class CanvasStatsStrategy implements StatsTrackingStrategy {\n  private adaptiveTracker: AdaptiveResolutionTracker;\n  private readonly compositionWidth: number;\n  private readonly compositionHeight: number;\n  private getResolutionScale: () => number;\n  private isAtRest: () => boolean;\n  private isExporting: () => boolean;\n\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n\n  constructor(options: {\n    canvasPreviewResult: CanvasPreviewResult;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale: () => number;\n    isAtRest: () => boolean;\n    isExporting: () => boolean;\n  }) {\n    // Note: canvasPreviewResult no longer needed since we don't call refresh()\n    this.adaptiveTracker = options.adaptiveTracker;\n    this.compositionWidth = options.compositionWidth;\n    this.compositionHeight = options.compositionHeight;\n    this.getResolutionScale = options.getResolutionScale;\n    this.isAtRest = options.isAtRest;\n    this.isExporting = options.isExporting;\n  }\n\n  start(): void {\n    // Initialize stats update time\n    this.lastStatsUpdateTime = performance.now();\n  }\n\n  stop(): void {\n    this.currentStats = null;\n  }\n\n  /**\n   * Record render timing from EFWorkbench's render loop.\n   * This is called after each successful canvas refresh.\n   */\n  recordRenderTime(renderTimeMs: number, timestamp: number): void {\n    // Skip during export\n    if (this.isExporting()) return;\n\n    // Only record frame timing when in motion (playing/scrubbing)\n    // This prevents inflated stats at rest and focuses tracking on actual playback\n    if (!this.isAtRest()) {\n      this.adaptiveTracker.recordFrame(renderTimeMs, timestamp);\n    }\n\n    // Update playback stats every 100ms (10 times per second)\n    if (timestamp - this.lastStatsUpdateTime > 100) {\n      this.lastStatsUpdateTime = timestamp;\n      // Get CURRENT resolution from the canvas result (may have changed dynamically)\n      const currentScale = this.getResolutionScale();\n      const renderWidth = Math.floor(this.compositionWidth * currentScale);\n      const renderHeight = Math.floor(this.compositionHeight * currentScale);\n      this.updateStats(renderWidth, renderHeight, currentScale);\n    }\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(_stat: StatType): boolean {\n    // Canvas mode supports all stats\n    return true;\n  }\n\n  private updateStats(\n    renderWidth: number,\n    renderHeight: number,\n    resolutionScale: number,\n  ): void {\n    const trackerStats = this.adaptiveTracker.getStats();\n\n    this.currentStats = {\n      fps: trackerStats.fps,\n      avgRenderTime: trackerStats.avgRenderTime,\n      headroom: trackerStats.headroom,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale,\n      samplesAtCurrentScale: trackerStats.samplesAtCurrentScale,\n      canScaleUp: trackerStats.canScaleUp,\n      canScaleDown: trackerStats.canScaleDown,\n    };\n  }\n}\n\n/**\n * DOM mode stats tracking strategy.\n * Tracks FPS, resolution, CPU pressure, and frame seek time.\n */\nexport class DomStatsStrategy implements StatsTrackingStrategy {\n  private timegroup: EFTimegroup;\n  private adaptiveTracker: AdaptiveResolutionTracker;\n\n  private animationFrame: number | null = null;\n  private lastFrameTime = 0;\n  private frameIntervals: number[] = [];\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n\n  // Frame seek time tracking\n  private seekStartTime = 0;\n  private seekTimes: number[] = [];\n  private frameTaskCleanup: (() => void) | null = null;\n\n  private readonly ROLLING_WINDOW_SIZE = 30; // ~1 second at 30fps\n  private readonly TARGET_FRAME_TIME_MS = 33.33; // 30fps target\n\n  constructor(options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n  }) {\n    this.timegroup = options.timegroup;\n    this.adaptiveTracker = options.adaptiveTracker;\n  }\n\n  start(): void {\n    if (this.animationFrame !== null) return;\n\n    // Track frame seek times using frameTask callback\n    // This measures how long it takes for the timegroup to fully update after a seek\n    const frameTaskCallback = async () => {\n      if (this.seekStartTime > 0) {\n        const seekTime = performance.now() - this.seekStartTime;\n        this.seekTimes.push(seekTime);\n        if (this.seekTimes.length > this.ROLLING_WINDOW_SIZE) {\n          this.seekTimes.shift();\n        }\n        this.seekStartTime = 0; // Reset after recording\n      }\n    };\n\n    this.timegroup.addFrameTask(frameTaskCallback);\n    this.frameTaskCleanup = () => {\n      // Note: EFTimegroup doesn't have removeFrameTask, but this is fine\n      // The callback will be cleaned up when the timegroup is destroyed\n    };\n\n    // Track currentTimeMs changes to detect seeks\n    let lastCurrentTimeMs = this.timegroup.currentTimeMs;\n    const checkSeek = () => {\n      const currentTimeMs = this.timegroup.currentTimeMs;\n      if (currentTimeMs !== lastCurrentTimeMs) {\n        // Seek detected - start timing\n        this.seekStartTime = performance.now();\n        lastCurrentTimeMs = currentTimeMs;\n      }\n    };\n\n    const loop = (timestamp: number) => {\n      if (this.animationFrame === null) return; // Stopped\n\n      // Check for seeks\n      checkSeek();\n\n      // Track frame intervals for FPS calculation\n      if (this.lastFrameTime > 0) {\n        const interval = timestamp - this.lastFrameTime;\n        this.frameIntervals.push(interval);\n        if (this.frameIntervals.length > this.ROLLING_WINDOW_SIZE) {\n          this.frameIntervals.shift();\n        }\n      }\n      this.lastFrameTime = timestamp;\n\n      // Update stats every 100ms (10 times per second)\n      if (timestamp - this.lastStatsUpdateTime > 100) {\n        this.lastStatsUpdateTime = timestamp;\n        this.updateStats();\n      }\n\n      this.animationFrame = requestAnimationFrame(loop);\n    };\n\n    this.animationFrame = requestAnimationFrame(loop);\n  }\n\n  stop(): void {\n    if (this.animationFrame !== null) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = null;\n    }\n    if (this.frameTaskCleanup) {\n      this.frameTaskCleanup();\n      this.frameTaskCleanup = null;\n    }\n    this.lastFrameTime = 0;\n    this.frameIntervals = [];\n    this.seekStartTime = 0;\n    this.seekTimes = [];\n    this.currentStats = null;\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(stat: StatType): boolean {\n    // DOM mode supports: fps, resolution, cpuPressure, renderTime (seek time), headroom\n    // Does NOT support: resolutionScale, adaptiveResolution\n    return (\n      stat === \"fps\" ||\n      stat === \"resolution\" ||\n      stat === \"cpuPressure\" ||\n      stat === \"renderTime\" ||\n      stat === \"headroom\"\n    );\n  }\n\n  private updateStats(): void {\n    // Calculate FPS from frame intervals\n    const avgFrameInterval =\n      this.frameIntervals.length > 0\n        ? this.frameIntervals.reduce((a, b) => a + b, 0) /\n          this.frameIntervals.length\n        : 16.67;\n    const fps = avgFrameInterval > 0 ? 1000 / avgFrameInterval : 0;\n\n    // Calculate average seek time (frame update time)\n    const avgSeekTime =\n      this.seekTimes.length > 0\n        ? this.seekTimes.reduce((a, b) => a + b, 0) / this.seekTimes.length\n        : 0;\n\n    // Calculate headroom (positive = faster than target, negative = slower)\n    const headroom =\n      avgSeekTime > 0 ? this.TARGET_FRAME_TIME_MS - avgSeekTime : 0;\n\n    // Get CPU pressure from adaptive tracker\n    const trackerStats = this.adaptiveTracker.getStats();\n\n    // Calculate displayed resolution from timegroup bounding rect\n    const rect = this.timegroup.getBoundingClientRect();\n    const renderWidth = Math.round(rect.width);\n    const renderHeight = Math.round(rect.height);\n\n    this.currentStats = {\n      fps,\n      avgRenderTime: avgSeekTime > 0 ? avgSeekTime : null,\n      headroom: avgSeekTime > 0 ? headroom : null,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale: null, // Not applicable in DOM mode\n    };\n  }\n}\n\n/**\n * Factory function to create the appropriate stats tracking strategy for a presentation mode.\n * Returns null for modes that don't support stats tracking.\n */\nexport function createStatsTrackingStrategy(\n  mode: PreviewPresentationMode,\n  options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    canvasPreviewResult?: CanvasPreviewResult | null;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale?: () => number;\n    isAtRest?: () => boolean;\n    isExporting?: () => boolean;\n  },\n): StatsTrackingStrategy | null {\n  switch (mode) {\n    case \"canvas\":\n      if (\n        !options.canvasPreviewResult ||\n        !options.getResolutionScale ||\n        !options.isAtRest ||\n        !options.isExporting\n      ) {\n        return null;\n      }\n      return new CanvasStatsStrategy({\n        canvasPreviewResult: options.canvasPreviewResult,\n        adaptiveTracker: options.adaptiveTracker,\n        compositionWidth: options.compositionWidth,\n        compositionHeight: options.compositionHeight,\n        getResolutionScale: options.getResolutionScale,\n        isAtRest: options.isAtRest,\n        isExporting: options.isExporting,\n      });\n\n    case \"dom\":\n      return new DomStatsStrategy({\n        timegroup: options.timegroup,\n        adaptiveTracker: options.adaptiveTracker,\n      });\n\n    case \"canvas\":\n      return null;\n\n    default:\n      return null;\n  }\n}\n"],"mappings":";;;;;AAsKA,IAAa,mBAAb,MAA+D;CAkB7D,YAAY,SAGT;wBAjBqC;uBAChB;wBACW,EAAE;6BACP;sBACe;uBAGrB;mBACM,EAAE;0BACgB;6BAET;8BACC;AAMtC,OAAK,YAAY,QAAQ;AACzB,OAAK,kBAAkB,QAAQ;;CAGjC,QAAc;AACZ,MAAI,KAAK,mBAAmB,KAAM;EAIlC,MAAM,oBAAoB,YAAY;AACpC,OAAI,KAAK,gBAAgB,GAAG;IAC1B,MAAM,WAAW,YAAY,KAAK,GAAG,KAAK;AAC1C,SAAK,UAAU,KAAK,SAAS;AAC7B,QAAI,KAAK,UAAU,SAAS,KAAK,oBAC/B,MAAK,UAAU,OAAO;AAExB,SAAK,gBAAgB;;;AAIzB,OAAK,UAAU,aAAa,kBAAkB;AAC9C,OAAK,yBAAyB;EAM9B,IAAI,oBAAoB,KAAK,UAAU;EACvC,MAAM,kBAAkB;GACtB,MAAM,gBAAgB,KAAK,UAAU;AACrC,OAAI,kBAAkB,mBAAmB;AAEvC,SAAK,gBAAgB,YAAY,KAAK;AACtC,wBAAoB;;;EAIxB,MAAM,QAAQ,cAAsB;AAClC,OAAI,KAAK,mBAAmB,KAAM;AAGlC,cAAW;AAGX,OAAI,KAAK,gBAAgB,GAAG;IAC1B,MAAM,WAAW,YAAY,KAAK;AAClC,SAAK,eAAe,KAAK,SAAS;AAClC,QAAI,KAAK,eAAe,SAAS,KAAK,oBACpC,MAAK,eAAe,OAAO;;AAG/B,QAAK,gBAAgB;AAGrB,OAAI,YAAY,KAAK,sBAAsB,KAAK;AAC9C,SAAK,sBAAsB;AAC3B,SAAK,aAAa;;AAGpB,QAAK,iBAAiB,sBAAsB,KAAK;;AAGnD,OAAK,iBAAiB,sBAAsB,KAAK;;CAGnD,OAAa;AACX,MAAI,KAAK,mBAAmB,MAAM;AAChC,wBAAqB,KAAK,eAAe;AACzC,QAAK,iBAAiB;;AAExB,MAAI,KAAK,kBAAkB;AACzB,QAAK,kBAAkB;AACvB,QAAK,mBAAmB;;AAE1B,OAAK,gBAAgB;AACrB,OAAK,iBAAiB,EAAE;AACxB,OAAK,gBAAgB;AACrB,OAAK,YAAY,EAAE;AACnB,OAAK,eAAe;;CAGtB,WAAiC;AAC/B,SAAO,KAAK;;CAGd,aAAa,MAAyB;AAGpC,SACE,SAAS,SACT,SAAS,gBACT,SAAS,iBACT,SAAS,gBACT,SAAS;;CAIb,AAAQ,cAAoB;EAE1B,MAAM,mBACJ,KAAK,eAAe,SAAS,IACzB,KAAK,eAAe,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,GAC9C,KAAK,eAAe,SACpB;EACN,MAAM,MAAM,mBAAmB,IAAI,MAAO,mBAAmB;EAG7D,MAAM,cACJ,KAAK,UAAU,SAAS,IACpB,KAAK,UAAU,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,GAAG,KAAK,UAAU,SAC3D;EAGN,MAAM,WACJ,cAAc,IAAI,KAAK,uBAAuB,cAAc;EAG9D,MAAM,eAAe,KAAK,gBAAgB,UAAU;EAGpD,MAAM,OAAO,KAAK,UAAU,uBAAuB;EACnD,MAAM,cAAc,KAAK,MAAM,KAAK,MAAM;EAC1C,MAAM,eAAe,KAAK,MAAM,KAAK,OAAO;AAE5C,OAAK,eAAe;GAClB;GACA,eAAe,cAAc,IAAI,cAAc;GAC/C,UAAU,cAAc,IAAI,WAAW;GACvC,eAAe,aAAa;GAC5B,iBAAiB,aAAa;GAC9B;GACA;GACA,iBAAiB;GAClB"}

package/dist/preview/workers/WorkerPool.js

@@ -9,7 +9,6 @@ var WorkerPool = class {
 		this.availableWorkers = [];
 		this.taskQueue = [];
 		this.isTerminated = false;
-		this.taskIdCounter = 0;
 		this.workerUrl = workerScriptUrl;
 		if (this.hasBrowserSupport()) this.initializeWorkers();
 	}

package/dist/preview/workers/WorkerPool.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkerPool.js","names":["poolSize: number","testTimeout: number | null","testHandler: ((event: MessageEvent) => void) | null"],"sources":["../../../src/preview/workers/WorkerPool.ts"],"sourcesContent":["/**\n * Worker pool for parallel task execution.\n * Manages a pool of workers and distributes tasks across them.\n */\n\nimport { logger } from \"../logger.js\";\n\n// Constants\nconst WORKER_INIT_TEST_TIMEOUT_MS = 2000;\n\ninterface QueuedTask<T> {\n  resolve: (value: T) => void;\n  reject: (error: Error) => void;\n  task: (worker: Worker) => Promise<T>;\n}\n\nexport class WorkerPool {\n  private workers: Worker[] = [];\n  private availableWorkers: Worker[] = [];\n  private taskQueue: QueuedTask<unknown>[] = [];\n  private isTerminated = false;\n  private workerUrl: string;\n  private taskIdCounter = 0;\n\n  constructor(\n    workerScriptUrl: string,\n    private poolSize: number = navigator.hardwareConcurrency || 4,\n  ) {\n    this.workerUrl = workerScriptUrl;\n\n    // Check browser support first, then initialize workers\n    if (this.hasBrowserSupport()) {\n      this.initializeWorkers();\n    }\n  }\n\n  /**\n   * Check if browser supports workers (before initialization).\n   */\n  private hasBrowserSupport(): boolean {\n    return (\n      typeof Worker !== \"undefined\" &&\n      typeof OffscreenCanvas !== \"undefined\" &&\n      typeof createImageBitmap !== \"undefined\"\n    );\n  }\n\n  private initializeWorkers(): void {\n    for (let i = 0; i < this.poolSize; i++) {\n      try {\n        // Create worker from URL (typically a blob URL from inlined worker code)\n        const worker = new Worker(this.workerUrl, { type: \"module\" });\n        \n        // Test if worker is responding - cleanup handler after confirmation\n        let testTimeout: number | null = null;\n        let testHandler: ((event: MessageEvent) => void) | null = null;\n        \n        const cleanupTest = () => {\n          if (testTimeout !== null) {\n            clearTimeout(testTimeout);\n            testTimeout = null;\n          }\n          if (testHandler !== null) {\n            worker.removeEventListener(\"message\", testHandler);\n            testHandler = null;\n          }\n        };\n        \n        testTimeout = window.setTimeout(() => {\n          cleanupTest();\n        }, WORKER_INIT_TEST_TIMEOUT_MS);\n        \n        testHandler = (event: MessageEvent) => {\n          // Check if this is a test response (worker startup message)\n          if (event.data && typeof event.data === \"string\" && event.data.includes(\"encoderWorker\")) {\n            cleanupTest();\n          }\n        };\n        worker.addEventListener(\"message\", testHandler);\n        \n        worker.onerror = (error) => {\n          cleanupTest();\n          logger.error(`[WorkerPool] Worker ${i} error:`, {\n            message: error.message,\n            filename: error.filename,\n            lineno: error.lineno,\n            colno: error.colno,\n          });\n        };\n        worker.onmessageerror = (error) => {\n          logger.error(`[WorkerPool] Worker ${i} message error:`, error);\n        };\n        this.workers.push(worker);\n        this.availableWorkers.push(worker);\n      } catch (error) {\n        logger.error(`[WorkerPool] Failed to create worker ${i}:`, error instanceof Error ? error.message : String(error));\n      }\n    }\n    if (this.workers.length === 0) {\n      logger.error(`[WorkerPool] Failed to create any workers. URL: ${this.workerUrl}`);\n      logger.error(`[WorkerPool] Browser support check:`, {\n        Worker: typeof Worker !== \"undefined\",\n        OffscreenCanvas: typeof OffscreenCanvas !== \"undefined\",\n        createImageBitmap: typeof createImageBitmap !== \"undefined\",\n      });\n    }\n  }\n\n  /**\n   * Get the number of workers in the pool.\n   */\n  get workerCount(): number {\n    return this.workers.length;\n  }\n\n  /**\n   * Check if workers are available and initialized.\n   */\n  isAvailable(): boolean {\n    return (\n      this.hasBrowserSupport() &&\n      this.workers.length > 0 &&\n      !this.isTerminated\n    );\n  }\n\n  /**\n   * Execute a task using an available worker from the pool.\n   */\n  async execute<T>(task: (worker: Worker) => Promise<T>): Promise<T> {\n    if (this.isTerminated) {\n      throw new Error(\"WorkerPool has been terminated\");\n    }\n\n    // If workers aren't available, this will be handled by the caller's fallback\n    if (!this.isAvailable()) {\n      throw new Error(\"Workers not available\");\n    }\n\n    return new Promise<T>((resolve, reject) => {\n      this.taskQueue.push({ \n        resolve: resolve as (value: unknown) => void, \n        reject, \n        task \n      });\n      this.processQueue();\n    });\n  }\n\n  private processQueue(): void {\n    // Process tasks while we have available workers and queued tasks\n    while (this.availableWorkers.length > 0 && this.taskQueue.length > 0) {\n      const worker = this.availableWorkers.shift();\n      const queuedTask = this.taskQueue.shift();\n      \n      if (!worker || !queuedTask) {\n        // Safety check - should not happen but prevents crashes\n        break;\n      }\n\n      const { resolve, reject, task } = queuedTask;\n\n      // Execute the task\n      task(worker)\n        .then((result) => {\n          resolve(result);\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        })\n        .catch((error) => {\n          reject(error instanceof Error ? error : new Error(String(error)));\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        });\n    }\n  }\n\n  /**\n   * Terminate all workers and clear the task queue.\n   */\n  terminate(): void {\n    this.isTerminated = true;\n\n    // Reject all pending tasks\n    for (const { reject } of this.taskQueue) {\n      reject(new Error(\"WorkerPool terminated\"));\n    }\n    this.taskQueue = [];\n\n    // Terminate all workers\n    for (const worker of this.workers) {\n      worker.terminate();\n    }\n    this.workers = [];\n    this.availableWorkers = [];\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkerPool.js","names":["poolSize: number","testTimeout: number | null","testHandler: ((event: MessageEvent) => void) | null"],"sources":["../../../src/preview/workers/WorkerPool.ts"],"sourcesContent":["/**\n * Worker pool for parallel task execution.\n * Manages a pool of workers and distributes tasks across them.\n */\n\nimport { logger } from \"../logger.js\";\n\n// Constants\nconst WORKER_INIT_TEST_TIMEOUT_MS = 2000;\n\ninterface QueuedTask<T> {\n  resolve: (value: T) => void;\n  reject: (error: Error) => void;\n  task: (worker: Worker) => Promise<T>;\n}\n\nexport class WorkerPool {\n  private workers: Worker[] = [];\n  private availableWorkers: Worker[] = [];\n  private taskQueue: QueuedTask<unknown>[] = [];\n  private isTerminated = false;\n  private workerUrl: string;\n\n  constructor(\n    workerScriptUrl: string,\n    private poolSize: number = navigator.hardwareConcurrency || 4,\n  ) {\n    this.workerUrl = workerScriptUrl;\n\n    // Check browser support first, then initialize workers\n    if (this.hasBrowserSupport()) {\n      this.initializeWorkers();\n    }\n  }\n\n  /**\n   * Check if browser supports workers (before initialization).\n   */\n  private hasBrowserSupport(): boolean {\n    return (\n      typeof Worker !== \"undefined\" &&\n      typeof OffscreenCanvas !== \"undefined\" &&\n      typeof createImageBitmap !== \"undefined\"\n    );\n  }\n\n  private initializeWorkers(): void {\n    for (let i = 0; i < this.poolSize; i++) {\n      try {\n        // Create worker from URL (typically a blob URL from inlined worker code)\n        const worker = new Worker(this.workerUrl, { type: \"module\" });\n\n        // Test if worker is responding - cleanup handler after confirmation\n        let testTimeout: number | null = null;\n        let testHandler: ((event: MessageEvent) => void) | null = null;\n\n        const cleanupTest = () => {\n          if (testTimeout !== null) {\n            clearTimeout(testTimeout);\n            testTimeout = null;\n          }\n          if (testHandler !== null) {\n            worker.removeEventListener(\"message\", testHandler);\n            testHandler = null;\n          }\n        };\n\n        testTimeout = window.setTimeout(() => {\n          cleanupTest();\n        }, WORKER_INIT_TEST_TIMEOUT_MS);\n\n        testHandler = (event: MessageEvent) => {\n          // Check if this is a test response (worker startup message)\n          if (\n            event.data &&\n            typeof event.data === \"string\" &&\n            event.data.includes(\"encoderWorker\")\n          ) {\n            cleanupTest();\n          }\n        };\n        worker.addEventListener(\"message\", testHandler);\n\n        worker.onerror = (error) => {\n          cleanupTest();\n          logger.error(`[WorkerPool] Worker ${i} error:`, {\n            message: error.message,\n            filename: error.filename,\n            lineno: error.lineno,\n            colno: error.colno,\n          });\n        };\n        worker.onmessageerror = (error) => {\n          logger.error(`[WorkerPool] Worker ${i} message error:`, error);\n        };\n        this.workers.push(worker);\n        this.availableWorkers.push(worker);\n      } catch (error) {\n        logger.error(\n          `[WorkerPool] Failed to create worker ${i}:`,\n          error instanceof Error ? error.message : String(error),\n        );\n      }\n    }\n    if (this.workers.length === 0) {\n      logger.error(\n        `[WorkerPool] Failed to create any workers. URL: ${this.workerUrl}`,\n      );\n      logger.error(`[WorkerPool] Browser support check:`, {\n        Worker: typeof Worker !== \"undefined\",\n        OffscreenCanvas: typeof OffscreenCanvas !== \"undefined\",\n        createImageBitmap: typeof createImageBitmap !== \"undefined\",\n      });\n    }\n  }\n\n  /**\n   * Get the number of workers in the pool.\n   */\n  get workerCount(): number {\n    return this.workers.length;\n  }\n\n  /**\n   * Check if workers are available and initialized.\n   */\n  isAvailable(): boolean {\n    return (\n      this.hasBrowserSupport() && this.workers.length > 0 && !this.isTerminated\n    );\n  }\n\n  /**\n   * Execute a task using an available worker from the pool.\n   */\n  async execute<T>(task: (worker: Worker) => Promise<T>): Promise<T> {\n    if (this.isTerminated) {\n      throw new Error(\"WorkerPool has been terminated\");\n    }\n\n    // If workers aren't available, this will be handled by the caller's fallback\n    if (!this.isAvailable()) {\n      throw new Error(\"Workers not available\");\n    }\n\n    return new Promise<T>((resolve, reject) => {\n      this.taskQueue.push({\n        resolve: resolve as (value: unknown) => void,\n        reject,\n        task,\n      });\n      this.processQueue();\n    });\n  }\n\n  private processQueue(): void {\n    // Process tasks while we have available workers and queued tasks\n    while (this.availableWorkers.length > 0 && this.taskQueue.length > 0) {\n      const worker = this.availableWorkers.shift();\n      const queuedTask = this.taskQueue.shift();\n\n      if (!worker || !queuedTask) {\n        // Safety check - should not happen but prevents crashes\n        break;\n      }\n\n      const { resolve, reject, task } = queuedTask;\n\n      // Execute the task\n      task(worker)\n        .then((result) => {\n          resolve(result);\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        })\n        .catch((error) => {\n          reject(error instanceof Error ? error : new Error(String(error)));\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        });\n    }\n  }\n\n  /**\n   * Terminate all workers and clear the task queue.\n   */\n  terminate(): void {\n    this.isTerminated = true;\n\n    // Reject all pending tasks\n    for (const { reject } of this.taskQueue) {\n      reject(new Error(\"WorkerPool terminated\"));\n    }\n    this.taskQueue = [];\n\n    // Terminate all workers\n    for (const worker of this.workers) {\n      worker.terminate();\n    }\n    this.workers = [];\n    this.availableWorkers = [];\n  }\n}\n"],"mappings":"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"}

package/dist/preview/workers/encoderWorkerInline.js

@@ -6,77 +6,44 @@
 * from a separate file.
 */
 const workerCode = `
-/**
- * Fast base64 encoding directly from Uint8Array.
- */
-function encodeBase64Fast(bytes) {
-  const base64Chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-  let result = "";
-  let i = 0;
-  const len = bytes.length;
-  
-  while (i < len - 2) {
-    const byte1 = bytes[i++];
-    const byte2 = bytes[i++];
-    const byte3 = bytes[i++];
-    
-    const bitmap = (byte1 << 16) | (byte2 << 8) | byte3;
-    
-    result += base64Chars.charAt((bitmap >> 18) & 63);
-    result += base64Chars.charAt((bitmap >> 12) & 63);
-    result += base64Chars.charAt((bitmap >> 6) & 63);
-    result += base64Chars.charAt(bitmap & 63);
-  }
-  
-  if (i < len) {
-    const byte1 = bytes[i++];
-    const bitmap = byte1 << 16;
-    
-    result += base64Chars.charAt((bitmap >> 18) & 63);
-    result += base64Chars.charAt((bitmap >> 12) & 63);
-    
-    if (i < len) {
-      const byte2 = bytes[i++];
-      const bitmap2 = (byte1 << 16) | (byte2 << 8);
-      result += base64Chars.charAt((bitmap2 >> 6) & 63);
-      result += "=";
-    } else {
-      result += "==";
-    }
-  }
-  
-  return result;
-}
-
 // Send a startup message to confirm worker is loaded
 postMessage("encoderWorker-loaded");
 
 // Use addEventListener for better compatibility
 addEventListener("message", async (event) => {
-  const { taskId, bitmap, preserveAlpha } = event.data;
-  
+  const { taskId, bitmap, preserveAlpha, targetWidth, targetHeight } = event.data;
+
   try {
-    const canvas = new OffscreenCanvas(bitmap.width, bitmap.height);
+    // Resize to target dimensions in worker (ARCHITECTURE.md §2.4)
+    const w = targetWidth || bitmap.width;
+    const h = targetHeight || bitmap.height;
+    const canvas = new OffscreenCanvas(w, h);
     const ctx = canvas.getContext("2d");
-    
+
     if (!ctx) {
       throw new Error("Failed to get 2d context from OffscreenCanvas");
     }
-    
-    ctx.drawImage(bitmap, 0, 0);
+
+    ctx.drawImage(bitmap, 0, 0, w, h);
     bitmap.close();
-    
+
     const blob = await canvas.convertToBlob({
       type: preserveAlpha ? "image/png" : "image/jpeg",
       quality: preserveAlpha ? undefined : 0.95,
     });
-    
+
+    // ARCHITECTURE.md §4.4: chunked String.fromCharCode + native btoa
+    // Native btoa is implemented in C++ and ~100x faster than JS-based
+    // base64 encoding for large payloads (e.g. 2MB PNG blobs).
     const arrayBuffer = await blob.arrayBuffer();
     const bytes = new Uint8Array(arrayBuffer);
-    const base64 = encodeBase64Fast(bytes);
+    let binary = "";
+    for (let i = 0; i < bytes.length; i += 8192) {
+      binary += String.fromCharCode.apply(null, bytes.subarray(i, i + 8192));
+    }
     const mimeType = preserveAlpha ? "image/png" : "image/jpeg";
-    const dataUrl = \`data:\${mimeType};base64,\${base64}\`;
-    
+    const dataUrl = "data:" + mimeType + ";base64," + btoa(binary);
+
     postMessage({ taskId, dataUrl });
   } catch (error) {
     const errorMessage = error instanceof Error ? error.message : String(error);
@@ -88,7 +55,7 @@ let cachedBlobUrl = null;
 /**
 * Creates a blob URL for the encoder worker.
 * The blob URL is cached so multiple calls return the same URL.
-* 
+*
 * @returns The blob URL that can be passed to `new Worker(url, { type: "module" })`
 */
 function getEncoderWorkerUrl() {

package/dist/preview/workers/encoderWorkerInline.js.map

@@ -1 +1 @@
-{"version":3,"file":"encoderWorkerInline.js","names":["cachedBlobUrl: string | null"],"sources":["../../../src/preview/workers/encoderWorkerInline.ts"],"sourcesContent":["/**\n * Inline encoder worker - creates a blob URL from inlined worker code.\n * This approach works in any bundler environment (Vite, webpack, etc.)\n * because the worker code is embedded in the bundle rather than loaded\n * from a separate file.\n */\n\n// The worker code as a string. This is the same logic as encoderWorker.ts\n// but inlined so it can be converted to a blob URL at runtime.\nconst workerCode = `\n/**\n * Fast base64 encoding directly from Uint8Array.\n */\nfunction encodeBase64Fast(bytes) {\n  const base64Chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/\";\n  let result = \"\";\n  let i = 0;\n  const len = bytes.length;\n  \n  while (i < len - 2) {\n    const byte1 = bytes[i++];\n    const byte2 = bytes[i++];\n    const byte3 = bytes[i++];\n    \n    const bitmap = (byte1 << 16) | (byte2 << 8) | byte3;\n    \n    result += base64Chars.charAt((bitmap >> 18) & 63);\n    result += base64Chars.charAt((bitmap >> 12) & 63);\n    result += base64Chars.charAt((bitmap >> 6) & 63);\n    result += base64Chars.charAt(bitmap & 63);\n  }\n  \n  if (i < len) {\n    const byte1 = bytes[i++];\n    const bitmap = byte1 << 16;\n    \n    result += base64Chars.charAt((bitmap >> 18) & 63);\n    result += base64Chars.charAt((bitmap >> 12) & 63);\n    \n    if (i < len) {\n      const byte2 = bytes[i++];\n      const bitmap2 = (byte1 << 16) | (byte2 << 8);\n      result += base64Chars.charAt((bitmap2 >> 6) & 63);\n      result += \"=\";\n    } else {\n      result += \"==\";\n    }\n  }\n  \n  return result;\n}\n\n// Send a startup message to confirm worker is loaded\npostMessage(\"encoderWorker-loaded\");\n\n// Use addEventListener for better compatibility\naddEventListener(\"message\", async (event) => {\n  const { taskId, bitmap, preserveAlpha } = event.data;\n  \n  try {\n    const canvas = new OffscreenCanvas(bitmap.width, bitmap.height);\n    const ctx = canvas.getContext(\"2d\");\n    \n    if (!ctx) {\n      throw new Error(\"Failed to get 2d context from OffscreenCanvas\");\n    }\n    \n    ctx.drawImage(bitmap, 0, 0);\n    bitmap.close();\n    \n    const blob = await canvas.convertToBlob({\n      type: preserveAlpha ? \"image/png\" : \"image/jpeg\",\n      quality: preserveAlpha ? undefined : 0.95,\n    });\n    \n    const arrayBuffer = await blob.arrayBuffer();\n    const bytes = new Uint8Array(arrayBuffer);\n    const base64 = encodeBase64Fast(bytes);\n    const mimeType = preserveAlpha ? \"image/png\" : \"image/jpeg\";\n    const dataUrl = \\`data:\\${mimeType};base64,\\${base64}\\`;\n    \n    postMessage({ taskId, dataUrl });\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error);\n    postMessage({ taskId, dataUrl: \"\", error: errorMessage });\n  }\n});\n`;\n\n// Cache the blob URL so we only create it once\nlet cachedBlobUrl: string | null = null;\n\n/**\n * Creates a blob URL for the encoder worker.\n * The blob URL is cached so multiple calls return the same URL.\n * \n * @returns The blob URL that can be passed to `new Worker(url, { type: \"module\" })`\n */\nexport function getEncoderWorkerUrl(): string {\n  if (cachedBlobUrl) {\n    return cachedBlobUrl;\n  }\n\n  const blob = new Blob([workerCode], { type: \"application/javascript\" });\n  cachedBlobUrl = URL.createObjectURL(blob);\n  return cachedBlobUrl;\n}\n\n/**\n * Revokes the cached blob URL to free memory.\n * Call this when you're done with all workers (e.g., during cleanup).\n */\nexport function revokeEncoderWorkerUrl(): void {\n  if (cachedBlobUrl) {\n    URL.revokeObjectURL(cachedBlobUrl);\n    cachedBlobUrl = null;\n  }\n}\n"],"mappings":";;;;;;;AASA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFnB,IAAIA,gBAA+B;;;;;;;AAQnC,SAAgB,sBAA8B;AAC5C,KAAI,cACF,QAAO;CAGT,MAAM,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,MAAM,0BAA0B,CAAC;AACvE,iBAAgB,IAAI,gBAAgB,KAAK;AACzC,QAAO"}
+{"version":3,"file":"encoderWorkerInline.js","names":["cachedBlobUrl: string | null"],"sources":["../../../src/preview/workers/encoderWorkerInline.ts"],"sourcesContent":["/**\n * Inline encoder worker - creates a blob URL from inlined worker code.\n * This approach works in any bundler environment (Vite, webpack, etc.)\n * because the worker code is embedded in the bundle rather than loaded\n * from a separate file.\n */\n\n// The worker code as a string. This is the same logic as encoderWorker.ts\n// but inlined so it can be converted to a blob URL at runtime.\nconst workerCode = `\n// Send a startup message to confirm worker is loaded\npostMessage(\"encoderWorker-loaded\");\n\n// Use addEventListener for better compatibility\naddEventListener(\"message\", async (event) => {\n  const { taskId, bitmap, preserveAlpha, targetWidth, targetHeight } = event.data;\n\n  try {\n    // Resize to target dimensions in worker (ARCHITECTURE.md §2.4)\n    const w = targetWidth || bitmap.width;\n    const h = targetHeight || bitmap.height;\n    const canvas = new OffscreenCanvas(w, h);\n    const ctx = canvas.getContext(\"2d\");\n\n    if (!ctx) {\n      throw new Error(\"Failed to get 2d context from OffscreenCanvas\");\n    }\n\n    ctx.drawImage(bitmap, 0, 0, w, h);\n    bitmap.close();\n\n    const blob = await canvas.convertToBlob({\n      type: preserveAlpha ? \"image/png\" : \"image/jpeg\",\n      quality: preserveAlpha ? undefined : 0.95,\n    });\n\n    // ARCHITECTURE.md §4.4: chunked String.fromCharCode + native btoa\n    // Native btoa is implemented in C++ and ~100x faster than JS-based\n    // base64 encoding for large payloads (e.g. 2MB PNG blobs).\n    const arrayBuffer = await blob.arrayBuffer();\n    const bytes = new Uint8Array(arrayBuffer);\n    let binary = \"\";\n    for (let i = 0; i < bytes.length; i += 8192) {\n      binary += String.fromCharCode.apply(null, bytes.subarray(i, i + 8192));\n    }\n    const mimeType = preserveAlpha ? \"image/png\" : \"image/jpeg\";\n    const dataUrl = \"data:\" + mimeType + \";base64,\" + btoa(binary);\n\n    postMessage({ taskId, dataUrl });\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error);\n    postMessage({ taskId, dataUrl: \"\", error: errorMessage });\n  }\n});\n`;\n\n// Cache the blob URL so we only create it once\nlet cachedBlobUrl: string | null = null;\n\n/**\n * Creates a blob URL for the encoder worker.\n * The blob URL is cached so multiple calls return the same URL.\n *\n * @returns The blob URL that can be passed to `new Worker(url, { type: \"module\" })`\n */\nexport function getEncoderWorkerUrl(): string {\n  if (cachedBlobUrl) {\n    return cachedBlobUrl;\n  }\n\n  const blob = new Blob([workerCode], { type: \"application/javascript\" });\n  cachedBlobUrl = URL.createObjectURL(blob);\n  return cachedBlobUrl;\n}\n\n/**\n * Revokes the cached blob URL to free memory.\n * Call this when you're done with all workers (e.g., during cleanup).\n */\nexport function revokeEncoderWorkerUrl(): void {\n  if (cachedBlobUrl) {\n    URL.revokeObjectURL(cachedBlobUrl);\n    cachedBlobUrl = null;\n  }\n}\n"],"mappings":";;;;;;;AASA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDnB,IAAIA,gBAA+B;;;;;;;AAQnC,SAAgB,sBAA8B;AAC5C,KAAI,cACF,QAAO;CAGT,MAAM,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,MAAM,0BAA0B,CAAC;AACvE,iBAAgB,IAAI,gBAAgB,KAAK;AACzC,QAAO"}

package/dist/render/EFRenderAPI.d.ts

@@ -1,4 +1,5 @@
-import { RenderProgress, RenderToVideoOptions } from "../preview/renderTimegroupToVideo.js";
+import { RenderProgress, RenderToVideoOptions } from "../preview/renderTimegroupToVideo.types.js";
+import { RenderInfo } from "../getRenderInfo.js";
 
 //#region src/render/EFRenderAPI.d.ts