@editframe/elements 0.33.0-beta → 0.34.5-beta

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\n/**\n * Canvas mode stats tracking strategy.\n * Tracks all stats including render time, headroom, resolution scale, and adaptive resolution.\n */\nexport class CanvasStatsStrategy implements StatsTrackingStrategy {\n  private canvasPreviewResult: CanvasPreviewResult;\n  private adaptiveTracker: AdaptiveResolutionTracker;\n  private readonly compositionWidth: number;\n  private readonly compositionHeight: number;\n  private getResolutionScale: () => number;\n  private isAtRest: () => boolean;\n  private isExporting: () => boolean;\n  \n  private animationFrame: number | null = null;\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n\n  constructor(options: {\n    canvasPreviewResult: CanvasPreviewResult;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale: () => number;\n    isAtRest: () => boolean;\n    isExporting: () => boolean;\n  }) {\n    this.canvasPreviewResult = options.canvasPreviewResult;\n    this.adaptiveTracker = options.adaptiveTracker;\n    this.compositionWidth = options.compositionWidth;\n    this.compositionHeight = options.compositionHeight;\n    this.getResolutionScale = options.getResolutionScale;\n    this.isAtRest = options.isAtRest;\n    this.isExporting = options.isExporting;\n  }\n\n  start(): void {\n    if (this.animationFrame !== null) return;\n    \n    const { refresh } = this.canvasPreviewResult;\n    \n    const loop = async (timestamp: number) => {\n      if (this.animationFrame === null) return; // Stopped\n      \n      // Skip refresh during export to avoid wasting CPU\n      if (!this.isExporting()) {\n        try {\n          // Measure actual render time\n          const renderStart = performance.now();\n          await refresh();\n          const renderTime = performance.now() - renderStart;\n          \n          // Only record frame timing when in motion (playing/scrubbing)\n          // This prevents inflated stats at rest and focuses tracking on actual playback\n          if (!this.isAtRest()) {\n            this.adaptiveTracker.recordFrame(renderTime, timestamp);\n          }\n\n          // Update playback stats every 100ms (10 times per second)\n          if (timestamp - this.lastStatsUpdateTime > 100) {\n            this.lastStatsUpdateTime = timestamp;\n            // Get CURRENT resolution from the canvas result (may have changed dynamically)\n            const currentScale = this.getResolutionScale();\n            const renderWidth = Math.floor(this.compositionWidth * currentScale);\n            const renderHeight = Math.floor(this.compositionHeight * currentScale);\n            this.updateStats(renderWidth, renderHeight, currentScale);\n          }\n        } catch (e) {\n          console.error(\"Canvas stats tracking failed:\", e);\n        }\n      }\n      \n      this.animationFrame = requestAnimationFrame(loop);\n    };\n    \n    this.animationFrame = requestAnimationFrame(loop);\n  }\n\n  stop(): void {\n    if (this.animationFrame !== null) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = null;\n    }\n    this.currentStats = null;\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(_stat: StatType): boolean {\n    // Canvas mode supports all stats\n    return true;\n  }\n\n  private updateStats(renderWidth: number, renderHeight: number, resolutionScale: number): void {\n    const trackerStats = this.adaptiveTracker.getStats();\n\n    this.currentStats = {\n      fps: trackerStats.fps,\n      avgRenderTime: trackerStats.avgRenderTime,\n      headroom: trackerStats.headroom,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale,\n      samplesAtCurrentScale: trackerStats.samplesAtCurrentScale,\n      canScaleUp: trackerStats.canScaleUp,\n      canScaleDown: trackerStats.canScaleDown,\n    };\n  }\n}\n\n/**\n * DOM mode stats tracking strategy.\n * Tracks FPS, resolution, CPU pressure, and frame seek time.\n */\nexport class DomStatsStrategy implements StatsTrackingStrategy {\n  private timegroup: EFTimegroup;\n  private adaptiveTracker: AdaptiveResolutionTracker;\n  \n  private animationFrame: number | null = null;\n  private lastFrameTime = 0;\n  private frameIntervals: number[] = [];\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n  \n  // Frame seek time tracking\n  private seekStartTime = 0;\n  private seekTimes: number[] = [];\n  private frameTaskCleanup: (() => void) | null = null;\n  \n  private readonly ROLLING_WINDOW_SIZE = 30; // ~1 second at 30fps\n  private readonly TARGET_FRAME_TIME_MS = 33.33; // 30fps target\n\n  constructor(options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n  }) {\n    this.timegroup = options.timegroup;\n    this.adaptiveTracker = options.adaptiveTracker;\n  }\n\n  start(): void {\n    if (this.animationFrame !== null) return;\n    \n    // Track frame seek times using frameTask callback\n    // This measures how long it takes for the timegroup to fully update after a seek\n    const frameTaskCallback = async () => {\n      if (this.seekStartTime > 0) {\n        const seekTime = performance.now() - this.seekStartTime;\n        this.seekTimes.push(seekTime);\n        if (this.seekTimes.length > this.ROLLING_WINDOW_SIZE) {\n          this.seekTimes.shift();\n        }\n        this.seekStartTime = 0; // Reset after recording\n      }\n    };\n    \n    this.timegroup.addFrameTask(frameTaskCallback);\n    this.frameTaskCleanup = () => {\n      // Note: EFTimegroup doesn't have removeFrameTask, but this is fine\n      // The callback will be cleaned up when the timegroup is destroyed\n    };\n    \n    // Track currentTimeMs changes to detect seeks\n    let lastCurrentTimeMs = this.timegroup.currentTimeMs;\n    const checkSeek = () => {\n      const currentTimeMs = this.timegroup.currentTimeMs;\n      if (currentTimeMs !== lastCurrentTimeMs) {\n        // Seek detected - start timing\n        this.seekStartTime = performance.now();\n        lastCurrentTimeMs = currentTimeMs;\n      }\n    };\n    \n    const loop = (timestamp: number) => {\n      if (this.animationFrame === null) return; // Stopped\n      \n      // Check for seeks\n      checkSeek();\n      \n      // Track frame intervals for FPS calculation\n      if (this.lastFrameTime > 0) {\n        const interval = timestamp - this.lastFrameTime;\n        this.frameIntervals.push(interval);\n        if (this.frameIntervals.length > this.ROLLING_WINDOW_SIZE) {\n          this.frameIntervals.shift();\n        }\n      }\n      this.lastFrameTime = timestamp;\n      \n      // Update stats every 100ms (10 times per second)\n      if (timestamp - this.lastStatsUpdateTime > 100) {\n        this.lastStatsUpdateTime = timestamp;\n        this.updateStats();\n      }\n      \n      this.animationFrame = requestAnimationFrame(loop);\n    };\n    \n    this.animationFrame = requestAnimationFrame(loop);\n  }\n\n  stop(): void {\n    if (this.animationFrame !== null) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = null;\n    }\n    if (this.frameTaskCleanup) {\n      this.frameTaskCleanup();\n      this.frameTaskCleanup = null;\n    }\n    this.lastFrameTime = 0;\n    this.frameIntervals = [];\n    this.seekStartTime = 0;\n    this.seekTimes = [];\n    this.currentStats = null;\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(stat: StatType): boolean {\n    // DOM mode supports: fps, resolution, cpuPressure, renderTime (seek time), headroom\n    // Does NOT support: resolutionScale, adaptiveResolution\n    return stat === \"fps\" || stat === \"resolution\" || stat === \"cpuPressure\" || stat === \"renderTime\" || stat === \"headroom\";\n  }\n\n  private updateStats(): void {\n    // Calculate FPS from frame intervals\n    const avgFrameInterval = this.frameIntervals.length > 0\n      ? this.frameIntervals.reduce((a, b) => a + b, 0) / this.frameIntervals.length\n      : 16.67;\n    const fps = avgFrameInterval > 0 ? 1000 / avgFrameInterval : 0;\n    \n    // Calculate average seek time (frame update time)\n    const avgSeekTime = this.seekTimes.length > 0\n      ? this.seekTimes.reduce((a, b) => a + b, 0) / this.seekTimes.length\n      : 0;\n    \n    // Calculate headroom (positive = faster than target, negative = slower)\n    const headroom = avgSeekTime > 0\n      ? this.TARGET_FRAME_TIME_MS - avgSeekTime\n      : 0;\n    \n    // Get CPU pressure from adaptive tracker\n    const trackerStats = this.adaptiveTracker.getStats();\n    \n    // Calculate displayed resolution from timegroup bounding rect\n    const rect = this.timegroup.getBoundingClientRect();\n    const renderWidth = Math.round(rect.width);\n    const renderHeight = Math.round(rect.height);\n\n    this.currentStats = {\n      fps,\n      avgRenderTime: avgSeekTime > 0 ? avgSeekTime : null,\n      headroom: avgSeekTime > 0 ? headroom : null,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale: null, // Not applicable in DOM mode\n    };\n  }\n}\n\n/**\n * Factory function to create the appropriate stats tracking strategy for a presentation mode.\n * Returns null for modes that don't support stats tracking.\n */\nexport function createStatsTrackingStrategy(\n  mode: PreviewPresentationMode,\n  options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    canvasPreviewResult?: CanvasPreviewResult | null;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale?: () => number;\n    isAtRest?: () => boolean;\n    isExporting?: () => boolean;\n  }\n): StatsTrackingStrategy | null {\n  switch (mode) {\n    case \"canvas\":\n      if (!options.canvasPreviewResult || !options.getResolutionScale || !options.isAtRest || !options.isExporting) {\n        return null;\n      }\n      return new CanvasStatsStrategy({\n        canvasPreviewResult: options.canvasPreviewResult,\n        adaptiveTracker: options.adaptiveTracker,\n        compositionWidth: options.compositionWidth,\n        compositionHeight: options.compositionHeight,\n        getResolutionScale: options.getResolutionScale,\n        isAtRest: options.isAtRest,\n        isExporting: options.isExporting,\n      });\n    \n    case \"dom\":\n    case \"original\": // \"dom\" maps to \"original\" mode\n      return new DomStatsStrategy({\n        timegroup: options.timegroup,\n        adaptiveTracker: options.adaptiveTracker,\n      });\n    \n    case \"clone\":\n    case \"computed\": // \"clone\" maps to \"computed\" mode\n      // These modes don't support stats tracking\n      return null;\n    \n    default:\n      return null;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"statsTrackingStrategy.js","names":[],"sources":["../../src/preview/statsTrackingStrategy.ts"],"sourcesContent":["/**\n * Stats tracking strategy for different presentation modes.\n * \n * Uses strategy pattern to encapsulate mode-specific stats tracking logic,\n * allowing each mode to report what stats it supports and provide its own implementation.\n */\n\nimport { logger } from \"./logger.js\";\nimport type { EFTimegroup } from \"../elements/EFTimegroup.js\";\nimport type { AdaptiveResolutionTracker } from \"./AdaptiveResolutionTracker.js\";\nimport type { CanvasPreviewResult } from \"./renderTimegroupToCanvas.js\";\nimport type { PreviewPresentationMode } from \"./previewSettings.js\";\n\n/**\n * Stat types that can be tracked.\n */\nexport type StatType =\n  | \"fps\"\n  | \"renderTime\"\n  | \"headroom\"\n  | \"resolution\"\n  | \"resolutionScale\"\n  | \"cpuPressure\"\n  | \"adaptiveResolution\";\n\n/**\n * Playback statistics for display.\n */\nexport interface PlaybackStats {\n  fps: number;\n  avgRenderTime: number | null; // null if not measurable\n  headroom: number | null; // null if not applicable\n  pressureState: string;\n  pressureHistory: string[];\n  renderWidth: number;\n  renderHeight: number;\n  resolutionScale: number | null; // null if not applicable\n  samplesAtCurrentScale?: number; // only for adaptive resolution\n  canScaleUp?: boolean; // only for adaptive resolution\n  canScaleDown?: boolean; // only for adaptive resolution\n}\n\n/**\n * Strategy interface for tracking stats in different presentation modes.\n */\nexport interface StatsTrackingStrategy {\n  /** Start tracking stats (called when mode is initialized and stats are enabled) */\n  start(): void;\n  /** Stop tracking stats (called when mode stops or stats are disabled) */\n  stop(): void;\n  /** Get current stats, or null if not available */\n  getStats(): PlaybackStats | null;\n  /** Check if this strategy supports a specific stat type */\n  supportsStat(stat: StatType): boolean;\n}\n\n/**\n * Canvas mode stats tracking strategy.\n * Tracks all stats including render time, headroom, resolution scale, and adaptive resolution.\n */\nexport class CanvasStatsStrategy implements StatsTrackingStrategy {\n  private canvasPreviewResult: CanvasPreviewResult;\n  private adaptiveTracker: AdaptiveResolutionTracker;\n  private readonly compositionWidth: number;\n  private readonly compositionHeight: number;\n  private getResolutionScale: () => number;\n  private isAtRest: () => boolean;\n  private isExporting: () => boolean;\n  \n  private animationFrame: number | null = null;\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n\n  constructor(options: {\n    canvasPreviewResult: CanvasPreviewResult;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale: () => number;\n    isAtRest: () => boolean;\n    isExporting: () => boolean;\n  }) {\n    this.canvasPreviewResult = options.canvasPreviewResult;\n    this.adaptiveTracker = options.adaptiveTracker;\n    this.compositionWidth = options.compositionWidth;\n    this.compositionHeight = options.compositionHeight;\n    this.getResolutionScale = options.getResolutionScale;\n    this.isAtRest = options.isAtRest;\n    this.isExporting = options.isExporting;\n  }\n\n  start(): void {\n    if (this.animationFrame !== null) return;\n    \n    const { refresh } = this.canvasPreviewResult;\n    \n    const loop = async (timestamp: number) => {\n      if (this.animationFrame === null) return; // Stopped\n      \n      // Skip refresh during export to avoid wasting CPU\n      if (!this.isExporting()) {\n        try {\n          // Measure actual render time\n          const renderStart = performance.now();\n          await refresh();\n          const renderTime = performance.now() - renderStart;\n          \n          // Only record frame timing when in motion (playing/scrubbing)\n          // This prevents inflated stats at rest and focuses tracking on actual playback\n          if (!this.isAtRest()) {\n            this.adaptiveTracker.recordFrame(renderTime, timestamp);\n          }\n\n          // Update playback stats every 100ms (10 times per second)\n          if (timestamp - this.lastStatsUpdateTime > 100) {\n            this.lastStatsUpdateTime = timestamp;\n            // Get CURRENT resolution from the canvas result (may have changed dynamically)\n            const currentScale = this.getResolutionScale();\n            const renderWidth = Math.floor(this.compositionWidth * currentScale);\n            const renderHeight = Math.floor(this.compositionHeight * currentScale);\n            this.updateStats(renderWidth, renderHeight, currentScale);\n          }\n        } catch (e) {\n          logger.error(\"Canvas stats tracking failed:\", e);\n        }\n      }\n      \n      this.animationFrame = requestAnimationFrame(loop);\n    };\n    \n    this.animationFrame = requestAnimationFrame(loop);\n  }\n\n  stop(): void {\n    if (this.animationFrame !== null) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = null;\n    }\n    this.currentStats = null;\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(_stat: StatType): boolean {\n    // Canvas mode supports all stats\n    return true;\n  }\n\n  private updateStats(renderWidth: number, renderHeight: number, resolutionScale: number): void {\n    const trackerStats = this.adaptiveTracker.getStats();\n\n    this.currentStats = {\n      fps: trackerStats.fps,\n      avgRenderTime: trackerStats.avgRenderTime,\n      headroom: trackerStats.headroom,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale,\n      samplesAtCurrentScale: trackerStats.samplesAtCurrentScale,\n      canScaleUp: trackerStats.canScaleUp,\n      canScaleDown: trackerStats.canScaleDown,\n    };\n  }\n}\n\n/**\n * DOM mode stats tracking strategy.\n * Tracks FPS, resolution, CPU pressure, and frame seek time.\n */\nexport class DomStatsStrategy implements StatsTrackingStrategy {\n  private timegroup: EFTimegroup;\n  private adaptiveTracker: AdaptiveResolutionTracker;\n  \n  private animationFrame: number | null = null;\n  private lastFrameTime = 0;\n  private frameIntervals: number[] = [];\n  private lastStatsUpdateTime = 0;\n  private currentStats: PlaybackStats | null = null;\n  \n  // Frame seek time tracking\n  private seekStartTime = 0;\n  private seekTimes: number[] = [];\n  private frameTaskCleanup: (() => void) | null = null;\n  \n  private readonly ROLLING_WINDOW_SIZE = 30; // ~1 second at 30fps\n  private readonly TARGET_FRAME_TIME_MS = 33.33; // 30fps target\n\n  constructor(options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n  }) {\n    this.timegroup = options.timegroup;\n    this.adaptiveTracker = options.adaptiveTracker;\n  }\n\n  start(): void {\n    if (this.animationFrame !== null) return;\n    \n    // Track frame seek times using frameTask callback\n    // This measures how long it takes for the timegroup to fully update after a seek\n    const frameTaskCallback = async () => {\n      if (this.seekStartTime > 0) {\n        const seekTime = performance.now() - this.seekStartTime;\n        this.seekTimes.push(seekTime);\n        if (this.seekTimes.length > this.ROLLING_WINDOW_SIZE) {\n          this.seekTimes.shift();\n        }\n        this.seekStartTime = 0; // Reset after recording\n      }\n    };\n    \n    this.timegroup.addFrameTask(frameTaskCallback);\n    this.frameTaskCleanup = () => {\n      // Note: EFTimegroup doesn't have removeFrameTask, but this is fine\n      // The callback will be cleaned up when the timegroup is destroyed\n    };\n    \n    // Track currentTimeMs changes to detect seeks\n    let lastCurrentTimeMs = this.timegroup.currentTimeMs;\n    const checkSeek = () => {\n      const currentTimeMs = this.timegroup.currentTimeMs;\n      if (currentTimeMs !== lastCurrentTimeMs) {\n        // Seek detected - start timing\n        this.seekStartTime = performance.now();\n        lastCurrentTimeMs = currentTimeMs;\n      }\n    };\n    \n    const loop = (timestamp: number) => {\n      if (this.animationFrame === null) return; // Stopped\n      \n      // Check for seeks\n      checkSeek();\n      \n      // Track frame intervals for FPS calculation\n      if (this.lastFrameTime > 0) {\n        const interval = timestamp - this.lastFrameTime;\n        this.frameIntervals.push(interval);\n        if (this.frameIntervals.length > this.ROLLING_WINDOW_SIZE) {\n          this.frameIntervals.shift();\n        }\n      }\n      this.lastFrameTime = timestamp;\n      \n      // Update stats every 100ms (10 times per second)\n      if (timestamp - this.lastStatsUpdateTime > 100) {\n        this.lastStatsUpdateTime = timestamp;\n        this.updateStats();\n      }\n      \n      this.animationFrame = requestAnimationFrame(loop);\n    };\n    \n    this.animationFrame = requestAnimationFrame(loop);\n  }\n\n  stop(): void {\n    if (this.animationFrame !== null) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = null;\n    }\n    if (this.frameTaskCleanup) {\n      this.frameTaskCleanup();\n      this.frameTaskCleanup = null;\n    }\n    this.lastFrameTime = 0;\n    this.frameIntervals = [];\n    this.seekStartTime = 0;\n    this.seekTimes = [];\n    this.currentStats = null;\n  }\n\n  getStats(): PlaybackStats | null {\n    return this.currentStats;\n  }\n\n  supportsStat(stat: StatType): boolean {\n    // DOM mode supports: fps, resolution, cpuPressure, renderTime (seek time), headroom\n    // Does NOT support: resolutionScale, adaptiveResolution\n    return stat === \"fps\" || stat === \"resolution\" || stat === \"cpuPressure\" || stat === \"renderTime\" || stat === \"headroom\";\n  }\n\n  private updateStats(): void {\n    // Calculate FPS from frame intervals\n    const avgFrameInterval = this.frameIntervals.length > 0\n      ? this.frameIntervals.reduce((a, b) => a + b, 0) / this.frameIntervals.length\n      : 16.67;\n    const fps = avgFrameInterval > 0 ? 1000 / avgFrameInterval : 0;\n    \n    // Calculate average seek time (frame update time)\n    const avgSeekTime = this.seekTimes.length > 0\n      ? this.seekTimes.reduce((a, b) => a + b, 0) / this.seekTimes.length\n      : 0;\n    \n    // Calculate headroom (positive = faster than target, negative = slower)\n    const headroom = avgSeekTime > 0\n      ? this.TARGET_FRAME_TIME_MS - avgSeekTime\n      : 0;\n    \n    // Get CPU pressure from adaptive tracker\n    const trackerStats = this.adaptiveTracker.getStats();\n    \n    // Calculate displayed resolution from timegroup bounding rect\n    const rect = this.timegroup.getBoundingClientRect();\n    const renderWidth = Math.round(rect.width);\n    const renderHeight = Math.round(rect.height);\n\n    this.currentStats = {\n      fps,\n      avgRenderTime: avgSeekTime > 0 ? avgSeekTime : null,\n      headroom: avgSeekTime > 0 ? headroom : null,\n      pressureState: trackerStats.pressureState,\n      pressureHistory: trackerStats.pressureHistory,\n      renderWidth,\n      renderHeight,\n      resolutionScale: null, // Not applicable in DOM mode\n    };\n  }\n}\n\n/**\n * Factory function to create the appropriate stats tracking strategy for a presentation mode.\n * Returns null for modes that don't support stats tracking.\n */\nexport function createStatsTrackingStrategy(\n  mode: PreviewPresentationMode,\n  options: {\n    timegroup: EFTimegroup;\n    adaptiveTracker: AdaptiveResolutionTracker;\n    canvasPreviewResult?: CanvasPreviewResult | null;\n    compositionWidth: number;\n    compositionHeight: number;\n    getResolutionScale?: () => number;\n    isAtRest?: () => boolean;\n    isExporting?: () => boolean;\n  }\n): StatsTrackingStrategy | null {\n  switch (mode) {\n    case \"canvas\":\n      if (!options.canvasPreviewResult || !options.getResolutionScale || !options.isAtRest || !options.isExporting) {\n        return null;\n      }\n      return new CanvasStatsStrategy({\n        canvasPreviewResult: options.canvasPreviewResult,\n        adaptiveTracker: options.adaptiveTracker,\n        compositionWidth: options.compositionWidth,\n        compositionHeight: options.compositionHeight,\n        getResolutionScale: options.getResolutionScale,\n        isAtRest: options.isAtRest,\n        isExporting: options.isExporting,\n      });\n    \n    case \"dom\":\n    case \"original\": // \"dom\" maps to \"original\" mode\n      return new DomStatsStrategy({\n        timegroup: options.timegroup,\n        adaptiveTracker: options.adaptiveTracker,\n      });\n    \n    case \"clone\":\n    case \"computed\": // \"clone\" maps to \"computed\" mode\n      // These modes don't support stats tracking\n      return null;\n    \n    default:\n      return null;\n  }\n}\n"],"mappings":"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"}

package/dist/preview/workers/WorkerPool.js

@@ -1,9 +1,6 @@
+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_TASK_TIMEOUT_MS = 3e4;
 const WORKER_INIT_TEST_TIMEOUT_MS = 2e3;
 var WorkerPool = class {
 	constructor(workerScriptUrl, poolSize = navigator.hardwareConcurrency || 4) {
@@ -46,7 +43,7 @@ var WorkerPool = class {
 			worker.addEventListener("message", testHandler);
 			worker.onerror = (error) => {
 				cleanupTest();
-				console.error(`[WorkerPool] Worker ${i} error:`, {
+				logger.error(`[WorkerPool] Worker ${i} error:`, {
 					message: error.message,
 					filename: error.filename,
 					lineno: error.lineno,
@@ -54,16 +51,16 @@ var WorkerPool = class {
 				});
 			};
 			worker.onmessageerror = (error) => {
-				console.error(`[WorkerPool] Worker ${i} message error:`, error);
+				logger.error(`[WorkerPool] Worker ${i} message error:`, error);
 			};
 			this.workers.push(worker);
 			this.availableWorkers.push(worker);
 		} catch (error) {
-			console.error(`[WorkerPool] Failed to create worker ${i}:`, error instanceof Error ? error.message : String(error));
+			logger.error(`[WorkerPool] Failed to create worker ${i}:`, error instanceof Error ? error.message : String(error));
 		}
 		if (this.workers.length === 0) {
-			console.error(`[WorkerPool] Failed to create any workers. URL: ${this.workerUrl}`);
-			console.error(`[WorkerPool] Browser support check:`, {
+			logger.error(`[WorkerPool] Failed to create any workers. URL: ${this.workerUrl}`);
+			logger.error(`[WorkerPool] Browser support check:`, {
 				Worker: typeof Worker !== "undefined",
 				OffscreenCanvas: typeof OffscreenCanvas !== "undefined",
 				createImageBitmap: typeof createImageBitmap !== "undefined"
@@ -126,53 +123,7 @@ var WorkerPool = class {
 		this.availableWorkers = [];
 	}
 };
-/**
-* Helper function to encode a canvas using a worker.
-*/
-async function encodeCanvasInWorker(worker, canvas, preserveAlpha) {
-	return new Promise((resolve, reject) => {
-		const taskId = `task-${Date.now()}-${Math.random()}-${performance.now()}`;
-		performance.now();
-		let timeoutId = null;
-		const cleanup = () => {
-			if (timeoutId !== null) {
-				clearTimeout(timeoutId);
-				timeoutId = null;
-			}
-			worker.removeEventListener("message", messageHandler);
-			worker.removeEventListener("messageerror", messageErrorHandler);
-		};
-		const messageHandler = (event) => {
-			const result = event.data;
-			if (result.taskId === taskId) {
-				cleanup();
-				if (result.error) reject(/* @__PURE__ */ new Error(`Worker encoding failed: ${result.error}`));
-				else resolve(result.dataUrl);
-			}
-		};
-		const messageErrorHandler = () => {
-			cleanup();
-			reject(/* @__PURE__ */ new Error("Worker message error"));
-		};
-		worker.addEventListener("message", messageHandler);
-		worker.addEventListener("messageerror", messageErrorHandler);
-		timeoutId = window.setTimeout(() => {
-			cleanup();
-			reject(/* @__PURE__ */ new Error("Worker task timed out"));
-		}, WORKER_TASK_TIMEOUT_MS);
-		createImageBitmap(canvas).then((bitmap) => {
-			worker.postMessage({
-				taskId,
-				bitmap,
-				preserveAlpha
-			}, [bitmap]);
-		}).catch((error) => {
-			cleanup();
-			reject(error instanceof Error ? error : new Error(String(error)));
-		});
-	});
-}
 
 //#endregion
-export { WorkerPool, encodeCanvasInWorker };
+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","timeoutId: number | 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\n// Constants\nconst WORKER_TASK_TIMEOUT_MS = 30000;\nconst WORKER_INIT_TEST_TIMEOUT_MS = 2000;\n\ninterface QueuedTask<T> {\n  resolve: (value: T) => void;\n  reject: (error: Error) => void;\n  task: (worker: Worker) => Promise<T>;\n}\n\nexport class WorkerPool {\n  private workers: Worker[] = [];\n  private availableWorkers: Worker[] = [];\n  private taskQueue: QueuedTask<unknown>[] = [];\n  private isTerminated = false;\n  private workerUrl: string;\n  private taskIdCounter = 0;\n\n  constructor(\n    workerScriptUrl: string,\n    private poolSize: number = navigator.hardwareConcurrency || 4,\n  ) {\n    this.workerUrl = workerScriptUrl;\n\n    // Check browser support first, then initialize workers\n    if (this.hasBrowserSupport()) {\n      this.initializeWorkers();\n    }\n  }\n\n  /**\n   * Check if browser supports workers (before initialization).\n   */\n  private hasBrowserSupport(): boolean {\n    return (\n      typeof Worker !== \"undefined\" &&\n      typeof OffscreenCanvas !== \"undefined\" &&\n      typeof createImageBitmap !== \"undefined\"\n    );\n  }\n\n  private initializeWorkers(): void {\n    for (let i = 0; i < this.poolSize; i++) {\n      try {\n        // Create worker from URL (typically a blob URL from inlined worker code)\n        const worker = new Worker(this.workerUrl, { type: \"module\" });\n        \n        // Test if worker is responding - cleanup handler after confirmation\n        let testTimeout: number | null = null;\n        let testHandler: ((event: MessageEvent) => void) | null = null;\n        \n        const cleanupTest = () => {\n          if (testTimeout !== null) {\n            clearTimeout(testTimeout);\n            testTimeout = null;\n          }\n          if (testHandler !== null) {\n            worker.removeEventListener(\"message\", testHandler);\n            testHandler = null;\n          }\n        };\n        \n        testTimeout = window.setTimeout(() => {\n          cleanupTest();\n        }, WORKER_INIT_TEST_TIMEOUT_MS);\n        \n        testHandler = (event: MessageEvent) => {\n          // Check if this is a test response (worker startup message)\n          if (event.data && typeof event.data === \"string\" && event.data.includes(\"encoderWorker\")) {\n            cleanupTest();\n          }\n        };\n        worker.addEventListener(\"message\", testHandler);\n        \n        worker.onerror = (error) => {\n          cleanupTest();\n          console.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          console.error(`[WorkerPool] Worker ${i} message error:`, error);\n        };\n        this.workers.push(worker);\n        this.availableWorkers.push(worker);\n      } catch (error) {\n        console.error(`[WorkerPool] Failed to create worker ${i}:`, error instanceof Error ? error.message : String(error));\n      }\n    }\n    if (this.workers.length === 0) {\n      console.error(`[WorkerPool] Failed to create any workers. URL: ${this.workerUrl}`);\n      console.error(`[WorkerPool] Browser support check:`, {\n        Worker: typeof Worker !== \"undefined\",\n        OffscreenCanvas: typeof OffscreenCanvas !== \"undefined\",\n        createImageBitmap: typeof createImageBitmap !== \"undefined\",\n      });\n    }\n  }\n\n  /**\n   * Get the number of workers in the pool.\n   */\n  get workerCount(): number {\n    return this.workers.length;\n  }\n\n  /**\n   * Check if workers are available and initialized.\n   */\n  isAvailable(): boolean {\n    return (\n      this.hasBrowserSupport() &&\n      this.workers.length > 0 &&\n      !this.isTerminated\n    );\n  }\n\n  /**\n   * Execute a task using an available worker from the pool.\n   */\n  async execute<T>(task: (worker: Worker) => Promise<T>): Promise<T> {\n    if (this.isTerminated) {\n      throw new Error(\"WorkerPool has been terminated\");\n    }\n\n    // If workers aren't available, this will be handled by the caller's fallback\n    if (!this.isAvailable()) {\n      throw new Error(\"Workers not available\");\n    }\n\n    return new Promise<T>((resolve, reject) => {\n      this.taskQueue.push({ \n        resolve: resolve as (value: unknown) => void, \n        reject, \n        task \n      });\n      this.processQueue();\n    });\n  }\n\n  private processQueue(): void {\n    // Process tasks while we have available workers and queued tasks\n    while (this.availableWorkers.length > 0 && this.taskQueue.length > 0) {\n      const worker = this.availableWorkers.shift();\n      const queuedTask = this.taskQueue.shift();\n      \n      if (!worker || !queuedTask) {\n        // Safety check - should not happen but prevents crashes\n        break;\n      }\n\n      const { resolve, reject, task } = queuedTask;\n\n      // Execute the task\n      task(worker)\n        .then((result) => {\n          resolve(result);\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        })\n        .catch((error) => {\n          reject(error instanceof Error ? error : new Error(String(error)));\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        });\n    }\n  }\n\n  /**\n   * Terminate all workers and clear the task queue.\n   */\n  terminate(): void {\n    this.isTerminated = true;\n\n    // Reject all pending tasks\n    for (const { reject } of this.taskQueue) {\n      reject(new Error(\"WorkerPool terminated\"));\n    }\n    this.taskQueue = [];\n\n    // Terminate all workers\n    for (const worker of this.workers) {\n      worker.terminate();\n    }\n    this.workers = [];\n    this.availableWorkers = [];\n  }\n}\n\n/**\n * Helper function to encode a canvas using a worker.\n */\nexport async function encodeCanvasInWorker(\n  worker: Worker,\n  canvas: HTMLCanvasElement,\n  preserveAlpha: boolean,\n): Promise<string> {\n  return new Promise<string>((resolve, reject) => {\n    const taskId = `task-${Date.now()}-${Math.random()}-${performance.now()}`;\n    const startTime = performance.now();\n    let timeoutId: number | null = null;\n\n    const cleanup = () => {\n      if (timeoutId !== null) {\n        clearTimeout(timeoutId);\n        timeoutId = null;\n      }\n      worker.removeEventListener(\"message\", messageHandler);\n      worker.removeEventListener(\"messageerror\", messageErrorHandler);\n    };\n\n    const messageHandler = (event: MessageEvent) => {\n      const result = event.data as { taskId: string; dataUrl: string; error?: string };\n      if (result.taskId === taskId) {\n        cleanup();\n        if (result.error) {\n          reject(new Error(`Worker encoding failed: ${result.error}`));\n        } else {\n          resolve(result.dataUrl);\n        }\n      }\n    };\n\n    const messageErrorHandler = () => {\n      cleanup();\n      reject(new Error(\"Worker message error\"));\n    };\n\n    worker.addEventListener(\"message\", messageHandler);\n    worker.addEventListener(\"messageerror\", messageErrorHandler);\n\n    // Set timeout to detect if worker never responds\n    timeoutId = window.setTimeout(() => {\n      cleanup();\n      reject(new Error(\"Worker task timed out\"));\n    }, WORKER_TASK_TIMEOUT_MS);\n\n    // Create ImageBitmap from canvas\n    createImageBitmap(canvas)\n      .then((bitmap) => {\n        // Transfer bitmap to worker (zero-copy)\n        worker.postMessage(\n          {\n            taskId,\n            bitmap,\n            preserveAlpha,\n          },\n          [bitmap],\n        );\n      })\n      .catch((error) => {\n        cleanup();\n        reject(error instanceof Error ? error : new Error(String(error)));\n      });\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkerPool.js","names":["poolSize: number","testTimeout: number | null","testHandler: ((event: MessageEvent) => void) | null"],"sources":["../../../src/preview/workers/WorkerPool.ts"],"sourcesContent":["/**\n * Worker pool for parallel task execution.\n * Manages a pool of workers and distributes tasks across them.\n */\n\nimport { logger } from \"../logger.js\";\n\n// Constants\nconst WORKER_INIT_TEST_TIMEOUT_MS = 2000;\n\ninterface QueuedTask<T> {\n  resolve: (value: T) => void;\n  reject: (error: Error) => void;\n  task: (worker: Worker) => Promise<T>;\n}\n\nexport class WorkerPool {\n  private workers: Worker[] = [];\n  private availableWorkers: Worker[] = [];\n  private taskQueue: QueuedTask<unknown>[] = [];\n  private isTerminated = false;\n  private workerUrl: string;\n  private taskIdCounter = 0;\n\n  constructor(\n    workerScriptUrl: string,\n    private poolSize: number = navigator.hardwareConcurrency || 4,\n  ) {\n    this.workerUrl = workerScriptUrl;\n\n    // Check browser support first, then initialize workers\n    if (this.hasBrowserSupport()) {\n      this.initializeWorkers();\n    }\n  }\n\n  /**\n   * Check if browser supports workers (before initialization).\n   */\n  private hasBrowserSupport(): boolean {\n    return (\n      typeof Worker !== \"undefined\" &&\n      typeof OffscreenCanvas !== \"undefined\" &&\n      typeof createImageBitmap !== \"undefined\"\n    );\n  }\n\n  private initializeWorkers(): void {\n    for (let i = 0; i < this.poolSize; i++) {\n      try {\n        // Create worker from URL (typically a blob URL from inlined worker code)\n        const worker = new Worker(this.workerUrl, { type: \"module\" });\n        \n        // Test if worker is responding - cleanup handler after confirmation\n        let testTimeout: number | null = null;\n        let testHandler: ((event: MessageEvent) => void) | null = null;\n        \n        const cleanupTest = () => {\n          if (testTimeout !== null) {\n            clearTimeout(testTimeout);\n            testTimeout = null;\n          }\n          if (testHandler !== null) {\n            worker.removeEventListener(\"message\", testHandler);\n            testHandler = null;\n          }\n        };\n        \n        testTimeout = window.setTimeout(() => {\n          cleanupTest();\n        }, WORKER_INIT_TEST_TIMEOUT_MS);\n        \n        testHandler = (event: MessageEvent) => {\n          // Check if this is a test response (worker startup message)\n          if (event.data && typeof event.data === \"string\" && event.data.includes(\"encoderWorker\")) {\n            cleanupTest();\n          }\n        };\n        worker.addEventListener(\"message\", testHandler);\n        \n        worker.onerror = (error) => {\n          cleanupTest();\n          logger.error(`[WorkerPool] Worker ${i} error:`, {\n            message: error.message,\n            filename: error.filename,\n            lineno: error.lineno,\n            colno: error.colno,\n          });\n        };\n        worker.onmessageerror = (error) => {\n          logger.error(`[WorkerPool] Worker ${i} message error:`, error);\n        };\n        this.workers.push(worker);\n        this.availableWorkers.push(worker);\n      } catch (error) {\n        logger.error(`[WorkerPool] Failed to create worker ${i}:`, error instanceof Error ? error.message : String(error));\n      }\n    }\n    if (this.workers.length === 0) {\n      logger.error(`[WorkerPool] Failed to create any workers. URL: ${this.workerUrl}`);\n      logger.error(`[WorkerPool] Browser support check:`, {\n        Worker: typeof Worker !== \"undefined\",\n        OffscreenCanvas: typeof OffscreenCanvas !== \"undefined\",\n        createImageBitmap: typeof createImageBitmap !== \"undefined\",\n      });\n    }\n  }\n\n  /**\n   * Get the number of workers in the pool.\n   */\n  get workerCount(): number {\n    return this.workers.length;\n  }\n\n  /**\n   * Check if workers are available and initialized.\n   */\n  isAvailable(): boolean {\n    return (\n      this.hasBrowserSupport() &&\n      this.workers.length > 0 &&\n      !this.isTerminated\n    );\n  }\n\n  /**\n   * Execute a task using an available worker from the pool.\n   */\n  async execute<T>(task: (worker: Worker) => Promise<T>): Promise<T> {\n    if (this.isTerminated) {\n      throw new Error(\"WorkerPool has been terminated\");\n    }\n\n    // If workers aren't available, this will be handled by the caller's fallback\n    if (!this.isAvailable()) {\n      throw new Error(\"Workers not available\");\n    }\n\n    return new Promise<T>((resolve, reject) => {\n      this.taskQueue.push({ \n        resolve: resolve as (value: unknown) => void, \n        reject, \n        task \n      });\n      this.processQueue();\n    });\n  }\n\n  private processQueue(): void {\n    // Process tasks while we have available workers and queued tasks\n    while (this.availableWorkers.length > 0 && this.taskQueue.length > 0) {\n      const worker = this.availableWorkers.shift();\n      const queuedTask = this.taskQueue.shift();\n      \n      if (!worker || !queuedTask) {\n        // Safety check - should not happen but prevents crashes\n        break;\n      }\n\n      const { resolve, reject, task } = queuedTask;\n\n      // Execute the task\n      task(worker)\n        .then((result) => {\n          resolve(result);\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        })\n        .catch((error) => {\n          reject(error instanceof Error ? error : new Error(String(error)));\n          // Return worker to pool\n          this.availableWorkers.push(worker);\n          // Process next task\n          this.processQueue();\n        });\n    }\n  }\n\n  /**\n   * Terminate all workers and clear the task queue.\n   */\n  terminate(): void {\n    this.isTerminated = true;\n\n    // Reject all pending tasks\n    for (const { reject } of this.taskQueue) {\n      reject(new Error(\"WorkerPool terminated\"));\n    }\n    this.taskQueue = [];\n\n    // Terminate all workers\n    for (const worker of this.workers) {\n      worker.terminate();\n    }\n    this.workers = [];\n    this.availableWorkers = [];\n  }\n}\n"],"mappings":"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"}

package/dist/render/EFRenderAPI.d.ts

@@ -0,0 +1,35 @@
+import { RenderProgress, RenderToVideoOptions } from "../preview/renderTimegroupToVideo.js";
+
+//#region src/render/EFRenderAPI.d.ts
+
+interface IEFRenderAPI {
+  /**
+   * Render with streaming output (calls window.onRenderChunk for each chunk).
+   * Use this for CLI/Playwright to avoid memory buffering.
+   */
+  renderStreaming(options?: RenderToVideoOptions): Promise<void>;
+  /**
+   * Render and return buffer (for shorter videos or in-browser use).
+   * Returns the video as Uint8Array.
+   */
+  render(options?: RenderToVideoOptions): Promise<Uint8Array>;
+  /**
+   * Get render info (dimensions, duration, assets).
+   * Same as the exported getRenderInfo function.
+   */
+  getRenderInfo(): Promise<RenderInfo>;
+  /**
+   * Check if SDK is ready for rendering.
+   * Returns true if a root timegroup is found.
+   */
+  isReady(): boolean;
+}
+declare global {
+  interface Window {
+    EF_RENDER?: IEFRenderAPI;
+    EF_RENDER_DATA?: Record<string, unknown>;
+    onRenderChunk?: (chunk: Uint8Array) => void;
+    onRenderProgress?: (progress: RenderProgress) => void;
+  }
+}
+//# sourceMappingURL=EFRenderAPI.d.ts.map

package/dist/render/EFRenderAPI.js

@@ -23,6 +23,7 @@ const api = {
 		try {
 			await timegroup.waitForMediaDurations();
 			const chunkWriter = new WritableStream({ write(chunk) {
+				console.error("Writing chunk", chunk);
 				if (window.onRenderChunk) window.onRenderChunk(chunk);
 			} });
 			const onProgress = options.onProgress || window.onRenderProgress;

package/dist/render/EFRenderAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFRenderAPI.js","names":["api: IEFRenderAPI"],"sources":["../../src/render/EFRenderAPI.ts"],"sourcesContent":["/**\n * Window API for programmatic video rendering.\n * \n * Exposes renderTimegroupToVideo for use from Playwright/CLI.\n * Supports streaming output and custom data injection.\n */\n\nimport type { EFTimegroup } from \"../elements/EFTimegroup.js\";\nimport type { EFWorkbench } from \"../gui/EFWorkbench.js\";\nimport { getRenderInfo, type RenderInfo } from \"../getRenderInfo.js\";\nimport {\n  renderTimegroupToVideo,\n  type RenderToVideoOptions,\n  type RenderProgress,\n} from \"../preview/renderTimegroupToVideo.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface IEFRenderAPI {\n  /**\n   * Render with streaming output (calls window.onRenderChunk for each chunk).\n   * Use this for CLI/Playwright to avoid memory buffering.\n   */\n  renderStreaming(options?: RenderToVideoOptions): Promise<void>;\n\n  /**\n   * Render and return buffer (for shorter videos or in-browser use).\n   * Returns the video as Uint8Array.\n   */\n  render(options?: RenderToVideoOptions): Promise<Uint8Array>;\n\n  /**\n   * Get render info (dimensions, duration, assets).\n   * Same as the exported getRenderInfo function.\n   */\n  getRenderInfo(): Promise<RenderInfo>;\n\n  /**\n   * Check if SDK is ready for rendering.\n   * Returns true if a root timegroup is found.\n   */\n  isReady(): boolean;\n}\n\ndeclare global {\n  interface Window {\n    EF_RENDER?: IEFRenderAPI;\n    EF_RENDER_DATA?: Record<string, unknown>;\n    onRenderChunk?: (chunk: Uint8Array) => void; // Set by Playwright\n    onRenderProgress?: (progress: RenderProgress) => void; // Optional progress callback\n  }\n}\n\n// ============================================================================\n// Implementation\n// ============================================================================\n\nfunction findRootTimegroup(): EFTimegroup | null {\n  // Try to find timegroup from workbench first\n  const workbench = document.querySelector(\"ef-workbench\") as EFWorkbench | null;\n  if (workbench) {\n    const timegroup = workbench.querySelector(\"ef-timegroup\") as EFTimegroup | null;\n    if (timegroup) {\n      return timegroup;\n    }\n  }\n\n  // Fallback: find first root timegroup\n  const rootTimegroup = document.querySelector(\"ef-timegroup\") as EFTimegroup | null;\n  return rootTimegroup;\n}\n\nfunction setWorkbenchRendering(rendering: boolean): void {\n  const workbench = document.querySelector(\"ef-workbench\") as EFWorkbench | null;\n  if (workbench) {\n    workbench.rendering = rendering;\n  }\n}\n\nconst api: IEFRenderAPI = {\n  async renderStreaming(options: RenderToVideoOptions = {}): Promise<void> {\n    const timegroup = findRootTimegroup();\n    if (!timegroup) {\n      throw new Error(\"No ef-timegroup found. Cannot render.\");\n    }\n\n    // Check if window.onRenderChunk is available\n    if (typeof window === \"undefined\" || !window.onRenderChunk) {\n      throw new Error(\n        \"window.onRenderChunk is not set. \" +\n        \"Call page.exposeFunction('onRenderChunk', callback) from Playwright first.\"\n      );\n    }\n\n    // Hide workbench UI during render\n    setWorkbenchRendering(true);\n\n    try {\n      // Wait for media to be ready\n      await timegroup.waitForMediaDurations();\n\n      // Create custom writable stream that calls window.onRenderChunk\n      const chunkWriter = new WritableStream<Uint8Array>({\n        write(chunk: Uint8Array) {\n          if (window.onRenderChunk) {\n            window.onRenderChunk(chunk);\n          }\n        },\n      });\n\n      // Merge progress callback if window.onRenderProgress is set\n      const onProgress = options.onProgress || window.onRenderProgress;\n\n      // Render with custom stream\n      await renderTimegroupToVideo(timegroup, {\n        ...options,\n        customWritableStream: chunkWriter,\n        onProgress,\n        returnBuffer: false,\n      });\n    } finally {\n      // Restore workbench UI\n      setWorkbenchRendering(false);\n    }\n  },\n\n  async render(options: RenderToVideoOptions = {}): Promise<Uint8Array> {\n    const timegroup = findRootTimegroup();\n    if (!timegroup) {\n      throw new Error(\"No ef-timegroup found. Cannot render.\");\n    }\n\n    // Hide workbench UI during render\n    setWorkbenchRendering(true);\n\n    try {\n      // Wait for media to be ready\n      await timegroup.waitForMediaDurations();\n\n      // Merge progress callback if window.onRenderProgress is set\n      const onProgress = options.onProgress || window.onRenderProgress;\n\n      const buffer = await renderTimegroupToVideo(timegroup, {\n        ...options,\n        returnBuffer: true,\n        onProgress,\n      });\n\n      if (!buffer) {\n        throw new Error(\"Render failed: no buffer returned\");\n      }\n\n      return buffer;\n    } finally {\n      // Restore workbench UI\n      setWorkbenchRendering(false);\n    }\n  },\n\n  async getRenderInfo(): Promise<RenderInfo> {\n    return getRenderInfo();\n  },\n\n  isReady(): boolean {\n    return findRootTimegroup() !== null;\n  },\n};\n\n// Export and register on window\nif (typeof window !== \"undefined\") {\n  window.EF_RENDER = api;\n}\n\nexport { api as EFRenderAPI };\nexport type { IEFRenderAPI as EFRenderAPIInterface };\n"],"mappings":";;;;AA2DA,SAAS,oBAAwC;CAE/C,MAAM,YAAY,SAAS,cAAc,eAAe;AACxD,KAAI,WAAW;EACb,MAAM,YAAY,UAAU,cAAc,eAAe;AACzD,MAAI,UACF,QAAO;;AAMX,QADsB,SAAS,cAAc,eAAe;;AAI9D,SAAS,sBAAsB,WAA0B;CACvD,MAAM,YAAY,SAAS,cAAc,eAAe;AACxD,KAAI,UACF,WAAU,YAAY;;AAI1B,MAAMA,MAAoB;CACxB,MAAM,gBAAgB,UAAgC,EAAE,EAAiB;EACvE,MAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,UACH,OAAM,IAAI,MAAM,wCAAwC;AAI1D,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,cAC3C,OAAM,IAAI,MACR,8GAED;AAIH,wBAAsB,KAAK;AAE3B,MAAI;AAEF,SAAM,UAAU,uBAAuB;GAGvC,MAAM,cAAc,IAAI,eAA2B,EACjD,MAAM,OAAmB;AACvB,QAAI,OAAO,cACT,QAAO,cAAc,MAAM;MAGhC,CAAC;GAGF,MAAM,aAAa,QAAQ,cAAc,OAAO;AAGhD,SAAM,uBAAuB,WAAW;IACtC,GAAG;IACH,sBAAsB;IACtB;IACA,cAAc;IACf,CAAC;YACM;AAER,yBAAsB,MAAM;;;CAIhC,MAAM,OAAO,UAAgC,EAAE,EAAuB;EACpE,MAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,UACH,OAAM,IAAI,MAAM,wCAAwC;AAI1D,wBAAsB,KAAK;AAE3B,MAAI;AAEF,SAAM,UAAU,uBAAuB;GAGvC,MAAM,aAAa,QAAQ,cAAc,OAAO;GAEhD,MAAM,SAAS,MAAM,uBAAuB,WAAW;IACrD,GAAG;IACH,cAAc;IACd;IACD,CAAC;AAEF,OAAI,CAAC,OACH,OAAM,IAAI,MAAM,oCAAoC;AAGtD,UAAO;YACC;AAER,yBAAsB,MAAM;;;CAIhC,MAAM,gBAAqC;AACzC,SAAO,eAAe;;CAGxB,UAAmB;AACjB,SAAO,mBAAmB,KAAK;;CAElC;AAGD,IAAI,OAAO,WAAW,YACpB,QAAO,YAAY"}
+{"version":3,"file":"EFRenderAPI.js","names":["api: IEFRenderAPI"],"sources":["../../src/render/EFRenderAPI.ts"],"sourcesContent":["/**\n * Window API for programmatic video rendering.\n * \n * Exposes renderTimegroupToVideo for use from Playwright/CLI.\n * Supports streaming output and custom data injection.\n */\n\nimport type { EFTimegroup } from \"../elements/EFTimegroup.js\";\nimport type { EFWorkbench } from \"../gui/EFWorkbench.js\";\nimport { getRenderInfo, type RenderInfo } from \"../getRenderInfo.js\";\nimport {\n  renderTimegroupToVideo,\n  type RenderToVideoOptions,\n  type RenderProgress,\n} from \"../preview/renderTimegroupToVideo.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface IEFRenderAPI {\n  /**\n   * Render with streaming output (calls window.onRenderChunk for each chunk).\n   * Use this for CLI/Playwright to avoid memory buffering.\n   */\n  renderStreaming(options?: RenderToVideoOptions): Promise<void>;\n\n  /**\n   * Render and return buffer (for shorter videos or in-browser use).\n   * Returns the video as Uint8Array.\n   */\n  render(options?: RenderToVideoOptions): Promise<Uint8Array>;\n\n  /**\n   * Get render info (dimensions, duration, assets).\n   * Same as the exported getRenderInfo function.\n   */\n  getRenderInfo(): Promise<RenderInfo>;\n\n  /**\n   * Check if SDK is ready for rendering.\n   * Returns true if a root timegroup is found.\n   */\n  isReady(): boolean;\n}\n\ndeclare global {\n  interface Window {\n    EF_RENDER?: IEFRenderAPI;\n    EF_RENDER_DATA?: Record<string, unknown>;\n    onRenderChunk?: (chunk: Uint8Array) => void; // Set by Playwright\n    onRenderProgress?: (progress: RenderProgress) => void; // Optional progress callback\n  }\n}\n\n// ============================================================================\n// Implementation\n// ============================================================================\n\nfunction findRootTimegroup(): EFTimegroup | null {\n  // Try to find timegroup from workbench first\n  const workbench = document.querySelector(\"ef-workbench\") as EFWorkbench | null;\n  if (workbench) {\n    const timegroup = workbench.querySelector(\"ef-timegroup\") as EFTimegroup | null;\n    if (timegroup) {\n      return timegroup;\n    }\n  }\n\n  // Fallback: find first root timegroup\n  const rootTimegroup = document.querySelector(\"ef-timegroup\") as EFTimegroup | null;\n  return rootTimegroup;\n}\n\nfunction setWorkbenchRendering(rendering: boolean): void {\n  const workbench = document.querySelector(\"ef-workbench\") as EFWorkbench | null;\n  if (workbench) {\n    workbench.rendering = rendering;\n  }\n}\n\nconst api: IEFRenderAPI = {\n  async renderStreaming(options: RenderToVideoOptions = {}): Promise<void> {\n    const timegroup = findRootTimegroup();\n    if (!timegroup) {\n      throw new Error(\"No ef-timegroup found. Cannot render.\");\n    }\n\n    // Check if window.onRenderChunk is available\n    if (typeof window === \"undefined\" || !window.onRenderChunk) {\n      throw new Error(\n        \"window.onRenderChunk is not set. \" +\n        \"Call page.exposeFunction('onRenderChunk', callback) from Playwright first.\"\n      );\n    }\n\n    // Hide workbench UI during render\n    setWorkbenchRendering(true);\n\n    try {\n      // Wait for media to be ready\n      await timegroup.waitForMediaDurations();\n\n      // Create custom writable stream that calls window.onRenderChunk\n      const chunkWriter = new WritableStream<Uint8Array>({\n        write(chunk: Uint8Array) {\n          console.error(\"Writing chunk\", chunk);\n          if (window.onRenderChunk) {\n            window.onRenderChunk(chunk);\n          }\n        },\n      });\n\n      // Merge progress callback if window.onRenderProgress is set\n      const onProgress = options.onProgress || window.onRenderProgress;\n\n      // Render with custom stream\n      await renderTimegroupToVideo(timegroup, {\n        ...options,\n        customWritableStream: chunkWriter,\n        onProgress,\n        returnBuffer: false,\n      });\n    } finally {\n      // Restore workbench UI\n      setWorkbenchRendering(false);\n    }\n  },\n\n  async render(options: RenderToVideoOptions = {}): Promise<Uint8Array> {\n    const timegroup = findRootTimegroup();\n    if (!timegroup) {\n      throw new Error(\"No ef-timegroup found. Cannot render.\");\n    }\n\n    // Hide workbench UI during render\n    setWorkbenchRendering(true);\n\n    try {\n      // Wait for media to be ready\n      await timegroup.waitForMediaDurations();\n\n      // Merge progress callback if window.onRenderProgress is set\n      const onProgress = options.onProgress || window.onRenderProgress;\n\n      const buffer = await renderTimegroupToVideo(timegroup, {\n        ...options,\n        returnBuffer: true,\n        onProgress,\n      });\n\n      if (!buffer) {\n        throw new Error(\"Render failed: no buffer returned\");\n      }\n\n      return buffer;\n    } finally {\n      // Restore workbench UI\n      setWorkbenchRendering(false);\n    }\n  },\n\n  async getRenderInfo(): Promise<RenderInfo> {\n    return getRenderInfo();\n  },\n\n  isReady(): boolean {\n    return findRootTimegroup() !== null;\n  },\n};\n\n// Export and register on window\nif (typeof window !== \"undefined\") {\n  window.EF_RENDER = api;\n}\n\nexport { api as EFRenderAPI };\nexport type { IEFRenderAPI as EFRenderAPIInterface };\n"],"mappings":";;;;AA2DA,SAAS,oBAAwC;CAE/C,MAAM,YAAY,SAAS,cAAc,eAAe;AACxD,KAAI,WAAW;EACb,MAAM,YAAY,UAAU,cAAc,eAAe;AACzD,MAAI,UACF,QAAO;;AAMX,QADsB,SAAS,cAAc,eAAe;;AAI9D,SAAS,sBAAsB,WAA0B;CACvD,MAAM,YAAY,SAAS,cAAc,eAAe;AACxD,KAAI,UACF,WAAU,YAAY;;AAI1B,MAAMA,MAAoB;CACxB,MAAM,gBAAgB,UAAgC,EAAE,EAAiB;EACvE,MAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,UACH,OAAM,IAAI,MAAM,wCAAwC;AAI1D,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,cAC3C,OAAM,IAAI,MACR,8GAED;AAIH,wBAAsB,KAAK;AAE3B,MAAI;AAEF,SAAM,UAAU,uBAAuB;GAGvC,MAAM,cAAc,IAAI,eAA2B,EACjD,MAAM,OAAmB;AACvB,YAAQ,MAAM,iBAAiB,MAAM;AACrC,QAAI,OAAO,cACT,QAAO,cAAc,MAAM;MAGhC,CAAC;GAGF,MAAM,aAAa,QAAQ,cAAc,OAAO;AAGhD,SAAM,uBAAuB,WAAW;IACtC,GAAG;IACH,sBAAsB;IACtB;IACA,cAAc;IACf,CAAC;YACM;AAER,yBAAsB,MAAM;;;CAIhC,MAAM,OAAO,UAAgC,EAAE,EAAuB;EACpE,MAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,UACH,OAAM,IAAI,MAAM,wCAAwC;AAI1D,wBAAsB,KAAK;AAE3B,MAAI;AAEF,SAAM,UAAU,uBAAuB;GAGvC,MAAM,aAAa,QAAQ,cAAc,OAAO;GAEhD,MAAM,SAAS,MAAM,uBAAuB,WAAW;IACrD,GAAG;IACH,cAAc;IACd;IACD,CAAC;AAEF,OAAI,CAAC,OACH,OAAM,IAAI,MAAM,oCAAoC;AAGtD,UAAO;YACC;AAER,yBAAsB,MAAM;;;CAIhC,MAAM,gBAAqC;AACzC,SAAO,eAAe;;CAGxB,UAAmB;AACjB,SAAO,mBAAmB,KAAK;;CAElC;AAGD,IAAI,OAAO,WAAW,YACpB,QAAO,YAAY"}

package/dist/sandbox/PlaybackControls.d.ts

@@ -0,0 +1 @@
+import "../elements/EFTimegroup.js";

package/dist/sandbox/ScenarioRunner.d.ts

@@ -0,0 +1 @@
+import "./index.js";

package/dist/sandbox/defineSandbox.d.ts

@@ -0,0 +1 @@
+import { TemplateResult } from "lit";

package/dist/sandbox/index.d.ts

@@ -0,0 +1,3 @@
+import "./defineSandbox.js";
+import "./PlaybackControls.js";
+import "./ScenarioRunner.js";

package/dist/style.css

@@ -634,6 +634,9 @@ video {
 .flex-row {
   flex-direction: row;
 }
+.flex-wrap {
+  flex-wrap: wrap;
+}
 .items-center {
   align-items: center;
 }

package/dist/transcoding/types/index.d.ts

@@ -1,5 +1,3 @@
-import { MediaRendition } from "../../elements/EFMedia/shared/MediaTaskUtils.js";
-
 //#region src/transcoding/types/index.d.ts
 
 type RenditionId = "high" | "medium" | "low" | "audio" | "scrub";
@@ -19,6 +17,11 @@ interface VideoRendition {
   segmentDurationsMs?: number[];
   startTimeOffsetMs?: number;
 }
+/**
+ * Union type representing either an audio or video rendition.
+ * Used in methods that can work with either type of media rendition.
+ */
+type MediaRendition = AudioRendition | VideoRendition;
 interface MediaEngine {
   durationMs: number;
   src: string;
@@ -100,5 +103,5 @@ interface SegmentTimeRange {
   endMs: number;
 }
 //#endregion
-export { AudioRendition, AudioSpan, MediaEngine, RenditionId, VideoRendition };
+export { AudioSpan, MediaEngine, RenditionId };
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.33.0-beta",
+  "version": "0.34.5-beta",
   "description": "",
   "type": "module",
   "scripts": {
@@ -13,9 +13,8 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.33.0-beta",
+    "@editframe/assets": "0.34.5-beta",
     "@lit/context": "^1.1.6",
-    "@lit/task": "^1.0.3",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/context-zone": "^1.26.0",
     "@opentelemetry/core": "^1.26.0",

package/test/EFVideo.framegen.browsertest.ts

@@ -6,7 +6,14 @@ import type { EFVideo } from "../src/elements/EFVideo.js";
 import "../src/elements/EFVideo.js";
 import { assetMSWHandlers } from "./useAssetMSW.js";
 import "../src/elements/EFTimegroup.js";
-import { TaskStatus } from "@lit/task";
+
+// Status values match the old TaskStatus enum: INITIAL=0, PENDING=1, COMPLETE=2, ERROR=3
+const TaskStatus = {
+  INITIAL: 0,
+  PENDING: 1,
+  COMPLETE: 2,
+  ERROR: 3,
+};
 
 const test = baseTest.extend({
   setupAssetHandlers: [

package/test/profilingPlugin.ts

@@ -90,8 +90,6 @@ export function profilingPlugin(): Plugin {
  * Call this from test setup or beforeAll
  */
 export async function startProfiling(page: any): Promise<void> {
-  if (process.env.VITEST_PROFILE !== "1") return;
-
   try {
     // Get CDP session from Playwright page
     // In Playwright, we access CDP via page.context().newCDPSession(page)
@@ -116,7 +114,7 @@ export async function startProfiling(page: any): Promise<void> {
 export async function stopProfiling(
   outputPath?: string,
 ): Promise<CPUProfile | null> {
-  if (process.env.VITEST_PROFILE !== "1" || !cdpSession) return null;
+  if (!cdpSession) return null;
 
   try {
     const { profile } = (await cdpSession.send("Profiler.stop")) as {

package/test/setup.ts

@@ -3,7 +3,7 @@
  * This runs before every test to ensure clean state
  */
 
-import { beforeEach } from "vitest";
+import { beforeEach, afterAll } from "vitest";
 import {
   globalRequestDeduplicator,
   mediaCache,
@@ -11,6 +11,14 @@ import {
 import { globalURLTokenDeduplicator } from "../src/transcoding/cache/URLTokenDeduplicator.js";
 import { TEST_SERVER_PORT } from "./constants.js";
 
+// Type declarations for test environment
+declare global {
+  interface Window {
+    __CI_MODE__?: boolean;
+    __PROFILER_STOP_REQUESTED__?: boolean;
+  }
+}
+
 /**
  * Get the correct API host for the current environment.
  * In local dev with Traefik, returns the Traefik URL (e.g., http://main.localhost:4322).
@@ -48,3 +56,17 @@ beforeEach(() => {
   mediaCache.clear();
   globalURLTokenDeduplicator.clear();
 });
+
+// Signal profiler to stop before tests finish
+afterAll(() => {
+  if (typeof window !== "undefined") {
+    // Always set the flag, creating it if it doesn't exist
+    // This handles both profiled and non-profiled test runs
+    console.log("[Profiler] Signaling stop...");
+    (window as any).__PROFILER_STOP_REQUESTED__ = true;
+
+    // Give profiler time to detect the signal and retrieve profile data
+    // Poll interval is 50ms, so wait longer to ensure detection + retrieval
+    return new Promise((resolve) => setTimeout(resolve, 500));
+  }
+});

package/dist/EF_INTERACTIVE.js

@@ -1,7 +0,0 @@
-//#region src/EF_INTERACTIVE.ts
-let EF_INTERACTIVE = false;
-if (typeof window !== "undefined") EF_INTERACTIVE = !window.location?.search.includes("EF_NONINTERACTIVE");
-
-//#endregion
-export { EF_INTERACTIVE };
-//# sourceMappingURL=EF_INTERACTIVE.js.map

package/dist/EF_INTERACTIVE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EF_INTERACTIVE.js","names":[],"sources":["../src/EF_INTERACTIVE.ts"],"sourcesContent":["export let EF_INTERACTIVE = false;\n\nif (typeof window !== \"undefined\") {\n  EF_INTERACTIVE = !window.location?.search.includes(\"EF_NONINTERACTIVE\");\n}\n\n/**\n * Set EF_INTERACTIVE value for testing purposes.\n * @internal\n */\nexport const setEFInteractive = (value: boolean) => {\n  EF_INTERACTIVE = value;\n};\n"],"mappings":";AAAA,IAAW,iBAAiB;AAE5B,IAAI,OAAO,WAAW,YACpB,kBAAiB,CAAC,OAAO,UAAU,OAAO,SAAS,oBAAoB"}

package/dist/elements/EFMedia/BufferedSeekingInput.d.ts

@@ -1,50 +0,0 @@
-import { MediaSample, SampleBuffer } from "../SampleBuffer.js";
-import * as mediabunny3 from "mediabunny";
-import { AudioSampleSink, InputAudioTrack, InputTrack, InputVideoTrack, VideoSampleSink } from "mediabunny";
-
-//#region src/elements/EFMedia/BufferedSeekingInput.d.ts
-interface BufferedSeekingInputOptions {
-  videoBufferSize?: number;
-  audioBufferSize?: number;
-  /**
-   * Timeline offset in milliseconds to map user timeline to media timeline.
-   * Applied during seeking to handle media that doesn't start at 0ms.
-   */
-  startTimeOffsetMs?: number;
-}
-declare class BufferedSeekingInput {
-  #private;
-  private input;
-  private trackIterators;
-  private trackBuffers;
-  private options;
-  private trackIteratorCreationPromises;
-  private trackSeekPromises;
-  /**
-   * Timeline offset in milliseconds to map user timeline to media timeline.
-   * Applied during seeking to handle media that doesn't start at 0ms.
-   */
-  private readonly startTimeOffsetMs;
-  constructor(arrayBuffer: ArrayBuffer, options?: BufferedSeekingInputOptions);
-  getBufferSize(trackId: number): number;
-  getBufferContents(trackId: number): readonly MediaSample[];
-  getBufferTimestamps(trackId: number): number[];
-  clearBuffer(trackId: number): void;
-  computeDuration(): Promise<number>;
-  getTrack(trackId: number): Promise<InputTrack>;
-  getAudioTrack(trackId: number): Promise<InputAudioTrack>;
-  getVideoTrack(trackId: number): Promise<InputVideoTrack>;
-  getFirstVideoTrack(): Promise<InputVideoTrack | undefined>;
-  getFirstAudioTrack(): Promise<InputAudioTrack | undefined>;
-  getTrackIterator(track: InputTrack): AsyncIterator<MediaSample, any, any>;
-  createTrackSampleSink(track: InputTrack): AudioSampleSink | VideoSampleSink;
-  createTrackIterator(track: InputTrack): AsyncGenerator<mediabunny3.VideoSample, void, unknown> | AsyncGenerator<mediabunny3.AudioSample, void, unknown>;
-  createTrackBuffer(track: InputTrack): SampleBuffer;
-  getTrackBuffer(track: InputTrack): SampleBuffer;
-  seek(trackId: number, timeMs: number): Promise<MediaSample | undefined>;
-  private resetIterator;
-  private seekSafe;
-}
-//#endregion
-export { BufferedSeekingInput };
-//# sourceMappingURL=BufferedSeekingInput.d.ts.map

package/dist/elements/EFMedia/audioTasks/makeAudioBufferTask.d.ts

@@ -1,12 +0,0 @@
-import { MediaBufferState } from "../shared/BufferUtils.js";
-import { Task } from "@lit/task";
-
-//#region src/elements/EFMedia/audioTasks/makeAudioBufferTask.d.ts
-
-/**
- * State of the audio buffer - uses the generic interface
- */
-interface AudioBufferState extends MediaBufferState {}
-//#endregion
-export { AudioBufferState };
-//# sourceMappingURL=makeAudioBufferTask.d.ts.map

package/dist/elements/EFMedia/audioTasks/makeAudioBufferTask.js

@@ -1,104 +0,0 @@
-import { EF_INTERACTIVE } from "../../../EF_INTERACTIVE.js";
-import { EF_RENDERING } from "../../../EF_RENDERING.js";
-import { AssetMediaEngine } from "../AssetMediaEngine.js";
-import { manageMediaBuffer } from "../shared/BufferUtils.js";
-import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask.js";
-import { Task } from "@lit/task";
-
-//#region src/elements/EFMedia/audioTasks/makeAudioBufferTask.ts
-const makeAudioBufferTask = (host) => {
-	let currentState = {
-		currentSeekTimeMs: 0,
-		requestedSegments: /* @__PURE__ */ new Set(),
-		activeRequests: /* @__PURE__ */ new Set(),
-		requestQueue: []
-	};
-	let task;
-	task = new Task(host, {
-		autoRun: EF_INTERACTIVE,
-		args: () => [host.desiredSeekTimeMs],
-		onError: (error) => {
-			task.taskComplete.catch(() => {});
-			if (error instanceof DOMException && error.name === "AbortError" || error instanceof Error && (error.name === "AbortError" || error.message?.includes("signal is aborted") || error.message?.includes("The user aborted a request"))) return;
-			if (error instanceof Error && (error.message === "No valid media source" || error.message.includes("File not found") || error.message.includes("is not valid JSON") || error.message.includes("401") || error.message.includes("UNAUTHORIZED") || error.message.includes("Failed to fetch"))) return;
-			console.error("audioBufferTask error", error);
-		},
-		onComplete: (value) => {
-			currentState = value;
-		},
-		task: async ([seekTimeMs], { signal }) => {
-			if (EF_RENDERING()) return currentState;
-			if (host.mediaEngineTask.error) return currentState;
-			let mediaEngine;
-			try {
-				mediaEngine = await getLatestMediaEngine(host, signal);
-			} catch (error) {
-				if (error instanceof Error && error.message === "No valid media source") return currentState;
-				throw error;
-			}
-			if (!mediaEngine) return currentState;
-			if (!mediaEngine.audioRendition) return currentState;
-			const engineConfig = mediaEngine.getBufferConfig();
-			const currentConfig = {
-				bufferDurationMs: engineConfig.audioBufferDurationMs,
-				maxParallelFetches: engineConfig.maxAudioBufferFetches,
-				enableBuffering: host.enableAudioBuffering,
-				bufferThresholdMs: engineConfig.bufferThresholdMs
-			};
-			const timelineContext = host.rootTimegroup?.currentTimeMs !== void 0 ? {
-				elementStartMs: host.startTimeMs,
-				elementEndMs: host.endTimeMs,
-				playheadMs: host.rootTimegroup.currentTimeMs
-			} : void 0;
-			return manageMediaBuffer(seekTimeMs, currentConfig, currentState, host.intrinsicDurationMs || 1e4, signal, {
-				computeSegmentId: async (timeMs, rendition) => {
-					try {
-						const mediaEngine$1 = await getLatestMediaEngine(host, signal);
-						if (!mediaEngine$1) return void 0;
-						return mediaEngine$1.computeSegmentId(timeMs, rendition);
-					} catch (error) {
-						if (error instanceof Error && error.message === "No valid media source") return;
-						throw error;
-					}
-				},
-				prefetchSegment: async (segmentId, rendition) => {
-					try {
-						const mediaEngine$1 = await getLatestMediaEngine(host, signal);
-						if (!mediaEngine$1) return;
-						if (mediaEngine$1 instanceof AssetMediaEngine) {
-							const trackData = mediaEngine$1.data?.[rendition.trackId];
-							if (!trackData?.segments || segmentId >= trackData.segments.length) return;
-						}
-						await mediaEngine$1.fetchMediaSegment(segmentId, rendition, signal);
-					} catch (error) {
-						if (error instanceof Error && (error.message === "No valid media source" || error.message.includes("Media segment not found") || error.message.includes("Track not found") || error.message.includes("Failed to fetch") || error.message.includes("401") || error.message.includes("UNAUTHORIZED") || error.message.includes("File not found"))) return;
-						throw error;
-					}
-				},
-				isSegmentCached: (segmentId, rendition) => {
-					const mediaEngine$1 = host.mediaEngineTask.value;
-					if (!mediaEngine$1) return false;
-					return mediaEngine$1.isSegmentCached(segmentId, rendition);
-				},
-				getRendition: async () => {
-					try {
-						const mediaEngine$1 = await getLatestMediaEngine(host, signal);
-						if (!mediaEngine$1) throw new Error("Audio rendition not available");
-						const audioRendition = mediaEngine$1.audioRendition;
-						if (!audioRendition) throw new Error("Audio rendition not available");
-						return audioRendition;
-					} catch (error) {
-						if (error instanceof Error && error.message === "No valid media source") throw new Error("Audio rendition not available");
-						throw error;
-					}
-				},
-				logError: console.error
-			}, timelineContext);
-		}
-	});
-	return task;
-};
-
-//#endregion
-export { makeAudioBufferTask };
-//# sourceMappingURL=makeAudioBufferTask.js.map