@editframe/elements 0.47.2 → 0.48.0

package/dist/preview/renderVideoToVideo.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderVideoToVideo.js","names":["width: number","height: number","output: Output | null","videoSource: CanvasSource | null","audioSource: AudioBufferSource | null","target: BufferTarget | StreamTarget | null","fileStream: {\n    writable: WritableStream<Uint8Array>;\n    close: () => Promise<void>;\n  } | null","thumbCanvas: HTMLCanvasElement | null","thumbCtx: CanvasRenderingContext2D | null"],"sources":["../../src/preview/renderVideoToVideo.ts"],"sourcesContent":["/**\n * Direct video-to-video rendering — fast path for single video elements.\n *\n * Bypasses the full DOM serialization pipeline (foreignObject/native canvas)\n * by decoding frames directly from the media engine and re-encoding to MP4.\n *\n * Supports CSS effects via canvas 2D context:\n * - filter (ctx.filter)\n * - opacity (ctx.globalAlpha)\n */\n\nimport {\n  Output,\n  Mp4OutputFormat,\n  BufferTarget,\n  StreamTarget,\n  CanvasSource,\n  AudioBufferSource,\n  canEncodeAudio,\n  getEncodableAudioCodecs,\n  type VideoEncodingConfig,\n  type AudioEncodingConfig,\n  type AudioCodec,\n} from \"mediabunny\";\nimport type { EFVideo } from \"../elements/EFVideo.js\";\nimport { NoSupportedAudioCodecError, RenderCancelledError } from \"./renderTimegroupToVideo.js\";\nimport type { RenderToVideoOptions } from \"./renderTimegroupToVideo.types.js\";\nimport { logger } from \"./logger.js\";\n\n// ============================================================================\n// Configuration\n// ============================================================================\n\ninterface ResolvedVideoConfig {\n  fps: number;\n  codec: \"avc\" | \"hevc\" | \"vp9\" | \"av1\" | \"vp8\";\n  bitrate: number;\n  filename: string;\n  scale: number;\n  keyFrameInterval: number;\n  startMs: number;\n  endMs: number;\n  renderDurationMs: number;\n  videoWidth: number;\n  videoHeight: number;\n  totalFrames: number;\n  frameDurationMs: number;\n  frameDurationS: number;\n  streaming: boolean;\n  includeAudio: boolean;\n  audioBitrate: number;\n  returnBuffer: boolean;\n  preferredAudioCodecs: AudioCodec[];\n  progressPreviewInterval: number;\n  trimStartMs: number;\n}\n\nasync function resolveVideoConfig(\n  video: EFVideo,\n  options: RenderToVideoOptions = {},\n): Promise<ResolvedVideoConfig> {\n  const fps = options.fps ?? 30;\n  const codec = options.codec ?? \"avc\";\n  const bitrate = options.bitrate ?? 8_000_000;\n  const filename = options.filename ?? \"video-export.mp4\";\n  const scale = options.scale ?? 1;\n  const keyFrameInterval = options.keyFrameInterval ?? 2;\n  const streaming = options.streaming ?? false;\n  const includeAudio = options.includeAudio ?? true;\n  const audioBitrate = options.audioBitrate ?? 128_000;\n  const returnBuffer = options.returnBuffer ?? false;\n  const preferredAudioCodecs = options.preferredAudioCodecs ?? [\"aac\", \"opus\"];\n  const progressPreviewInterval = options.progressPreviewInterval ?? 60;\n\n  const trimStartMs = video.trimStartMs ?? 0;\n  const trimEndMs = video.trimEndMs ?? 0;\n  const intrinsicDurationMs = video.intrinsicDurationMs;\n\n  if (!intrinsicDurationMs || intrinsicDurationMs <= 0) {\n    throw new Error(\"Video has no intrinsic duration. Ensure the media engine is loaded.\");\n  }\n\n  const effectiveDurationMs = intrinsicDurationMs - trimStartMs - trimEndMs;\n  if (effectiveDurationMs <= 0) {\n    throw new Error(\n      `Invalid trim range: trimStart=${trimStartMs}ms, trimEnd=${trimEndMs}ms, ` +\n        `intrinsicDuration=${intrinsicDurationMs}ms leaves no content.`,\n    );\n  }\n\n  const startMs = options.fromMs !== undefined ? Math.max(0, options.fromMs) : 0;\n  const endMs =\n    options.toMs !== undefined ? Math.min(options.toMs, effectiveDurationMs) : effectiveDurationMs;\n  const renderDurationMs = endMs - startMs;\n\n  if (renderDurationMs <= 0) {\n    throw new Error(`Invalid render range: from ${startMs}ms to ${endMs}ms`);\n  }\n\n  let width: number;\n  let height: number;\n\n  // Decode first frame to determine dimensions\n  {\n    const firstFrame = await video.getVideoFrameAtSourceTime(trimStartMs, {\n      quality: \"main\",\n    });\n    try {\n      width = firstFrame.displayWidth;\n      height = firstFrame.displayHeight;\n    } finally {\n      firstFrame.close();\n    }\n  }\n\n  const videoWidth = Math.floor(width * scale);\n  const videoHeight = Math.floor(height * scale);\n  // Ensure even dimensions for video encoding\n  const evenWidth = videoWidth % 2 === 0 ? videoWidth : videoWidth - 1;\n  const evenHeight = videoHeight % 2 === 0 ? videoHeight : videoHeight - 1;\n\n  const frameDurationMs = 1000 / fps;\n  const totalFrames = Math.ceil(renderDurationMs / frameDurationMs);\n  const frameDurationS = frameDurationMs / 1000;\n\n  return {\n    fps,\n    codec,\n    bitrate,\n    filename,\n    scale,\n    keyFrameInterval,\n    startMs,\n    endMs,\n    renderDurationMs,\n    videoWidth: evenWidth,\n    videoHeight: evenHeight,\n    totalFrames,\n    frameDurationMs,\n    frameDurationS,\n    streaming,\n    includeAudio,\n    audioBitrate,\n    returnBuffer,\n    preferredAudioCodecs,\n    progressPreviewInterval,\n    trimStartMs,\n  };\n}\n\n// ============================================================================\n// Utilities (same as renderTimegroupToVideo — not exported from there)\n// ============================================================================\n\nfunction isFileSystemAccessSupported(): boolean {\n  return typeof window !== \"undefined\" && \"showSaveFilePicker\" in window;\n}\n\nasync function getFileWritableStream(filename: string): Promise<{\n  writable: WritableStream<Uint8Array>;\n  close: () => Promise<void>;\n} | null> {\n  if (!isFileSystemAccessSupported()) {\n    return null;\n  }\n\n  try {\n    const fileHandle = await (window as any).showSaveFilePicker({\n      suggestedName: filename,\n      types: [{ description: \"MP4 Video\", accept: { \"video/mp4\": [\".mp4\"] } }],\n    });\n    const writable = await fileHandle.createWritable();\n    return {\n      writable,\n      close: async () => {\n        await writable.close();\n      },\n    };\n  } catch (e) {\n    if ((e as Error).name !== \"AbortError\") {\n      logger.warn(\"[renderVideoToVideo] File System Access failed:\", e);\n    }\n    return null;\n  }\n}\n\nfunction downloadBlob(blob: Blob, filename: string): void {\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = filename;\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url);\n}\n\nasync function selectAudioCodec(\n  preferredCodecs: AudioCodec[],\n  encodingOptions: {\n    numberOfChannels: number;\n    sampleRate: number;\n    bitrate: number;\n  },\n): Promise<AudioCodec> {\n  for (const codec of preferredCodecs) {\n    try {\n      const isSupported = await canEncodeAudio(codec, encodingOptions);\n      if (isSupported) return codec;\n    } catch (e) {\n      logger.warn(`[selectAudioCodec] Check failed for ${codec}:`, e);\n    }\n  }\n  const availableCodecs = await getEncodableAudioCodecs(undefined, encodingOptions);\n  throw new NoSupportedAudioCodecError(preferredCodecs, availableCodecs);\n}\n\n// ============================================================================\n// Main render function\n// ============================================================================\n\n/**\n * Render a single EFVideo element directly to MP4.\n *\n * This is the fast path: frames are decoded from the media engine,\n * drawn to an encoding canvas (with CSS filter/opacity applied),\n * and encoded to video. No DOM serialization involved.\n */\nexport async function renderVideoToVideo(\n  video: EFVideo,\n  options: RenderToVideoOptions = {},\n): Promise<Uint8Array | undefined> {\n  const { signal, onProgress } = options;\n\n  const checkCancelled = () => {\n    if (signal?.aborted) throw new RenderCancelledError();\n  };\n\n  // Ensure media engine is loaded\n  await video.waitForMediaDurations(signal);\n  checkCancelled();\n\n  const config = await resolveVideoConfig(video, options);\n\n  // Suspend the PlaybackController's self-render loop for the duration of\n  // this render to prevent concurrent frame fetches from interfering.\n  const pc = (video as any).playbackController;\n\n  // Read CSS effects once before the frame loop (values don't change during rendering)\n  const computedStyle = getComputedStyle(video);\n  const cssFilter = computedStyle.filter;\n  const cssOpacity = parseFloat(computedStyle.opacity);\n  const hasFilter = cssFilter && cssFilter !== \"none\";\n  const hasOpacity = cssOpacity < 1;\n\n  logger.debug(\n    `[renderVideoToVideo] starting: ${config.totalFrames} frames, ` +\n      `${config.videoWidth}x${config.videoHeight} @ ${config.fps}fps, ` +\n      `trim=[${config.trimStartMs}, -${video.trimEndMs ?? 0}], ` +\n      `css: filter=${hasFilter ? cssFilter : \"none\"}, opacity=${cssOpacity}`,\n  );\n\n  // =========================================================================\n  // Set up video encoding\n  // =========================================================================\n  let output: Output | null = null;\n  let videoSource: CanvasSource | null = null;\n  let audioSource: AudioBufferSource | null = null;\n  let target: BufferTarget | StreamTarget | null = null;\n  let fileStream: {\n    writable: WritableStream<Uint8Array>;\n    close: () => Promise<void>;\n  } | null = null;\n  let useStreaming = false;\n\n  const encodingCanvas = new OffscreenCanvas(config.videoWidth, config.videoHeight);\n  const encodingCtx = encodingCanvas.getContext(\n    \"2d\",\n    hasFilter || hasOpacity ? { willReadFrequently: true } : undefined,\n  );\n  if (!encodingCtx) {\n    throw new Error(\"Failed to get encoding canvas context\");\n  }\n\n  if (hasFilter) {\n    encodingCtx.filter = cssFilter;\n  }\n  if (hasOpacity) {\n    encodingCtx.globalAlpha = cssOpacity;\n  }\n\n  if (options.customWritableStream) {\n    target = new StreamTarget(options.customWritableStream as any);\n    output = new Output({\n      format: new Mp4OutputFormat({ fastStart: \"fragmented\" }),\n      target,\n    });\n    useStreaming = true;\n  } else if (config.streaming) {\n    fileStream = await getFileWritableStream(config.filename);\n    useStreaming = fileStream !== null;\n\n    if (useStreaming && fileStream) {\n      target = new StreamTarget(fileStream.writable as any);\n      output = new Output({\n        format: new Mp4OutputFormat({ fastStart: \"fragmented\" }),\n        target,\n      });\n    }\n  }\n\n  if (!target) {\n    target = new BufferTarget();\n    output = new Output({ format: new Mp4OutputFormat(), target });\n  }\n\n  if (!output) {\n    throw new Error(\"Output not initialized\");\n  }\n\n  const videoConfig: VideoEncodingConfig = {\n    codec: config.codec,\n    bitrate: config.bitrate,\n    keyFrameInterval: config.keyFrameInterval,\n  };\n\n  // Use CanvasSource directly - filter and opacity don't require special handling\n  videoSource = new CanvasSource(encodingCanvas, videoConfig);\n  output.addVideoTrack(videoSource);\n\n  if (config.includeAudio) {\n    try {\n      const selectedCodec = await selectAudioCodec(config.preferredAudioCodecs, {\n        numberOfChannels: 2,\n        sampleRate: 48000,\n        bitrate: config.audioBitrate,\n      });\n      const audioConfig: AudioEncodingConfig = {\n        codec: selectedCodec,\n        bitrate: config.audioBitrate,\n      };\n      audioSource = new AudioBufferSource(audioConfig);\n      output.addAudioTrack(audioSource);\n    } catch (e) {\n      logger.warn(\"[renderVideoToVideo] Audio codec selection failed, rendering without audio:\", e);\n    }\n  }\n\n  await output.start();\n\n  // =========================================================================\n  // Frame loop\n  // =========================================================================\n  const renderStartTime = performance.now();\n  let lastRenderedAudioEndMs = config.startMs;\n  const audioChunkDurationMs = 2000;\n\n  let thumbCanvas: HTMLCanvasElement | null = null;\n  let thumbCtx: CanvasRenderingContext2D | null = null;\n\n  if (config.progressPreviewInterval > 0) {\n    const thumbScale = 160 / config.videoWidth;\n    thumbCanvas = document.createElement(\"canvas\");\n    thumbCanvas.width = Math.round(config.videoWidth * thumbScale);\n    thumbCanvas.height = Math.round(config.videoHeight * thumbScale);\n    thumbCtx = thumbCanvas.getContext(\"2d\");\n  }\n\n  let totalSeekMs = 0;\n  let totalDrawMs = 0;\n  let totalEncodeMs = 0;\n\n  pc?.suspendSelfRender();\n\n  try {\n    for (let frameIndex = 0; frameIndex < config.totalFrames; frameIndex++) {\n      checkCancelled();\n\n      const timelineTimeMs = config.startMs + frameIndex * config.frameDurationMs;\n      const sourceTimeMs = timelineTimeMs + config.trimStartMs;\n      const timestampS = (frameIndex * config.frameDurationMs) / 1000;\n\n      // Decode frame\n      const seekStart = performance.now();\n      const videoFrame = await video.getVideoFrameAtSourceTime(sourceTimeMs, {\n        quality: \"main\",\n        signal,\n      });\n      totalSeekMs += performance.now() - seekStart;\n\n      try {\n        const drawStart = performance.now();\n\n        encodingCtx.drawImage(\n          videoFrame,\n          0,\n          0,\n          videoFrame.displayWidth,\n          videoFrame.displayHeight,\n          0,\n          0,\n          config.videoWidth,\n          config.videoHeight,\n        );\n\n        totalDrawMs += performance.now() - drawStart;\n      } finally {\n        videoFrame.close();\n      }\n\n      // Encode frame\n      const encodeStart = performance.now();\n      await videoSource!.add(timestampS, config.frameDurationS);\n      totalEncodeMs += performance.now() - encodeStart;\n\n      // Render audio in chunks\n      if (audioSource && timelineTimeMs >= lastRenderedAudioEndMs + audioChunkDurationMs) {\n        const chunkEndMs = Math.min(timelineTimeMs + audioChunkDurationMs, config.endMs);\n        try {\n          const audioBuffer = await video.renderAudio(lastRenderedAudioEndMs, chunkEndMs);\n          if (audioBuffer && audioBuffer.length > 0) {\n            await audioSource.add(audioBuffer);\n          }\n        } catch (_e) {\n          // Audio render failures are non-fatal\n        }\n        lastRenderedAudioEndMs = chunkEndMs;\n      }\n\n      // Progress preview thumbnail\n      if (thumbCanvas && thumbCtx && frameIndex % config.progressPreviewInterval === 0) {\n        thumbCtx.drawImage(encodingCanvas as any, 0, 0, thumbCanvas.width, thumbCanvas.height);\n      }\n\n      // Progress reporting\n      const currentFrame = frameIndex + 1;\n      const progress = currentFrame / config.totalFrames;\n      const renderedMs = currentFrame * config.frameDurationMs;\n      const elapsedMs = performance.now() - renderStartTime;\n      const msPerFrame = elapsedMs / currentFrame;\n      const remainingFrames = config.totalFrames - currentFrame;\n      const estimatedRemainingMs = remainingFrames * msPerFrame;\n      const speedMultiplier = renderedMs / elapsedMs;\n\n      onProgress?.({\n        progress,\n        currentFrame,\n        totalFrames: config.totalFrames,\n        renderedMs,\n        totalDurationMs: config.renderDurationMs,\n        elapsedMs,\n        estimatedRemainingMs,\n        speedMultiplier,\n        framePreviewCanvas: thumbCanvas || undefined,\n      });\n    }\n\n    // Render remaining audio\n    if (audioSource && lastRenderedAudioEndMs < config.endMs) {\n      try {\n        const audioBuffer = await video.renderAudio(lastRenderedAudioEndMs, config.endMs);\n        if (audioBuffer && audioBuffer.length > 0) {\n          await audioSource.add(audioBuffer);\n        }\n      } catch (_e) {\n        // Audio render failures are non-fatal\n      }\n    }\n\n    // =========================================================================\n    // Finalize\n    // =========================================================================\n    const totalElapsed = performance.now() - renderStartTime;\n    logger.debug(\n      `[renderVideoToVideo] complete: ${config.totalFrames} frames in ${totalElapsed.toFixed(0)}ms ` +\n        `(seek=${totalSeekMs.toFixed(0)}ms, draw=${totalDrawMs.toFixed(0)}ms, encode=${totalEncodeMs.toFixed(0)}ms) ` +\n        `speed=${(config.renderDurationMs / totalElapsed).toFixed(1)}x`,\n    );\n\n    await output.finalize();\n\n    if (useStreaming) {\n      if (fileStream) {\n        await fileStream.close();\n      }\n      return undefined;\n    } else {\n      const bufferTarget = target as BufferTarget;\n      const videoBuffer = bufferTarget.buffer;\n      if (!videoBuffer) {\n        throw new Error(\"Video encoding failed: no buffer produced\");\n      }\n\n      if (config.returnBuffer) {\n        return new Uint8Array(videoBuffer);\n      }\n\n      const videoBlob = new Blob([videoBuffer], { type: \"video/mp4\" });\n      downloadBlob(videoBlob, config.filename);\n      return undefined;\n    }\n  } catch (error) {\n    // Clean up output on failure\n    try {\n      await output?.finalize();\n    } catch {\n      // Ignore finalize errors during cleanup\n    }\n    throw error;\n  } finally {\n    pc?.resumeSelfRender();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"renderVideoToVideo.js","names":[],"sources":["../../src/preview/renderVideoToVideo.ts"],"mappings":";;;;;;;;;;;;;;AAyDA,eAAe,mBACb,OACA,UAAgC,EAAE,EACJ;CAC9B,MAAM,MAAM,QAAQ,OAAO;CAC3B,MAAM,QAAQ,QAAQ,SAAS;CAC/B,MAAM,UAAU,QAAQ,WAAW;CACnC,MAAM,WAAW,QAAQ,YAAY;CACrC,MAAM,QAAQ,QAAQ,SAAS;CAC/B,MAAM,mBAAmB,QAAQ,oBAAoB;CACrD,MAAM,YAAY,QAAQ,aAAa;CACvC,MAAM,eAAe,QAAQ,gBAAgB;CAC7C,MAAM,eAAe,QAAQ,gBAAgB;CAC7C,MAAM,eAAe,QAAQ,gBAAgB;CAC7C,MAAM,uBAAuB,QAAQ,wBAAwB,CAAC,OAAO,OAAO;CAC5E,MAAM,0BAA0B,QAAQ,2BAA2B;CAEnE,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,YAAY,MAAM,aAAa;CACrC,MAAM,sBAAsB,MAAM;AAElC,KAAI,CAAC,uBAAuB,uBAAuB,EACjD,OAAM,IAAI,MAAM,sEAAsE;CAGxF,MAAM,sBAAsB,sBAAsB,cAAc;AAChE,KAAI,uBAAuB,EACzB,OAAM,IAAI,MACR,iCAAiC,YAAY,cAAc,UAAU,wBAC9C,oBAAoB,uBAC5C;CAGH,MAAM,UAAU,QAAQ,WAAW,KAAA,IAAY,KAAK,IAAI,GAAG,QAAQ,OAAO,GAAG;CAC7E,MAAM,QACJ,QAAQ,SAAS,KAAA,IAAY,KAAK,IAAI,QAAQ,MAAM,oBAAoB,GAAG;CAC7E,MAAM,mBAAmB,QAAQ;AAEjC,KAAI,oBAAoB,EACtB,OAAM,IAAI,MAAM,8BAA8B,QAAQ,QAAQ,MAAM,IAAI;CAG1E,IAAI;CACJ,IAAI;CAGJ;EACE,MAAM,aAAa,MAAM,MAAM,0BAA0B,aAAa,EACpE,SAAS,QACV,CAAC;AACF,MAAI;AACF,WAAQ,WAAW;AACnB,YAAS,WAAW;YACZ;AACR,cAAW,OAAO;;;CAItB,MAAM,aAAa,KAAK,MAAM,QAAQ,MAAM;CAC5C,MAAM,cAAc,KAAK,MAAM,SAAS,MAAM;CAE9C,MAAM,YAAY,aAAa,MAAM,IAAI,aAAa,aAAa;CACnE,MAAM,aAAa,cAAc,MAAM,IAAI,cAAc,cAAc;CAEvE,MAAM,kBAAkB,MAAO;AAI/B,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAAY;EACZ,aAAa;EACb,aAfkB,KAAK,KAAK,mBAAmB,gBAAgB;EAgB/D;EACA,gBAhBqB,kBAAkB;EAiBvC;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAOH,SAAS,8BAAuC;AAC9C,QAAO,OAAO,WAAW,eAAe,wBAAwB;;AAGlE,eAAe,sBAAsB,UAG3B;AACR,KAAI,CAAC,6BAA6B,CAChC,QAAO;AAGT,KAAI;EAKF,MAAM,WAAW,OAJE,MAAO,OAAe,mBAAmB;GAC1D,eAAe;GACf,OAAO,CAAC;IAAE,aAAa;IAAa,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE;IAAE,CAAC;GACzE,CAAC,EACgC,gBAAgB;AAClD,SAAO;GACL;GACA,OAAO,YAAY;AACjB,UAAM,SAAS,OAAO;;GAEzB;UACM,GAAG;AACV,MAAK,EAAY,SAAS,aACxB,QAAO,KAAK,mDAAmD,EAAE;AAEnE,SAAO;;;AAIX,SAAS,aAAa,MAAY,UAAwB;CACxD,MAAM,MAAM,IAAI,gBAAgB,KAAK;CACrC,MAAM,IAAI,SAAS,cAAc,IAAI;AACrC,GAAE,OAAO;AACT,GAAE,WAAW;AACb,UAAS,KAAK,YAAY,EAAE;AAC5B,GAAE,OAAO;AACT,UAAS,KAAK,YAAY,EAAE;AAC5B,KAAI,gBAAgB,IAAI;;AAG1B,eAAe,iBACb,iBACA,iBAKqB;AACrB,MAAK,MAAM,SAAS,gBAClB,KAAI;AAEF,MADoB,MAAM,eAAe,OAAO,gBAAgB,CAC/C,QAAO;UACjB,GAAG;AACV,SAAO,KAAK,uCAAuC,MAAM,IAAI,EAAE;;AAInE,OAAM,IAAI,2BAA2B,iBADb,MAAM,wBAAwB,KAAA,GAAW,gBAAgB,CACX;;;;;;;;;AAcxE,eAAsB,mBACpB,OACA,UAAgC,EAAE,EACD;CACjC,MAAM,EAAE,QAAQ,eAAe;CAE/B,MAAM,uBAAuB;AAC3B,MAAI,QAAQ,QAAS,OAAM,IAAI,sBAAsB;;AAIvD,OAAM,MAAM,sBAAsB,OAAO;AACzC,iBAAgB;CAEhB,MAAM,SAAS,MAAM,mBAAmB,OAAO,QAAQ;CAIvD,MAAM,KAAM,MAAc;CAG1B,MAAM,gBAAgB,iBAAiB,MAAM;CAC7C,MAAM,YAAY,cAAc;CAChC,MAAM,aAAa,WAAW,cAAc,QAAQ;CACpD,MAAM,YAAY,aAAa,cAAc;CAC7C,MAAM,aAAa,aAAa;AAEhC,QAAO,MACL,kCAAkC,OAAO,YAAY,WAChD,OAAO,WAAW,GAAG,OAAO,YAAY,KAAK,OAAO,IAAI,aAClD,OAAO,YAAY,KAAK,MAAM,aAAa,EAAE,iBACvC,YAAY,YAAY,OAAO,YAAY,aAC7D;CAKD,IAAI,SAAwB;CAC5B,IAAI,cAAmC;CACvC,IAAI,cAAwC;CAC5C,IAAI,SAA6C;CACjD,IAAI,aAGO;CACX,IAAI,eAAe;CAEnB,MAAM,iBAAiB,IAAI,gBAAgB,OAAO,YAAY,OAAO,YAAY;CACjF,MAAM,cAAc,eAAe,WACjC,MACA,aAAa,aAAa,EAAE,oBAAoB,MAAM,GAAG,KAAA,EAC1D;AACD,KAAI,CAAC,YACH,OAAM,IAAI,MAAM,wCAAwC;AAG1D,KAAI,UACF,aAAY,SAAS;AAEvB,KAAI,WACF,aAAY,cAAc;AAG5B,KAAI,QAAQ,sBAAsB;AAChC,WAAS,IAAI,aAAa,QAAQ,qBAA4B;AAC9D,WAAS,IAAI,OAAO;GAClB,QAAQ,IAAI,gBAAgB,EAAE,WAAW,cAAc,CAAC;GACxD;GACD,CAAC;AACF,iBAAe;YACN,OAAO,WAAW;AAC3B,eAAa,MAAM,sBAAsB,OAAO,SAAS;AACzD,iBAAe,eAAe;AAE9B,MAAI,gBAAgB,YAAY;AAC9B,YAAS,IAAI,aAAa,WAAW,SAAgB;AACrD,YAAS,IAAI,OAAO;IAClB,QAAQ,IAAI,gBAAgB,EAAE,WAAW,cAAc,CAAC;IACxD;IACD,CAAC;;;AAIN,KAAI,CAAC,QAAQ;AACX,WAAS,IAAI,cAAc;AAC3B,WAAS,IAAI,OAAO;GAAE,QAAQ,IAAI,iBAAiB;GAAE;GAAQ,CAAC;;AAGhE,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,yBAAyB;AAU3C,eAAc,IAAI,aAAa,gBAPU;EACvC,OAAO,OAAO;EACd,SAAS,OAAO;EAChB,kBAAkB,OAAO;EAC1B,CAG0D;AAC3D,QAAO,cAAc,YAAY;AAEjC,KAAI,OAAO,aACT,KAAI;AAUF,gBAAc,IAAI,kBAJuB;GACvC,OANoB,MAAM,iBAAiB,OAAO,sBAAsB;IACxE,kBAAkB;IAClB,YAAY;IACZ,SAAS,OAAO;IACjB,CAAC;GAGA,SAAS,OAAO;GACjB,CAC+C;AAChD,SAAO,cAAc,YAAY;UAC1B,GAAG;AACV,SAAO,KAAK,+EAA+E,EAAE;;AAIjG,OAAM,OAAO,OAAO;CAKpB,MAAM,kBAAkB,YAAY,KAAK;CACzC,IAAI,yBAAyB,OAAO;CACpC,MAAM,uBAAuB;CAE7B,IAAI,cAAwC;CAC5C,IAAI,WAA4C;AAEhD,KAAI,OAAO,0BAA0B,GAAG;EACtC,MAAM,aAAa,MAAM,OAAO;AAChC,gBAAc,SAAS,cAAc,SAAS;AAC9C,cAAY,QAAQ,KAAK,MAAM,OAAO,aAAa,WAAW;AAC9D,cAAY,SAAS,KAAK,MAAM,OAAO,cAAc,WAAW;AAChE,aAAW,YAAY,WAAW,KAAK;;CAGzC,IAAI,cAAc;CAClB,IAAI,cAAc;CAClB,IAAI,gBAAgB;AAEpB,KAAI,mBAAmB;AAEvB,KAAI;AACF,OAAK,IAAI,aAAa,GAAG,aAAa,OAAO,aAAa,cAAc;AACtE,mBAAgB;GAEhB,MAAM,iBAAiB,OAAO,UAAU,aAAa,OAAO;GAC5D,MAAM,eAAe,iBAAiB,OAAO;GAC7C,MAAM,aAAc,aAAa,OAAO,kBAAmB;GAG3D,MAAM,YAAY,YAAY,KAAK;GACnC,MAAM,aAAa,MAAM,MAAM,0BAA0B,cAAc;IACrE,SAAS;IACT;IACD,CAAC;AACF,kBAAe,YAAY,KAAK,GAAG;AAEnC,OAAI;IACF,MAAM,YAAY,YAAY,KAAK;AAEnC,gBAAY,UACV,YACA,GACA,GACA,WAAW,cACX,WAAW,eACX,GACA,GACA,OAAO,YACP,OAAO,YACR;AAED,mBAAe,YAAY,KAAK,GAAG;aAC3B;AACR,eAAW,OAAO;;GAIpB,MAAM,cAAc,YAAY,KAAK;AACrC,SAAM,YAAa,IAAI,YAAY,OAAO,eAAe;AACzD,oBAAiB,YAAY,KAAK,GAAG;AAGrC,OAAI,eAAe,kBAAkB,yBAAyB,sBAAsB;IAClF,MAAM,aAAa,KAAK,IAAI,iBAAiB,sBAAsB,OAAO,MAAM;AAChF,QAAI;KACF,MAAM,cAAc,MAAM,MAAM,YAAY,wBAAwB,WAAW;AAC/E,SAAI,eAAe,YAAY,SAAS,EACtC,OAAM,YAAY,IAAI,YAAY;aAE7B,IAAI;AAGb,6BAAyB;;AAI3B,OAAI,eAAe,YAAY,aAAa,OAAO,4BAA4B,EAC7E,UAAS,UAAU,gBAAuB,GAAG,GAAG,YAAY,OAAO,YAAY,OAAO;GAIxF,MAAM,eAAe,aAAa;GAClC,MAAM,WAAW,eAAe,OAAO;GACvC,MAAM,aAAa,eAAe,OAAO;GACzC,MAAM,YAAY,YAAY,KAAK,GAAG;GACtC,MAAM,aAAa,YAAY;GAE/B,MAAM,wBADkB,OAAO,cAAc,gBACE;GAC/C,MAAM,kBAAkB,aAAa;AAErC,gBAAa;IACX;IACA;IACA,aAAa,OAAO;IACpB;IACA,iBAAiB,OAAO;IACxB;IACA;IACA;IACA,oBAAoB,eAAe,KAAA;IACpC,CAAC;;AAIJ,MAAI,eAAe,yBAAyB,OAAO,MACjD,KAAI;GACF,MAAM,cAAc,MAAM,MAAM,YAAY,wBAAwB,OAAO,MAAM;AACjF,OAAI,eAAe,YAAY,SAAS,EACtC,OAAM,YAAY,IAAI,YAAY;WAE7B,IAAI;EAQf,MAAM,eAAe,YAAY,KAAK,GAAG;AACzC,SAAO,MACL,kCAAkC,OAAO,YAAY,aAAa,aAAa,QAAQ,EAAE,CAAC,WAC/E,YAAY,QAAQ,EAAE,CAAC,WAAW,YAAY,QAAQ,EAAE,CAAC,aAAa,cAAc,QAAQ,EAAE,CAAC,aAC9F,OAAO,mBAAmB,cAAc,QAAQ,EAAE,CAAC,GAChE;AAED,QAAM,OAAO,UAAU;AAEvB,MAAI,cAAc;AAChB,OAAI,WACF,OAAM,WAAW,OAAO;AAE1B;SACK;GAEL,MAAM,cADe,OACY;AACjC,OAAI,CAAC,YACH,OAAM,IAAI,MAAM,4CAA4C;AAG9D,OAAI,OAAO,aACT,QAAO,IAAI,WAAW,YAAY;AAIpC,gBADkB,IAAI,KAAK,CAAC,YAAY,EAAE,EAAE,MAAM,aAAa,CAAC,EACxC,OAAO,SAAS;AACxC;;UAEK,OAAO;AAEd,MAAI;AACF,SAAM,QAAQ,UAAU;UAClB;AAGR,QAAM;WACE;AACR,MAAI,kBAAkB"}

package/dist/preview/renderers.d.ts

@@ -1,7 +1,6 @@
 import { RenderMode } from "./previewSettings.js";
 
 //#region src/preview/renderers.d.ts
-
 /**
  * Options for rendering HTML to an image or canvas.
  */

package/dist/preview/renderers.js

@@ -1,7 +1,10 @@
 import { getRenderMode, isNativeCanvasApiAvailable } from "./previewSettings.js";
-
 //#region src/preview/renderers.ts
 /**
+* Renderer strategy pattern for HTML-to-image rendering.
+* Provides a unified interface for native (drawElementImage) and foreignObject paths.
+*/
+/**
 * Get the effective render mode, validating that native is available when selected.
 * Falls back to foreignObject if native is selected but not available.
 */
@@ -22,7 +25,7 @@ function isCanvas(result) {
 function isImage(result) {
 	return result instanceof HTMLImageElement;
 }
-
 //#endregion
 export { getEffectiveRenderMode, isCanvas, isImage };
+
 //# sourceMappingURL=renderers.js.map

package/dist/preview/renderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderers.js","names":[],"sources":["../../src/preview/renderers.ts"],"sourcesContent":["/**\n * Renderer strategy pattern for HTML-to-image rendering.\n * Provides a unified interface for native (drawElementImage) and foreignObject paths.\n */\n\nimport { isNativeCanvasApiAvailable, getRenderMode, type RenderMode } from \"./previewSettings.js\";\n\n/**\n * Options for rendering HTML to an image or canvas.\n */\nexport interface RenderOptions {\n  /** Skip device pixel ratio scaling (render at logical pixels) */\n  skipDprScaling?: boolean;\n  /** Scale factor for encoding internal canvases (foreignObject only) */\n  canvasScale?: number;\n  /** Whether to reuse an existing canvas (native only) */\n  reuseCanvas?: HTMLCanvasElement;\n}\n\n/**\n * Result of a render operation.\n * Native path returns a canvas, foreignObject path returns an image.\n */\nexport type RenderResult = HTMLCanvasElement | HTMLImageElement;\n\n/**\n * Renderer interface for HTML-to-image conversion.\n */\nexport interface Renderer {\n  /** The render mode this renderer implements */\n  readonly mode: RenderMode;\n\n  /**\n   * Render an HTML container to an image or canvas.\n   * @param container - The HTML element to render\n   * @param width - Target width in logical pixels\n   * @param height - Target height in logical pixels\n   * @param options - Rendering options\n   * @returns Promise resolving to a canvas or image element\n   */\n  render(\n    container: HTMLElement,\n    width: number,\n    height: number,\n    options?: RenderOptions,\n  ): Promise<RenderResult>;\n\n  /**\n   * Check if this renderer is available in the current environment.\n   */\n  isAvailable(): boolean;\n}\n\n/**\n * Get the effective render mode, validating that native is available when selected.\n * Falls back to foreignObject if native is selected but not available.\n */\nexport function getEffectiveRenderMode(): RenderMode {\n  const mode = getRenderMode();\n\n  if (mode === \"native\" && !isNativeCanvasApiAvailable()) {\n    return \"foreignObject\";\n  }\n\n  return mode;\n}\n\n/**\n * Check if a render result is a canvas element.\n */\nexport function isCanvas(result: RenderResult): result is HTMLCanvasElement {\n  return result instanceof HTMLCanvasElement;\n}\n\n/**\n * Check if a render result is an image element.\n */\nexport function isImage(result: RenderResult): result is HTMLImageElement {\n  return result instanceof HTMLImageElement;\n}\n"],"mappings":";;;;;;;AAyDA,SAAgB,yBAAqC;CACnD,MAAM,OAAO,eAAe;AAE5B,KAAI,SAAS,YAAY,CAAC,4BAA4B,CACpD,QAAO;AAGT,QAAO;;;;;AAMT,SAAgB,SAAS,QAAmD;AAC1E,QAAO,kBAAkB;;;;;AAM3B,SAAgB,QAAQ,QAAkD;AACxE,QAAO,kBAAkB"}
+{"version":3,"file":"renderers.js","names":[],"sources":["../../src/preview/renderers.ts"],"mappings":";;;;;;;;;;AAyDA,SAAgB,yBAAqC;CACnD,MAAM,OAAO,eAAe;AAE5B,KAAI,SAAS,YAAY,CAAC,4BAA4B,CACpD,QAAO;AAGT,QAAO;;;;;AAMT,SAAgB,SAAS,QAAmD;AAC1E,QAAO,kBAAkB;;;;;AAM3B,SAAgB,QAAQ,QAAkD;AACxE,QAAO,kBAAkB"}

package/dist/preview/rendering/ScaleConfig.js

@@ -35,8 +35,7 @@ var ScaleConfig = class ScaleConfig {
 		const { naturalWidth, naturalHeight, displayWidth, displayHeight } = params;
 		const displayScaleX = displayWidth / naturalWidth;
 		const displayScaleY = displayHeight / naturalHeight;
-		const displayScale = Math.min(displayScaleX, displayScaleY);
-		return Math.min(1, displayScale * this.exportScale * this.qualityMultiplier);
+		return Math.min(1, Math.min(displayScaleX, displayScaleY) * this.exportScale * this.qualityMultiplier);
 	}
 	/**
 	* Get the CSS transform value for DOM scaling.
@@ -68,7 +67,7 @@ var ScaleConfig = class ScaleConfig {
 		return new ScaleConfig(width, height, canvasScale);
 	}
 };
-
 //#endregion
 export { ScaleConfig };
+
 //# sourceMappingURL=ScaleConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScaleConfig.js","names":[],"sources":["../../../src/preview/rendering/ScaleConfig.ts"],"sourcesContent":["/**\n * ScaleConfig - Unified scaling configuration for timeline serialization.\n *\n * Consolidates the multi-stage scaling architecture into a single,\n * well-defined abstraction with clear contracts.\n *\n * Previously, scaling was applied in 4 separate stages with implicit contracts:\n * 1. captureTimelineToDataUri: scaled output dimensions\n * 2. captureElementParts: CSS transform wrapper for DOM content\n * 3. serializeCanvas: independent optimalScale calculation per canvas\n * 4. encodeCanvasesInParallel: received pre-scaled snapshots\n *\n * Now, ScaleConfig centralizes all scaling logic and makes the contracts explicit.\n */\n\nexport interface CanvasScaleParams {\n  /** Natural canvas pixel dimensions */\n  naturalWidth: number;\n  naturalHeight: number;\n  /** CSS display dimensions (how big it appears) */\n  displayWidth: number;\n  displayHeight: number;\n}\n\n/**\n * Immutable scaling configuration for a serialization operation.\n *\n * All scaling decisions are computed once at construction and cached.\n * This ensures consistency across all stages of serialization.\n */\nexport class ScaleConfig {\n  /** User-specified export scale (e.g., 0.25 for thumbnails, 1.0 for full resolution) */\n  readonly exportScale: number;\n\n  /** Input dimensions (before scaling) */\n  readonly inputWidth: number;\n  readonly inputHeight: number;\n\n  /** Output SVG dimensions (after scaling) */\n  readonly outputWidth: number;\n  readonly outputHeight: number;\n\n  /** Whether DOM content needs CSS transform:scale() wrapper */\n  readonly needsDOMScaling: boolean;\n\n  /** Quality multiplier for canvas encoding (1.5x for sharpness) */\n  readonly qualityMultiplier: number = 1.5;\n\n  constructor(width: number, height: number, exportScale: number) {\n    this.inputWidth = width;\n    this.inputHeight = height;\n    this.exportScale = exportScale;\n\n    // Compute output dimensions (Stage 1)\n    this.outputWidth = Math.floor(width * exportScale);\n    this.outputHeight = Math.floor(height * exportScale);\n\n    // Determine if DOM needs CSS scaling (Stage 2)\n    this.needsDOMScaling = exportScale < 1;\n\n    // Freeze to ensure immutability\n    Object.freeze(this);\n  }\n\n  /**\n   * Compute optimal encoding scale for a canvas element.\n   *\n   * This is Stage 3 of the scaling architecture. Canvas pixels are scaled\n   * independently from DOM content because they have intrinsic resolution.\n   *\n   * Algorithm:\n   * 1. Calculate display scale (CSS size vs natural size)\n   * 2. Multiply by export scale\n   * 3. Multiply by quality multiplier (1.5x for sharpness)\n   * 4. Cap at 1.0 (never upscale beyond natural resolution)\n   *\n   * @param params - Canvas dimensions (natural and display)\n   * @returns Optimal scale for encoding (0.0 to 1.0)\n   */\n  computeCanvasScale(params: CanvasScaleParams): number {\n    const { naturalWidth, naturalHeight, displayWidth, displayHeight } = params;\n\n    // Calculate how much smaller the display is vs natural size\n    const displayScaleX = displayWidth / naturalWidth;\n    const displayScaleY = displayHeight / naturalHeight;\n    const displayScale = Math.min(displayScaleX, displayScaleY);\n\n    // Combine display scale, export scale, and quality multiplier\n    // Cap at 1.0 to never upscale beyond natural resolution\n    const optimalScale = Math.min(1.0, displayScale * this.exportScale * this.qualityMultiplier);\n\n    return optimalScale;\n  }\n\n  /**\n   * Get the CSS transform value for DOM scaling.\n   * Returns null if no scaling is needed.\n   */\n  getDOMTransform(): string | null {\n    return this.needsDOMScaling ? `scale(${this.exportScale})` : null;\n  }\n\n  /**\n   * Get the wrapper dimensions for the CSS transform.\n   * When DOM is scaled, the wrapper must be larger to accommodate\n   * the scaled-down content.\n   */\n  getDOMWrapperDimensions(): { width: number; height: number } {\n    if (!this.needsDOMScaling) {\n      return { width: this.outputWidth, height: this.outputHeight };\n    }\n\n    return {\n      width: Math.floor(this.outputWidth / this.exportScale),\n      height: Math.floor(this.outputHeight / this.exportScale),\n    };\n  }\n\n  /**\n   * Create a ScaleConfig from legacy options.\n   * Maintains backward compatibility with existing callsites.\n   */\n  static fromOptions(width: number, height: number, canvasScale: number): ScaleConfig {\n    return new ScaleConfig(width, height, canvasScale);\n  }\n}\n"],"mappings":";;;;;;;AA8BA,IAAa,cAAb,MAAa,YAAY;CAkBvB,YAAY,OAAe,QAAgB,aAAqB;2BAF3B;AAGnC,OAAK,aAAa;AAClB,OAAK,cAAc;AACnB,OAAK,cAAc;AAGnB,OAAK,cAAc,KAAK,MAAM,QAAQ,YAAY;AAClD,OAAK,eAAe,KAAK,MAAM,SAAS,YAAY;AAGpD,OAAK,kBAAkB,cAAc;AAGrC,SAAO,OAAO,KAAK;;;;;;;;;;;;;;;;;CAkBrB,mBAAmB,QAAmC;EACpD,MAAM,EAAE,cAAc,eAAe,cAAc,kBAAkB;EAGrE,MAAM,gBAAgB,eAAe;EACrC,MAAM,gBAAgB,gBAAgB;EACtC,MAAM,eAAe,KAAK,IAAI,eAAe,cAAc;AAM3D,SAFqB,KAAK,IAAI,GAAK,eAAe,KAAK,cAAc,KAAK,kBAAkB;;;;;;CAS9F,kBAAiC;AAC/B,SAAO,KAAK,kBAAkB,SAAS,KAAK,YAAY,KAAK;;;;;;;CAQ/D,0BAA6D;AAC3D,MAAI,CAAC,KAAK,gBACR,QAAO;GAAE,OAAO,KAAK;GAAa,QAAQ,KAAK;GAAc;AAG/D,SAAO;GACL,OAAO,KAAK,MAAM,KAAK,cAAc,KAAK,YAAY;GACtD,QAAQ,KAAK,MAAM,KAAK,eAAe,KAAK,YAAY;GACzD;;;;;;CAOH,OAAO,YAAY,OAAe,QAAgB,aAAkC;AAClF,SAAO,IAAI,YAAY,OAAO,QAAQ,YAAY"}
+{"version":3,"file":"ScaleConfig.js","names":[],"sources":["../../../src/preview/rendering/ScaleConfig.ts"],"mappings":";;;;;;;AA8BA,IAAa,cAAb,MAAa,YAAY;CAkBvB,YAAY,OAAe,QAAgB,aAAqB;2BAF3B;AAGnC,OAAK,aAAa;AAClB,OAAK,cAAc;AACnB,OAAK,cAAc;AAGnB,OAAK,cAAc,KAAK,MAAM,QAAQ,YAAY;AAClD,OAAK,eAAe,KAAK,MAAM,SAAS,YAAY;AAGpD,OAAK,kBAAkB,cAAc;AAGrC,SAAO,OAAO,KAAK;;;;;;;;;;;;;;;;;CAkBrB,mBAAmB,QAAmC;EACpD,MAAM,EAAE,cAAc,eAAe,cAAc,kBAAkB;EAGrE,MAAM,gBAAgB,eAAe;EACrC,MAAM,gBAAgB,gBAAgB;AAOtC,SAFqB,KAAK,IAAI,GAJT,KAAK,IAAI,eAAe,cAAc,GAIT,KAAK,cAAc,KAAK,kBAAkB;;;;;;CAS9F,kBAAiC;AAC/B,SAAO,KAAK,kBAAkB,SAAS,KAAK,YAAY,KAAK;;;;;;;CAQ/D,0BAA6D;AAC3D,MAAI,CAAC,KAAK,gBACR,QAAO;GAAE,OAAO,KAAK;GAAa,QAAQ,KAAK;GAAc;AAG/D,SAAO;GACL,OAAO,KAAK,MAAM,KAAK,cAAc,KAAK,YAAY;GACtD,QAAQ,KAAK,MAAM,KAAK,eAAe,KAAK,YAAY;GACzD;;;;;;CAOH,OAAO,YAAY,OAAe,QAAgB,aAAkC;AAClF,SAAO,IAAI,YAAY,OAAO,QAAQ,YAAY"}

package/dist/preview/rendering/inlineImages.d.ts

@@ -1,5 +1,4 @@
 //#region src/preview/rendering/inlineImages.d.ts
-
 /**
  * Clear the inline image cache. Useful for memory management in long-running sessions.
  */

package/dist/preview/rendering/inlineImages.js

@@ -13,7 +13,7 @@ function clearInlineImageCache() {
 function getInlineImageCacheSize() {
 	return _inlineImageCache.size;
 }
-
 //#endregion
 export { clearInlineImageCache, getInlineImageCacheSize };
+
 //# sourceMappingURL=inlineImages.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"inlineImages.js","names":[],"sources":["../../../src/preview/rendering/inlineImages.ts"],"sourcesContent":["/**\n * Image inlining utilities for SVG foreignObject rendering.\n * SVG foreignObject can't load external images due to security restrictions,\n * so we convert them to base64 data URIs.\n */\n\nimport { logger } from \"../logger.js\";\n\n/** Maximum number of cached inline images before eviction */\nconst MAX_INLINE_IMAGE_CACHE_SIZE = 100;\n\n/** Image cache for inlining external images as data URIs (foreignObject path) */\nconst _inlineImageCache = new Map<string, string>();\n\n/**\n * Convert a Blob to a data URL.\n */\nfunction blobToDataURL(blob: Blob): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n}\n\n/**\n * Inline all images in a container as base64 data URIs.\n * SVG foreignObject can't load external images due to security restrictions.\n * Uses an LRU-style cache with size limits to prevent memory leaks.\n */\nexport async function inlineImages(container: HTMLElement): Promise<void> {\n  const images = container.querySelectorAll(\"img\");\n  for (const image of images) {\n    const src = image.getAttribute(\"src\");\n    if (!src || src.startsWith(\"data:\")) continue;\n\n    const cached = _inlineImageCache.get(src);\n    if (cached) {\n      image.setAttribute(\"src\", cached);\n      continue;\n    }\n\n    try {\n      const response = await fetch(src);\n      const blob = await response.blob();\n      const dataUrl = await blobToDataURL(blob);\n      image.setAttribute(\"src\", dataUrl);\n\n      // Evict oldest entries if cache is full (simple FIFO eviction)\n      if (_inlineImageCache.size >= MAX_INLINE_IMAGE_CACHE_SIZE) {\n        const firstKey = _inlineImageCache.keys().next().value;\n        if (firstKey) _inlineImageCache.delete(firstKey);\n      }\n      _inlineImageCache.set(src, dataUrl);\n    } catch (e) {\n      logger.warn(\"Failed to inline image:\", src, e);\n    }\n  }\n}\n\n/**\n * Clear the inline image cache. Useful for memory management in long-running sessions.\n */\nexport function clearInlineImageCache(): void {\n  _inlineImageCache.clear();\n}\n\n/**\n * Get current inline image cache size for diagnostics.\n */\nexport function getInlineImageCacheSize(): number {\n  return _inlineImageCache.size;\n}\n"],"mappings":";;AAYA,MAAM,oCAAoB,IAAI,KAAqB;;;;AAoDnD,SAAgB,wBAA8B;AAC5C,mBAAkB,OAAO;;;;;AAM3B,SAAgB,0BAAkC;AAChD,QAAO,kBAAkB"}
+{"version":3,"file":"inlineImages.js","names":[],"sources":["../../../src/preview/rendering/inlineImages.ts"],"mappings":";;AAYA,MAAM,oCAAoB,IAAI,KAAqB;;;;AAoDnD,SAAgB,wBAA8B;AAC5C,mBAAkB,OAAO;;;;;AAM3B,SAAgB,0BAAkC;AAChD,QAAO,kBAAkB"}

package/dist/preview/rendering/loadImage.js

@@ -1,5 +1,4 @@
 import { defaultProfiler } from "../RenderProfiler.js";
-
 //#region src/preview/rendering/loadImage.ts
 /**
 * Load an image from a data URI. Returns a Promise that resolves when loaded.
@@ -16,7 +15,7 @@ function loadImageFromDataUri(dataUri) {
 		img.src = dataUri;
 	});
 }
-
 //#endregion
 export { loadImageFromDataUri };
+
 //# sourceMappingURL=loadImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"loadImage.js","names":[],"sources":["../../../src/preview/rendering/loadImage.ts"],"sourcesContent":["import { defaultProfiler } from \"../RenderProfiler.js\";\n\n/**\n * Load an image from a data URI. Returns a Promise that resolves when loaded.\n */\nexport function loadImageFromDataUri(dataUri: string): Promise<HTMLImageElement> {\n  const img = new Image();\n  const imageLoadStart = performance.now();\n\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    img.onload = () => {\n      defaultProfiler.addTime(\"imageLoad\", performance.now() - imageLoadStart);\n      resolve(img);\n    };\n    img.onerror = reject;\n    img.src = dataUri;\n  });\n}\n"],"mappings":";;;;;;AAKA,SAAgB,qBAAqB,SAA4C;CAC/E,MAAM,MAAM,IAAI,OAAO;CACvB,MAAM,iBAAiB,YAAY,KAAK;AAExC,QAAO,IAAI,SAA2B,SAAS,WAAW;AACxD,MAAI,eAAe;AACjB,mBAAgB,QAAQ,aAAa,YAAY,KAAK,GAAG,eAAe;AACxE,WAAQ,IAAI;;AAEd,MAAI,UAAU;AACd,MAAI,MAAM;GACV"}
+{"version":3,"file":"loadImage.js","names":[],"sources":["../../../src/preview/rendering/loadImage.ts"],"mappings":";;;;;AAKA,SAAgB,qBAAqB,SAA4C;CAC/E,MAAM,MAAM,IAAI,OAAO;CACvB,MAAM,iBAAiB,YAAY,KAAK;AAExC,QAAO,IAAI,SAA2B,SAAS,WAAW;AACxD,MAAI,eAAe;AACjB,mBAAgB,QAAQ,aAAa,YAAY,KAAK,GAAG,eAAe;AACxE,WAAQ,IAAI;;AAEd,MAAI,UAAU;AACd,MAAI,MAAM;GACV"}

package/dist/preview/rendering/renderToImageNative.js

@@ -1,5 +1,4 @@
 import { defaultProfiler } from "../RenderProfiler.js";
-
 //#region src/preview/rendering/renderToImageNative.ts
 /** Track canvases that have been initialized for layoutsubtree (only need to wait once) */
 const _layoutInitializedCanvases = /* @__PURE__ */ new WeakSet();
@@ -46,9 +45,9 @@ async function renderToImageNative(container, width, height, options = {}) {
 	let shouldCleanup = false;
 	if (reuseCanvas) {
 		captureCanvas = reuseCanvas;
-		const dpr$1 = skipDprScaling ? 1 : window.devicePixelRatio || 1;
-		const targetWidth = Math.floor(width * dpr$1);
-		const targetHeight = Math.floor(height * dpr$1);
+		const dpr = skipDprScaling ? 1 : window.devicePixelRatio || 1;
+		const targetWidth = Math.floor(width * dpr);
+		const targetHeight = Math.floor(height * dpr);
 		if (captureCanvas.width !== targetWidth) captureCanvas.width = targetWidth;
 		if (captureCanvas.height !== targetHeight) captureCanvas.height = targetHeight;
 		captureCanvas.style.cssText = `
@@ -128,7 +127,7 @@ async function renderToImageNative(container, width, height, options = {}) {
 	defaultProfiler.incrementRenderCount();
 	return outputCanvas;
 }
-
 //#endregion
 export { createDprCanvas, renderToImageNative };
+
 //# sourceMappingURL=renderToImageNative.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderToImageNative.js","names":["captureCanvas: HTMLCanvasElement","dpr"],"sources":["../../../src/preview/rendering/renderToImageNative.ts"],"sourcesContent":["/**\n * Native HTML-in-Canvas rendering using drawElementImage API.\n */\n\nimport type { HtmlInCanvasContext, HtmlInCanvasElement, NativeRenderOptions } from \"./types.js\";\nimport { defaultProfiler } from \"../RenderProfiler.js\";\n\n/** Track canvases that have been initialized for layoutsubtree (only need to wait once) */\nconst _layoutInitializedCanvases = new WeakSet<HTMLCanvasElement>();\n\n/**\n * Wait for next animation frame (allows browser to complete layout)\n */\nfunction waitForFrame(): Promise<void> {\n  return new Promise((resolve) => requestAnimationFrame(() => resolve()));\n}\n\n/**\n * Create a canvas element with proper DPR handling.\n * Buffer size is based on renderWidth/renderHeight (internal resolution).\n * CSS size is based on fullWidth/fullHeight (logical display size).\n */\nexport function createDprCanvas(options: {\n  renderWidth: number;\n  renderHeight: number;\n  scale: number;\n  dpr?: number;\n  fullWidth: number;\n  fullHeight: number;\n}): HTMLCanvasElement {\n  const { renderWidth, renderHeight, scale, fullWidth, fullHeight } = options;\n  const dpr = options.dpr ?? window.devicePixelRatio ?? 1;\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.floor(renderWidth * scale * dpr);\n  canvas.height = Math.floor(renderHeight * scale * dpr);\n  canvas.style.width = `${Math.floor(fullWidth * scale)}px`;\n  canvas.style.height = `${Math.floor(fullHeight * scale)}px`;\n\n  return canvas;\n}\n\n/**\n * Render HTML content to canvas using native HTML-in-Canvas API (drawElementImage).\n * This is much faster than the foreignObject approach and avoids canvas tainting.\n *\n * Note: The native API renders at device pixel ratio, so we capture at DPR scale\n * and then downsample to logical pixels to match the foreignObject path's output.\n *\n * @param container - The HTML element to render\n * @param width - Target width in logical pixels\n * @param height - Target height in logical pixels\n * @param options - Rendering options (skipWait for batch mode)\n *\n * @see https://github.com/WICG/html-in-canvas\n */\nexport async function renderToImageNative(\n  container: HTMLElement,\n  width: number,\n  height: number,\n  options: NativeRenderOptions = {},\n): Promise<HTMLCanvasElement> {\n  const t0 = performance.now();\n  const { reuseCanvas, skipDprScaling = false } = options;\n  // Use 1x DPR when skipDprScaling is true (for video export) - 4x fewer pixels!\n  const dpr = skipDprScaling ? 1 : window.devicePixelRatio || 1;\n\n  // Use provided canvas or create new one\n  let captureCanvas: HTMLCanvasElement;\n  let shouldCleanup = false;\n\n  if (reuseCanvas) {\n    captureCanvas = reuseCanvas;\n\n    // Ensure canvas dimensions match (both attribute and CSS)\n    const dpr = skipDprScaling ? 1 : window.devicePixelRatio || 1;\n    const targetWidth = Math.floor(width * dpr);\n    const targetHeight = Math.floor(height * dpr);\n\n    // Set attribute dimensions (pixel buffer size)\n    if (captureCanvas.width !== targetWidth) {\n      captureCanvas.width = targetWidth;\n    }\n    if (captureCanvas.height !== targetHeight) {\n      captureCanvas.height = targetHeight;\n    }\n\n    // Ensure CSS dimensions and positioning (same as non-reuse path)\n    // This ensures consistent behavior and avoids layout issues\n    captureCanvas.style.cssText = `\n      position: fixed;\n      left: 0;\n      top: 0;\n      width: ${width}px;\n      height: ${height}px;\n      opacity: 0;\n      pointer-events: none;\n      z-index: -9999;\n    `;\n\n    // Ensure layoutsubtree is set (required for drawElementImage)\n    if (!captureCanvas.hasAttribute(\"layoutsubtree\")) {\n      captureCanvas.setAttribute(\"layoutsubtree\", \"\");\n      (captureCanvas as HtmlInCanvasElement).layoutSubtree = true;\n    }\n\n    // Ensure canvas is in DOM (required for drawElementImage layout)\n    if (!captureCanvas.parentNode) {\n      document.body.appendChild(captureCanvas);\n    }\n\n    // Ensure container is child of canvas\n    if (container.parentElement !== captureCanvas) {\n      captureCanvas.appendChild(container);\n    }\n\n    // Ensure container is visible (not display: none) for layout\n    // drawElementImage requires the element to be laid out\n    const containerStyle = getComputedStyle(container);\n    if (containerStyle.display === \"none\") {\n      container.style.display = \"block\";\n    }\n\n    // Force synchronous layout ONLY on first use with this canvas\n    // For batch rendering (video export), repeated layout forces are expensive\n    // We only need to force layout once to ensure everything is ready\n    if (!_layoutInitializedCanvases.has(captureCanvas)) {\n      void captureCanvas.offsetHeight;\n      void container.offsetHeight;\n      void getComputedStyle(captureCanvas).opacity;\n      void getComputedStyle(container).opacity;\n      _layoutInitializedCanvases.add(captureCanvas);\n    }\n  } else {\n    captureCanvas = document.createElement(\"canvas\");\n    captureCanvas.width = Math.floor(width * dpr);\n    captureCanvas.height = Math.floor(height * dpr);\n\n    // Enable HTML-in-Canvas mode via layoutsubtree attribute/property\n    captureCanvas.setAttribute(\"layoutsubtree\", \"\");\n    (captureCanvas as HtmlInCanvasElement).layoutSubtree = true;\n\n    captureCanvas.appendChild(container);\n\n    captureCanvas.style.cssText = `\n      position: fixed;\n      left: 0;\n      top: 0;\n      width: ${width}px;\n      height: ${height}px;\n      opacity: 0;\n      pointer-events: none;\n      z-index: -9999;\n    `;\n    document.body.appendChild(captureCanvas);\n    shouldCleanup = true;\n  }\n\n  const t1 = performance.now();\n  defaultProfiler.addTime(\"setup\", t1 - t0);\n\n  try {\n    // Force style calculation to ensure CSS is computed before capture\n    // This ensures both canvas and container are laid out (required for drawElementImage)\n    void getComputedStyle(container).opacity;\n\n    if (reuseCanvas) {\n      // When reusing canvas with layoutsubtree, wait for initial layout (first use only)\n      // Use a WeakSet to track canvases that have been initialized\n      if ((captureCanvas as any).layoutSubtree && !_layoutInitializedCanvases.has(captureCanvas)) {\n        await waitForFrame();\n        _layoutInitializedCanvases.add(captureCanvas);\n\n        // Canvas may have been detached during async wait (e.g., test cleanup)\n        if (!captureCanvas.parentNode) {\n          return captureCanvas;\n        }\n      }\n    } else {\n      // Single-shot capture: wait one frame so the browser composites the element\n      // into the layoutsubtree canvas before drawElementImage reads GPU textures.\n      // Without this, images loaded just before capture may render blank.\n      await waitForFrame();\n\n      // Canvas may have been detached during async wait (e.g., test cleanup)\n      if (!captureCanvas.parentNode) {\n        return captureCanvas;\n      }\n    }\n\n    const ctx = captureCanvas.getContext(\"2d\") as HtmlInCanvasContext;\n    ctx.drawElementImage(container, 0, 0);\n  } finally {\n    // Only clean up if we created the canvas\n    if (shouldCleanup && captureCanvas.parentNode) {\n      captureCanvas.parentNode.removeChild(captureCanvas);\n    }\n  }\n\n  const t2 = performance.now();\n  defaultProfiler.addTime(\"draw\", t2 - t1);\n\n  // If DPR is 1, no downsampling needed - return as-is\n  if (dpr === 1) {\n    defaultProfiler.incrementRenderCount();\n    return captureCanvas;\n  }\n\n  // Downsample to logical pixel dimensions to match foreignObject path output\n  // This ensures consistent behavior regardless of which rendering path is used\n  const outputCanvas = document.createElement(\"canvas\");\n  outputCanvas.width = width;\n  outputCanvas.height = height;\n\n  const outputCtx = outputCanvas.getContext(\"2d\")!;\n  // Draw the DPR-scaled capture onto the 1x output canvas\n  outputCtx.drawImage(\n    captureCanvas,\n    0,\n    0,\n    captureCanvas.width,\n    captureCanvas.height, // source (full DPR capture)\n    0,\n    0,\n    width,\n    height, // destination (logical pixels)\n  );\n\n  const t3 = performance.now();\n  defaultProfiler.addTime(\"downsample\", t3 - t2);\n  defaultProfiler.incrementRenderCount();\n\n  return outputCanvas;\n}\n"],"mappings":"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"}
+{"version":3,"file":"renderToImageNative.js","names":[],"sources":["../../../src/preview/rendering/renderToImageNative.ts"],"mappings":"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"}

package/dist/preview/rendering/serializeTimelineDirect.js

@@ -1,9 +1,21 @@
 import { encodeCanvasesInParallel } from "../encoding/canvasEncoder.js";
 import { isTemporal, isVisibleAtTime } from "../previewTypes.js";
 import { ScaleConfig } from "./ScaleConfig.js";
-
 //#region src/preview/rendering/serializeTimelineDirect.ts
 /**
+* Direct timeline serialization - no intermediate passive structure.
+*
+* Walks the timeline DOM once and builds XML string directly with promise parts
+* for async canvas encoding. 3x faster than DOM creation + XMLSerializer.
+*
+* Architecture:
+* 1. Walk timeline recursively
+* 2. Build array of string parts (some are promises for canvas encoding)
+* 3. Handle shadow DOM by serializing shadow content instead of light DOM
+* 4. Await all promises
+* 5. Join parts into final XML
+*/
+/**
 * Collect document styles for shadow DOM injection.
 */
 function collectDocumentStyles() {
@@ -420,13 +432,13 @@ function serializeElement(element, parts, canvasJobs, options, parentIsSVG = fal
 		let computedDisplay = computedStyle.display;
 		if (computedDisplay === "none") computedDisplay = resolveNaturalDisplay(element);
 		const containerTag = computedDisplay === "inline" || computedDisplay === "inline-block" || computedDisplay === "inline-flex" ? "span" : "div";
-		let styleStr$1 = serializeComputedStyles(element, computedStyle);
+		let styleStr = serializeComputedStyles(element, computedStyle);
 		parts.push(`<${containerTag}`);
 		for (const attr of element.attributes) {
 			const name = attr.name.toLowerCase();
 			if (name === "class" || name.startsWith("data-")) parts.push(` ${attr.name}="${escapeXML(attr.value)}"`);
 		}
-		if (styleStr$1) parts.push(` style="${escapeXML(styleStr$1)}"`);
+		if (styleStr) parts.push(` style="${escapeXML(styleStr)}"`);
 		parts.push(">");
 		for (const child of element.shadowRoot.childNodes) if (child.nodeType === Node.TEXT_NODE) {
 			const text = child.textContent;
@@ -527,7 +539,7 @@ function captureTimelineToDataUri(element, width, height, options) {
 		return `data:image/svg+xml;base64,${btoa(binary)}`;
 	});
 }
-
 //#endregion
 export { captureTimelineToDataUri };
+
 //# sourceMappingURL=serializeTimelineDirect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"serializeTimelineDirect.js","names":["rules: string[]","styleParts: string[]","styleStr","parts: Array<string | Promise<string>>","canvasJobs: CanvasJob[]","svgDefs: string[]"],"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(\"[collectDocumentStyles] Failed to access document.styleSheets:\", e);\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  \"backgroundColor\",\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  \"textShadow\",\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  /** SVG filter/clipPath/gradient defs collected during serialization.\n   *  Hoisted into the outer <svg>'s <defs> so url(#id) references from\n   *  XHTML inside foreignObject can resolve them. */\n  svgDefs: string[];\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(element: Element, styles?: CSSStyleDeclaration): 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 the proxy-mode sentinel value: inset(100%) hides the element\n    // off-screen while keeping it in the layout. All other clip-path values\n    // are legitimate visual effects and must be preserved.\n    if (prop === \"clipPath\" && value === \"inset(100%)\") {\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    // Rewrite absolute url() references in filter/clipPath to bare fragment\n    // references. getComputedStyle resolves url(#id) to url(\"http://host/path#id\")\n    // which won't resolve inside a foreignObject data URI. Bare url(#id) works\n    // because the SVG filter/clip definition is inside the same foreignObject document.\n    if ((prop === \"filter\" || prop === \"clipPath\") && finalValue.includes(\"url(\")) {\n      finalValue = finalValue.replace(/url\\(\"?[^#)]*#([^\")]+)\"?\\)/g, \"url(#$1)\");\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, xmlns, event handlers).\n * `id` is preserved on SVG elements (needed for filter/clipPath/gradient references)\n * but stripped from HTML elements (avoids duplicate-id issues in the serialized document).\n */\nfunction serializeAttributes(element: Element, parts: Array<string | Promise<string>>): void {\n  const isSVGElement = element instanceof SVGElement;\n  for (const attr of element.attributes) {\n    const name = attr.name.toLowerCase();\n    if (name === \"style\" || name === \"xmlns\" || name.startsWith(\"on\")) {\n      continue;\n    }\n    // Keep id on SVG elements (filter, clipPath, etc. need referenceable ids).\n    if (name === \"id\" && !isSVGElement) {\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 \"hasAlpha\" in sourceElement && (sourceElement as any).hasAlpha === true;\n  }\n  // ef-video with the `alpha` attribute has a transparent canvas — encode as PNG\n  if (tagName === \"EF-VIDEO\") {\n    return (sourceElement as HTMLElement).hasAttribute(\"alpha\");\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(pixels.subarray(bottomOffset, bottomOffset + rowSize), topOffset);\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 ? styleStr.split(\";\").filter((s) => s.trim()) : [];\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(`[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  // 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(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: 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(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  // Hoist SVG filter defs from ef-motionblur into the outer SVG's <defs>.\n  // SVG filters referenced by CSS filter:url(#id) inside foreignObject XHTML\n  // can only resolve ids defined in the enclosing SVG document, not in nested\n  // inline SVGs within the XHTML content.\n  if (element instanceof SVGSVGElement && element.parentElement?.hasAttribute(\"data-blur-outer\")) {\n    // Prefer the pre-built serialization cache on the parent element.\n    // EFMotionBlur maintains this string in _update(), avoiding repeated\n    // XMLSerializer calls on filter DOM containing large base64 data URIs.\n    const cached = (element.parentElement as any)?._cachedFilterSVG as string | undefined;\n    if (cached) {\n      options.svgDefs.push(cached);\n    } else {\n      const defs = element.querySelector(\"defs\");\n      if (defs) {\n        const serializer = new XMLSerializer();\n        for (const child of defs.children) {\n          options.svgDefs.push(serializer.serializeToString(child));\n        }\n      }\n    }\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  // Elements with data-ef-static-style carry a pre-computed style string that\n  // fully describes their visual state. Skip the expensive getComputedStyle()\n  // call for these known-trivial wrappers.\n  const staticStyle = (element as HTMLElement).dataset?.efStaticStyle;\n  const styleStr = staticStyle ?? 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 * 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 */\ninterface CaptureResult {\n  parts: Array<string | Promise<string>>;\n  svgDefs: string[];\n}\n\nexport function captureElementParts(\n  element: Element,\n  width: number,\n  height: number,\n  options: SerializationOptions,\n): CaptureResult {\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(width, height, options.canvasScale);\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 svgDefs: string[] = [];\n  const internalOptions: InternalSerializationOptions = {\n    renderContext: options.renderContext,\n    timeMs: options.timeMs,\n    scaleConfig,\n    sourceMap,\n    svgDefs,\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, svgDefs };\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  const scaleConfig = ScaleConfig.fromOptions(width, height, options.canvasScale);\n\n  const { parts, svgDefs } = captureElementParts(element, width, height, options);\n\n  return Promise.all(parts).then((resolvedParts) => {\n    const xhtml = resolvedParts.join(\"\");\n    // Hoist collected SVG filter/clipPath defs into the outer <svg>'s <defs>.\n    // url(#id) from XHTML inside foreignObject resolves against the root SVG document,\n    // so filter definitions must be in the root <svg>'s <defs>, not nested inline.\n    const defsBlock = svgDefs.length > 0 ? `<defs>${svgDefs.join(\"\")}</defs>` : \"\";\n    const svg =\n      `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${scaleConfig.outputWidth}\" height=\"${scaleConfig.outputHeight}\">` +\n      defsBlock +\n      `<foreignObject x=\"0\" y=\"0\" width=\"${scaleConfig.outputWidth}\" height=\"${scaleConfig.outputHeight}\">${xhtml}</foreignObject>` +\n      `</svg>`;\n    const bytes = textEncoder.encode(svg);\n    let binary = \"\";\n    for (let i = 0; i < bytes.length; i += 8192) {\n      binary += String.fromCharCode.apply(null, bytes.subarray(i, i + 8192) as unknown as number[]);\n    }\n    return `data:image/svg+xml;base64,${btoa(binary)}`;\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"serializeTimelineDirect.js","names":[],"sources":["../../../src/preview/rendering/serializeTimelineDirect.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,SAAS,wBAAgC;CACvC,MAAM,QAAkB,EAAE;AAC1B,KAAI;AACF,OAAK,MAAM,SAAS,SAAS,YAC3B,KAAI;AACF,OAAI,MAAM,SACR,MAAK,MAAM,QAAQ,MAAM,SACvB,OAAM,KAAK,KAAK,QAAQ;UAGtB;UAIH,GAAG;AACV,UAAQ,KAAK,kEAAkE,EAAE;;AAEnF,QAAO,MAAM,KAAK,KAAK;;;;;;AAOzB,MAAM,YAAY,IAAI,IAAI;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;;AAMF,MAAM,gBAAgB,IAAI,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;AAKF,MAAM,8BAA8B;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;;AAMD,MAAM,qBAAqB,IAAI,IAAI;CACjC;CACA;CACA;CACA;CACD,CAAC;;;;AA4BF,SAAS,UAAU,KAAqB;AACtC,QAAO,IACJ,QAAQ,MAAM,QAAQ,CACtB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,SAAS,CACvB,QAAQ,MAAM,SAAS;;;;;;;;;;AAW5B,SAAS,sBAAsB,SAA0B;CACvD,MAAM,SAAS;AAEf,KADsB,OAAO,OAAO,iBAAiB,UAAU,KACzC,UAAU,OAAO,OAAO;AAC5C,SAAO,MAAM,eAAe,UAAU;EACtC,MAAM,UAAU,iBAAiB,QAAQ,CAAC,iBAAiB,UAAU;AACrE,SAAO,MAAM,YAAY,WAAW,OAAO;AAC3C,SAAO,WAAW;;AAEpB,QAAO;;;;;;;;;AAUT,SAAS,wBAAwB,SAAkB,QAAsC;CACvF,MAAM,WAAW,UAAU,iBAAiB,QAAQ;CACpD,MAAM,aAAuB,EAAE;CAC/B,MAAM,UAAU,QAAQ;CACxB,MAAM,iBAAiB,mBAAmB,IAAI,QAAQ;CAOtD,MAAM,SAAS;CACf,MAAM,mBAAmB,CAAC,CAAC,OAAO,OAAO,iBAAiB,QAAQ;CAClE,MAAM,oBAAoB,CAAC,CAAC,OAAO,OAAO,iBAAiB,SAAS;AAEpE,MAAK,MAAM,QAAQ,6BAA6B;EAE9C,MAAM,QAAQ,KAAK,QAAQ,WAAW,MAAM,IAAI,EAAE,aAAa,GAAG;EAClE,MAAM,QAAQ,SAAS,iBAAiB,MAAM;AAG9C,MAAI,CAAC,SAAS,UAAU,GACtB;EAIF,IAAI,aAAa;AACjB,MAAI,SAAS;OAIP,UAAU,UAAU,CAAC,eACvB,cAAa,sBAAsB,QAAQ;;AAM/C,MAAI,SAAS,aACX,cAAa;AAMf,MAAI,SAAS,cAAc,UAAU,cACnC;AASF,MAAI,SAAS,WAAW,CAAC,iBACvB;AAEF,MAAI,SAAS,YAAY,CAAC,kBACxB;AAOF,OAAK,SAAS,YAAY,SAAS,eAAe,WAAW,SAAS,OAAO,CAC3E,cAAa,WAAW,QAAQ,+BAA+B,WAAW;AAG5E,aAAW,KAAK,GAAG,MAAM,GAAG,aAAa;;AAI3C,YAAW,KAAK,kBAAkB,kBAAkB;AAEpD,QAAO,WAAW,KAAK,IAAI;;;;;;;AAQ7B,SAAS,oBAAoB,SAAkB,OAA8C;CAC3F,MAAM,eAAe,mBAAmB;AACxC,MAAK,MAAM,QAAQ,QAAQ,YAAY;EACrC,MAAM,OAAO,KAAK,KAAK,aAAa;AACpC,MAAI,SAAS,WAAW,SAAS,WAAW,KAAK,WAAW,KAAK,CAC/D;AAGF,MAAI,SAAS,QAAQ,CAAC,aACpB;AAEF,QAAM,KAAK,IAAI,KAAK,KAAK,IAAI,UAAU,KAAK,MAAM,CAAC,GAAG;;;;;;;;;;;AAY1D,SAAS,oBAAoB,eAAiC;CAC5D,MAAM,UAAU,cAAc;AAC9B,KAAI,YAAY,cACd,QAAO;AAET,KAAI,YAAY,aAEd,QAAO;AAET,KAAI,YAAY,WACd,QAAO,cAAc,iBAAkB,cAAsB,aAAa;AAG5E,KAAI,YAAY,WACd,QAAQ,cAA8B,aAAa,QAAQ;AAG7D,KAAI,yBAAyB,kBAC3B,QAAO;AAET,QAAO;;;;;;;;;AAUT,SAAS,iBAAiB,QAAqD;CAC7E,MAAM,YAAY,OAAO;AACzB,KAAI,CAAC,UAAW,QAAO;AACvB,QAAO,UAAU,cAAc,0CAAwC;;;;;;;;;;;;;;;AAgBzE,SAAS,gBAAgB,QAAqD;CAC5E,MAAM,KAAM,OAAO,WAAW,SAAS,IACrC,OAAO,WAAW,QAAQ;AAC5B,KAAI,CAAC,GAAI,QAAO;CAEhB,MAAM,QAAQ,OAAO;CACrB,MAAM,SAAS,OAAO;AACtB,KAAI,UAAU,KAAK,WAAW,EAAG,QAAO;AAGxC,IAAG,gBAAgB,GAAG,aAAa,KAAK;CAExC,MAAM,SAAS,IAAI,WAAW,QAAQ,SAAS,EAAE;AACjD,IAAG,WAAW,GAAG,GAAG,OAAO,QAAQ,GAAG,MAAM,GAAG,eAAe,OAAO;CAGrE,MAAM,UAAU,QAAQ;CACxB,MAAM,aAAa,KAAK,MAAM,SAAS,EAAE;CACzC,MAAM,OAAO,IAAI,WAAW,QAAQ;AACpC,MAAK,IAAI,IAAI,GAAG,IAAI,YAAY,KAAK;EACnC,MAAM,YAAY,IAAI;EACtB,MAAM,gBAAgB,SAAS,IAAI,KAAK;AACxC,OAAK,IAAI,OAAO,SAAS,WAAW,YAAY,QAAQ,CAAC;AACzD,SAAO,IAAI,OAAO,SAAS,cAAc,eAAe,QAAQ,EAAE,UAAU;AAC5E,SAAO,IAAI,MAAM,aAAa;;AAGhC,QAAO,IAAI,kBAAkB,OAAO,OAAO;;;;;;;;;;;;;AAc7C,SAAS,eACP,QACA,OACA,eACmB;CAGnB,MAAM,eADe,iBAAiB,OAAO,IACR;CAErC,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,MAAM,aAAa,QAAQ,MAAM,CAAC;CACvE,MAAM,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,aAAa,SAAS,MAAM,CAAC;CAEzE,MAAM,OAAO,SAAS,cAAc,SAAS;AAC7C,MAAK,QAAQ;AACb,MAAK,SAAS;AAEd,KAAI,cACF,MAAK,QAAQ,gBAAgB;CAG/B,MAAM,MAAM,KAAK,WAAW,KAAK;AACjC,KAAI,OAAO,aAAa,QAAQ,KAAK,aAAa,SAAS,GAAG;EAI5D,MAAM,WADc,SAAS,SACE,gBAAgB,aAAa,GAAG;AAC/D,MAAI,UAAU;GACZ,MAAM,OAAO,aAAa;GAC1B,MAAM,OAAO,aAAa;GAC1B,MAAM,YAAY,IAAI,UACpB,UACA,MACA,KACD;AAED,OAAI,gBAAgB,QAAQ,iBAAiB,KAC3C,KAAI,aAAa,WAAW,GAAG,EAAE;QAC5B;IAEL,MAAM,OAAO,SAAS,cAAc,SAAS;AAC7C,SAAK,QAAQ;AACb,SAAK,SAAS;AACd,SAAK,WAAW,KAAK,CAAE,aAAa,WAAW,GAAG,EAAE;AACpD,QAAI,UAAU,MAAM,GAAG,GAAG,aAAa,aAAa;;QAItD,KAAI,UAAU,cAAc,GAAG,GAAG,aAAa,aAAa;;AAIhE,QAAO;;;;;;;;;;;AAYT,SAAS,gBACP,eACA,QACA,OACA,YACA,SACM;CAGN,MAAM,eADe,iBAAiB,OAAO,IACR;CAGrC,MAAM,QAAQ,aAAa;CAC3B,MAAM,SAAS,aAAa;AAG5B,KAAI,UAAU,KAAK,WAAW,EAC5B;CAIF,MAAM,gBAAgB,iBAAiB,cAAc;CACrD,MAAM,WAAW,wBAAwB,eAAe,cAAc;CAGtE,MAAM,gBAAgB,cAAc;CACpC,MAAM,iBAAiB,cAAc;CAQrC,MAAM,iBAHa,WAAW,SAAS,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,EAG7C,QAAQ,MAAM;EAC7C,MAAM,UAAU,EAAE,MAAM;AACxB,SAAO,CAAC,QAAQ,WAAW,SAAS,IAAI,CAAC,QAAQ,WAAW,UAAU;GACtE;CAGF,MAAM,eAAe,iBAAiB,GAAG,MAAM;CAC/C,MAAM,gBAAgB,kBAAkB,GAAG,OAAO;AAElD,eAAc,KAAK,SAAS,eAAe;AAC3C,eAAc,KAAK,UAAU,gBAAgB;AAC7C,eAAc,KAAK,gBAAgB;CAEnC,MAAM,aAAa,cAAc,KAAK,IAAI;CAG1C,MAAM,gBAAgB,oBAAoB,cAAc;CAIxD,IAAI,eAAe,QAAQ,YAAY;AAEvC,KAAI;EACF,MAAM,WAAW,WAAW,cAAc,IAAI,aAAa;EAC3D,MAAM,YAAY,WAAW,eAAe,IAAI,aAAa;AAG7D,iBAAe,QAAQ,YAAY,mBAAmB;GACpD,cAAc,aAAa;GAC3B,eAAe,aAAa;GAC5B,cAAc;GACd,eAAe;GAChB,CAAC;UACK,GAAG;AAEV,UAAQ,KAAK,sDAAsD,cAAc,QAAQ,IAAI,EAAE;;CAOjG,MAAM,WAAW,eAAe,QAAQ,cAAc,cAAc;AAGpE,OAAM,KAAK,eAAe,UAAU,WAAW,CAAC,SAAS;CAGzD,MAAM,eAAe,MAAM;AAC3B,SAAQ,UAAU,IAAI,UAAU,cAAc;CAG9C,MAAM,gBAAgB,yBAAyB,CAAC,SAAS,EAAE;EACzD,OAAO;EACP,eAAe,QAAQ;EACvB,WAAW,QAAQ;EACpB,CAAC,CAAC,MAAM,YAAY,QAAQ,IAAI,WAAW,GAAG;AAE/C,OAAM,KAAK,cAAc;AACzB,YAAW,KAAK;EAAE,QAAQ;EAAU;EAAe;EAAc,CAAC;AAGlE,OAAM,KAAK,QAAO;;;;;AAMpB,SAAS,uBACP,eACA,KACA,OACA,YACA,SACM;CAEN,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,QAAO,QAAQ,IAAI;AACnB,QAAO,SAAS,IAAI;CAEpB,MAAM,MAAM,OAAO,WAAW,KAAK;AACnC,KAAI,IACF,KAAI;AACF,MAAI,UAAU,KAAK,GAAG,EAAE;UACjB,IAAI;AAEX;;AAIJ,iBAAgB,eAAe,QAAQ,OAAO,YAAY,QAAQ;;;;;AAMpE,SAAS,wBACP,UACA,OACA,YACA,SACA,aACM;AACN,MAAK,MAAM,gBAAgB,SAAS,WAClC,KAAI,aAAa,aAAa,KAAK,WAAW;EAC5C,MAAM,OAAO,aAAa;AAC1B,MAAI,QAAQ,KAAK,SAAS,EACxB,OAAM,KAAK,UAAU,KAAK,CAAC;YAEpB,aAAa,aAAa,KAAK,aACxC,kBAAiB,cAAyB,OAAO,YAAY,SAAS,aAAa,KAAK;;;;;;AAS9F,SAAS,iBACP,SACA,OACA,YACA,SACA,cAAc,OACd,WAA2B,MACrB;AAEN,KAAI,UAAU,IAAI,QAAQ,QAAQ,CAChC;AAIF,KAAI,QAAQ,YAAY,UAAU,UAAU;AAC1C,0BAAwB,UAAU,OAAO,YAAY,SAAS,YAAY;AAC1E;;AAOF,KAAI,CAAC,gBAAgB,SAAS,QAAQ,OAAO,CAC3C;AAOF,KACE,WAAW,QAAQ,IAClB,QAAwB,OAAO,iBAAiB,UAAU,KAAK,OAEhE;AAKF,KADiB,QAAQ,QAAQ,SAAS,IAAI,IAC9B,QAAQ,YAAY;EAClC,MAAM,eAAe,QAAQ,WAAW,cAAc,SAAS;AAC/D,MAAI,cAAc;AAChB,mBAAgB,SAAS,cAAc,OAAO,YAAY,QAAQ;AAClE;;EAGF,MAAM,YAAY,QAAQ,WAAW,cAAc,MAAM;AACzD,MAAI,WAAW,YAAY,UAAU,eAAe,GAAG;AACrD,0BAAuB,SAAS,WAAW,OAAO,YAAY,QAAQ;AACtE;;EAKF,MAAM,gBAAgB,iBAAiB,QAAQ;EAC/C,IAAI,kBAAkB,cAAc;AAGpC,MAAI,oBAAoB,OACtB,mBAAkB,sBAAsB,QAAQ;EAMlD,MAAM,eAHJ,oBAAoB,YACpB,oBAAoB,kBACpB,oBAAoB,gBACU,SAAS;EAEzC,IAAI,WAAW,wBAAwB,SAAS,cAAc;AAE9D,QAAM,KAAK,IAAI,eAAe;AAG9B,OAAK,MAAM,QAAQ,QAAQ,YAAY;GACrC,MAAM,OAAO,KAAK,KAAK,aAAa;AACpC,OAAI,SAAS,WAAW,KAAK,WAAW,QAAQ,CAC9C,OAAM,KAAK,IAAI,KAAK,KAAK,IAAI,UAAU,KAAK,MAAM,CAAC,GAAG;;AAI1D,MAAI,SACF,OAAM,KAAK,WAAW,UAAU,SAAS,CAAC,GAAG;AAE/C,QAAM,KAAK,IAAI;AAGf,OAAK,MAAM,SAAS,QAAQ,WAAW,WACrC,KAAI,MAAM,aAAa,KAAK,WAAW;GACrC,MAAM,OAAO,MAAM;AACnB,OAAI,QAAQ,KAAK,SAAS,EACxB,OAAM,KAAK,UAAU,KAAK,CAAC;aAEpB,MAAM,aAAa,KAAK,aAEjC,kBAAiB,OAAkB,OAAO,YAAY,SAAS,aAAa,QAAQ;AAIxF,QAAM,KAAK,KAAK,aAAa,GAAG;AAChC;;AAIF,KAAI,mBAAmB,mBAAmB;AACxC,kBAAgB,SAAS,SAAS,OAAO,YAAY,QAAQ;AAC7D;;AAOF,KAAI,mBAAmB,iBAAiB,QAAQ,eAAe,aAAa,kBAAkB,EAAE;EAI9F,MAAM,SAAU,QAAQ,eAAuB;AAC/C,MAAI,OACF,SAAQ,QAAQ,KAAK,OAAO;OACvB;GACL,MAAM,OAAO,QAAQ,cAAc,OAAO;AAC1C,OAAI,MAAM;IACR,MAAM,aAAa,IAAI,eAAe;AACtC,SAAK,MAAM,SAAS,KAAK,SACvB,SAAQ,QAAQ,KAAK,WAAW,kBAAkB,MAAM,CAAC;;;AAI/D;;CAIF,MAAM,UAAU,QAAQ,QAAQ,aAAa;CAC7C,MAAM,QAAQ,mBAAmB;CACjC,MAAM,SAAS,cAAc,IAAI,QAAQ;AAGzC,KAAI,SAAS,CAAC,YAEZ,OAAM,KAAK,IAAI,QAAQ,qCAAqC;KAE5D,OAAM,KAAK,IAAI,UAAU;AAI3B,qBAAoB,SAAS,MAAM;CAMnC,MAAM,WADe,QAAwB,SAAS,iBACtB,wBAAwB,QAAQ;AAChE,KAAI,SACF,OAAM,KAAK,WAAW,UAAU,SAAS,CAAC,GAAG;AAI/C,KAAI,QAAQ;AACV,QAAM,KAAK,MAAM;AACjB;;AAGF,OAAM,KAAK,IAAI;CAGf,MAAM,WAAW,QAAQ,YAAY,cAAc,QAAQ;AAC3D,MAAK,MAAM,SAAS,SAClB,KAAI,MAAM,aAAa,KAAK,WAAW;EACrC,MAAM,OAAO,MAAM;AACnB,MAAI,QAAQ,KAAK,SAAS,EACxB,OAAM,KAAK,UAAU,KAAK,CAAC;YAEpB,MAAM,aAAa,KAAK,aAEjC,kBAAiB,OAAkB,OAAO,YAAY,SAAS,OAAO,SAAS;AAKnF,OAAM,KAAK,KAAK,QAAQ,GAAG;;;;;;;AAQ7B,MAAM,cAAc,IAAI,aAAa;AAmCrC,SAAgB,oBACd,SACA,OACA,QACA,SACe;CACf,MAAM,QAAyC,EAAE;CACjD,MAAM,aAA0B,EAAE;CAClC,MAAM,4BAAY,IAAI,SAAqC;CAG3D,MAAM,cAAc,YAAY,YAAY,OAAO,QAAQ,QAAQ,YAAY;CAE/E,MAAM,iBACJ,QAAQ,eAAe,yBAAyB,IAAI,uBAAuB;AAC7E,KAAI,QAAQ,iBAAiB,eAC3B,SAAQ,cAAc,wBAAwB,eAAe;AAG/D,OAAM,KACJ,0DACkB,YAAY,YAAY,YAAY,YAAY,aAAa,yCAChF;AAED,KAAI,eACF,OAAM,KAAK,mCAAmC,eAAe,aAAa;CAI5E,MAAM,eAAe,YAAY,iBAAiB;AAClD,KAAI,cAAc;EAChB,MAAM,cAAc,YAAY,yBAAyB;AACzD,QAAM,KACJ,yBAAyB,aAAa,8BAC3B,YAAY,MAAM,YAAY,YAAY,OAAO,OAC7D;;CAIH,MAAM,UAAoB,EAAE;AAS5B,kBAAiB,SAAS,OAAO,YARqB;EACpD,eAAe,QAAQ;EACvB,QAAQ,QAAQ;EAChB;EACA;EACA;EACD,CAE4D;AAE7D,KAAI,aACF,OAAM,KAAK,SAAS;AAGtB,OAAM,KAAK,SAAS;AAEpB,QAAO;EAAE;EAAO;EAAS;;;;;;;;;;AA+B3B,SAAgB,yBACd,SACA,OACA,QACA,SACiB;CACjB,MAAM,cAAc,YAAY,YAAY,OAAO,QAAQ,QAAQ,YAAY;CAE/E,MAAM,EAAE,OAAO,YAAY,oBAAoB,SAAS,OAAO,QAAQ,QAAQ;AAE/E,QAAO,QAAQ,IAAI,MAAM,CAAC,MAAM,kBAAkB;EAChD,MAAM,QAAQ,cAAc,KAAK,GAAG;EAIpC,MAAM,YAAY,QAAQ,SAAS,IAAI,SAAS,QAAQ,KAAK,GAAG,CAAC,WAAW;EAC5E,MAAM,MACJ,kDAAkD,YAAY,YAAY,YAAY,YAAY,aAAa,MAC/G,YACA,qCAAqC,YAAY,YAAY,YAAY,YAAY,aAAa,IAAI,MAAM;EAE9G,MAAM,QAAQ,YAAY,OAAO,IAAI;EACrC,IAAI,SAAS;AACb,OAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,KACrC,WAAU,OAAO,aAAa,MAAM,MAAM,MAAM,SAAS,GAAG,IAAI,KAAK,CAAwB;AAE/F,SAAO,6BAA6B,KAAK,OAAO;GAChD"}

package/dist/preview/statsTrackingStrategy.js

@@ -97,7 +97,7 @@ var DomStatsStrategy = class {
 		};
 	}
 };
-
 //#endregion
 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 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(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: { timegroup: EFTimegroup; adaptiveTracker: AdaptiveResolutionTracker }) {\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) / 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 = 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    default:\n      return null;\n  }\n}\n"],"mappings":";;;;;AAkKA,IAAa,mBAAb,MAA+D;CAkB7D,YAAY,SAAiF;wBAdrD;uBAChB;wBACW,EAAE;6BACP;sBACe;uBAGrB;mBACM,EAAE;0BACgB;6BAET;8BACC;AAGtC,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,GAAG,KAAK,eAAe,SACrE;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,WAAW,cAAc,IAAI,KAAK,uBAAuB,cAAc;EAG7E,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"}
+{"version":3,"file":"statsTrackingStrategy.js","names":[],"sources":["../../src/preview/statsTrackingStrategy.ts"],"mappings":";;;;;AAkKA,IAAa,mBAAb,MAA+D;CAkB7D,YAAY,SAAiF;wBAdrD;uBAChB;wBACW,EAAE;6BACP;sBACe;uBAGrB;mBACM,EAAE;0BACgB;6BAET;8BACC;AAGtC,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,cAA4B;EAE1B,MAAM,mBACJ,KAAK,eAAe,SAAS,IACzB,KAAK,eAAe,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,GAAG,KAAK,eAAe,SACrE;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,WAAW,cAAc,IAAI,KAAK,uBAAuB,cAAc;EAG7E,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

@@ -1,6 +1,9 @@
 import { logger } from "../logger.js";
-
 //#region src/preview/workers/WorkerPool.ts
+/**
+* Worker pool for parallel task execution.
+* Manages a pool of workers and distributes tasks across them.
+*/
 const WORKER_INIT_TEST_TIMEOUT_MS = 2e3;
 var WorkerPool = class {
 	constructor(workerScriptUrl, poolSize = navigator.hardwareConcurrency || 4) {
@@ -122,7 +125,7 @@ var WorkerPool = class {
 		this.availableWorkers = [];
 	}
 };
-
 //#endregion
 export { WorkerPool };
+
 //# sourceMappingURL=WorkerPool.js.map

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\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(`[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 this.hasBrowserSupport() && this.workers.length > 0 && !this.isTerminated;\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":[],"sources":["../../../src/preview/workers/WorkerPool.ts"],"mappings":";;;;;;AAQA,MAAM,8BAA8B;AAQpC,IAAa,aAAb,MAAwB;CAOtB,YACE,iBACA,WAA2B,UAAU,uBAAuB,GAC5D;AADQ,OAAA,WAAA;iBARkB,EAAE;0BACO,EAAE;mBACI,EAAE;sBACtB;AAOrB,OAAK,YAAY;AAGjB,MAAI,KAAK,mBAAmB,CAC1B,MAAK,mBAAmB;;;;;CAO5B,oBAAqC;AACnC,SACE,OAAO,WAAW,eAClB,OAAO,oBAAoB,eAC3B,OAAO,sBAAsB;;CAIjC,oBAAkC;AAChC,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,UAAU,IACjC,KAAI;GAEF,MAAM,SAAS,IAAI,OAAO,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;GAG7D,IAAI,cAA6B;GACjC,IAAI,cAAsD;GAE1D,MAAM,oBAAoB;AACxB,QAAI,gBAAgB,MAAM;AACxB,kBAAa,YAAY;AACzB,mBAAc;;AAEhB,QAAI,gBAAgB,MAAM;AACxB,YAAO,oBAAoB,WAAW,YAAY;AAClD,mBAAc;;;AAIlB,iBAAc,OAAO,iBAAiB;AACpC,iBAAa;MACZ,4BAA4B;AAE/B,kBAAe,UAAwB;AAErC,QACE,MAAM,QACN,OAAO,MAAM,SAAS,YACtB,MAAM,KAAK,SAAS,gBAAgB,CAEpC,cAAa;;AAGjB,UAAO,iBAAiB,WAAW,YAAY;AAE/C,UAAO,WAAW,UAAU;AAC1B,iBAAa;AACb,WAAO,MAAM,uBAAuB,EAAE,UAAU;KAC9C,SAAS,MAAM;KACf,UAAU,MAAM;KAChB,QAAQ,MAAM;KACd,OAAO,MAAM;KACd,CAAC;;AAEJ,UAAO,kBAAkB,UAAU;AACjC,WAAO,MAAM,uBAAuB,EAAE,kBAAkB,MAAM;;AAEhE,QAAK,QAAQ,KAAK,OAAO;AACzB,QAAK,iBAAiB,KAAK,OAAO;WAC3B,OAAO;AACd,UAAO,MACL,wCAAwC,EAAE,IAC1C,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,CACvD;;AAGL,MAAI,KAAK,QAAQ,WAAW,GAAG;AAC7B,UAAO,MAAM,mDAAmD,KAAK,YAAY;AACjF,UAAO,MAAM,uCAAuC;IAClD,QAAQ,OAAO,WAAW;IAC1B,iBAAiB,OAAO,oBAAoB;IAC5C,mBAAmB,OAAO,sBAAsB;IACjD,CAAC;;;;;;CAON,IAAI,cAAsB;AACxB,SAAO,KAAK,QAAQ;;;;;CAMtB,cAAuB;AACrB,SAAO,KAAK,mBAAmB,IAAI,KAAK,QAAQ,SAAS,KAAK,CAAC,KAAK;;;;;CAMtE,MAAM,QAAW,MAAkD;AACjE,MAAI,KAAK,aACP,OAAM,IAAI,MAAM,iCAAiC;AAInD,MAAI,CAAC,KAAK,aAAa,CACrB,OAAM,IAAI,MAAM,wBAAwB;AAG1C,SAAO,IAAI,SAAY,SAAS,WAAW;AACzC,QAAK,UAAU,KAAK;IACT;IACT;IACA;IACD,CAAC;AACF,QAAK,cAAc;IACnB;;CAGJ,eAA6B;AAE3B,SAAO,KAAK,iBAAiB,SAAS,KAAK,KAAK,UAAU,SAAS,GAAG;GACpE,MAAM,SAAS,KAAK,iBAAiB,OAAO;GAC5C,MAAM,aAAa,KAAK,UAAU,OAAO;AAEzC,OAAI,CAAC,UAAU,CAAC,WAEd;GAGF,MAAM,EAAE,SAAS,QAAQ,SAAS;AAGlC,QAAK,OAAO,CACT,MAAM,WAAW;AAChB,YAAQ,OAAO;AAEf,SAAK,iBAAiB,KAAK,OAAO;AAElC,SAAK,cAAc;KACnB,CACD,OAAO,UAAU;AAChB,WAAO,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,CAAC,CAAC;AAEjE,SAAK,iBAAiB,KAAK,OAAO;AAElC,SAAK,cAAc;KACnB;;;;;;CAOR,YAAkB;AAChB,OAAK,eAAe;AAGpB,OAAK,MAAM,EAAE,YAAY,KAAK,UAC5B,wBAAO,IAAI,MAAM,wBAAwB,CAAC;AAE5C,OAAK,YAAY,EAAE;AAGnB,OAAK,MAAM,UAAU,KAAK,QACxB,QAAO,WAAW;AAEpB,OAAK,UAAU,EAAE;AACjB,OAAK,mBAAmB,EAAE"}

package/dist/preview/workers/encoderWorkerInline.js

@@ -64,7 +64,7 @@ function getEncoderWorkerUrl() {
 	cachedBlobUrl = URL.createObjectURL(blob);
 	return cachedBlobUrl;
 }
-
 //#endregion
 export { getEncoderWorkerUrl };
+
 //# sourceMappingURL=encoderWorkerInline.js.map

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// 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"}
+{"version":3,"file":"encoderWorkerInline.js","names":[],"sources":["../../../src/preview/workers/encoderWorkerInline.ts"],"mappings":";;;;;;;AASA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDnB,IAAI,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

@@ -2,7 +2,6 @@ import { RenderProgress, RenderToVideoOptions } from "../preview/renderTimegroup
 import { RenderInfo } from "../getRenderInfo.js";
 
 //#region src/render/EFRenderAPI.d.ts
-
 interface IEFRenderAPI {
   /**
    * Render with streaming output (calls window.onRenderChunk for each chunk).

package/dist/render/EFRenderAPI.js

@@ -1,5 +1,4 @@
 import { getRenderInfo } from "../getRenderInfo.js";
-
 //#region src/render/EFRenderAPI.ts
 function findRootTimegroup() {
 	const workbench = document.querySelector("ef-workbench");
@@ -84,6 +83,6 @@ const api = {
 	}
 };
 if (typeof window !== "undefined") window.EF_RENDER = api;
-
 //#endregion
+
 //# sourceMappingURL=EFRenderAPI.js.map