@meframe/core 0.0.11 → 0.0.12

package/dist/stages/load/ResourceLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceLoader.js","sources":["../../../src/stages/load/ResourceLoader.ts"],"sourcesContent":["import type { Resource, CompositionModel } from '../../model';\nimport type { Orchestrator, ResourceLoadOptions, LoadTask, ResourceLoaderOptions } from './types';\nimport { TaskManager } from './TaskManager';\nimport { StreamFactory } from './StreamFactory';\nimport { EventHandlers } from './EventHandlers';\nimport { EventPayloadMap, MeframeEvent } from '../../event/events';\nimport { EventBus } from '../../event/EventBus';\nimport { WindowByteRangeResolver } from './WindowByteRangeResolver';\n\nexport class ResourceConflictError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'ResourceConflictError';\n  }\n}\n\nexport class ResourceLoader {\n  private orchestrator?: Orchestrator;\n  private model?: CompositionModel;\n  private taskManager: TaskManager;\n  private streamFactory: StreamFactory;\n  private eventHandlers?: EventHandlers;\n  private eventBus?: EventBus<EventPayloadMap>;\n  private onStateChange?: (resourceId: string, state: Resource['state']) => void;\n  private byteRangeResolver: WindowByteRangeResolver;\n\n  constructor(options?: ResourceLoaderOptions) {\n    const maxConcurrent = options?.config?.maxConcurrent ?? 4;\n    this.taskManager = new TaskManager(maxConcurrent);\n    this.streamFactory = new StreamFactory(options?.onProgress, options?.config);\n    this.eventBus = options?.eventBus;\n    this.onStateChange = options?.onStateChange;\n    this.byteRangeResolver = new WindowByteRangeResolver();\n\n    if (options?.orchestrator) {\n      this.bind(options.orchestrator);\n    }\n  }\n\n  /**\n   * Bind to Orchestrator event system\n   */\n  bind(orchestrator: Orchestrator): void {\n    this.unbind();\n    this.orchestrator = orchestrator;\n\n    this.eventHandlers = new EventHandlers(\n      orchestrator,\n      (resourceId) => this.cancel(resourceId),\n      (model) => this.handleModelSet(model)\n    );\n  }\n\n  /**\n   * Unbind from Orchestrator\n   */\n  unbind(): void {\n    this.eventHandlers?.dispose();\n    this.eventHandlers = undefined;\n    this.orchestrator = undefined;\n  }\n\n  private handleModelSet(model: CompositionModel): void {\n    this.model = model;\n  }\n\n  private enqueueLoad(\n    resource: Resource,\n    priority: 'high' | 'normal' | 'low' = 'normal',\n    sessionId?: string,\n    trackId?: string\n  ): void {\n    if (this.taskManager.hasActiveTask(resource.id) && priority !== 'high') {\n      throw new ResourceConflictError(\n        `Resource ${resource.id} is being loaded by another session. Preview channel has priority.`\n      );\n    }\n\n    this.taskManager.enqueue(resource, priority, sessionId, trackId);\n    this.processQueue();\n  }\n\n  private processQueue(): void {\n    while (this.taskManager.canProcess) {\n      const task = this.taskManager.getNextTask();\n      if (!task) break;\n      this.startLoad(task);\n    }\n  }\n\n  /**\n   * Start loading a resource\n   * Handles state management (loading → ready/error) for all resource types\n   */\n  private async startLoad(task: LoadTask): Promise<void> {\n    this.taskManager.activateTask(task);\n\n    try {\n      this.updateResourceState(task.resourceId, 'loading');\n      task.controller = new AbortController();\n\n      // Route to different handlers based on resource type\n      // Note: Each handler only deals with data, state is managed here\n      if (task.resource.type === 'image') {\n        await this.loadImageBitmap(task);\n      } else if (task.resource.type === 'video' || task.resource.type === 'audio') {\n        const stream = await this.streamFactory.createRegularStream(task);\n        if (!stream) {\n          throw new Error(`Failed to create stream for ${task.resourceId}`);\n        }\n        task.stream = stream;\n        await this.transferToDemuxWorker(task);\n      } else if (task.resource.type === 'json' || task.resource.type === 'text') {\n        await this.loadTextResource(task);\n      }\n\n      // Unified state update for all resource types\n      this.updateResourceState(task.resourceId, 'ready');\n    } catch (error) {\n      task.error = error as Error;\n      this.updateResourceState(task.resourceId, 'error');\n    } finally {\n      this.taskManager.completeTask(task.resourceId);\n      this.processQueue();\n    }\n  }\n\n  /**\n   * Load text-based resources (json, text)\n   * Just download the content - state management is handled by startLoad()\n   */\n  private async loadTextResource(task: LoadTask): Promise<void> {\n    await this.fetchBlob(task.resource.uri, task.controller!.signal);\n    // For json/text, just verify we can download it\n    // Future: could parse and validate json here if needed\n  }\n\n  /**\n   * Load image resource: fetch blob → create ImageBitmap → transfer to worker\n   * Note: Images don't need streaming (typically < 5MB)\n   */\n  private async loadImageBitmap(task: LoadTask): Promise<void> {\n    const blob = await this.fetchBlob(task.resource.uri, task.controller!.signal);\n\n    // Create ImageBitmap in main thread, then transfer to worker\n    // Note: In Worker context, ImageBitmap is the only way to create VideoFrame from image data\n    const imageBitmap = await createImageBitmap(blob, {\n      premultiplyAlpha: 'premultiply',\n      colorSpaceConversion: 'default',\n      imageOrientation: 'from-image',\n    });\n\n    await this.transferImageToWorker(task, imageBitmap);\n  }\n\n  /**\n   * Fetch resource as blob (for images, json, etc.)\n   */\n  private async fetchBlob(uri: string, signal: AbortSignal): Promise<Blob> {\n    const response = await fetch(uri, { signal });\n\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n    }\n\n    return response.blob();\n  }\n\n  /**\n   * Transfer ImageBitmap to VideoComposeWorker\n   */\n  private async transferImageToWorker(task: LoadTask, imageBitmap: ImageBitmap): Promise<void> {\n    if (!this.orchestrator) return;\n\n    if (!task.sessionId) {\n      throw new Error(\n        `[ResourceLoader] sessionId required for resource ${task.resourceId}. ` +\n          `In Clip-based architecture, use fetch(resourceId, { sessionId })`\n      );\n    }\n\n    const composeWorker = await this.orchestrator.workers.get('videoCompose', task.sessionId, {\n      lazy: true,\n    });\n\n    await composeWorker.send(\n      'receive_image',\n      {\n        resourceId: task.resourceId,\n        sessionId: task.sessionId,\n        imageBitmap,\n      },\n      { transfer: [imageBitmap] }\n    );\n  }\n\n  private async transferToDemuxWorker(task: LoadTask): Promise<void> {\n    if (!task.stream || !this.orchestrator) return;\n\n    if (!task.sessionId) {\n      throw new Error(\n        `[ResourceLoader] sessionId required for resource ${task.resourceId}. ` +\n          `In Clip-based architecture, use fetch(resourceId, { sessionId })`\n      );\n    }\n\n    const workerType = task.resource.type === 'video' ? 'videoDemux' : 'audioDemux';\n    const demuxWorker = await this.orchestrator.workers.get(workerType, task.sessionId, {\n      lazy: true,\n    });\n\n    await demuxWorker.sendStream(task.stream, {\n      sessionId: task.sessionId,\n      ...task.metadata,\n      ...(task.range && { range: task.range }),\n      ...(task.trackId && { trackId: task.trackId }),\n    });\n  }\n\n  private updateResourceState(resourceId: string, state: Resource['state']): void {\n    const resource = this.model?.resources.get(resourceId);\n    if (resource) {\n      const oldState = resource.state;\n      resource.state = state;\n      if (this.orchestrator) {\n        this.eventBus?.emit(MeframeEvent.ResourceStageChange, {\n          type: MeframeEvent.ResourceStageChange,\n          resourceId,\n          oldState,\n          newState: state,\n        });\n      }\n    }\n\n    this.onStateChange?.(resourceId, state);\n  }\n\n  async fetch(resourceId?: string, options?: ResourceLoadOptions): Promise<void> {\n    if (!resourceId) {\n      return;\n    }\n\n    const resource = this.model?.resources.get(resourceId);\n    if (!resource) {\n      console.warn(`Resource ${resourceId} not found in model`);\n      return;\n    }\n\n    this.enqueueLoad(resource, options?.priority || 'normal', options?.sessionId, options?.trackId);\n  }\n\n  cancel(resourceId: string): void {\n    this.taskManager.cancelTask(resourceId);\n    this.processQueue();\n  }\n\n  /**\n   * Check if a resource is currently being loaded\n   */\n  isResourceLoading(resourceId: string): boolean {\n    return this.taskManager.hasActiveTask(resourceId);\n  }\n\n  pause(resourceId: string): void {\n    const task = this.taskManager.getActiveTask(resourceId);\n    if (task) {\n      task.controller?.abort();\n    }\n  }\n\n  async resume(resourceId: string, options?: ResourceLoadOptions): Promise<void> {\n    const resource = this.model?.getResource(resourceId);\n    if (!resource) {\n      throw new Error(`Resource ${resourceId} not found`);\n    }\n\n    const pausedTask = this.taskManager.getActiveTask(resourceId);\n\n    if (pausedTask?.pausedAt !== undefined) {\n      this.enqueueLoad(\n        resource,\n        options?.priority || 'normal',\n        options?.sessionId,\n        options?.trackId\n      );\n    } else {\n      await this.fetch(resourceId, options);\n    }\n  }\n\n  get activeTasks(): Map<string, LoadTask> {\n    return this.taskManager.activeTasks;\n  }\n\n  get taskQueue(): LoadTask[] {\n    return this.taskManager.taskQueue;\n  }\n\n  dispose(): void {\n    this.taskManager.clear();\n    this.byteRangeResolver.dispose();\n    this.unbind();\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResourceLoader.js","sources":["../../../src/stages/load/ResourceLoader.ts"],"sourcesContent":["import type { Resource, CompositionModel } from '../../model';\nimport type { Orchestrator, ResourceLoadOptions, LoadTask, ResourceLoaderOptions } from './types';\nimport { TaskManager } from './TaskManager';\nimport { StreamFactory } from './StreamFactory';\nimport { EventHandlers } from './EventHandlers';\nimport { EventPayloadMap, MeframeEvent } from '../../event/events';\nimport { EventBus } from '../../event/EventBus';\nimport { WindowByteRangeResolver } from './WindowByteRangeResolver';\nimport { createImageBitmapFromBlob } from '../../utils/image-utils';\n\nexport class ResourceConflictError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'ResourceConflictError';\n  }\n}\n\nexport class ResourceLoader {\n  private orchestrator?: Orchestrator;\n  private model?: CompositionModel;\n  private taskManager: TaskManager;\n  private streamFactory: StreamFactory;\n  private eventHandlers?: EventHandlers;\n  private eventBus?: EventBus<EventPayloadMap>;\n  private onStateChange?: (resourceId: string, state: Resource['state']) => void;\n  private byteRangeResolver: WindowByteRangeResolver;\n  private blobCache = new Map<string, Blob>();\n  private pendingTransfers = new Map<string, string[]>();\n\n  constructor(options?: ResourceLoaderOptions) {\n    const maxConcurrent = options?.config?.maxConcurrent ?? 4;\n    this.taskManager = new TaskManager(maxConcurrent);\n    this.streamFactory = new StreamFactory(options?.onProgress, options?.config);\n    this.eventBus = options?.eventBus;\n    this.onStateChange = options?.onStateChange;\n    this.byteRangeResolver = new WindowByteRangeResolver();\n\n    if (options?.orchestrator) {\n      this.bind(options.orchestrator);\n    }\n  }\n\n  /**\n   * Bind to Orchestrator event system\n   */\n  bind(orchestrator: Orchestrator): void {\n    this.unbind();\n    this.orchestrator = orchestrator;\n\n    this.eventHandlers = new EventHandlers(\n      orchestrator,\n      (resourceId) => this.cancel(resourceId),\n      (model) => this.handleModelSet(model)\n    );\n  }\n\n  /**\n   * Unbind from Orchestrator\n   */\n  unbind(): void {\n    this.eventHandlers?.dispose();\n    this.eventHandlers = undefined;\n    this.orchestrator = undefined;\n  }\n\n  private handleModelSet(model: CompositionModel): void {\n    this.model = model;\n  }\n\n  private enqueueLoad(\n    resource: Resource,\n    priority: 'high' | 'normal' | 'low' = 'normal',\n    sessionId?: string,\n    trackId?: string,\n    isMainTrack = false\n  ): void {\n    if (this.taskManager.hasActiveTask(resource.id)) {\n      if (priority === 'high') {\n        // Preview channel: high priority can preempt (existing logic preserved)\n      } else if (isMainTrack) {\n        // Main track resource conflict: throw error for PreRenderService to detect\n        throw new ResourceConflictError(\n          `Resource ${resource.id} is being loaded by another session. Preview channel has priority.`\n        );\n      } else {\n        // Attachment resource conflict: check cache\n        if (this.blobCache.has(resource.id)) {\n          // Already cached: immediately create ImageBitmap and transfer\n          void this.transferCachedImage(resource.id, sessionId);\n          return;\n        } else {\n          // Loading in progress: register to pending queue, will transfer after load complete\n          this.registerPendingTransfer(resource.id, sessionId);\n          console.debug(\n            `[ResourceLoader] Attachment resource ${resource.id} loading, registered for pending transfer`\n          );\n          return;\n        }\n      }\n    }\n\n    this.taskManager.enqueue(resource, priority, sessionId, trackId);\n    this.processQueue();\n  }\n\n  private registerPendingTransfer(resourceId: string, sessionId?: string): void {\n    if (!sessionId) return;\n\n    const pending = this.pendingTransfers.get(resourceId) || [];\n    if (!pending.includes(sessionId)) {\n      pending.push(sessionId);\n      this.pendingTransfers.set(resourceId, pending);\n    }\n  }\n\n  private processQueue(): void {\n    while (this.taskManager.canProcess) {\n      const task = this.taskManager.getNextTask();\n      if (!task) break;\n      this.startLoad(task);\n    }\n  }\n\n  /**\n   * Start loading a resource\n   * Handles state management (loading → ready/error) for all resource types\n   */\n  private async startLoad(task: LoadTask): Promise<void> {\n    this.taskManager.activateTask(task);\n\n    try {\n      this.updateResourceState(task.resourceId, 'loading');\n      task.controller = new AbortController();\n\n      // Route to different handlers based on resource type\n      // Note: Each handler only deals with data, state is managed here\n      if (task.resource.type === 'image') {\n        await this.loadImageBitmap(task);\n      } else if (task.resource.type === 'video' || task.resource.type === 'audio') {\n        const stream = await this.streamFactory.createRegularStream(task);\n        if (!stream) {\n          throw new Error(`Failed to create stream for ${task.resourceId}`);\n        }\n        task.stream = stream;\n        await this.transferToDemuxWorker(task);\n      } else if (task.resource.type === 'json' || task.resource.type === 'text') {\n        await this.loadTextResource(task);\n      }\n\n      // Unified state update for all resource types\n      this.updateResourceState(task.resourceId, 'ready');\n    } catch (error) {\n      task.error = error as Error;\n      this.updateResourceState(task.resourceId, 'error');\n    } finally {\n      this.taskManager.completeTask(task.resourceId);\n      this.processQueue();\n    }\n  }\n\n  /**\n   * Load text-based resources (json, text)\n   * Just download the content - state management is handled by startLoad()\n   */\n  private async loadTextResource(task: LoadTask): Promise<void> {\n    await this.fetchBlob(task.resource.uri, task.controller!.signal);\n    // For json/text, just verify we can download it\n    // Future: could parse and validate json here if needed\n  }\n\n  /**\n   * Load image resource: fetch blob → create ImageBitmap → transfer to worker\n   * Note: Images don't need streaming (typically < 5MB)\n   */\n  private async loadImageBitmap(task: LoadTask): Promise<void> {\n    // Check cache\n    let blob = this.blobCache.get(task.resourceId);\n\n    if (!blob) {\n      // Not cached: download and cache\n      blob = await this.fetchBlob(task.resource.uri, task.controller!.signal);\n      this.blobCache.set(task.resourceId, blob);\n    }\n\n    // Create ImageBitmap from Blob (with special handling for SVG)\n    const imageBitmap = await createImageBitmapFromBlob(blob);\n\n    await this.transferImageToWorker(task, imageBitmap);\n\n    // Process pending transfer queue\n    const pending = this.pendingTransfers.get(task.resourceId);\n    if (pending && pending.length > 0) {\n      for (const sessionId of pending) {\n        await this.transferCachedImage(task.resourceId, sessionId);\n      }\n      this.pendingTransfers.delete(task.resourceId);\n    }\n  }\n\n  /**\n   * Fetch resource as blob (for images, json, etc.)\n   */\n  private async fetchBlob(uri: string, signal: AbortSignal): Promise<Blob> {\n    const response = await fetch(uri, { signal });\n\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n    }\n\n    return response.blob();\n  }\n\n  /**\n   * Transfer ImageBitmap to VideoComposeWorker\n   */\n  private async transferImageToWorker(task: LoadTask, imageBitmap: ImageBitmap): Promise<void> {\n    if (!this.orchestrator) return;\n\n    if (!task.sessionId) {\n      throw new Error(\n        `[ResourceLoader] sessionId required for resource ${task.resourceId}. ` +\n          `In Clip-based architecture, use fetch(resourceId, { sessionId })`\n      );\n    }\n\n    const composeWorker = await this.orchestrator.workers.get('videoCompose', task.sessionId, {\n      lazy: true,\n    });\n\n    await composeWorker.send(\n      'receive_image',\n      {\n        resourceId: task.resourceId,\n        sessionId: task.sessionId,\n        imageBitmap,\n      },\n      { transfer: [imageBitmap] }\n    );\n  }\n\n  /**\n   * Transfer cached image to a session\n   * Creates new ImageBitmap from cached Blob and transfers to worker\n   */\n  private async transferCachedImage(resourceId: string, sessionId?: string): Promise<void> {\n    const blob = this.blobCache.get(resourceId);\n    if (!blob || !sessionId) return;\n\n    // Create new ImageBitmap from cached Blob (with SVG support)\n    const imageBitmap = await createImageBitmapFromBlob(blob);\n\n    // Transfer to Worker\n    if (!this.orchestrator) return;\n\n    const composeWorker = await this.orchestrator.workers.get('videoCompose', sessionId, {\n      lazy: true,\n    });\n\n    await composeWorker.send(\n      'receive_image',\n      {\n        resourceId,\n        sessionId,\n        imageBitmap,\n      },\n      { transfer: [imageBitmap] }\n    );\n  }\n\n  private async transferToDemuxWorker(task: LoadTask): Promise<void> {\n    if (!task.stream || !this.orchestrator) return;\n\n    if (!task.sessionId) {\n      throw new Error(\n        `[ResourceLoader] sessionId required for resource ${task.resourceId}. ` +\n          `In Clip-based architecture, use fetch(resourceId, { sessionId })`\n      );\n    }\n\n    const workerType = task.resource.type === 'video' ? 'videoDemux' : 'audioDemux';\n    const demuxWorker = await this.orchestrator.workers.get(workerType, task.sessionId, {\n      lazy: true,\n    });\n\n    await demuxWorker.sendStream(task.stream, {\n      sessionId: task.sessionId,\n      ...task.metadata,\n      ...(task.range && { range: task.range }),\n      ...(task.trackId && { trackId: task.trackId }),\n    });\n  }\n\n  private updateResourceState(resourceId: string, state: Resource['state']): void {\n    const resource = this.model?.resources.get(resourceId);\n    if (resource) {\n      const oldState = resource.state;\n      resource.state = state;\n      if (this.orchestrator) {\n        this.eventBus?.emit(MeframeEvent.ResourceStageChange, {\n          type: MeframeEvent.ResourceStageChange,\n          resourceId,\n          oldState,\n          newState: state,\n        });\n      }\n    }\n\n    this.onStateChange?.(resourceId, state);\n  }\n\n  async fetch(resourceId?: string, options?: ResourceLoadOptions): Promise<void> {\n    if (!resourceId) {\n      return;\n    }\n\n    const resource = this.model?.resources.get(resourceId);\n    if (!resource) {\n      console.warn(`Resource ${resourceId} not found in model`);\n      return;\n    }\n\n    this.enqueueLoad(\n      resource,\n      options?.priority || 'normal',\n      options?.sessionId,\n      options?.trackId,\n      options?.isMainTrack ?? false\n    );\n  }\n\n  cancel(resourceId: string): void {\n    this.taskManager.cancelTask(resourceId);\n    this.processQueue();\n  }\n\n  /**\n   * Check if a resource is currently being loaded\n   */\n  isResourceLoading(resourceId: string): boolean {\n    return this.taskManager.hasActiveTask(resourceId);\n  }\n\n  pause(resourceId: string): void {\n    const task = this.taskManager.getActiveTask(resourceId);\n    if (task) {\n      task.controller?.abort();\n    }\n  }\n\n  async resume(resourceId: string, options?: ResourceLoadOptions): Promise<void> {\n    const resource = this.model?.getResource(resourceId);\n    if (!resource) {\n      throw new Error(`Resource ${resourceId} not found`);\n    }\n\n    const pausedTask = this.taskManager.getActiveTask(resourceId);\n\n    if (pausedTask?.pausedAt !== undefined) {\n      this.enqueueLoad(\n        resource,\n        options?.priority || 'normal',\n        options?.sessionId,\n        options?.trackId\n      );\n    } else {\n      await this.fetch(resourceId, options);\n    }\n  }\n\n  get activeTasks(): Map<string, LoadTask> {\n    return this.taskManager.activeTasks;\n  }\n\n  get taskQueue(): LoadTask[] {\n    return this.taskManager.taskQueue;\n  }\n\n  dispose(): void {\n    this.taskManager.clear();\n    this.byteRangeResolver.dispose();\n    this.blobCache.clear();\n    this.pendingTransfers.clear();\n    this.unbind();\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stages/load/types.d.ts

@@ -28,6 +28,7 @@ export interface ResourceLoadOptions {
     };
     sessionId?: string;
     trackId?: string;
+    isMainTrack?: boolean;
 }
 export interface ClipLoadOptions {
     clipId: string;

package/dist/stages/load/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/stages/load/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/stages/load/types.ts"],"names":[],"mappings":"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"}

package/dist/utils/animation-utils.d.ts

@@ -0,0 +1,16 @@
+import { Transform2D } from '../model/types';
+
+export interface AnimationKeyframeInput {
+    time: number;
+    transform?: Transform2D;
+    opacity?: number;
+    easing?: string;
+}
+export declare function interpolateKeyframes(keyframes: AnimationKeyframeInput[], timeUs: number): {
+    transform: Transform2D;
+    opacity?: number;
+};
+export declare function interpolateTransform(from: Transform2D, to: Transform2D, t: number): Transform2D;
+export declare function lerp(a: number, b: number, t: number): number;
+export declare function applyEasing(t: number, easing: string): number;
+//# sourceMappingURL=animation-utils.d.ts.map

package/dist/utils/animation-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-utils.d.ts","sourceRoot":"","sources":["../../src/utils/animation-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,sBAAsB,EAAE,EACnC,MAAM,EAAE,MAAM,GACb;IAAE,SAAS,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CA8D9C;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,CAU/F;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAkB7D"}

package/dist/utils/image-utils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Create ImageBitmap from Blob with format-specific handling
+ */
+export declare function createImageBitmapFromBlob(blob: Blob): Promise<ImageBitmap>;
+//# sourceMappingURL=image-utils.d.ts.map

package/dist/utils/image-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-utils.d.ts","sourceRoot":"","sources":["../../src/utils/image-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAsB,yBAAyB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,CAYhF"}

package/dist/utils/image-utils.js

@@ -0,0 +1,32 @@
+async function createImageBitmapFromBlob(blob) {
+  if (blob.type === "image/svg+xml") {
+    return createImageBitmapFromSVG(blob);
+  }
+  return createImageBitmap(blob, {
+    premultiplyAlpha: "premultiply",
+    colorSpaceConversion: "default",
+    imageOrientation: "from-image"
+  });
+}
+async function createImageBitmapFromSVG(blob) {
+  return new Promise((resolve, reject) => {
+    const url = URL.createObjectURL(blob);
+    const img = new Image();
+    img.onload = () => {
+      URL.revokeObjectURL(url);
+      createImageBitmap(img, {
+        premultiplyAlpha: "premultiply",
+        colorSpaceConversion: "default"
+      }).then(resolve).catch(reject);
+    };
+    img.onerror = () => {
+      URL.revokeObjectURL(url);
+      reject(new Error("Failed to load SVG image"));
+    };
+    img.src = url;
+  });
+}
+export {
+  createImageBitmapFromBlob
+};
+//# sourceMappingURL=image-utils.js.map

package/dist/utils/image-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-utils.js","sources":["../../src/utils/image-utils.ts"],"sourcesContent":["/**\n * Create ImageBitmap from Blob with format-specific handling\n */\nexport async function createImageBitmapFromBlob(blob: Blob): Promise<ImageBitmap> {\n  // SVG needs special handling (load via Image element first)\n  if (blob.type === 'image/svg+xml') {\n    return createImageBitmapFromSVG(blob);\n  }\n\n  // Standard raster images\n  return createImageBitmap(blob, {\n    premultiplyAlpha: 'premultiply',\n    colorSpaceConversion: 'default',\n    imageOrientation: 'from-image',\n  });\n}\n\n/**\n * Create ImageBitmap from SVG blob\n * SVG requires loading through Image element first for proper rendering\n */\nasync function createImageBitmapFromSVG(blob: Blob): Promise<ImageBitmap> {\n  return new Promise((resolve, reject) => {\n    const url = URL.createObjectURL(blob);\n    const img = new Image();\n\n    img.onload = () => {\n      URL.revokeObjectURL(url);\n      createImageBitmap(img, {\n        premultiplyAlpha: 'premultiply',\n        colorSpaceConversion: 'default',\n      })\n        .then(resolve)\n        .catch(reject);\n    };\n\n    img.onerror = () => {\n      URL.revokeObjectURL(url);\n      reject(new Error('Failed to load SVG image'));\n    };\n\n    img.src = url;\n  });\n}\n"],"names":[],"mappings":"AAGA,eAAsB,0BAA0B,MAAkC;AAEhF,MAAI,KAAK,SAAS,iBAAiB;AACjC,WAAO,yBAAyB,IAAI;AAAA,EACtC;AAGA,SAAO,kBAAkB,MAAM;AAAA,IAC7B,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,EAAA,CACnB;AACH;AAMA,eAAe,yBAAyB,MAAkC;AACxE,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,UAAM,MAAM,IAAI,MAAA;AAEhB,QAAI,SAAS,MAAM;AACjB,UAAI,gBAAgB,GAAG;AACvB,wBAAkB,KAAK;AAAA,QACrB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,MAAA,CACvB,EACE,KAAK,OAAO,EACZ,MAAM,MAAM;AAAA,IACjB;AAEA,QAAI,UAAU,MAAM;AAClB,UAAI,gBAAgB,GAAG;AACvB,aAAO,IAAI,MAAM,0BAA0B,CAAC;AAAA,IAC9C;AAEA,QAAI,MAAM;AAAA,EACZ,CAAC;AACH;"}

package/dist/workers/stages/compose/video-compose.worker.js

@@ -39,7 +39,8 @@ class LayerRenderer {
         this.ctx.globalCompositeOperation = layer.blendMode;
       }
       if (layer.transform) {
-        this.applyTransform(layer.transform);
+        const layerDimensions = this.getLayerDimensions(layer);
+        this.applyTransform(layer.transform, layerDimensions);
       }
       switch (layer.type) {
         case "video":
@@ -59,9 +60,60 @@ class LayerRenderer {
       this.ctx.restore();
     }
   }
-  applyTransform(transform) {
-    const centerX = this.width * (transform.anchorX ?? 0.5);
-    const centerY = this.height * (transform.anchorY ?? 0.5);
+  parseDimension(value, canvasSize) {
+    if (value === void 0) return void 0;
+    if (typeof value === "number") return value;
+    const strValue = value;
+    if (strValue.includes("%")) {
+      const numValue = parseFloat(strValue);
+      return isNaN(numValue) ? void 0 : numValue / 100 * canvasSize;
+    }
+    const parsed = parseFloat(strValue);
+    return isNaN(parsed) ? void 0 : parsed;
+  }
+  getLayerDimensions(layer) {
+    if (layer.type === "image") {
+      const imageLayer = layer;
+      if (imageLayer.source) {
+        const imgWidth = imageLayer.source.width;
+        const imgHeight = imageLayer.source.height;
+        const isAttachment = !!imageLayer.attachmentId;
+        if (isAttachment) {
+          const targetWidthRaw = imageLayer.targetWidth;
+          const targetHeightRaw = imageLayer.targetHeight;
+          const targetWidth = this.parseDimension(targetWidthRaw, this.width);
+          const targetHeight = this.parseDimension(targetHeightRaw, this.height);
+          if (targetWidth && targetHeight) {
+            return { width: targetWidth, height: targetHeight };
+          } else if (targetWidth) {
+            return {
+              width: targetWidth,
+              height: imgHeight / imgWidth * targetWidth
+            };
+          } else if (targetHeight) {
+            return {
+              width: imgWidth / imgHeight * targetHeight,
+              height: targetHeight
+            };
+          }
+        }
+        return { width: imgWidth, height: imgHeight };
+      }
+    } else if (layer.type === "video") {
+      const videoLayer = layer;
+      const videoFrame = videoLayer.videoFrame;
+      return {
+        width: videoFrame.displayWidth || videoFrame.codedWidth,
+        height: videoFrame.displayHeight || videoFrame.codedHeight
+      };
+    }
+    return { width: this.width, height: this.height };
+  }
+  applyTransform(transform, layerDimensions) {
+    const anchorX = transform.anchorX ?? 0.5;
+    const anchorY = transform.anchorY ?? 0.5;
+    const centerX = layerDimensions.width * anchorX;
+    const centerY = layerDimensions.height * anchorY;
     this.ctx.translate(transform.x + centerX, transform.y + centerY);
     if (transform.rotation) {
       this.ctx.rotate(transform.rotation);
@@ -114,6 +166,33 @@ class LayerRenderer {
       if (!source) {
         return;
       }
+      const isAttachment = !!layer.attachmentId;
+      const imgWidth = source.width;
+      const imgHeight = source.height;
+      let renderWidth;
+      let renderHeight;
+      if (isAttachment) {
+        const targetWidthRaw = layer.targetWidth;
+        const targetHeightRaw = layer.targetHeight;
+        const targetWidth = this.parseDimension(targetWidthRaw, this.width);
+        const targetHeight = this.parseDimension(targetHeightRaw, this.height);
+        if (targetWidth && targetHeight) {
+          renderWidth = targetWidth;
+          renderHeight = targetHeight;
+        } else if (targetWidth) {
+          renderWidth = targetWidth;
+          renderHeight = imgHeight / imgWidth * targetWidth;
+        } else if (targetHeight) {
+          renderHeight = targetHeight;
+          renderWidth = imgWidth / imgHeight * targetHeight;
+        } else {
+          renderWidth = imgWidth;
+          renderHeight = imgHeight;
+        }
+      } else {
+        renderWidth = this.width;
+        renderHeight = this.height;
+      }
       if (crop) {
         this.ctx.drawImage(
           source,
@@ -123,11 +202,11 @@ class LayerRenderer {
           crop.height,
           0,
           0,
-          this.width,
-          this.height
+          renderWidth,
+          renderHeight
         );
       } else {
-        this.ctx.drawImage(source, 0, 0, this.width, this.height);
+        this.ctx.drawImage(source, 0, 0, renderWidth, renderHeight);
       }
     }
   }
@@ -810,9 +889,87 @@ class VideoComposer {
     this.filterProcessor.clearCache();
   }
 }
+function interpolateKeyframes(keyframes, timeUs) {
+  const defaultTransform = {
+    x: 0,
+    y: 0,
+    scaleX: 1,
+    scaleY: 1,
+    rotation: 0,
+    anchorX: 0.5,
+    anchorY: 0.5
+  };
+  if (keyframes.length === 0) {
+    return { transform: defaultTransform };
+  }
+  const firstFrame = keyframes[0];
+  const lastFrame = keyframes[keyframes.length - 1];
+  if (timeUs <= firstFrame.time) {
+    return {
+      transform: { ...defaultTransform, ...firstFrame.transform },
+      opacity: firstFrame.opacity
+    };
+  }
+  if (timeUs >= lastFrame.time) {
+    return {
+      transform: { ...defaultTransform, ...lastFrame.transform },
+      opacity: lastFrame.opacity
+    };
+  }
+  let prevFrame = firstFrame;
+  let nextFrame = lastFrame;
+  for (let i = 0; i < keyframes.length - 1; i++) {
+    const currentFrame = keyframes[i];
+    const followingFrame = keyframes[i + 1];
+    if (timeUs >= currentFrame.time && timeUs < followingFrame.time) {
+      prevFrame = currentFrame;
+      nextFrame = followingFrame;
+      break;
+    }
+  }
+  const duration = nextFrame.time - prevFrame.time;
+  const elapsed = timeUs - prevFrame.time;
+  const progress = elapsed / duration;
+  const easedProgress = applyEasing(progress, prevFrame.easing ?? "linear");
+  const prevTransform = prevFrame.transform ?? { x: 0, y: 0 };
+  const nextTransform = nextFrame.transform ?? { x: 0, y: 0 };
+  const transform = interpolateTransform(prevTransform, nextTransform, easedProgress);
+  const opacity = prevFrame.opacity !== void 0 && nextFrame.opacity !== void 0 ? lerp(prevFrame.opacity, nextFrame.opacity, easedProgress) : void 0;
+  return { transform, opacity };
+}
+function interpolateTransform(from, to, t) {
+  return {
+    x: lerp(from.x ?? 0, to.x ?? 0, t),
+    y: lerp(from.y ?? 0, to.y ?? 0, t),
+    scaleX: lerp(from.scaleX ?? 1, to.scaleX ?? 1, t),
+    scaleY: lerp(from.scaleY ?? 1, to.scaleY ?? 1, t),
+    rotation: lerp(from.rotation ?? 0, to.rotation ?? 0, t),
+    anchorX: lerp(from.anchorX ?? 0.5, to.anchorX ?? 0.5, t),
+    anchorY: lerp(from.anchorY ?? 0.5, to.anchorY ?? 0.5, t)
+  };
+}
+function lerp(a, b, t) {
+  return a + (b - a) * t;
+}
+function applyEasing(t, easing) {
+  switch (easing) {
+    case "linear":
+      return t;
+    case "ease-in":
+      return t * t * t;
+    case "ease-out": {
+      const oneMinusT = 1 - t;
+      return 1 - oneMinusT * oneMinusT * oneMinusT;
+    }
+    case "ease-in-out":
+      return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+    default:
+      return t;
+  }
+}
 function resolveActiveLayers(layers, timestamp) {
   return layers.filter((layer) => {
-    if (layer.layerId.includes("base-video")) {
+    if (!layer.payload.attachmentId) {
       return true;
     }
     if (layer.status !== "ready") {
@@ -823,7 +980,7 @@ function resolveActiveLayers(layers, timestamp) {
     );
   });
 }
-function materializeLayer(layer, frame) {
+function materializeLayer(layer, frame, imageMap, globalTimeUs) {
   const baseLayer = {
     id: layer.layerId,
     type: layer.type,
@@ -853,22 +1010,74 @@ function materializeLayer(layer, frame) {
       lineHeight: payload.lineHeight,
       textAlign: payload.align,
       verticalAlign: "bottom"
-      // Subtitles positioned at bottom
     };
   }
   if (layer.type === "image") {
     const payload = layer.payload;
-    const source = payload.bitmapHandle ?? null;
-    if (source) {
-      return {
-        ...baseLayer,
-        type: "image",
-        source
+    const resourceId = payload.resourceId;
+    const source = imageMap.get(resourceId) ?? null;
+    const imageLayer = {
+      ...baseLayer,
+      type: "image",
+      source,
+      attachmentId: payload.attachmentId
+    };
+    if (payload.targetWidth !== void 0) {
+      imageLayer.targetWidth = payload.targetWidth;
+    }
+    if (payload.targetHeight !== void 0) {
+      imageLayer.targetHeight = payload.targetHeight;
+    }
+    if (payload.animation && globalTimeUs !== void 0) {
+      const animState = computeAnimationState(payload.animation, globalTimeUs);
+      if (!animState.visible) {
+        return null;
+      }
+      imageLayer.transform = {
+        x: animState.transform.x ?? 0,
+        y: animState.transform.y ?? 0,
+        scaleX: animState.transform.scaleX ?? 1,
+        scaleY: animState.transform.scaleY ?? 1,
+        rotation: animState.transform.rotation ?? 0,
+        anchorX: animState.transform.anchorX ?? 0.5,
+        anchorY: animState.transform.anchorY ?? 0.5
       };
+      if (animState.opacity !== void 0) {
+        imageLayer.opacity = animState.opacity;
+      }
     }
+    return imageLayer;
   }
   return baseLayer;
 }
+function computeAnimationState(animation, globalTimeUs) {
+  const { position, keyframes, overlayClipStartUs } = animation;
+  const relativeTimeUs = globalTimeUs - overlayClipStartUs;
+  if (relativeTimeUs < 0 || relativeTimeUs > keyframes[keyframes.length - 1].time) {
+    return {
+      transform: { x: 0, y: 0, scaleX: 1, scaleY: 1, rotation: 0, anchorX: 0.5, anchorY: 0.5 },
+      opacity: 0,
+      visible: false
+    };
+  }
+  const animState = interpolateKeyframes(keyframes, relativeTimeUs);
+  const rotationDeg = animState.transform?.rotation ?? 0;
+  const rotationRad = rotationDeg * Math.PI / 180;
+  const finalTransform = {
+    x: position.x + (animState.transform?.x ?? 0),
+    y: position.y + (animState.transform?.y ?? 0),
+    scaleX: animState.transform?.scaleX ?? 1,
+    scaleY: animState.transform?.scaleY ?? 1,
+    rotation: rotationRad,
+    anchorX: animState.transform?.anchorX ?? 0.5,
+    anchorY: animState.transform?.anchorY ?? 0.5
+  };
+  return {
+    transform: finalTransform,
+    opacity: animState.opacity,
+    visible: true
+  };
+}
 class VideoComposeWorker {
   channel;
   composer = null;
@@ -878,7 +1087,7 @@ class VideoComposeWorker {
   upstreamPort = null;
   instructions = null;
   streamState = null;
-  imageBitmap = null;
+  imageMap = /* @__PURE__ */ new Map();
   constructor() {
     this.channel = new WorkerChannel(self, {
       name: "VideoComposeWorker",
@@ -923,7 +1132,6 @@ class VideoComposeWorker {
    */
   async handleConfigure(payload) {
     const { config, initial } = payload;
-    console.log("[VideoComposeWorker] handleConfigure", config, initial);
     const hasValidDimensions = config.width > 0 && config.height > 0;
     const hasValidFps = config.fps > 0;
     if (!hasValidDimensions || !hasValidFps) {
@@ -1043,8 +1251,8 @@ class VideoComposeWorker {
     this.upstreamPort?.close();
     this.downstreamPort = null;
     this.upstreamPort = null;
-    this.imageBitmap?.close();
-    this.imageBitmap = null;
+    this.imageMap.forEach((bitmap) => bitmap.close());
+    this.imageMap.clear();
     this.instructions = null;
     this.streamState = null;
     this.channel.state = WorkerState.Disposed;
@@ -1067,16 +1275,21 @@ class VideoComposeWorker {
    * only accepts ImageBitmap/OffscreenCanvas, not HTMLImageElement or Blob
    */
   async handleReceiveImage(payload) {
-    const { sessionId, imageBitmap } = payload;
+    const { resourceId, sessionId, imageBitmap } = payload;
     if (!this.sessionId) {
       this.sessionId = sessionId;
     }
-    if (this.imageBitmap) {
-      this.imageBitmap.close();
+    const existing = this.imageMap.get(resourceId);
+    if (existing) {
+      existing.close();
     }
-    this.imageBitmap = imageBitmap;
+    this.imageMap.set(resourceId, imageBitmap);
     if (this.instructions) {
-      await this.startImageFrameStream();
+      const mainLayer = this.instructions.layers.find((l) => !l.payload.attachmentId);
+      const mainResourceId = mainLayer?.payload.resourceId;
+      if (resourceId === mainResourceId) {
+        await this.startImageFrameStream();
+      }
     }
     return { success: true };
   }
@@ -1087,8 +1300,8 @@ class VideoComposeWorker {
     this.upstreamPort?.close();
     this.downstreamPort = null;
     this.upstreamPort = null;
-    this.imageBitmap?.close();
-    this.imageBitmap = null;
+    this.imageMap.forEach((bitmap) => bitmap.close());
+    this.imageMap.clear();
     return { success: true };
   }
   async startImageFrameStream() {
@@ -1099,6 +1312,14 @@ class VideoComposeWorker {
     if (!timeline) {
       return;
     }
+    const mainLayer = this.instructions.layers.find((l) => !l.payload.attachmentId);
+    if (!mainLayer) return;
+    const mainResourceId = mainLayer.payload.resourceId;
+    const imageBitmap = this.imageMap.get(mainResourceId);
+    if (!imageBitmap) {
+      console.warn("[VideoComposeWorker] Main track ImageBitmap not found:", mainResourceId);
+      return;
+    }
     const { composeStream, cacheStream, encodeStream } = this.composer.createStreams();
     const { clipDurationUs, compositionFps } = timeline;
     let currentTimeUs = 0;
@@ -1108,7 +1329,7 @@ class VideoComposeWorker {
           controller.close();
           return;
         }
-        const videoFrame = new VideoFrame(this.imageBitmap, {
+        const videoFrame = new VideoFrame(imageBitmap, {
           timestamp: currentTimeUs,
           duration: frameDurationFromFps(compositionFps)
         });
@@ -1149,9 +1370,15 @@ class VideoComposeWorker {
     if (!activeLayers.length) {
       return null;
     }
-    const layers = activeLayers.map((layer) => materializeLayer(layer, frame));
+    const clipStartUs = instruction.baseConfig.timeline?.clipStartUs ?? 0;
+    const globalTimeUs = clipStartUs + clipRelativeTime;
+    const layers = activeLayers.map((layer) => materializeLayer(layer, frame, this.imageMap, globalTimeUs)).filter((layer) => layer !== null);
+    if (!layers.length) {
+      return null;
+    }
     return {
       timeUs: clipRelativeTime,
+      globalTimeUs,
       layers,
       transition: VideoComposeWorker.buildTransition(
         instruction.transitions,