@meframe/core 0.0.43 → 0.0.45

package/dist/orchestrator/VideoClipSession.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoClipSession.js","sources":["../../src/orchestrator/VideoClipSession.ts"],"sourcesContent":["import type { WorkerPool } from '../worker/WorkerPool';\nimport type { CacheManager } from '../cache/CacheManager';\nimport type { CompositionModel, Clip } from '../model';\nimport type { CompositionPlanner, ClipUpdateResult } from './CompositionPlanner';\nimport type { ClipInstructionSet } from '../stages/compose/instructions';\nimport type { BaseWorker } from '../worker/BaseWorker';\nimport type { WorkerType } from '../worker/types';\nimport type { ResourceLoader } from '../stages/load/ResourceLoader';\nimport { hasResourceId } from '../model/types';\n\ninterface VideoClipSessionCallbacks {\n  onComposedStreamReady(stream: ReadableStream<VideoFrame>, fps: number): Promise<void>;\n  onEncodedStreamReady(\n    stream: ReadableStream<{ chunk: EncodedVideoChunk; metadata: EncodedVideoChunkMetadata }>,\n    track: 'video' | 'audio'\n  ): Promise<void>;\n  onAudioStreamReady?(\n    stream: ReadableStream<AudioData>,\n    metadata: {\n      sessionId: string;\n      clipStartUs: number;\n      clipDurationUs: number;\n    }\n  ): void;\n  onStreamDisposed?(): void;\n  onPipelineReady?(attachmentResourceIds?: string[]): Promise<void>;\n}\n\ninterface VideoClipSessionConfig {\n  clipId: string;\n  sessionId?: string;\n  forL2Only?: boolean;\n  planner: CompositionPlanner;\n  workerPool: WorkerPool;\n  cacheManager: CacheManager;\n  compositionModel: CompositionModel;\n  workerConfigs: Record<WorkerType, any>;\n  callbacks: VideoClipSessionCallbacks;\n  resourceLoader?: ResourceLoader;\n}\n\ninterface InstructionContext {\n  revision: number;\n  instructions: ClipInstructionSet;\n  status: ClipInstructionSet['status'];\n}\n\nexport class VideoClipSession {\n  private readonly clipId: string;\n  private readonly sessionId: string;\n  private readonly forL2Only: boolean;\n  private readonly planner: CompositionPlanner;\n  private readonly workerPool: WorkerPool;\n  private readonly cacheManager: CacheManager;\n  private readonly compositionModel: CompositionModel;\n  private readonly workerConfigs: Record<WorkerType, any>;\n  private readonly callbacks: VideoClipSessionCallbacks;\n  private readonly resourceLoader?: ResourceLoader;\n\n  private instructionContext: InstructionContext | null = null;\n  composeWorker: BaseWorker | null = null;\n  private decodeWorker: BaseWorker | null = null;\n  private videoEncodeWorker: BaseWorker | null = null;\n  private videoDemuxWorker: BaseWorker | null = null;\n  private visualStream: ReadableStream<VideoFrame> | null = null;\n  private composeToEncodeChannel: MessageChannel | null = null;\n  private decodeToVisualChannel: MessageChannel | null = null;\n  private demuxToDecodeChannel: MessageChannel | null = null;\n  private isActive = false;\n  private isDisposed = false;\n\n  static async create(config: VideoClipSessionConfig): Promise<VideoClipSession> {\n    return new VideoClipSession(config);\n  }\n\n  private constructor(config: VideoClipSessionConfig) {\n    this.clipId = config.clipId;\n    this.sessionId = config.sessionId ?? config.clipId;\n    this.forL2Only = config.forL2Only ?? false;\n    this.planner = config.planner;\n    this.workerPool = config.workerPool;\n    this.cacheManager = config.cacheManager;\n    this.compositionModel = config.compositionModel;\n    this.workerConfigs = config.workerConfigs;\n    this.callbacks = config.callbacks;\n    this.resourceLoader = config.resourceLoader;\n  }\n\n  async activate(): Promise<void> {\n    if (this.isActive || this.isDisposed) return;\n\n    const clip = this.getClip();\n    const resource = this.getResource();\n    if (!clip || !resource) {\n      console.warn('[VideoClipSession] activate: clip or resource not found', this.sessionId);\n      return;\n    }\n    if (resource.type === 'video') {\n      await this.setupVideoPipeline(clip, resource);\n    } else if (resource.type === 'image') {\n      await this.setupImagePipeline(clip);\n    } else {\n      console.warn(\n        '[VideoClipSession] Unknown resource type:',\n        resource.type,\n        'for',\n        this.sessionId\n      );\n    }\n\n    await this.ensureInstructions(clip);\n\n    this.isActive = true;\n\n    // Notify that pipeline is ready - triggers resource loading\n    const attachmentResources = this.extractAttachmentImageResources();\n    if (this.callbacks.onPipelineReady) {\n      await this.callbacks.onPipelineReady(attachmentResources);\n    }\n  }\n\n  async deactivate(): Promise<void> {\n    if (!this.isActive || this.isDisposed) return;\n    this.isActive = false;\n\n    await this.releasePipeline();\n  }\n\n  async dispose(): Promise<void> {\n    if (this.isDisposed) return;\n    await this.deactivate();\n    this.planner.releaseClip(this.clipId);\n    this.isDisposed = true;\n  }\n\n  async handlePlannerUpdate(update: ClipUpdateResult): Promise<void> {\n    if (this.isDisposed) {\n      return;\n    }\n\n    if (update.type === 'remove') {\n      await this.dispose();\n      return;\n    }\n\n    const instructions = update.instructions;\n    if (!instructions) {\n      return;\n    }\n\n    const clip = this.getClip();\n    const resource = this.getResource();\n    if (!clip || !resource || (resource.type !== 'video' && resource.type !== 'image')) {\n      return;\n    }\n\n    // Any update requires pipeline restart (stream is closed after cache eviction)\n    if (this.isActive) {\n      await this.releasePipeline();\n      this.isActive = false;\n    }\n    await this.activate();\n  }\n\n  private getClip(): Clip | null {\n    return this.compositionModel?.findClip?.(this.clipId) ?? null;\n  }\n\n  private getResource() {\n    const clip = this.getClip();\n    if (!clip || !hasResourceId(clip)) return null;\n    return this.compositionModel.getResource(clip.resourceId) ?? null;\n  }\n\n  private extractAttachmentImageResources(): string[] {\n    if (!this.instructionContext?.instructions) return [];\n\n    const resourceIdSet = new Set<string>();\n    for (const layer of this.instructionContext.instructions.layers) {\n      // Only process attachment layers (with attachmentId)\n      if (!layer.payload.attachmentId) continue;\n\n      if (layer.type === 'image') {\n        const imagePayload = layer.payload;\n        if (imagePayload.oldResourceId) {\n          resourceIdSet.add(imagePayload.oldResourceId);\n        }\n        const resourceId = imagePayload.resourceId;\n        if (resourceId) {\n          resourceIdSet.add(resourceId);\n        }\n      }\n    }\n    return Array.from(resourceIdSet);\n  }\n\n  private async ensureInstructions(_clip: Clip): Promise<void> {\n    const instructions = this.planner.getInstructions(this.clipId);\n    if (!instructions) {\n      throw new Error(`No instructions for clip ${this.clipId}`);\n    }\n    await this.installInstructions(instructions);\n  }\n\n  private async setupImagePipeline(clip: Clip): Promise<void> {\n    await this.acquireWorkers(clip, false);\n    await this.connectImagePipeline();\n  }\n\n  private async connectImagePipeline(): Promise<void> {\n    if (!this.composeWorker) {\n      throw new Error('Pipeline workers not ready');\n    }\n\n    // Use sessionId for worker communication\n    const sessionId = this.sessionId;\n\n    // Connect visualWorker to encodeWorker (only if L2 mode)\n    if (this.videoEncodeWorker) {\n      this.composeToEncodeChannel = new MessageChannel();\n      await this.composeWorker.send(\n        'connect',\n        {\n          direction: 'downstream',\n          port: this.composeToEncodeChannel.port1,\n          streamType: 'video',\n          sessionId,\n        },\n        { transfer: [this.composeToEncodeChannel.port1] }\n      );\n      await this.videoEncodeWorker.send(\n        'connect',\n        {\n          direction: 'upstream',\n          port: this.composeToEncodeChannel.port2,\n          streamType: 'video',\n          sessionId,\n        },\n        { transfer: [this.composeToEncodeChannel.port2] }\n      );\n    }\n\n    this.composeWorker.receiveStream(async (stream) => {\n      const visualConfig = this.workerConfigs.videoCompose ?? {};\n      const fps = this.compositionModel.fps ?? visualConfig.fps ?? 30;\n      await this.callbacks.onComposedStreamReady(stream, fps);\n    });\n\n    // Receive encoded chunks from EncodeWorker (only in L2 mode)\n    if (this.videoEncodeWorker) {\n      this.videoEncodeWorker.receiveStream((stream, metadata) => {\n        this.callbacks.onEncodedStreamReady(\n          stream as ReadableStream<{\n            chunk: EncodedVideoChunk;\n            metadata: EncodedVideoChunkMetadata;\n          }>,\n          metadata?.streamType ?? 'video'\n        );\n      });\n    }\n  }\n\n  private async setupVideoPipeline(clip: Clip, _resource: { id: string }): Promise<void> {\n    await this.acquireWorkers(clip, true);\n    await this.connectVideoPipeline();\n  }\n\n  private async acquireWorkers(clip: Clip, isVideo: boolean): Promise<void> {\n    // Acquire video pipeline workers\n    if (isVideo) {\n      // VideoDemuxWorker\n      this.videoDemuxWorker = await this.workerPool.getOrCreate('videoDemux', this.sessionId, {\n        lazy: true,\n      });\n      const demuxConfig = this.workerConfigs.videoDemux ?? {};\n      await this.videoDemuxWorker.send('configure', {\n        initial: true,\n        config: {\n          ...demuxConfig,\n          // Audio is handled by GlobalAudioSession via AudioSampleCache\n          emitAudioToMain: false,\n        },\n      });\n\n      // VideoDecodeWorker\n      this.decodeWorker = await this.workerPool.getOrCreate('videoDecode', this.sessionId, {\n        lazy: true,\n      });\n      const decodeConfig = this.workerConfigs.videoDecode ?? {};\n      await this.decodeWorker.send('configure', {\n        initial: true,\n        config: decodeConfig,\n      });\n\n      // Note: Audio is handled by GlobalAudioSession via AudioSampleCache (main thread)\n    }\n\n    // VideoComposeWorker (always needed)\n    this.composeWorker = await this.workerPool.getOrCreate('videoCompose', this.sessionId, {\n      lazy: true,\n    });\n    const visualConfig = this.workerConfigs.videoCompose ?? {};\n    const renderOverrides = this.compositionModel.renderConfig ?? {};\n    const timeline = {\n      clipId: clip.id,\n      clipStartUs: clip.startUs,\n      clipEndUs: clip.startUs + clip.durationUs,\n      clipDurationUs: clip.durationUs,\n      compositionFps: this.compositionModel.fps ?? visualConfig.fps ?? 30,\n    };\n    await this.composeWorker.send('configure', {\n      initial: true,\n      clipId: clip.id,\n      config: { ...visualConfig, ...renderOverrides, timeline },\n    });\n\n    // VideoEncodeWorker (only for L2)\n    if (this.forL2Only) {\n      this.videoEncodeWorker = await this.workerPool.getOrCreate('videoEncode', this.sessionId, {\n        lazy: true,\n      });\n      const encodeConfig = this.workerConfigs.videoEncode ?? {};\n      const encoderConfig = { ...encodeConfig };\n      if (this.compositionModel.renderConfig?.width) {\n        encoderConfig.width = this.compositionModel.renderConfig.width;\n      }\n      if (this.compositionModel.renderConfig?.height) {\n        encoderConfig.height = this.compositionModel.renderConfig.height;\n      }\n      await this.videoEncodeWorker.send('configure', {\n        initial: true,\n        config: encoderConfig,\n      });\n    }\n  }\n\n  private async connectVideoPipeline(): Promise<void> {\n    if (!this.composeWorker || !this.decodeWorker || !this.videoDemuxWorker) {\n      throw new Error('Pipeline workers not ready');\n    }\n\n    // Use sessionId for worker communication\n    const sessionId = this.sessionId;\n\n    // Connect visualWorker to encodeWorker (only if L2 mode)\n    if (this.videoEncodeWorker) {\n      this.composeToEncodeChannel = new MessageChannel();\n      await this.composeWorker.send(\n        'connect',\n        {\n          direction: 'downstream',\n          port: this.composeToEncodeChannel.port1,\n          streamType: 'video',\n          sessionId,\n        },\n        { transfer: [this.composeToEncodeChannel.port1] }\n      );\n      await this.videoEncodeWorker.send(\n        'connect',\n        {\n          direction: 'upstream',\n          port: this.composeToEncodeChannel.port2,\n          streamType: 'video',\n          sessionId,\n        },\n        { transfer: [this.composeToEncodeChannel.port2] }\n      );\n    }\n\n    this.decodeToVisualChannel = new MessageChannel();\n    await this.decodeWorker.send(\n      'connect',\n      {\n        direction: 'downstream',\n        port: this.decodeToVisualChannel.port1,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.decodeToVisualChannel.port1] }\n    );\n    await this.composeWorker.send(\n      'connect',\n      {\n        direction: 'upstream',\n        port: this.decodeToVisualChannel.port2,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.decodeToVisualChannel.port2] }\n    );\n\n    this.demuxToDecodeChannel = new MessageChannel();\n    await this.videoDemuxWorker.send(\n      'connect',\n      {\n        direction: 'downstream',\n        port: this.demuxToDecodeChannel.port1,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.demuxToDecodeChannel.port1] }\n    );\n    await this.decodeWorker.send(\n      'connect',\n      {\n        direction: 'upstream',\n        port: this.demuxToDecodeChannel.port2,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.demuxToDecodeChannel.port2] }\n    );\n\n    // Setup stream receivers\n    this.composeWorker.receiveStream(async (stream) => {\n      const visualConfig = this.workerConfigs.videoCompose ?? {};\n      const fps = this.compositionModel.fps ?? visualConfig.fps ?? 30;\n      await this.callbacks.onComposedStreamReady(stream, fps);\n    });\n\n    // Receive encoded chunks from EncodeWorker (only in L2 mode)\n    if (this.videoEncodeWorker) {\n      this.videoEncodeWorker.receiveStream((stream, metadata) => {\n        this.callbacks.onEncodedStreamReady(\n          stream as ReadableStream<{\n            chunk: EncodedVideoChunk;\n            metadata: EncodedVideoChunkMetadata;\n          }>,\n          metadata?.streamType ?? 'video'\n        );\n      });\n    }\n  }\n\n  private async installInstructions(instructions: ClipInstructionSet): Promise<void> {\n    this.instructionContext = {\n      revision: instructions.revision,\n      instructions,\n      status: instructions.status,\n    };\n\n    if (this.composeWorker) {\n      await this.composeWorker.send('install_instructions', instructions);\n    }\n  }\n\n  private async releasePipeline(): Promise<void> {\n    if (!this.forL2Only) {\n      const clip = this.getClip();\n      if (clip && this.resourceLoader) {\n        if (clip.oldResourceId) {\n          this.resourceLoader.cancel(clip.oldResourceId);\n        }\n        if (hasResourceId(clip)) {\n          this.resourceLoader.cancel(clip.resourceId);\n        }\n\n        const attachmentResources = this.extractAttachmentImageResources();\n        for (const resourceId of attachmentResources) {\n          this.resourceLoader.cancel(resourceId);\n        }\n      }\n    }\n\n    if (this.composeWorker && this.instructionContext) {\n      await this.composeWorker.notify('dispose_clip', {\n        sessionId: this.sessionId,\n        revision: this.instructionContext.revision,\n      });\n    }\n\n    if (this.visualStream && this.callbacks.onStreamDisposed) {\n      this.callbacks.onStreamDisposed();\n    }\n    this.visualStream = null;\n\n    // Terminate clip-local workers\n    if (this.videoDemuxWorker) {\n      this.workerPool.terminate('videoDemux', this.sessionId);\n      this.videoDemuxWorker = null;\n    }\n\n    if (this.decodeWorker) {\n      this.workerPool.terminate('videoDecode', this.sessionId);\n      this.decodeWorker = null;\n    }\n\n    if (this.composeWorker) {\n      this.workerPool.terminate('videoCompose', this.sessionId);\n      this.composeWorker = null;\n    }\n\n    if (this.videoEncodeWorker) {\n      this.workerPool.terminate('videoEncode', this.sessionId);\n      this.videoEncodeWorker = null;\n    }\n\n    this.composeToEncodeChannel?.port1.close();\n    this.composeToEncodeChannel?.port2.close();\n    this.decodeToVisualChannel?.port1.close();\n    this.decodeToVisualChannel?.port2.close();\n    this.demuxToDecodeChannel?.port1.close();\n    this.demuxToDecodeChannel?.port2.close();\n\n    this.composeToEncodeChannel = null;\n    this.decodeToVisualChannel = null;\n    this.demuxToDecodeChannel = null;\n  }\n\n  async invalidateClipCache(): Promise<void> {\n    await this.cacheManager.invalidateClip(this.clipId);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"VideoClipSession.js","sources":["../../src/orchestrator/VideoClipSession.ts"],"sourcesContent":["import type { WorkerPool } from '../worker/WorkerPool';\nimport type { CacheManager } from '../cache/CacheManager';\nimport type { CompositionModel, Clip } from '../model';\nimport type { CompositionPlanner, ClipUpdateResult } from './CompositionPlanner';\nimport type { ClipInstructionSet } from '../stages/compose/instructions';\nimport type { BaseWorker } from '../worker/BaseWorker';\nimport type { WorkerType } from '../worker/types';\nimport type { ResourceLoader } from '../stages/load/ResourceLoader';\nimport { hasResourceId } from '../model/types';\nimport { OnDemandVideoSession } from './OnDemandVideoSession';\n\ninterface VideoClipSessionCallbacks {\n  onEncodedStreamReady(\n    stream: ReadableStream<{ chunk: EncodedVideoChunk; metadata: EncodedVideoChunkMetadata }>,\n    track: 'video' | 'audio'\n  ): Promise<void>;\n  onAudioStreamReady?(\n    stream: ReadableStream<AudioData>,\n    metadata: {\n      sessionId: string;\n      clipStartUs: number;\n      clipDurationUs: number;\n    }\n  ): void;\n  onStreamDisposed?(): void;\n  onPipelineReady?(attachmentResourceIds?: string[]): Promise<void>;\n}\n\ninterface VideoClipSessionConfig {\n  clipId: string;\n  sessionId?: string;\n  planner: CompositionPlanner;\n  workerPool: WorkerPool;\n  cacheManager: CacheManager;\n  compositionModel: CompositionModel;\n  workerConfigs: Record<WorkerType, any>;\n  callbacks: VideoClipSessionCallbacks;\n  resourceLoader?: ResourceLoader;\n}\n\ninterface InstructionContext {\n  revision: number;\n  instructions: ClipInstructionSet;\n  status: ClipInstructionSet['status'];\n}\n\n/**\n * VideoClipSession - Export-only session for rendering video clips\n *\n * Pipeline: OnDemandVideoSession (decode) -> ComposeWorker -> EncodeWorker\n * All sessions now use this architecture for export processing\n */\nexport class VideoClipSession {\n  private readonly clipId: string;\n  private readonly sessionId: string;\n  private readonly planner: CompositionPlanner;\n  private readonly workerPool: WorkerPool;\n  private readonly cacheManager: CacheManager;\n  private readonly compositionModel: CompositionModel;\n  private readonly workerConfigs: Record<WorkerType, any>;\n  private readonly callbacks: VideoClipSessionCallbacks;\n  private readonly resourceLoader?: ResourceLoader;\n\n  private instructionContext: InstructionContext | null = null;\n  private composeWorker: BaseWorker | null = null;\n  private videoEncodeWorker: BaseWorker | null = null;\n  private onDemandSession: OnDemandVideoSession | null = null;\n  private visualStream: ReadableStream<VideoFrame> | null = null;\n  private composeToEncodeChannel: MessageChannel | null = null;\n  private isActive = false;\n  private isDisposed = false;\n\n  static async create(config: VideoClipSessionConfig): Promise<VideoClipSession> {\n    return new VideoClipSession(config);\n  }\n\n  private constructor(config: VideoClipSessionConfig) {\n    this.clipId = config.clipId;\n    this.sessionId = config.sessionId ?? config.clipId;\n    this.planner = config.planner;\n    this.workerPool = config.workerPool;\n    this.cacheManager = config.cacheManager;\n    this.compositionModel = config.compositionModel;\n    this.workerConfigs = config.workerConfigs;\n    this.callbacks = config.callbacks;\n    this.resourceLoader = config.resourceLoader;\n  }\n\n  async activate(): Promise<void> {\n    if (this.isActive || this.isDisposed) return;\n\n    const clip = this.getClip();\n    const resource = this.getResource();\n    if (!clip || !resource) {\n      console.warn('[VideoClipSession] activate: clip or resource not found', this.sessionId);\n      return;\n    }\n\n    // Prepare instructions (but don't send yet - will send with stream)\n    await this.ensureInstructions(clip);\n\n    if (resource.type === 'video') {\n      await this.setupVideoPipeline(clip, resource);\n    } else if (resource.type === 'image') {\n      await this.setupImagePipeline(clip);\n    } else {\n      console.warn(\n        '[VideoClipSession] Unknown resource type:',\n        resource.type,\n        'for',\n        this.sessionId\n      );\n    }\n\n    this.isActive = true;\n\n    // Notify that pipeline is ready - triggers ONLY attachment resources loading\n    // Main track resources are loaded during:\n    // - Video: preloadResources phase (before pipeline creation)\n    // - Image: connectImagePipeline (parallel with worker setup)\n    const attachmentResources = this.extractAttachmentImageResources();\n    if (this.callbacks.onPipelineReady && attachmentResources.length > 0) {\n      await this.callbacks.onPipelineReady(attachmentResources);\n    }\n  }\n\n  async deactivate(): Promise<void> {\n    if (!this.isActive || this.isDisposed) return;\n    this.isActive = false;\n\n    await this.releasePipeline();\n  }\n\n  async dispose(): Promise<void> {\n    if (this.isDisposed) return;\n    await this.deactivate();\n    this.planner.releaseClip(this.clipId);\n    this.isDisposed = true;\n  }\n\n  async handlePlannerUpdate(update: ClipUpdateResult): Promise<void> {\n    if (this.isDisposed) {\n      return;\n    }\n\n    if (update.type === 'remove') {\n      await this.dispose();\n      return;\n    }\n\n    const instructions = update.instructions;\n    if (!instructions) {\n      return;\n    }\n\n    const clip = this.getClip();\n    const resource = this.getResource();\n    if (!clip || !resource || (resource.type !== 'video' && resource.type !== 'image')) {\n      return;\n    }\n\n    // Any update requires pipeline restart (stream is closed after cache eviction)\n    if (this.isActive) {\n      await this.releasePipeline();\n      this.isActive = false;\n    }\n    await this.activate();\n  }\n\n  private getClip(): Clip | null {\n    return this.compositionModel?.findClip?.(this.clipId) ?? null;\n  }\n\n  private getResource() {\n    const clip = this.getClip();\n    if (!clip || !hasResourceId(clip)) return null;\n    return this.compositionModel.getResource(clip.resourceId) ?? null;\n  }\n\n  private extractAttachmentImageResources(): string[] {\n    if (!this.instructionContext?.instructions) return [];\n\n    const resourceIdSet = new Set<string>();\n    for (const layer of this.instructionContext.instructions.layers) {\n      // Only process attachment layers (with attachmentId)\n      if (!layer.payload.attachmentId) continue;\n\n      if (layer.type === 'image') {\n        const imagePayload = layer.payload;\n        if (imagePayload.oldResourceId) {\n          resourceIdSet.add(imagePayload.oldResourceId);\n        }\n        const resourceId = imagePayload.resourceId;\n        if (resourceId) {\n          resourceIdSet.add(resourceId);\n        }\n      }\n    }\n    return Array.from(resourceIdSet);\n  }\n\n  private async ensureInstructions(_clip: Clip): Promise<void> {\n    const instructions = this.planner.getInstructions(this.clipId);\n    if (!instructions) {\n      throw new Error(`No instructions for clip ${this.clipId}`);\n    }\n    await this.installInstructions(instructions);\n  }\n\n  private async setupImagePipeline(clip: Clip): Promise<void> {\n    await this.acquireWorkers(clip);\n    await this.connectImagePipeline();\n  }\n\n  private async connectImagePipeline(): Promise<void> {\n    if (!this.composeWorker || !this.videoEncodeWorker) {\n      throw new Error('Pipeline workers not ready');\n    }\n\n    if (!this.resourceLoader) {\n      throw new Error('[VideoClipSession] ResourceLoader not available for image pipeline');\n    }\n\n    const sessionId = this.sessionId;\n    const clip = this.getClip();\n    if (!clip) {\n      throw new Error('[VideoClipSession] Clip not found for pipeline connection');\n    }\n\n    if (!this.instructionContext) {\n      throw new Error('[VideoClipSession] Instructions not installed before connecting pipeline');\n    }\n\n    // STEP 1: Connect ComposeWorker -> EncodeWorker\n    this.composeToEncodeChannel = new MessageChannel();\n    await this.composeWorker.send(\n      'connect',\n      {\n        direction: 'downstream',\n        port: this.composeToEncodeChannel.port1,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.composeToEncodeChannel.port1] }\n    );\n    await this.videoEncodeWorker.send(\n      'connect',\n      {\n        direction: 'upstream',\n        port: this.composeToEncodeChannel.port2,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.composeToEncodeChannel.port2] }\n    );\n\n    // STEP 2: Setup EncodeWorker stream receiver\n    this.videoEncodeWorker.receiveStream((stream, metadata) => {\n      this.callbacks.onEncodedStreamReady(\n        stream as ReadableStream<{\n          chunk: EncodedVideoChunk;\n          metadata: EncodedVideoChunkMetadata;\n        }>,\n        metadata?.streamType ?? 'video'\n      );\n    });\n\n    // STEP 3: Load main track image and send to ComposeWorker with instructions\n    // (aligned with video pipeline: sendStream with instructions in metadata)\n    if (hasResourceId(clip)) {\n      const resource = this.getResource();\n      if (!resource) {\n        throw new Error('[VideoClipSession] Resource not found for image pipeline');\n      }\n\n      // Load image directly (not through transferImageToWorker)\n      const imageBitmap = await this.resourceLoader.loadImage(resource);\n\n      // Send to ComposeWorker with instructions (same as video pipeline metadata)\n      await this.composeWorker.send(\n        'receive_image',\n        {\n          resourceId: resource.id,\n          sessionId,\n          imageBitmap,\n          instructions: this.instructionContext.instructions,\n        },\n        { transfer: [imageBitmap] }\n      );\n    }\n  }\n\n  private async setupVideoPipeline(clip: Clip, resource: { id: string }): Promise<void> {\n    await this.acquireWorkers(clip);\n\n    // Create OnDemandVideoSession for main-thread decoding\n    this.onDemandSession = await OnDemandVideoSession.create({\n      clipId: this.clipId,\n      resourceId: resource.id,\n      targetTimeUs: clip.trimStartUs ?? 0,\n      globalTimeUs: clip.startUs,\n      mp4IndexCache: this.cacheManager.mp4IndexCache,\n      cacheManager: this.cacheManager,\n      compositionModel: this.compositionModel,\n      resourceLoader: this.resourceLoader!,\n      fps: this.compositionModel.fps ?? 30,\n    });\n\n    await this.connectVideoPipeline();\n  }\n\n  private async acquireWorkers(clip: Clip): Promise<void> {\n    // VideoComposeWorker\n    this.composeWorker = await this.workerPool.getOrCreate('videoCompose', this.sessionId, {\n      lazy: true,\n    });\n    const visualConfig = this.workerConfigs.videoCompose ?? {};\n    const renderOverrides = this.compositionModel.renderConfig ?? {};\n    const timeline = {\n      clipId: clip.id,\n      clipStartUs: clip.startUs,\n      clipEndUs: clip.startUs + clip.durationUs,\n      clipDurationUs: clip.durationUs,\n      compositionFps: this.compositionModel.fps ?? visualConfig.fps ?? 30,\n    };\n    await this.composeWorker.send('configure', {\n      initial: true,\n      clipId: clip.id,\n      config: { ...visualConfig, ...renderOverrides, timeline },\n    });\n\n    // VideoEncodeWorker (always needed for export)\n    this.videoEncodeWorker = await this.workerPool.getOrCreate('videoEncode', this.sessionId, {\n      lazy: true,\n    });\n    const encodeConfig = this.workerConfigs.videoEncode ?? {};\n    const encoderConfig = { ...encodeConfig };\n    if (this.compositionModel.renderConfig?.width) {\n      encoderConfig.width = this.compositionModel.renderConfig.width;\n    }\n    if (this.compositionModel.renderConfig?.height) {\n      encoderConfig.height = this.compositionModel.renderConfig.height;\n    }\n    await this.videoEncodeWorker.send('configure', {\n      initial: true,\n      config: encoderConfig,\n    });\n  }\n\n  private async connectVideoPipeline(): Promise<void> {\n    if (!this.composeWorker || !this.videoEncodeWorker || !this.onDemandSession) {\n      throw new Error('Pipeline workers not ready');\n    }\n\n    const sessionId = this.sessionId;\n    const clip = this.getClip();\n    if (!clip) {\n      throw new Error('[VideoClipSession] Clip not found for pipeline connection');\n    }\n\n    if (!this.instructionContext) {\n      throw new Error('[VideoClipSession] Instructions not installed before connecting pipeline');\n    }\n\n    // STEP 1: Connect ComposeWorker -> EncodeWorker\n    this.composeToEncodeChannel = new MessageChannel();\n    await this.composeWorker.send(\n      'connect',\n      {\n        direction: 'downstream',\n        port: this.composeToEncodeChannel.port1,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.composeToEncodeChannel.port1] }\n    );\n    await this.videoEncodeWorker.send(\n      'connect',\n      {\n        direction: 'upstream',\n        port: this.composeToEncodeChannel.port2,\n        streamType: 'video',\n        sessionId,\n      },\n      { transfer: [this.composeToEncodeChannel.port2] }\n    );\n\n    // STEP 2: Setup EncodeWorker stream receiver\n    this.videoEncodeWorker.receiveStream((stream, metadata) => {\n      this.callbacks.onEncodedStreamReady(\n        stream as ReadableStream<{\n          chunk: EncodedVideoChunk;\n          metadata: EncodedVideoChunkMetadata;\n        }>,\n        metadata?.streamType ?? 'video'\n      );\n    });\n\n    // STEP 3: Start decoding and send frames to ComposeWorker\n    const trimStartUs = clip.trimStartUs ?? 0;\n    const trimEndUs = clip.trimEndUs ?? trimStartUs + clip.durationUs;\n    const frameStream = await this.onDemandSession.decodeRangeToStream(trimStartUs, trimEndUs);\n\n    // Send VideoFrame stream to ComposeWorker (main thread → worker)\n    // Include instructions in metadata to avoid race conditions\n    await this.composeWorker.sendStream(frameStream, {\n      sessionId,\n      streamType: 'video',\n      instructions: this.instructionContext.instructions,\n    });\n  }\n\n  private async installInstructions(instructions: ClipInstructionSet): Promise<void> {\n    this.instructionContext = {\n      revision: instructions.revision,\n      instructions,\n      status: instructions.status,\n    };\n  }\n\n  private async releasePipeline(): Promise<void> {\n    if (this.composeWorker && this.instructionContext) {\n      await this.composeWorker.notify('dispose_clip', {\n        sessionId: this.sessionId,\n        revision: this.instructionContext.revision,\n      });\n    }\n\n    if (this.visualStream && this.callbacks.onStreamDisposed) {\n      this.callbacks.onStreamDisposed();\n    }\n    this.visualStream = null;\n\n    // Cleanup OnDemandVideoSession\n    if (this.onDemandSession) {\n      await this.onDemandSession.dispose();\n      this.onDemandSession = null;\n    }\n\n    // Terminate workers\n    if (this.composeWorker) {\n      this.workerPool.terminate('videoCompose', this.sessionId);\n      this.composeWorker = null;\n    }\n\n    if (this.videoEncodeWorker) {\n      this.workerPool.terminate('videoEncode', this.sessionId);\n      this.videoEncodeWorker = null;\n    }\n\n    this.composeToEncodeChannel?.port1.close();\n    this.composeToEncodeChannel?.port2.close();\n    this.composeToEncodeChannel = null;\n  }\n\n  async invalidateClipCache(): Promise<void> {\n    await this.cacheManager.invalidateClip(this.clipId);\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stages/compose/FrameRateConverter.d.ts

@@ -16,6 +16,10 @@ import { TimeUs } from '../../model/types';
  * - Frames with timestamp < trimStartUs are filtered out (closed and skipped)
  * - Remaining frame timestamps are adjusted: adjustedTimestamp = timestamp - trimStartUs
  *
+ * Duration Handling:
+ * - Output stops when source frames are exhausted (no frame padding)
+ * - If source is shorter than clipDurationUs, output ends early
+ *
  * Scenarios:
  * - Downsampling (60fps→30fps): Skip every other frame
  * - Upsampling (24fps→30fps): Duplicate some frames
@@ -47,10 +51,6 @@ export declare class FrameRateConverter {
      * Output a single target frame
      */
     private outputTargetFrame;
-    /**
-     * Pad remaining duration with last frame (freeze frame effect)
-     */
-    private padWithLastFrame;
     /**
      * Clean up all buffered frames (except the specified frame to keep)
      */

package/dist/stages/compose/FrameRateConverter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrameRateConverter.d.ts","sourceRoot":"","sources":["../../../src/stages/compose/FrameRateConverter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAS;IACxC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IAGrC,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,iBAAiB,CAAoB;gBAEjC,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,GAAE,MAAU;IAa9E;;OAEG;IACH,YAAY,IAAI,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC;IAqBvD,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAuE1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAoB5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoBzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0BxB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmBxB;;;;;;OAMG;IACH,OAAO,CAAC,sBAAsB;IAa9B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAyCxB;;OAEG;IACH,QAAQ,IAAI;QACV,gBAAgB,EAAE,MAAM,CAAC;QACzB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;KACzB;CAQF"}
+{"version":3,"file":"FrameRateConverter.d.ts","sourceRoot":"","sources":["../../../src/stages/compose/FrameRateConverter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAS;IACxC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IAGrC,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,iBAAiB,CAAoB;gBAEjC,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,GAAE,MAAU;IAa9E;;OAEG;IACH,YAAY,IAAI,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC;IAqBvD,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAuE1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoBzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmBxB;;;;;;OAMG;IACH,OAAO,CAAC,sBAAsB;IAa9B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAyCxB;;OAEG;IACH,QAAQ,IAAI;QACV,gBAAgB,EAAE,MAAM,CAAC;QACzB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;KACzB;CAQF"}

package/dist/stages/compose/LayerRenderer.d.ts

@@ -10,6 +10,7 @@ export declare class LayerRenderer {
     private height;
     private currentFrame;
     private fps;
+    private readonly FILL_THRESHOLD;
     constructor(ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D, width: number, height: number, fps?: number);
     setCurrentFrame(frame: number): void;
     private ensureHighQualityRendering;
@@ -19,6 +20,14 @@ export declare class LayerRenderer {
     renderLayer(layer: Layer): Promise<void>;
     private parseDimension;
     private getLayerDimensions;
+    /**
+     * Calculate render dimensions with smart fill logic
+     * @param sourceWidth Source width
+     * @param sourceHeight Source height
+     * @param naturalScale Natural scale factor (scaleY for video, scaleX for image)
+     * @returns Render dimensions and position
+     */
+    private calculateRenderDimensions;
     private applyTransform;
     private renderVideoLayer;
     private renderImageLayer;

package/dist/stages/compose/LayerRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayerRenderer.d.ts","sourceRoot":"","sources":["../../../src/stages/compose/LayerRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAA8D,MAAM,SAAS,CAAC;AAMjG;;;GAGG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,GAAG,CAA+D;IAC1E,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,GAAG,CAAc;gBAGvB,GAAG,EAAE,iCAAiC,GAAG,wBAAwB,EACjE,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,GAAE,MAAW;IASlB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIpC,OAAO,CAAC,0BAA0B;IAKlC;;OAEG;IACG,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IA0C9C,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,kBAAkB;IA+C1B,OAAO,CAAC,cAAc;YA2BR,gBAAgB;YAwDhB,gBAAgB;YAqGhB,eAAe;IAuC7B,OAAO,CAAC,SAAS;IAkBjB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAKtD"}
+{"version":3,"file":"LayerRenderer.d.ts","sourceRoot":"","sources":["../../../src/stages/compose/LayerRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAA8D,MAAM,SAAS,CAAC;AAMjG;;;GAGG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,GAAG,CAA+D;IAC1E,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,GAAG,CAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAO;gBAGpC,GAAG,EAAE,iCAAiC,GAAG,wBAAwB,EACjE,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,GAAE,MAAW;IASlB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIpC,OAAO,CAAC,0BAA0B;IAKlC;;OAEG;IACG,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IA0C9C,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,kBAAkB;IA+C1B;;;;;;OAMG;IACH,OAAO,CAAC,yBAAyB;IAkCjC,OAAO,CAAC,cAAc;YA2BR,gBAAgB;YAmChB,gBAAgB;YAqFhB,eAAe;IAuC7B,OAAO,CAAC,SAAS;IAkBjB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAKtD"}

package/dist/stages/compose/LayerRenderer.js

@@ -8,6 +8,7 @@ class LayerRenderer {
   height;
   currentFrame = 0;
   fps = 30;
+  FILL_THRESHOLD = 0.9;
   constructor(ctx, width, height, fps = 30) {
     this.ctx = ctx;
     this.width = width;
@@ -105,6 +106,31 @@ class LayerRenderer {
     }
     return { width: this.width, height: this.height };
   }
+  /**
+   * Calculate render dimensions with smart fill logic
+   * @param sourceWidth Source width
+   * @param sourceHeight Source height
+   * @param naturalScale Natural scale factor (scaleY for video, scaleX for image)
+   * @returns Render dimensions and position
+   */
+  calculateRenderDimensions(sourceWidth, sourceHeight, naturalScale) {
+    const scaledWidth = sourceWidth * naturalScale;
+    const scaledHeight = sourceHeight * naturalScale;
+    const shouldFill = scaledWidth / this.width > this.FILL_THRESHOLD && scaledHeight / this.height > this.FILL_THRESHOLD;
+    let renderWidth;
+    let renderHeight;
+    if (shouldFill) {
+      const coverScale = Math.max(this.width / sourceWidth, this.height / sourceHeight);
+      renderWidth = Math.round(sourceWidth * coverScale);
+      renderHeight = Math.round(sourceHeight * coverScale);
+    } else {
+      renderWidth = Math.round(scaledWidth);
+      renderHeight = Math.round(scaledHeight);
+    }
+    const renderX = Math.round((this.width - renderWidth) / 2);
+    const renderY = Math.round((this.height - renderHeight) / 2);
+    return { width: renderWidth, height: renderHeight, x: renderX, y: renderY };
+  }
   applyTransform(transform, layerDimensions) {
     const anchorX = transform.anchorX ?? 0.5;
     const anchorY = transform.anchorY ?? 0.5;
@@ -125,25 +151,7 @@ class LayerRenderer {
     const videoWidth = videoFrame.displayWidth || videoFrame.codedWidth;
     const videoHeight = videoFrame.displayHeight || videoFrame.codedHeight;
     const naturalScale = this.height / videoHeight;
-    const scaledWidth = videoWidth * naturalScale;
-    const scaledHeight = videoHeight * naturalScale;
-    const FILL_THRESHOLD = 0.9;
-    const shouldFill = scaledWidth / this.width > FILL_THRESHOLD && scaledHeight / this.height > FILL_THRESHOLD;
-    let renderWidth;
-    let renderHeight;
-    let renderX;
-    let renderY;
-    if (shouldFill) {
-      renderWidth = this.width;
-      renderHeight = this.height;
-      renderX = 0;
-      renderY = 0;
-    } else {
-      renderWidth = Math.round(scaledWidth);
-      renderHeight = Math.round(scaledHeight);
-      renderX = Math.round((this.width - renderWidth) / 2);
-      renderY = Math.round((this.height - renderHeight) / 2);
-    }
+    const dimensions = this.calculateRenderDimensions(videoWidth, videoHeight, naturalScale);
     if (crop) {
       this.ctx.drawImage(
         videoFrame,
@@ -151,13 +159,19 @@ class LayerRenderer {
         crop.y,
         crop.width,
         crop.height,
-        renderX,
-        renderY,
-        renderWidth,
-        renderHeight
+        dimensions.x,
+        dimensions.y,
+        dimensions.width,
+        dimensions.height
       );
     } else {
-      this.ctx.drawImage(videoFrame, renderX, renderY, renderWidth, renderHeight);
+      this.ctx.drawImage(
+        videoFrame,
+        dimensions.x,
+        dimensions.y,
+        dimensions.width,
+        dimensions.height
+      );
     }
     videoFrame.close();
   }
@@ -201,17 +215,9 @@ class LayerRenderer {
         }
       } else {
         const naturalScale = this.width / imgWidth;
-        const scaledWidth = imgWidth * naturalScale;
-        const scaledHeight = imgHeight * naturalScale;
-        const FILL_THRESHOLD = 0.9;
-        const shouldFill = scaledWidth / this.width > FILL_THRESHOLD && scaledHeight / this.height > FILL_THRESHOLD;
-        if (shouldFill) {
-          renderWidth = this.width;
-          renderHeight = this.height;
-        } else {
-          renderWidth = Math.round(scaledWidth);
-          renderHeight = Math.round(scaledHeight);
-        }
+        const dimensions = this.calculateRenderDimensions(imgWidth, imgHeight, naturalScale);
+        renderWidth = dimensions.width;
+        renderHeight = dimensions.height;
       }
       const renderX = isAttachment ? 0 : Math.round((this.width - renderWidth) / 2);
       const renderY = isAttachment ? 0 : Math.round((this.height - renderHeight) / 2);

package/dist/stages/compose/LayerRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerRenderer.js","sources":["../../../src/stages/compose/LayerRenderer.ts"],"sourcesContent":["import type { Layer, VideoLayer, ImageLayer, TextLayer, Transform2D, MaskConfig } from './types';\nimport { renderBasicText, renderTextWithEntrance } from './text-renderers/basic-text-renderer';\nimport { renderWordByWord } from './text-renderers/word-by-word-renderer';\nimport { renderCharacterKTV } from './text-renderers/character-ktv-renderer';\nimport { renderWordByWordFancy } from './text-renderers/word-fancy-renderer';\n\n/**\n * LayerRenderer - Handles rendering of individual layers\n * Single responsibility: Draw a single layer to the canvas context\n */\nexport class LayerRenderer {\n  private ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D;\n  private width: number;\n  private height: number;\n  private currentFrame: number = 0;\n  private fps: number = 30;\n\n  constructor(\n    ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    fps: number = 30\n  ) {\n    this.ctx = ctx;\n    this.width = width;\n    this.height = height;\n    this.fps = fps;\n    this.ensureHighQualityRendering();\n  }\n\n  setCurrentFrame(frame: number): void {\n    this.currentFrame = frame;\n  }\n\n  private ensureHighQualityRendering(): void {\n    this.ctx.imageSmoothingEnabled = true;\n    this.ctx.imageSmoothingQuality = 'high';\n  }\n\n  /**\n   * Render a single layer with all its properties\n   */\n  async renderLayer(layer: Layer): Promise<void> {\n    if (!layer.visible || layer.opacity <= 0) return;\n\n    this.ctx.save();\n\n    try {\n      this.ensureHighQualityRendering();\n\n      // Apply layer properties\n      this.ctx.globalAlpha = layer.opacity;\n\n      if (layer.blendMode) {\n        this.ctx.globalCompositeOperation = layer.blendMode;\n      }\n\n      if (layer.transform) {\n        // Get layer dimensions for transform anchor calculation\n        const layerDimensions = this.getLayerDimensions(layer);\n        this.applyTransform(layer.transform, layerDimensions);\n      }\n      // Render based on layer type\n      switch (layer.type) {\n        case 'video':\n          await this.renderVideoLayer(layer as VideoLayer);\n          break;\n        case 'image':\n          await this.renderImageLayer(layer as ImageLayer);\n          break;\n        case 'text':\n          await this.renderTextLayer(layer as TextLayer);\n          break;\n      }\n\n      // Apply mask if present\n      if (layer.mask) {\n        this.applyMask(layer.mask);\n      }\n    } finally {\n      this.ctx.restore();\n    }\n  }\n\n  private parseDimension(\n    value: number | string | undefined,\n    canvasSize: number\n  ): number | undefined {\n    if (value === undefined) return undefined;\n    if (typeof value === 'number') return value;\n\n    // value is string at this point\n    const strValue = value as string;\n\n    // Parse percentage string like \"5%\"\n    if (strValue.includes('%')) {\n      const numValue = parseFloat(strValue);\n      return isNaN(numValue) ? undefined : (numValue / 100) * canvasSize;\n    }\n\n    // Parse as pixel value\n    const parsed = parseFloat(strValue);\n    return isNaN(parsed) ? undefined : parsed;\n  }\n\n  private getLayerDimensions(layer: Layer): { width: number; height: number } {\n    if (layer.type === 'image') {\n      const imageLayer = layer as ImageLayer;\n      if (imageLayer.source) {\n        const imgWidth = imageLayer.source.width;\n        const imgHeight = imageLayer.source.height;\n\n        // For attachment layers with target dimensions, calculate rendered size\n        const isAttachment = !!imageLayer.attachmentId;\n        if (isAttachment) {\n          const targetWidthRaw = (imageLayer as any).targetWidth;\n          const targetHeightRaw = (imageLayer as any).targetHeight;\n\n          // Parse dimensions (supports both pixels and percentages)\n          const targetWidth = this.parseDimension(targetWidthRaw, this.width);\n          const targetHeight = this.parseDimension(targetHeightRaw, this.height);\n\n          if (targetWidth && targetHeight) {\n            return { width: targetWidth, height: targetHeight };\n          } else if (targetWidth) {\n            return {\n              width: targetWidth,\n              height: (imgHeight / imgWidth) * targetWidth,\n            };\n          } else if (targetHeight) {\n            return {\n              width: (imgWidth / imgHeight) * targetHeight,\n              height: targetHeight,\n            };\n          }\n        }\n\n        // No scaling, return original dimensions\n        return { width: imgWidth, height: imgHeight };\n      }\n    } else if (layer.type === 'video') {\n      const videoLayer = layer as VideoLayer;\n      const videoFrame = videoLayer.videoFrame;\n      return {\n        width: videoFrame.displayWidth || videoFrame.codedWidth,\n        height: videoFrame.displayHeight || videoFrame.codedHeight,\n      };\n    }\n    // Default to canvas dimensions\n    return { width: this.width, height: this.height };\n  }\n\n  private applyTransform(\n    transform: Transform2D,\n    layerDimensions: { width: number; height: number }\n  ): void {\n    // Use layer dimensions (not canvas dimensions) for anchor calculation\n    const anchorX = transform.anchorX ?? 0.5;\n    const anchorY = transform.anchorY ?? 0.5;\n    const centerX = layerDimensions.width * anchorX;\n    const centerY = layerDimensions.height * anchorY;\n\n    // Move to the layer position + anchor offset\n    this.ctx.translate(transform.x + centerX, transform.y + centerY);\n\n    if (transform.rotation) {\n      this.ctx.rotate(transform.rotation);\n    }\n\n    this.ctx.scale(transform.scaleX, transform.scaleY);\n\n    if (transform.skewX || transform.skewY) {\n      this.ctx.transform(1, transform.skewY ?? 0, transform.skewX ?? 0, 1, 0, 0);\n    }\n\n    // Move back by anchor offset\n    this.ctx.translate(-centerX, -centerY);\n  }\n\n  private async renderVideoLayer(layer: VideoLayer): Promise<void> {\n    const { videoFrame, crop } = layer;\n\n    // Get video dimensions\n    const videoWidth = videoFrame.displayWidth || videoFrame.codedWidth;\n    const videoHeight = videoFrame.displayHeight || videoFrame.codedHeight;\n\n    // Video uses scaleY (height-based scaling) to match legacy behavior\n    const naturalScale = this.height / videoHeight;\n\n    // Calculate scaled dimensions\n    const scaledWidth = videoWidth * naturalScale;\n    const scaledHeight = videoHeight * naturalScale;\n\n    // Smart fill: when scaled size is close to container (>90%), use cover mode\n    const FILL_THRESHOLD = 0.9;\n    const shouldFill =\n      scaledWidth / this.width > FILL_THRESHOLD && scaledHeight / this.height > FILL_THRESHOLD;\n\n    let renderWidth: number;\n    let renderHeight: number;\n    let renderX: number;\n    let renderY: number;\n\n    if (shouldFill) {\n      // Cover mode: fill entire canvas\n      renderWidth = this.width;\n      renderHeight = this.height;\n      renderX = 0;\n      renderY = 0;\n    } else {\n      // Contain mode: use scaled dimensions and center\n      renderWidth = Math.round(scaledWidth);\n      renderHeight = Math.round(scaledHeight);\n      renderX = Math.round((this.width - renderWidth) / 2);\n      renderY = Math.round((this.height - renderHeight) / 2);\n    }\n\n    if (crop) {\n      this.ctx.drawImage(\n        videoFrame,\n        crop.x,\n        crop.y,\n        crop.width,\n        crop.height,\n        renderX,\n        renderY,\n        renderWidth,\n        renderHeight\n      );\n    } else {\n      this.ctx.drawImage(videoFrame, renderX, renderY, renderWidth, renderHeight);\n    }\n    videoFrame.close();\n  }\n\n  private async renderImageLayer(layer: ImageLayer): Promise<void> {\n    const { source, crop } = layer;\n\n    // Handle ImageData by putting it on canvas first\n    if (source instanceof ImageData) {\n      if (crop) {\n        // For ImageData with crop, we need to extract the cropped region\n        const tempCanvas = new OffscreenCanvas(crop.width, crop.height);\n        const tempCtx = tempCanvas.getContext('2d')!;\n        tempCtx.putImageData(source, -crop.x, -crop.y);\n        this.ctx.drawImage(tempCanvas, 0, 0, this.width, this.height);\n      } else {\n        // Put ImageData directly\n        this.ctx.putImageData(source, 0, 0);\n      }\n    } else {\n      // ImageBitmap can be drawn directly\n      if (!source) {\n        return;\n      }\n\n      // Determine if this is an attachment layer (has attachmentId)\n      const isAttachment = !!layer.attachmentId;\n      const imgWidth = source.width;\n      const imgHeight = source.height;\n\n      let renderWidth: number;\n      let renderHeight: number;\n\n      if (isAttachment) {\n        // Attachment images use original size (or targetWidth/targetHeight if specified)\n        const targetWidthRaw = (layer as any).targetWidth;\n        const targetHeightRaw = (layer as any).targetHeight;\n\n        // Parse dimensions (supports both pixels and percentages)\n        const targetWidth = this.parseDimension(targetWidthRaw, this.width);\n        const targetHeight = this.parseDimension(targetHeightRaw, this.height);\n\n        if (targetWidth && targetHeight) {\n          // Both specified, use as-is\n          renderWidth = targetWidth;\n          renderHeight = targetHeight;\n        } else if (targetWidth) {\n          // Only width specified, maintain aspect ratio\n          renderWidth = targetWidth;\n          renderHeight = (imgHeight / imgWidth) * targetWidth;\n        } else if (targetHeight) {\n          // Only height specified, maintain aspect ratio\n          renderHeight = targetHeight;\n          renderWidth = (imgWidth / imgHeight) * targetHeight;\n        } else {\n          // No target size, use original\n          renderWidth = imgWidth;\n          renderHeight = imgHeight;\n        }\n      } else {\n        // Main track images use scaleX (width-based scaling) to match legacy behavior\n        const naturalScale = this.width / imgWidth;\n\n        // Calculate scaled dimensions\n        const scaledWidth = imgWidth * naturalScale;\n        const scaledHeight = imgHeight * naturalScale;\n\n        // Smart fill: when scaled size is close to container (>90%), use cover mode\n        const FILL_THRESHOLD = 0.9;\n        const shouldFill =\n          scaledWidth / this.width > FILL_THRESHOLD && scaledHeight / this.height > FILL_THRESHOLD;\n\n        if (shouldFill) {\n          // Cover mode: fill entire canvas\n          renderWidth = this.width;\n          renderHeight = this.height;\n        } else {\n          // Contain mode: use scaled dimensions\n          renderWidth = Math.round(scaledWidth);\n          renderHeight = Math.round(scaledHeight);\n        }\n      }\n\n      // Calculate render position (center for main track images)\n      const renderX = isAttachment ? 0 : Math.round((this.width - renderWidth) / 2);\n      const renderY = isAttachment ? 0 : Math.round((this.height - renderHeight) / 2);\n\n      if (crop) {\n        this.ctx.drawImage(\n          source,\n          crop.x,\n          crop.y,\n          crop.width,\n          crop.height,\n          renderX,\n          renderY,\n          renderWidth,\n          renderHeight\n        );\n      } else {\n        this.ctx.drawImage(source, renderX, renderY, renderWidth, renderHeight);\n      }\n    }\n  }\n\n  private async renderTextLayer(layer: TextLayer): Promise<void> {\n    const animationType = layer.animation?.type;\n    const hasWordTimings = layer.wordTimings && layer.wordTimings.length > 0;\n\n    const needsWordTimings = ['wordByWord', 'characterKTV', 'wordByWordFancy'].includes(\n      animationType || ''\n    );\n\n    if (needsWordTimings && !hasWordTimings) {\n      renderBasicText(this.ctx, layer, this.width, this.height, this.currentFrame);\n      return;\n    }\n\n    switch (animationType) {\n      case 'wordByWord':\n        renderWordByWord(this.ctx, layer, this.width, this.height, this.currentFrame, this.fps);\n        break;\n      case 'characterKTV':\n        renderCharacterKTV(this.ctx, layer, this.width, this.height, this.currentFrame, this.fps);\n        break;\n      case 'wordByWordFancy':\n        renderWordByWordFancy(\n          this.ctx,\n          layer,\n          this.width,\n          this.height,\n          this.currentFrame,\n          this.fps\n        );\n        break;\n      case 'fade':\n        renderTextWithEntrance(this.ctx, layer, this.width, this.height, this.currentFrame);\n        break;\n      default:\n        renderBasicText(this.ctx, layer, this.width, this.height, this.currentFrame);\n        break;\n    }\n  }\n\n  private applyMask(mask: MaskConfig): void {\n    this.ctx.globalCompositeOperation = mask.invert ? 'source-out' : 'destination-in';\n\n    if (mask.source) {\n      this.ctx.drawImage(mask.source, 0, 0, this.width, this.height);\n    } else if (mask.shape === 'circle') {\n      this.ctx.beginPath();\n      this.ctx.arc(\n        this.width / 2,\n        this.height / 2,\n        Math.min(this.width, this.height) / 2,\n        0,\n        Math.PI * 2\n      );\n      this.ctx.fill();\n    }\n  }\n\n  updateDimensions(width: number, height: number): void {\n    this.width = width;\n    this.height = height;\n    this.ensureHighQualityRendering();\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LayerRenderer.js","sources":["../../../src/stages/compose/LayerRenderer.ts"],"sourcesContent":["import type { Layer, VideoLayer, ImageLayer, TextLayer, Transform2D, MaskConfig } from './types';\nimport { renderBasicText, renderTextWithEntrance } from './text-renderers/basic-text-renderer';\nimport { renderWordByWord } from './text-renderers/word-by-word-renderer';\nimport { renderCharacterKTV } from './text-renderers/character-ktv-renderer';\nimport { renderWordByWordFancy } from './text-renderers/word-fancy-renderer';\n\n/**\n * LayerRenderer - Handles rendering of individual layers\n * Single responsibility: Draw a single layer to the canvas context\n */\nexport class LayerRenderer {\n  private ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D;\n  private width: number;\n  private height: number;\n  private currentFrame: number = 0;\n  private fps: number = 30;\n  private readonly FILL_THRESHOLD = 0.9;\n\n  constructor(\n    ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    fps: number = 30\n  ) {\n    this.ctx = ctx;\n    this.width = width;\n    this.height = height;\n    this.fps = fps;\n    this.ensureHighQualityRendering();\n  }\n\n  setCurrentFrame(frame: number): void {\n    this.currentFrame = frame;\n  }\n\n  private ensureHighQualityRendering(): void {\n    this.ctx.imageSmoothingEnabled = true;\n    this.ctx.imageSmoothingQuality = 'high';\n  }\n\n  /**\n   * Render a single layer with all its properties\n   */\n  async renderLayer(layer: Layer): Promise<void> {\n    if (!layer.visible || layer.opacity <= 0) return;\n\n    this.ctx.save();\n\n    try {\n      this.ensureHighQualityRendering();\n\n      // Apply layer properties\n      this.ctx.globalAlpha = layer.opacity;\n\n      if (layer.blendMode) {\n        this.ctx.globalCompositeOperation = layer.blendMode;\n      }\n\n      if (layer.transform) {\n        // Get layer dimensions for transform anchor calculation\n        const layerDimensions = this.getLayerDimensions(layer);\n        this.applyTransform(layer.transform, layerDimensions);\n      }\n      // Render based on layer type\n      switch (layer.type) {\n        case 'video':\n          await this.renderVideoLayer(layer as VideoLayer);\n          break;\n        case 'image':\n          await this.renderImageLayer(layer as ImageLayer);\n          break;\n        case 'text':\n          await this.renderTextLayer(layer as TextLayer);\n          break;\n      }\n\n      // Apply mask if present\n      if (layer.mask) {\n        this.applyMask(layer.mask);\n      }\n    } finally {\n      this.ctx.restore();\n    }\n  }\n\n  private parseDimension(\n    value: number | string | undefined,\n    canvasSize: number\n  ): number | undefined {\n    if (value === undefined) return undefined;\n    if (typeof value === 'number') return value;\n\n    // value is string at this point\n    const strValue = value as string;\n\n    // Parse percentage string like \"5%\"\n    if (strValue.includes('%')) {\n      const numValue = parseFloat(strValue);\n      return isNaN(numValue) ? undefined : (numValue / 100) * canvasSize;\n    }\n\n    // Parse as pixel value\n    const parsed = parseFloat(strValue);\n    return isNaN(parsed) ? undefined : parsed;\n  }\n\n  private getLayerDimensions(layer: Layer): { width: number; height: number } {\n    if (layer.type === 'image') {\n      const imageLayer = layer as ImageLayer;\n      if (imageLayer.source) {\n        const imgWidth = imageLayer.source.width;\n        const imgHeight = imageLayer.source.height;\n\n        // For attachment layers with target dimensions, calculate rendered size\n        const isAttachment = !!imageLayer.attachmentId;\n        if (isAttachment) {\n          const targetWidthRaw = (imageLayer as any).targetWidth;\n          const targetHeightRaw = (imageLayer as any).targetHeight;\n\n          // Parse dimensions (supports both pixels and percentages)\n          const targetWidth = this.parseDimension(targetWidthRaw, this.width);\n          const targetHeight = this.parseDimension(targetHeightRaw, this.height);\n\n          if (targetWidth && targetHeight) {\n            return { width: targetWidth, height: targetHeight };\n          } else if (targetWidth) {\n            return {\n              width: targetWidth,\n              height: (imgHeight / imgWidth) * targetWidth,\n            };\n          } else if (targetHeight) {\n            return {\n              width: (imgWidth / imgHeight) * targetHeight,\n              height: targetHeight,\n            };\n          }\n        }\n\n        // No scaling, return original dimensions\n        return { width: imgWidth, height: imgHeight };\n      }\n    } else if (layer.type === 'video') {\n      const videoLayer = layer as VideoLayer;\n      const videoFrame = videoLayer.videoFrame;\n      return {\n        width: videoFrame.displayWidth || videoFrame.codedWidth,\n        height: videoFrame.displayHeight || videoFrame.codedHeight,\n      };\n    }\n    // Default to canvas dimensions\n    return { width: this.width, height: this.height };\n  }\n\n  /**\n   * Calculate render dimensions with smart fill logic\n   * @param sourceWidth Source width\n   * @param sourceHeight Source height\n   * @param naturalScale Natural scale factor (scaleY for video, scaleX for image)\n   * @returns Render dimensions and position\n   */\n  private calculateRenderDimensions(\n    sourceWidth: number,\n    sourceHeight: number,\n    naturalScale: number\n  ): { width: number; height: number; x: number; y: number } {\n    const scaledWidth = sourceWidth * naturalScale;\n    const scaledHeight = sourceHeight * naturalScale;\n\n    // Smart fill: when scaled size is close to container (>90%), use cover mode\n    const shouldFill =\n      scaledWidth / this.width > this.FILL_THRESHOLD &&\n      scaledHeight / this.height > this.FILL_THRESHOLD;\n\n    let renderWidth: number;\n    let renderHeight: number;\n\n    if (shouldFill) {\n      // Cover mode: use Math.max to ensure entire canvas is covered while maintaining aspect ratio\n      const coverScale = Math.max(this.width / sourceWidth, this.height / sourceHeight);\n      renderWidth = Math.round(sourceWidth * coverScale);\n      renderHeight = Math.round(sourceHeight * coverScale);\n    } else {\n      // Natural scale mode: use scaled dimensions\n      renderWidth = Math.round(scaledWidth);\n      renderHeight = Math.round(scaledHeight);\n    }\n\n    // Center the content\n    const renderX = Math.round((this.width - renderWidth) / 2);\n    const renderY = Math.round((this.height - renderHeight) / 2);\n\n    return { width: renderWidth, height: renderHeight, x: renderX, y: renderY };\n  }\n\n  private applyTransform(\n    transform: Transform2D,\n    layerDimensions: { width: number; height: number }\n  ): void {\n    // Use layer dimensions (not canvas dimensions) for anchor calculation\n    const anchorX = transform.anchorX ?? 0.5;\n    const anchorY = transform.anchorY ?? 0.5;\n    const centerX = layerDimensions.width * anchorX;\n    const centerY = layerDimensions.height * anchorY;\n\n    // Move to the layer position + anchor offset\n    this.ctx.translate(transform.x + centerX, transform.y + centerY);\n\n    if (transform.rotation) {\n      this.ctx.rotate(transform.rotation);\n    }\n\n    this.ctx.scale(transform.scaleX, transform.scaleY);\n\n    if (transform.skewX || transform.skewY) {\n      this.ctx.transform(1, transform.skewY ?? 0, transform.skewX ?? 0, 1, 0, 0);\n    }\n\n    // Move back by anchor offset\n    this.ctx.translate(-centerX, -centerY);\n  }\n\n  private async renderVideoLayer(layer: VideoLayer): Promise<void> {\n    const { videoFrame, crop } = layer;\n\n    // Get video dimensions\n    const videoWidth = videoFrame.displayWidth || videoFrame.codedWidth;\n    const videoHeight = videoFrame.displayHeight || videoFrame.codedHeight;\n\n    // Video uses scaleY (height-based scaling) to match legacy behavior\n    const naturalScale = this.height / videoHeight;\n    const dimensions = this.calculateRenderDimensions(videoWidth, videoHeight, naturalScale);\n\n    if (crop) {\n      this.ctx.drawImage(\n        videoFrame,\n        crop.x,\n        crop.y,\n        crop.width,\n        crop.height,\n        dimensions.x,\n        dimensions.y,\n        dimensions.width,\n        dimensions.height\n      );\n    } else {\n      this.ctx.drawImage(\n        videoFrame,\n        dimensions.x,\n        dimensions.y,\n        dimensions.width,\n        dimensions.height\n      );\n    }\n    videoFrame.close();\n  }\n\n  private async renderImageLayer(layer: ImageLayer): Promise<void> {\n    const { source, crop } = layer;\n\n    // Handle ImageData by putting it on canvas first\n    if (source instanceof ImageData) {\n      if (crop) {\n        // For ImageData with crop, we need to extract the cropped region\n        const tempCanvas = new OffscreenCanvas(crop.width, crop.height);\n        const tempCtx = tempCanvas.getContext('2d')!;\n        tempCtx.putImageData(source, -crop.x, -crop.y);\n        this.ctx.drawImage(tempCanvas, 0, 0, this.width, this.height);\n      } else {\n        // Put ImageData directly\n        this.ctx.putImageData(source, 0, 0);\n      }\n    } else {\n      // ImageBitmap can be drawn directly\n      if (!source) {\n        return;\n      }\n\n      // Determine if this is an attachment layer (has attachmentId)\n      const isAttachment = !!layer.attachmentId;\n      const imgWidth = source.width;\n      const imgHeight = source.height;\n\n      let renderWidth: number;\n      let renderHeight: number;\n\n      if (isAttachment) {\n        // Attachment images use original size (or targetWidth/targetHeight if specified)\n        const targetWidthRaw = (layer as any).targetWidth;\n        const targetHeightRaw = (layer as any).targetHeight;\n\n        // Parse dimensions (supports both pixels and percentages)\n        const targetWidth = this.parseDimension(targetWidthRaw, this.width);\n        const targetHeight = this.parseDimension(targetHeightRaw, this.height);\n\n        if (targetWidth && targetHeight) {\n          // Both specified, use as-is\n          renderWidth = targetWidth;\n          renderHeight = targetHeight;\n        } else if (targetWidth) {\n          // Only width specified, maintain aspect ratio\n          renderWidth = targetWidth;\n          renderHeight = (imgHeight / imgWidth) * targetWidth;\n        } else if (targetHeight) {\n          // Only height specified, maintain aspect ratio\n          renderHeight = targetHeight;\n          renderWidth = (imgWidth / imgHeight) * targetHeight;\n        } else {\n          // No target size, use original\n          renderWidth = imgWidth;\n          renderHeight = imgHeight;\n        }\n      } else {\n        // Main track images use scaleX (width-based scaling) to match legacy behavior\n        const naturalScale = this.width / imgWidth;\n        const dimensions = this.calculateRenderDimensions(imgWidth, imgHeight, naturalScale);\n        renderWidth = dimensions.width;\n        renderHeight = dimensions.height;\n      }\n\n      // Calculate render position (center for main track images, origin for attachments)\n      const renderX = isAttachment ? 0 : Math.round((this.width - renderWidth) / 2);\n      const renderY = isAttachment ? 0 : Math.round((this.height - renderHeight) / 2);\n\n      if (crop) {\n        this.ctx.drawImage(\n          source,\n          crop.x,\n          crop.y,\n          crop.width,\n          crop.height,\n          renderX,\n          renderY,\n          renderWidth,\n          renderHeight\n        );\n      } else {\n        this.ctx.drawImage(source, renderX, renderY, renderWidth, renderHeight);\n      }\n    }\n  }\n\n  private async renderTextLayer(layer: TextLayer): Promise<void> {\n    const animationType = layer.animation?.type;\n    const hasWordTimings = layer.wordTimings && layer.wordTimings.length > 0;\n\n    const needsWordTimings = ['wordByWord', 'characterKTV', 'wordByWordFancy'].includes(\n      animationType || ''\n    );\n\n    if (needsWordTimings && !hasWordTimings) {\n      renderBasicText(this.ctx, layer, this.width, this.height, this.currentFrame);\n      return;\n    }\n\n    switch (animationType) {\n      case 'wordByWord':\n        renderWordByWord(this.ctx, layer, this.width, this.height, this.currentFrame, this.fps);\n        break;\n      case 'characterKTV':\n        renderCharacterKTV(this.ctx, layer, this.width, this.height, this.currentFrame, this.fps);\n        break;\n      case 'wordByWordFancy':\n        renderWordByWordFancy(\n          this.ctx,\n          layer,\n          this.width,\n          this.height,\n          this.currentFrame,\n          this.fps\n        );\n        break;\n      case 'fade':\n        renderTextWithEntrance(this.ctx, layer, this.width, this.height, this.currentFrame);\n        break;\n      default:\n        renderBasicText(this.ctx, layer, this.width, this.height, this.currentFrame);\n        break;\n    }\n  }\n\n  private applyMask(mask: MaskConfig): void {\n    this.ctx.globalCompositeOperation = mask.invert ? 'source-out' : 'destination-in';\n\n    if (mask.source) {\n      this.ctx.drawImage(mask.source, 0, 0, this.width, this.height);\n    } else if (mask.shape === 'circle') {\n      this.ctx.beginPath();\n      this.ctx.arc(\n        this.width / 2,\n        this.height / 2,\n        Math.min(this.width, this.height) / 2,\n        0,\n        Math.PI * 2\n      );\n      this.ctx.fill();\n    }\n  }\n\n  updateDimensions(width: number, height: number): void {\n    this.width = width;\n    this.height = height;\n    this.ensureHighQualityRendering();\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stages/compose/font-system/font-templates.js

@@ -282,7 +282,7 @@ const baseSubtitleCenter = mergeFontTemplates(
   container60
 );
 baseSubtitleCenter.name = "baseSubtitleCenter";
-const baseSubtitle16_9 = mergeFontTemplates(normal40, fillWhite, strokeBlack8, globalTop92);
+const baseSubtitle16_9 = mergeFontTemplates(normal40, fillWhite, strokeBlack4, globalTop92);
 baseSubtitle16_9.name = "baseSubtitle16_9";
 const yellowSubtitle = mergeFontTemplates(yellowText, globalTop70);
 yellowSubtitle.name = "yellowSubtitle";

package/dist/stages/compose/font-system/font-templates.js.map

@@ -1 +1 @@
-{"version":3,"file":"font-templates.js","sources":["../../../../src/stages/compose/font-system/font-templates.ts"],"sourcesContent":["import type { TextStyle, ContainerStyle, GlobalPositionStyle } from './types';\n\nexport interface FontTemplate {\n  name: string;\n  textStyle?: Partial<TextStyle>;\n  containerStyle?: Partial<ContainerStyle>;\n  globalPosition?: Partial<GlobalPositionStyle>;\n}\n\nexport function mergeFontTemplates(...templates: FontTemplate[]): FontTemplate {\n  const merged: FontTemplate = { name: 'merged' };\n\n  for (const template of templates) {\n    if (template.textStyle) {\n      merged.textStyle = { ...merged.textStyle, ...template.textStyle };\n    }\n    if (template.containerStyle) {\n      merged.containerStyle = { ...merged.containerStyle, ...template.containerStyle };\n    }\n    if (template.globalPosition) {\n      merged.globalPosition = { ...merged.globalPosition, ...template.globalPosition };\n    }\n  }\n\n  return merged;\n}\n\nconst normal30: FontTemplate = {\n  name: 'normal-30',\n  textStyle: { fontSize: 30 },\n};\n\nconst normal40: FontTemplate = {\n  name: 'normal-40',\n  textStyle: { fontSize: 40 },\n};\n\nconst normal50: FontTemplate = {\n  name: 'normal-50',\n  textStyle: { fontSize: 50 },\n};\n\nconst normal60: FontTemplate = {\n  name: 'normal-60',\n  textStyle: { fontSize: 60 },\n};\n\nconst normal80: FontTemplate = {\n  name: 'normal-80',\n  textStyle: { fontSize: 80 },\n};\n\nconst bold40: FontTemplate = {\n  name: 'bold-40',\n  textStyle: { fontWeight: 'bold', fontSize: 40 },\n};\n\nconst bold50: FontTemplate = {\n  name: 'bold-50',\n  textStyle: { fontWeight: 'bold', fontSize: 50 },\n};\n\nconst bold60: FontTemplate = {\n  name: 'bold-60',\n  textStyle: { fontWeight: 'bold', letterSpacing: '0.05em', fontSize: 60 },\n};\n\nconst fillBlack: FontTemplate = {\n  name: 'fill-black',\n  textStyle: { fill: 'rgb(0, 0, 0)' },\n};\n\nconst fillWhite: FontTemplate = {\n  name: 'fill-white',\n  textStyle: { fill: 'rgb(255, 255, 255)' },\n};\n\nconst fillYellow: FontTemplate = {\n  name: 'fill-yellow',\n  textStyle: { fill: 'rgb(255, 215, 0)' },\n};\n\nconst fillRed: FontTemplate = {\n  name: 'fill-red',\n  textStyle: { fill: 'rgb(255, 77, 77)' },\n};\n\nconst fillPink: FontTemplate = {\n  name: 'fill-pink',\n  textStyle: { fill: 'rgb(255, 192, 203)' },\n};\n\nconst strokeBlack: FontTemplate = {\n  name: 'stroke-black',\n  textStyle: {\n    paintOrder: 'stroke',\n    strokeLinejoin: 'round',\n    strokeLinecap: 'round',\n    stroke: 'rgb(0, 0, 0)',\n  },\n};\n\nconst strokeWhite: FontTemplate = {\n  name: 'stroke-white',\n  textStyle: {\n    paintOrder: 'stroke',\n    strokeLinejoin: 'round',\n    strokeLinecap: 'round',\n    stroke: 'rgb(255, 255, 255)',\n  },\n};\n\nconst strokeYellow: FontTemplate = {\n  name: 'stroke-yellow',\n  textStyle: {\n    paintOrder: 'stroke',\n    strokeLinejoin: 'round',\n    strokeLinecap: 'round',\n    stroke: 'rgb(255, 215, 0)',\n  },\n};\n\nconst stroke0: FontTemplate = {\n  name: 'stroke-0',\n  textStyle: { strokeWidth: 0 },\n};\n\nconst stroke2: FontTemplate = {\n  name: 'stroke-2',\n  textStyle: { strokeWidth: 2 },\n};\n\nconst stroke4: FontTemplate = {\n  name: 'stroke-4',\n  textStyle: { strokeWidth: 4 },\n};\n\nconst stroke6: FontTemplate = {\n  name: 'stroke-6',\n  textStyle: { strokeWidth: 6 },\n};\n\nconst stroke8: FontTemplate = {\n  name: 'stroke-8',\n  textStyle: { strokeWidth: 8 },\n};\n\nconst stroke16: FontTemplate = {\n  name: 'stroke-16',\n  textStyle: { strokeWidth: 16 },\n};\n\nconst strokeBlack4 = mergeFontTemplates(strokeBlack, stroke4);\nstrokeBlack4.name = 'stroke-black-4';\n\nconst strokeBlack6 = mergeFontTemplates(strokeBlack, stroke6);\nstrokeBlack6.name = 'stroke-black-6';\n\nconst strokeBlack8 = mergeFontTemplates(strokeBlack, stroke8);\nstrokeBlack8.name = 'stroke-black-8';\n\nconst strokeBlack16 = mergeFontTemplates(strokeBlack, stroke16);\nstrokeBlack16.name = 'stroke-black-16';\n\nconst strokeWhite4 = mergeFontTemplates(strokeWhite, stroke4);\nstrokeWhite4.name = 'stroke-white-4';\n\nconst strokeWhite8 = mergeFontTemplates(strokeWhite, stroke8);\nstrokeWhite8.name = 'stroke-white-8';\n\nconst strokeYellow4 = mergeFontTemplates(strokeYellow, stroke4);\nstrokeYellow4.name = 'stroke-yellow-4';\n\nconst strokeYellow8 = mergeFontTemplates(strokeYellow, stroke8);\nstrokeYellow8.name = 'stroke-yellow-8';\n\nconst containerFull: FontTemplate = {\n  name: 'container-full',\n  containerStyle: { width: '100%' },\n};\n\nconst container60: FontTemplate = {\n  name: 'container-60',\n  containerStyle: { width: '60%' },\n};\n\nconst container80: FontTemplate = {\n  name: 'container-80',\n  containerStyle: { width: '80%' },\n};\n\nconst container95: FontTemplate = {\n  name: 'container-95',\n  containerStyle: { width: '95%' },\n};\n\nconst container98: FontTemplate = {\n  name: 'container-98',\n  containerStyle: { width: '98%' },\n};\n\nconst containerBlack: FontTemplate = {\n  name: 'container-black',\n  containerStyle: {\n    backgroundColor: 'black',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst containerWhite: FontTemplate = {\n  name: 'container-white',\n  containerStyle: {\n    backgroundColor: 'white',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst containerYellow: FontTemplate = {\n  name: 'container-yellow',\n  containerStyle: {\n    backgroundColor: 'yellow',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst containerBlackOpacity40: FontTemplate = {\n  name: 'container-black-opacity-40',\n  containerStyle: {\n    backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst globalCenter: FontTemplate = {\n  name: 'global-center',\n  globalPosition: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n};\n\nconst globalHorizontalCenter: FontTemplate = {\n  name: 'global-horizontal-center',\n  globalPosition: {\n    display: 'flex',\n    justifyContent: 'center',\n  },\n};\n\nconst globalTop5: FontTemplate = {\n  name: 'global-top-5',\n  globalPosition: {\n    position: 'absolute',\n    top: '5%',\n  },\n};\n\nconst globalTop10: FontTemplate = {\n  name: 'global-top-10',\n  globalPosition: {\n    position: 'absolute',\n    top: '10%',\n  },\n};\n\nconst globalTop20: FontTemplate = {\n  name: 'global-top-20',\n  globalPosition: {\n    position: 'absolute',\n    top: '20%',\n  },\n};\n\nconst globalTop70: FontTemplate = {\n  name: 'global-top-70',\n  globalPosition: {\n    position: 'absolute',\n    top: '70%',\n  },\n};\n\nconst globalTop80: FontTemplate = {\n  name: 'global-top-80',\n  globalPosition: {\n    position: 'absolute',\n    top: '80%',\n  },\n};\n\nconst globalTop92: FontTemplate = {\n  name: 'global-top-92',\n  globalPosition: {\n    position: 'absolute',\n    top: '92%',\n  },\n};\n\nconst globalBottom5: FontTemplate = {\n  name: 'global-bottom-5',\n  globalPosition: {\n    position: 'absolute',\n    bottom: '5%',\n  },\n};\n\nconst globalBottom10: FontTemplate = {\n  name: 'global-bottom-10',\n  globalPosition: {\n    position: 'absolute',\n    bottom: '10%',\n  },\n};\n\nconst globalBottom15: FontTemplate = {\n  name: 'global-bottom-15',\n  globalPosition: {\n    position: 'absolute',\n    bottom: '15%',\n  },\n};\n\nconst yellowText = mergeFontTemplates(normal40, fillYellow, strokeBlack8);\nyellowText.name = 'yellowText';\n\nconst whiteText = mergeFontTemplates(normal40, fillWhite, strokeBlack8);\nwhiteText.name = 'whiteText';\n\nconst blackText = mergeFontTemplates(normal40, fillBlack, strokeWhite8);\nblackText.name = 'blackText';\n\nconst baseSubtitle = mergeFontTemplates(normal40, fillWhite, strokeBlack8, globalTop70);\nbaseSubtitle.name = 'baseSubtitle';\n\nconst baseSubtitleCenter = mergeFontTemplates(\n  normal40,\n  fillWhite,\n  strokeBlack8,\n  globalTop70,\n  container60\n);\nbaseSubtitleCenter.name = 'baseSubtitleCenter';\n\nconst baseSubtitle16_9 = mergeFontTemplates(normal40, fillWhite, strokeBlack8, globalTop92);\nbaseSubtitle16_9.name = 'baseSubtitle16_9';\n\nconst yellowSubtitle = mergeFontTemplates(yellowText, globalTop70);\nyellowSubtitle.name = 'yellowSubtitle';\n\nconst whiteSubtitle = mergeFontTemplates(whiteText, globalTop70);\nwhiteSubtitle.name = 'whiteSubtitle';\n\nconst blackSubtitle = mergeFontTemplates(blackText, globalTop70);\nblackSubtitle.name = 'blackSubtitle';\n\nconst subtitleBackgroundBlack = mergeFontTemplates(\n  normal40,\n  fillWhite,\n  globalTop70,\n  containerBlack\n);\nsubtitleBackgroundBlack.name = 'subtitleBackgroundBlack';\n\nconst title = mergeFontTemplates(yellowText, bold50, globalTop5, container95);\ntitle.name = 'title';\n\nconst subtitle = mergeFontTemplates(normal30, fillWhite, strokeBlack8, globalTop5, container80);\nsubtitle.name = 'subtitle';\n\nexport const FONT_TEMPLATES: Record<string, FontTemplate> = {\n  'normal-30': normal30,\n  'normal-40': normal40,\n  'normal-50': normal50,\n  'normal-60': normal60,\n  'normal-80': normal80,\n  'bold-40': bold40,\n  'bold-50': bold50,\n  'bold-60': bold60,\n  'fill-black': fillBlack,\n  'fill-white': fillWhite,\n  'fill-yellow': fillYellow,\n  'fill-red': fillRed,\n  'fill-pink': fillPink,\n  'stroke-black': strokeBlack,\n  'stroke-white': strokeWhite,\n  'stroke-yellow': strokeYellow,\n  'stroke-0': stroke0,\n  'stroke-2': stroke2,\n  'stroke-4': stroke4,\n  'stroke-6': stroke6,\n  'stroke-8': stroke8,\n  'stroke-16': stroke16,\n  'stroke-black-4': strokeBlack4,\n  'stroke-black-6': strokeBlack6,\n  'stroke-black-8': strokeBlack8,\n  'stroke-black-16': strokeBlack16,\n  'stroke-white-4': strokeWhite4,\n  'stroke-white-8': strokeWhite8,\n  'stroke-yellow-4': strokeYellow4,\n  'stroke-yellow-8': strokeYellow8,\n  'container-full': containerFull,\n  'container-60': container60,\n  'container-80': container80,\n  'container-95': container95,\n  'container-98': container98,\n  'container-black': containerBlack,\n  'container-white': containerWhite,\n  'container-yellow': containerYellow,\n  'container-black-opacity-40': containerBlackOpacity40,\n  'global-center': globalCenter,\n  'global-horizontal-center': globalHorizontalCenter,\n  'global-top-5': globalTop5,\n  'global-top-10': globalTop10,\n  'global-top-20': globalTop20,\n  'global-top-70': globalTop70,\n  'global-top-80': globalTop80,\n  'global-top-92': globalTop92,\n  'global-bottom-5': globalBottom5,\n  'global-bottom-10': globalBottom10,\n  'global-bottom-15': globalBottom15,\n  yellowText,\n  whiteText,\n  blackText,\n  baseSubtitle,\n  baseSubtitleCenter,\n  baseSubtitle16_9,\n  yellowSubtitle,\n  whiteSubtitle,\n  blackSubtitle,\n  subtitleBackgroundBlack,\n  title,\n  subtitle,\n};\n\nexport function getTemplate(templateName: string): FontTemplate {\n  const templateNames = templateName.split(' ').filter(Boolean);\n  const templates = templateNames\n    .map((name) => FONT_TEMPLATES[name])\n    .filter((t): t is FontTemplate => t !== undefined);\n\n  if (templates.length === 0) {\n    return {\n      name: 'default',\n      textStyle: {\n        fontSize: 40,\n        fontWeight: 400,\n        fontFamily: 'Arial, sans-serif',\n        fill: 'rgb(255, 255, 255)',\n        stroke: 'rgb(0, 0, 0)',\n        strokeWidth: 8,\n        lineHeight: 1.2,\n      },\n    };\n  }\n\n  if (templates.length === 1) {\n    return templates[0]!;\n  }\n\n  return mergeFontTemplates(...templates);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"font-templates.js","sources":["../../../../src/stages/compose/font-system/font-templates.ts"],"sourcesContent":["import type { TextStyle, ContainerStyle, GlobalPositionStyle } from './types';\n\nexport interface FontTemplate {\n  name: string;\n  textStyle?: Partial<TextStyle>;\n  containerStyle?: Partial<ContainerStyle>;\n  globalPosition?: Partial<GlobalPositionStyle>;\n}\n\nexport function mergeFontTemplates(...templates: FontTemplate[]): FontTemplate {\n  const merged: FontTemplate = { name: 'merged' };\n\n  for (const template of templates) {\n    if (template.textStyle) {\n      merged.textStyle = { ...merged.textStyle, ...template.textStyle };\n    }\n    if (template.containerStyle) {\n      merged.containerStyle = { ...merged.containerStyle, ...template.containerStyle };\n    }\n    if (template.globalPosition) {\n      merged.globalPosition = { ...merged.globalPosition, ...template.globalPosition };\n    }\n  }\n\n  return merged;\n}\n\nconst normal30: FontTemplate = {\n  name: 'normal-30',\n  textStyle: { fontSize: 30 },\n};\n\nconst normal40: FontTemplate = {\n  name: 'normal-40',\n  textStyle: { fontSize: 40 },\n};\n\nconst normal50: FontTemplate = {\n  name: 'normal-50',\n  textStyle: { fontSize: 50 },\n};\n\nconst normal60: FontTemplate = {\n  name: 'normal-60',\n  textStyle: { fontSize: 60 },\n};\n\nconst normal80: FontTemplate = {\n  name: 'normal-80',\n  textStyle: { fontSize: 80 },\n};\n\nconst bold40: FontTemplate = {\n  name: 'bold-40',\n  textStyle: { fontWeight: 'bold', fontSize: 40 },\n};\n\nconst bold50: FontTemplate = {\n  name: 'bold-50',\n  textStyle: { fontWeight: 'bold', fontSize: 50 },\n};\n\nconst bold60: FontTemplate = {\n  name: 'bold-60',\n  textStyle: { fontWeight: 'bold', letterSpacing: '0.05em', fontSize: 60 },\n};\n\nconst fillBlack: FontTemplate = {\n  name: 'fill-black',\n  textStyle: { fill: 'rgb(0, 0, 0)' },\n};\n\nconst fillWhite: FontTemplate = {\n  name: 'fill-white',\n  textStyle: { fill: 'rgb(255, 255, 255)' },\n};\n\nconst fillYellow: FontTemplate = {\n  name: 'fill-yellow',\n  textStyle: { fill: 'rgb(255, 215, 0)' },\n};\n\nconst fillRed: FontTemplate = {\n  name: 'fill-red',\n  textStyle: { fill: 'rgb(255, 77, 77)' },\n};\n\nconst fillPink: FontTemplate = {\n  name: 'fill-pink',\n  textStyle: { fill: 'rgb(255, 192, 203)' },\n};\n\nconst strokeBlack: FontTemplate = {\n  name: 'stroke-black',\n  textStyle: {\n    paintOrder: 'stroke',\n    strokeLinejoin: 'round',\n    strokeLinecap: 'round',\n    stroke: 'rgb(0, 0, 0)',\n  },\n};\n\nconst strokeWhite: FontTemplate = {\n  name: 'stroke-white',\n  textStyle: {\n    paintOrder: 'stroke',\n    strokeLinejoin: 'round',\n    strokeLinecap: 'round',\n    stroke: 'rgb(255, 255, 255)',\n  },\n};\n\nconst strokeYellow: FontTemplate = {\n  name: 'stroke-yellow',\n  textStyle: {\n    paintOrder: 'stroke',\n    strokeLinejoin: 'round',\n    strokeLinecap: 'round',\n    stroke: 'rgb(255, 215, 0)',\n  },\n};\n\nconst stroke0: FontTemplate = {\n  name: 'stroke-0',\n  textStyle: { strokeWidth: 0 },\n};\n\nconst stroke2: FontTemplate = {\n  name: 'stroke-2',\n  textStyle: { strokeWidth: 2 },\n};\n\nconst stroke4: FontTemplate = {\n  name: 'stroke-4',\n  textStyle: { strokeWidth: 4 },\n};\n\nconst stroke6: FontTemplate = {\n  name: 'stroke-6',\n  textStyle: { strokeWidth: 6 },\n};\n\nconst stroke8: FontTemplate = {\n  name: 'stroke-8',\n  textStyle: { strokeWidth: 8 },\n};\n\nconst stroke16: FontTemplate = {\n  name: 'stroke-16',\n  textStyle: { strokeWidth: 16 },\n};\n\nconst strokeBlack4 = mergeFontTemplates(strokeBlack, stroke4);\nstrokeBlack4.name = 'stroke-black-4';\n\nconst strokeBlack6 = mergeFontTemplates(strokeBlack, stroke6);\nstrokeBlack6.name = 'stroke-black-6';\n\nconst strokeBlack8 = mergeFontTemplates(strokeBlack, stroke8);\nstrokeBlack8.name = 'stroke-black-8';\n\nconst strokeBlack16 = mergeFontTemplates(strokeBlack, stroke16);\nstrokeBlack16.name = 'stroke-black-16';\n\nconst strokeWhite4 = mergeFontTemplates(strokeWhite, stroke4);\nstrokeWhite4.name = 'stroke-white-4';\n\nconst strokeWhite8 = mergeFontTemplates(strokeWhite, stroke8);\nstrokeWhite8.name = 'stroke-white-8';\n\nconst strokeYellow4 = mergeFontTemplates(strokeYellow, stroke4);\nstrokeYellow4.name = 'stroke-yellow-4';\n\nconst strokeYellow8 = mergeFontTemplates(strokeYellow, stroke8);\nstrokeYellow8.name = 'stroke-yellow-8';\n\nconst containerFull: FontTemplate = {\n  name: 'container-full',\n  containerStyle: { width: '100%' },\n};\n\nconst container60: FontTemplate = {\n  name: 'container-60',\n  containerStyle: { width: '60%' },\n};\n\nconst container80: FontTemplate = {\n  name: 'container-80',\n  containerStyle: { width: '80%' },\n};\n\nconst container95: FontTemplate = {\n  name: 'container-95',\n  containerStyle: { width: '95%' },\n};\n\nconst container98: FontTemplate = {\n  name: 'container-98',\n  containerStyle: { width: '98%' },\n};\n\nconst containerBlack: FontTemplate = {\n  name: 'container-black',\n  containerStyle: {\n    backgroundColor: 'black',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst containerWhite: FontTemplate = {\n  name: 'container-white',\n  containerStyle: {\n    backgroundColor: 'white',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst containerYellow: FontTemplate = {\n  name: 'container-yellow',\n  containerStyle: {\n    backgroundColor: 'yellow',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst containerBlackOpacity40: FontTemplate = {\n  name: 'container-black-opacity-40',\n  containerStyle: {\n    backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    padding: '10px 10px 4px 10px',\n    borderRadius: 10,\n    width: '80%',\n  },\n};\n\nconst globalCenter: FontTemplate = {\n  name: 'global-center',\n  globalPosition: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n};\n\nconst globalHorizontalCenter: FontTemplate = {\n  name: 'global-horizontal-center',\n  globalPosition: {\n    display: 'flex',\n    justifyContent: 'center',\n  },\n};\n\nconst globalTop5: FontTemplate = {\n  name: 'global-top-5',\n  globalPosition: {\n    position: 'absolute',\n    top: '5%',\n  },\n};\n\nconst globalTop10: FontTemplate = {\n  name: 'global-top-10',\n  globalPosition: {\n    position: 'absolute',\n    top: '10%',\n  },\n};\n\nconst globalTop20: FontTemplate = {\n  name: 'global-top-20',\n  globalPosition: {\n    position: 'absolute',\n    top: '20%',\n  },\n};\n\nconst globalTop70: FontTemplate = {\n  name: 'global-top-70',\n  globalPosition: {\n    position: 'absolute',\n    top: '70%',\n  },\n};\n\nconst globalTop80: FontTemplate = {\n  name: 'global-top-80',\n  globalPosition: {\n    position: 'absolute',\n    top: '80%',\n  },\n};\n\nconst globalTop92: FontTemplate = {\n  name: 'global-top-92',\n  globalPosition: {\n    position: 'absolute',\n    top: '92%',\n  },\n};\n\nconst globalBottom5: FontTemplate = {\n  name: 'global-bottom-5',\n  globalPosition: {\n    position: 'absolute',\n    bottom: '5%',\n  },\n};\n\nconst globalBottom10: FontTemplate = {\n  name: 'global-bottom-10',\n  globalPosition: {\n    position: 'absolute',\n    bottom: '10%',\n  },\n};\n\nconst globalBottom15: FontTemplate = {\n  name: 'global-bottom-15',\n  globalPosition: {\n    position: 'absolute',\n    bottom: '15%',\n  },\n};\n\nconst yellowText = mergeFontTemplates(normal40, fillYellow, strokeBlack8);\nyellowText.name = 'yellowText';\n\nconst whiteText = mergeFontTemplates(normal40, fillWhite, strokeBlack8);\nwhiteText.name = 'whiteText';\n\nconst blackText = mergeFontTemplates(normal40, fillBlack, strokeWhite8);\nblackText.name = 'blackText';\n\nconst baseSubtitle = mergeFontTemplates(normal40, fillWhite, strokeBlack8, globalTop70);\nbaseSubtitle.name = 'baseSubtitle';\n\nconst baseSubtitleCenter = mergeFontTemplates(\n  normal40,\n  fillWhite,\n  strokeBlack8,\n  globalTop70,\n  container60\n);\nbaseSubtitleCenter.name = 'baseSubtitleCenter';\n\nconst baseSubtitle16_9 = mergeFontTemplates(normal40, fillWhite, strokeBlack4, globalTop92);\nbaseSubtitle16_9.name = 'baseSubtitle16_9';\n\nconst yellowSubtitle = mergeFontTemplates(yellowText, globalTop70);\nyellowSubtitle.name = 'yellowSubtitle';\n\nconst whiteSubtitle = mergeFontTemplates(whiteText, globalTop70);\nwhiteSubtitle.name = 'whiteSubtitle';\n\nconst blackSubtitle = mergeFontTemplates(blackText, globalTop70);\nblackSubtitle.name = 'blackSubtitle';\n\nconst subtitleBackgroundBlack = mergeFontTemplates(\n  normal40,\n  fillWhite,\n  globalTop70,\n  containerBlack\n);\nsubtitleBackgroundBlack.name = 'subtitleBackgroundBlack';\n\nconst title = mergeFontTemplates(yellowText, bold50, globalTop5, container95);\ntitle.name = 'title';\n\nconst subtitle = mergeFontTemplates(normal30, fillWhite, strokeBlack8, globalTop5, container80);\nsubtitle.name = 'subtitle';\n\nexport const FONT_TEMPLATES: Record<string, FontTemplate> = {\n  'normal-30': normal30,\n  'normal-40': normal40,\n  'normal-50': normal50,\n  'normal-60': normal60,\n  'normal-80': normal80,\n  'bold-40': bold40,\n  'bold-50': bold50,\n  'bold-60': bold60,\n  'fill-black': fillBlack,\n  'fill-white': fillWhite,\n  'fill-yellow': fillYellow,\n  'fill-red': fillRed,\n  'fill-pink': fillPink,\n  'stroke-black': strokeBlack,\n  'stroke-white': strokeWhite,\n  'stroke-yellow': strokeYellow,\n  'stroke-0': stroke0,\n  'stroke-2': stroke2,\n  'stroke-4': stroke4,\n  'stroke-6': stroke6,\n  'stroke-8': stroke8,\n  'stroke-16': stroke16,\n  'stroke-black-4': strokeBlack4,\n  'stroke-black-6': strokeBlack6,\n  'stroke-black-8': strokeBlack8,\n  'stroke-black-16': strokeBlack16,\n  'stroke-white-4': strokeWhite4,\n  'stroke-white-8': strokeWhite8,\n  'stroke-yellow-4': strokeYellow4,\n  'stroke-yellow-8': strokeYellow8,\n  'container-full': containerFull,\n  'container-60': container60,\n  'container-80': container80,\n  'container-95': container95,\n  'container-98': container98,\n  'container-black': containerBlack,\n  'container-white': containerWhite,\n  'container-yellow': containerYellow,\n  'container-black-opacity-40': containerBlackOpacity40,\n  'global-center': globalCenter,\n  'global-horizontal-center': globalHorizontalCenter,\n  'global-top-5': globalTop5,\n  'global-top-10': globalTop10,\n  'global-top-20': globalTop20,\n  'global-top-70': globalTop70,\n  'global-top-80': globalTop80,\n  'global-top-92': globalTop92,\n  'global-bottom-5': globalBottom5,\n  'global-bottom-10': globalBottom10,\n  'global-bottom-15': globalBottom15,\n  yellowText,\n  whiteText,\n  blackText,\n  baseSubtitle,\n  baseSubtitleCenter,\n  baseSubtitle16_9,\n  yellowSubtitle,\n  whiteSubtitle,\n  blackSubtitle,\n  subtitleBackgroundBlack,\n  title,\n  subtitle,\n};\n\nexport function getTemplate(templateName: string): FontTemplate {\n  const templateNames = templateName.split(' ').filter(Boolean);\n  const templates = templateNames\n    .map((name) => FONT_TEMPLATES[name])\n    .filter((t): t is FontTemplate => t !== undefined);\n\n  if (templates.length === 0) {\n    return {\n      name: 'default',\n      textStyle: {\n        fontSize: 40,\n        fontWeight: 400,\n        fontFamily: 'Arial, sans-serif',\n        fill: 'rgb(255, 255, 255)',\n        stroke: 'rgb(0, 0, 0)',\n        strokeWidth: 8,\n        lineHeight: 1.2,\n      },\n    };\n  }\n\n  if (templates.length === 1) {\n    return templates[0]!;\n  }\n\n  return mergeFontTemplates(...templates);\n}\n"],"names":[],"mappings":"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"}

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

@@ -29,9 +29,9 @@ export declare class ResourceLoader {
      */
     private isResourceCached;
     /**
-     * Transfer video stream to worker
+     * @deprecated Removed - Export now uses IndexedVideoSource instead of VideoDemuxWorker
+     * This method is no longer called and will be removed in the future.
      */
-    private transferVideoToWorker;
     /**
      * Transfer image to worker
      */
@@ -96,9 +96,10 @@ export declare class ResourceLoader {
      */
     private fetchBlob;
     /**
-     * Transfer stream to demux worker (for audio files)
+     * @deprecated Removed - Export now uses IndexedVideoSource instead of VideoDemuxWorker
+     * Audio files still use AudioDemuxWorker but no longer need this method.
+     * This method is no longer called and will be removed in the future.
      */
-    private transferToDemuxWorker;
     private updateResourceState;
     /**
      * Fetch a resource and wait for loading + parsing to complete

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLoader.d.ts","sourceRoot":"","sources":["../../../src/stages/load/ResourceLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAiB,MAAM,aAAa,CAAC;AAClF,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBpF,qBAAa,qBAAsB,SAAQ,KAAK;gBAClC,OAAO,EAAE,MAAM;CAI5B;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,KAAK,CAAC,CAAmB;IACjC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,QAAQ,CAAC,CAA4B;IAC7C,OAAO,CAAC,aAAa,CAAC,CAAyD;IAC/E,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,gBAAgB,CAAqB;IAG7C,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,YAAY,CAAgB;gBAExB,OAAO,EAAE,qBAAqB;IAYpC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAatD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAO5C,eAAe,IAAI,IAAI;IAmCvB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,YAAY;IAQpB;;OAEG;YACW,gBAAgB;IAuB9B;;OAEG;YACW,qBAAqB;IAcnC;;OAEG;YACW,qBAAqB;IAcnC;;OAEG;YACW,iBAAiB;IAiB/B;;OAEG;YACW,iBAAiB;IAQ/B;;OAEG;YACW,iBAAiB;IA0B/B;;OAEG;YACW,gBAAgB;IAM9B;;;OAGG;YACW,SAAS;IA4CvB;;OAEG;IACG,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA4D1D;;;OAGG;YACW,oBAAoB;IAclC;;;;;;;OAOG;YACW,iBAAiB;IA6C/B;;;OAGG;YACW,WAAW;IA8BzB;;;;OAIG;YACW,qBAAqB;IA8CnC;;OAEG;YACW,oBAAoB;IAwD5B,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC;IAoBzD;;OAEG;YACW,SAAS;IAUvB;;OAEG;YACW,qBAAqB;IAyBnC,OAAO,CAAC,mBAAmB;IAgB3B;;;;;;;;;;;OAWG;IACG,IAAI,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC;IAwH7E,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKhC;;OAEG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAI9C,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAOzB,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC;IAqB9E,IAAI,WAAW,IAAI,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAEvC;IAED,IAAI,SAAS,IAAI,QAAQ,EAAE,CAE1B;IAED,OAAO,IAAI,IAAI;IAKf;;;OAGG;IACH,OAAO,CAAC,kBAAkB;CAM3B"}
+{"version":3,"file":"ResourceLoader.d.ts","sourceRoot":"","sources":["../../../src/stages/load/ResourceLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAiB,MAAM,aAAa,CAAC;AAClF,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBpF,qBAAa,qBAAsB,SAAQ,KAAK;gBAClC,OAAO,EAAE,MAAM;CAI5B;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,KAAK,CAAC,CAAmB;IACjC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,QAAQ,CAAC,CAA4B;IAC7C,OAAO,CAAC,aAAa,CAAC,CAAyD;IAC/E,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,gBAAgB,CAAqB;IAG7C,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,YAAY,CAAgB;gBAExB,OAAO,EAAE,qBAAqB;IAYpC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAatD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAO5C,eAAe,IAAI,IAAI;IAmCvB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,YAAY;IAQpB;;OAEG;YACW,gBAAgB;IAuB9B;;;OAGG;IAKH;;OAEG;YACW,qBAAqB;IAcnC;;OAEG;YACW,iBAAiB;IAe/B;;OAEG;YACW,iBAAiB;IAQ/B;;OAEG;YACW,iBAAiB;IA0B/B;;OAEG;YACW,gBAAgB;IAM9B;;;OAGG;YACW,SAAS;IA4CvB;;OAEG;IACG,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA4D1D;;;OAGG;YACW,oBAAoB;IAclC;;;;;;;OAOG;YACW,iBAAiB;IAiB/B;;;OAGG;YACW,WAAW;IA8BzB;;;;OAIG;YACW,qBAAqB;IA8CnC;;OAEG;YACW,oBAAoB;IAwD5B,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC;IAoBzD;;OAEG;YACW,SAAS;IAUvB;;;;OAIG;IAKH,OAAO,CAAC,mBAAmB;IAgB3B;;;;;;;;;;;OAWG;IACG,IAAI,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC;IAwH7E,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKhC;;OAEG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAI9C,KAAK,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAOzB,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC;IAqB9E,IAAI,WAAW,IAAI,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAEvC;IAED,IAAI,SAAS,IAAI,QAAQ,EAAE,CAE1B;IAED,OAAO,IAAI,IAAI;IAKf;;;OAGG;IACH,OAAO,CAAC,kBAAkB;CAM3B"}