@meframe/core 0.0.2 → 0.0.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"AudioMixer.js","sources":["../../../src/stages/compose/AudioMixer.ts"],"sourcesContent":["import type {\n  AudioComposeConfig,\n  AudioTrack,\n  AudioTrackConfig,\n  FadeConfig,\n  MixRequest,\n  MixResult,\n} from './types';\nimport type { AudioDucker } from './AudioDucker';\n\nexport class AudioMixer {\n  config: AudioComposeConfig;\n  private tracksMap = new Map<string, AudioTrack>();\n\n  constructor(config: AudioComposeConfig) {\n    this.config = config;\n  }\n\n  getConfig(): AudioComposeConfig {\n    return { ...this.config };\n  }\n\n  updateConfig(update: Partial<AudioComposeConfig>): void {\n    this.config = { ...this.config, ...update };\n  }\n\n  get tracks(): AudioTrack[] {\n    return Array.from(this.tracksMap.values());\n  }\n\n  createMixStream(ducker?: AudioDucker): TransformStream<MixRequest, MixResult> {\n    return new TransformStream<MixRequest, MixResult>(\n      {\n        transform: async (request, controller) => {\n          try {\n            const frameCount = this.getFrameCount(request.durationUs);\n\n            if (ducker && request.duckingConfig?.enabled && frameCount > 0) {\n              const envelope = await ducker.generateDuckingEnvelope(request.tracks, frameCount);\n\n              for (const track of request.tracks) {\n                if (request.duckingConfig.targetTracks.includes(track.trackId)) {\n                  track.duckingEnvelope = ducker.applyEnvelopeToVolume(1, envelope);\n                }\n              }\n            }\n\n            const result = await this.mixTracks(request, frameCount);\n            controller.enqueue(result);\n          } catch (error) {\n            controller.error(error);\n          }\n        },\n      },\n      {\n        highWaterMark: 2,\n        size: () => 1,\n      }\n    );\n  }\n\n  async mixTracks(request: MixRequest, precomputedFrameCount?: number): Promise<MixResult> {\n    const tracks = request.tracks ?? [];\n    const frameCount = precomputedFrameCount ?? this.getFrameCount(request.durationUs);\n\n    const requestedChannelCount = this.config.numberOfChannels ?? 0;\n    const inferredChannelCount = tracks.reduce((max, track) => {\n      const trackChannels =\n        track?.numberOfChannels ??\n        track?.audioData?.numberOfChannels ??\n        this.config.numberOfChannels ??\n        0;\n      return trackChannels > max ? trackChannels : max;\n    }, 0);\n    const channelCount =\n      requestedChannelCount > 0 ? requestedChannelCount : Math.max(inferredChannelCount, 1);\n\n    const outputChannels: Float32Array[] = Array.from({ length: channelCount }, () => {\n      return new Float32Array(frameCount);\n    });\n\n    for (const track of tracks) {\n      if (!track) {\n        continue;\n      }\n\n      const resolvedAudioData = track.audioData;\n      if (!resolvedAudioData) {\n        continue;\n      }\n\n      this.mixTrackIntoOutput(\n        outputChannels,\n        {\n          ...track,\n          audioData: resolvedAudioData,\n          numberOfChannels:\n            track.numberOfChannels ??\n            resolvedAudioData.numberOfChannels ??\n            this.config.numberOfChannels,\n          sampleRate: track.sampleRate ?? resolvedAudioData.sampleRate ?? this.config.sampleRate,\n        },\n        request.timeUs,\n        frameCount\n      );\n    }\n\n    const { peakLevel, rmsLevel } = this.limitAndMeasure(outputChannels);\n    const audioData = this.createAudioData(outputChannels, request.timeUs);\n\n    return {\n      audioData,\n      timeUs: request.timeUs,\n      durationUs: request.durationUs,\n      peakLevel,\n      rmsLevel,\n    };\n  }\n\n  addTrack(track: AudioTrack): void {\n    this.tracksMap.set(track.id, track);\n  }\n\n  removeTrack(trackId: string): void {\n    this.tracksMap.delete(trackId);\n  }\n\n  updateTrack(\n    trackId: string,\n    patch: Partial<AudioTrack> & { config?: Partial<AudioTrackConfig> }\n  ): void {\n    const track = this.tracksMap.get(trackId);\n    if (!track) {\n      return;\n    }\n\n    const { config, ...rest } = patch;\n    if (config) {\n      Object.assign(track.config, config);\n    }\n    Object.assign(track, rest);\n  }\n\n  private mixTrackIntoOutput(\n    outputChannels: Float32Array[],\n    track: MixRequest['tracks'][0],\n    mixStartUs: number,\n    totalFrameCount: number\n  ): void {\n    if (totalFrameCount === 0) {\n      track.audioData.close();\n      return;\n    }\n\n    if (track.sampleRate !== this.config.sampleRate) {\n      track.audioData.close();\n      throw new Error('AudioMixer: sample rate mismatch');\n    }\n\n    const trackChannelCount = track.audioData.numberOfChannels ?? track.numberOfChannels ?? 0;\n    if (trackChannelCount === 0) {\n      track.audioData.close();\n      return;\n    }\n\n    const trackChannels = this.extractChannels(track.audioData);\n    if (trackChannels.length === 0) {\n      track.audioData.close();\n      return;\n    }\n    const trackFrameCount = track.audioData.numberOfFrames;\n\n    if (trackFrameCount === 0) {\n      track.audioData.close();\n      return;\n    }\n\n    const timestampUs = track.audioData.timestamp ?? mixStartUs;\n    const deltaUs = timestampUs - mixStartUs;\n    let outputOffsetFrames = Math.round((deltaUs / 1_000_000) * this.config.sampleRate);\n    let sourceOffsetFrames = 0;\n\n    if (outputOffsetFrames < 0) {\n      sourceOffsetFrames = Math.min(trackFrameCount, -outputOffsetFrames);\n      outputOffsetFrames = 0;\n    }\n\n    if (outputOffsetFrames >= totalFrameCount) {\n      track.audioData.close();\n      return;\n    }\n\n    const availableFrames = Math.min(\n      trackFrameCount - sourceOffsetFrames,\n      totalFrameCount - outputOffsetFrames\n    );\n\n    if (availableFrames <= 0) {\n      track.audioData.close();\n      return;\n    }\n\n    const gains = this.buildGainEnvelope(\n      track,\n      availableFrames,\n      outputOffsetFrames,\n      sourceOffsetFrames,\n      trackFrameCount\n    );\n\n    const destinationChannelCount = outputChannels.length;\n    const sourceChannelCount = trackChannels.length;\n\n    for (let channelIndex = 0; channelIndex < destinationChannelCount; channelIndex++) {\n      const destination = outputChannels[channelIndex];\n      const source = trackChannels[channelIndex] ?? trackChannels[sourceChannelCount - 1];\n      if (!destination || !source) continue;\n\n      for (let frameIndex = 0; frameIndex < availableFrames; frameIndex++) {\n        const sample = source[sourceOffsetFrames + frameIndex] ?? 0;\n        const gain = gains[frameIndex] ?? 0;\n        destination[outputOffsetFrames + frameIndex] =\n          (destination[outputOffsetFrames + frameIndex] ?? 0) + sample * gain;\n      }\n    }\n\n    track.audioData.close();\n  }\n\n  private buildGainEnvelope(\n    track: MixRequest['tracks'][0],\n    length: number,\n    outputOffsetFrames: number,\n    sourceOffsetFrames: number,\n    trackFrameCount: number\n  ): Float32Array {\n    const gains = new Float32Array(length);\n    const baseVolume = typeof track.config.volume === 'number' ? track.config.volume : 1;\n    gains.fill(baseVolume);\n\n    const fadeInSamples = this.getFadeSampleCount(track.config.fadeIn);\n    const fadeOutSamples = this.getFadeSampleCount(track.config.fadeOut);\n    const clipDurationSamples = this.getClipSampleCount(track.config.durationUs) || trackFrameCount;\n    const trackStartFrame = this.computeTrackStartFrame(track);\n\n    for (let i = 0; i < length; i++) {\n      const envelopeIndex = outputOffsetFrames + i;\n      const absoluteFrame = trackStartFrame + sourceOffsetFrames + i;\n      let gain = baseVolume;\n\n      if (fadeInSamples > 0 && absoluteFrame < fadeInSamples) {\n        const progress = Math.min(1, absoluteFrame / fadeInSamples);\n        gain *= this.getCurveValue(progress, track.config.fadeIn?.curve);\n      }\n\n      if (fadeOutSamples > 0 && clipDurationSamples > 0) {\n        const fadeStart = Math.max(0, clipDurationSamples - fadeOutSamples);\n        if (absoluteFrame >= fadeStart) {\n          const progress = Math.min(1, (absoluteFrame - fadeStart) / fadeOutSamples);\n          const remaining = Math.max(0, 1 - progress);\n          gain *= this.getCurveValue(remaining, track.config.fadeOut?.curve);\n        }\n      }\n\n      if (\n        track.duckingEnvelope &&\n        envelopeIndex < track.duckingEnvelope.length &&\n        envelopeIndex >= 0\n      ) {\n        gain *= track.duckingEnvelope[envelopeIndex] ?? 1;\n      }\n\n      gains[i] = gain;\n    }\n\n    return gains;\n  }\n\n  private extractChannels(audioData: AudioData): Float32Array[] {\n    const configuredChannels = this.config.numberOfChannels ?? 0;\n    const channelCount = audioData.numberOfChannels ?? configuredChannels;\n    const frameCount = audioData.numberOfFrames;\n    const format: string = (audioData as any).format ?? 'f32';\n\n    if (!channelCount || !frameCount) {\n      return [];\n    }\n\n    const toFloat = (value: number): number => value / 32768;\n\n    const zeroChannels = (): Float32Array[] =>\n      Array.from(\n        { length: configuredChannels || channelCount },\n        () => new Float32Array(frameCount)\n      );\n\n    if (format === 'f32') {\n      const interleaved = new Float32Array(frameCount * channelCount);\n      audioData.copyTo(interleaved, { format: 'f32', planeIndex: 0 });\n      const channels = zeroChannels();\n      for (let frame = 0; frame < frameCount; frame++) {\n        const offset = frame * channelCount;\n        for (let channel = 0; channel < channels.length; channel++) {\n          const channelArray = channels[channel];\n          if (!channelArray) continue;\n          const sourceChannel = channel < channelCount ? channel : channelCount - 1;\n          channelArray[frame] = interleaved[offset + sourceChannel] ?? 0;\n        }\n      }\n      return channels;\n    }\n\n    if (format === 's16') {\n      const interleaved = new Int16Array(frameCount * channelCount);\n      audioData.copyTo(interleaved, { format: 's16', planeIndex: 0 });\n      const channels = zeroChannels();\n      for (let frame = 0; frame < frameCount; frame++) {\n        const offset = frame * channelCount;\n        for (let channel = 0; channel < channels.length; channel++) {\n          const channelArray = channels[channel];\n          if (!channelArray) continue;\n          const sourceChannel = channel < channelCount ? channel : channelCount - 1;\n          channelArray[frame] = toFloat(interleaved[offset + sourceChannel] ?? 0);\n        }\n      }\n      return channels;\n    }\n\n    if (format === 'f32-planar') {\n      const channels = zeroChannels();\n      for (let channel = 0; channel < channels.length; channel++) {\n        const channelArray = channels[channel];\n        if (!channelArray) continue;\n        const sourceChannel = channel < channelCount ? channel : channelCount - 1;\n        audioData.copyTo(channelArray, { planeIndex: sourceChannel, format: 'f32-planar' });\n      }\n      return channels;\n    }\n\n    if (format === 's16-planar') {\n      const tmp = new Int16Array(frameCount);\n      const channels = zeroChannels();\n      for (let channel = 0; channel < channels.length; channel++) {\n        const channelArray = channels[channel];\n        if (!channelArray) continue;\n        const sourceChannel = channel < channelCount ? channel : channelCount - 1;\n        audioData.copyTo(tmp, { planeIndex: sourceChannel, format: 's16-planar' as any });\n        for (let i = 0; i < frameCount; i++) {\n          channelArray[i] = toFloat(tmp[i] ?? 0);\n        }\n      }\n      return channels;\n    }\n\n    const channels = zeroChannels();\n    for (let channel = 0; channel < channels.length; channel++) {\n      const channelArray = channels[channel];\n      if (!channelArray) continue;\n      const sourceChannel = channel < channelCount ? channel : channelCount - 1;\n      audioData.copyTo(channelArray, { planeIndex: sourceChannel });\n    }\n    return channels;\n  }\n\n  private limitAndMeasure(channels: Float32Array[]): { peakLevel: number; rmsLevel: number } {\n    let peak = 0;\n    let sumSquares = 0;\n    let samples = 0;\n\n    for (const channel of channels) {\n      for (let i = 0; i < channel.length; i++) {\n        let sample = channel[i] ?? 0;\n        if (sample > 1) {\n          sample = 1;\n        } else if (sample < -1) {\n          sample = -1;\n        }\n\n        channel[i] = sample;\n\n        const absSample = Math.abs(sample);\n        if (absSample > peak) {\n          peak = absSample;\n        }\n\n        sumSquares += sample * sample;\n        samples++;\n      }\n    }\n\n    const rmsLevel = samples > 0 ? Math.sqrt(sumSquares / samples) : 0;\n\n    return {\n      peakLevel: peak,\n      rmsLevel,\n    };\n  }\n\n  private createAudioData(channels: Float32Array[], timestampUs: number): AudioData {\n    const configuredChannels = this.config.numberOfChannels ?? 0;\n    const inferredChannels = channels.length;\n    const numberOfChannels = (inferredChannels > 0 ? inferredChannels : configuredChannels) || 1;\n    const numberOfFrames = channels[0]?.length ?? 0;\n    // console.log('>>>>>>>>>>>>>> createAudioData', channels, this.config, numberOfChannels, numberOfFrames);\n    if (numberOfFrames === 0) {\n      return new AudioData({\n        format: 'f32',\n        sampleRate: this.config.sampleRate,\n        numberOfFrames: 0,\n        numberOfChannels,\n        timestamp: timestampUs,\n        data: new Float32Array(0),\n      });\n    }\n\n    const interleaved = new Float32Array(numberOfFrames * numberOfChannels);\n\n    for (let frame = 0; frame < numberOfFrames; frame++) {\n      for (let channel = 0; channel < numberOfChannels; channel++) {\n        const sourceChannel = channels[channel] ?? channels[channels.length - 1];\n        interleaved[frame * numberOfChannels + channel] = sourceChannel?.[frame] ?? 0;\n      }\n    }\n\n    return new AudioData({\n      format: 'f32',\n      sampleRate: this.config.sampleRate,\n      numberOfFrames,\n      numberOfChannels,\n      timestamp: timestampUs,\n      data: interleaved,\n    });\n  }\n\n  private getFrameCount(durationUs: number): number {\n    if (durationUs <= 0) {\n      return 0;\n    }\n\n    return Math.ceil((durationUs / 1_000_000) * this.config.sampleRate);\n  }\n\n  private getFadeSampleCount(fade?: FadeConfig): number {\n    if (!fade || fade.durationUs <= 0) {\n      return 0;\n    }\n\n    return Math.round((fade.durationUs / 1_000_000) * this.config.sampleRate);\n  }\n\n  private getClipSampleCount(durationUs?: number): number {\n    if (!durationUs || durationUs <= 0) {\n      return 0;\n    }\n\n    return Math.round((durationUs / 1_000_000) * this.config.sampleRate);\n  }\n\n  private computeTrackStartFrame(track: MixRequest['tracks'][0]): number {\n    const audioTimestamp = track.audioData.timestamp ?? track.config.startTimeUs;\n    const relativeUs = audioTimestamp - track.config.startTimeUs;\n    const relativeFrames = Math.round((relativeUs / 1_000_000) * this.config.sampleRate);\n    return relativeFrames > 0 ? relativeFrames : 0;\n  }\n\n  private getCurveValue(progress: number, curve: FadeConfig['curve'] = 'linear'): number {\n    const clamped = Math.min(Math.max(progress, 0), 1);\n\n    switch (curve) {\n      case 'exponential':\n        return clamped * clamped;\n      case 'logarithmic':\n        return Math.log10(clamped * 9 + 1);\n      case 'cosine':\n        return (1 - Math.cos(clamped * Math.PI)) / 2;\n      default:\n        return clamped;\n    }\n  }\n}\n"],"names":["channels"],"mappings":"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"}

package/dist/stages/compose/FilterProcessor.js

@@ -1,226 +0,0 @@
-class FilterProcessor {
-  filterCache = /* @__PURE__ */ new Map();
-  /**
-   * Apply filters to canvas context
-   * Combines multiple filters into a single CSS filter string for performance
-   */
-  applyFilters(ctx, filters) {
-    if (!filters || filters.length === 0) {
-      ctx.filter = "none";
-      return;
-    }
-    const cacheKey = this.generateCacheKey(filters);
-    let filterString = this.filterCache.get(cacheKey);
-    if (!filterString) {
-      filterString = this.buildFilterString(filters);
-      this.filterCache.set(cacheKey, filterString);
-    }
-    ctx.filter = filterString;
-  }
-  /**
-   * Build CSS filter string from filter array
-   */
-  buildFilterString(filters) {
-    const filterStrings = [];
-    for (const filter of filters) {
-      const filterStr = this.buildSingleFilter(filter);
-      if (filterStr) {
-        filterStrings.push(filterStr);
-      }
-    }
-    return filterStrings.length > 0 ? filterStrings.join(" ") : "none";
-  }
-  buildSingleFilter(filter) {
-    switch (filter.type) {
-      case "blur":
-        return `blur(${filter.value ?? 0}px)`;
-      case "brightness":
-        return `brightness(${filter.value ?? 1})`;
-      case "contrast":
-        return `contrast(${filter.value ?? 1})`;
-      case "grayscale":
-        return `grayscale(${filter.value ?? 0})`;
-      case "hue-rotate":
-        return `hue-rotate(${filter.value ?? 0}deg)`;
-      case "saturate":
-        return `saturate(${filter.value ?? 1})`;
-      case "sepia":
-        return `sepia(${filter.value ?? 0})`;
-      case "custom":
-        return this.buildCustomFilter(filter);
-      default:
-        console.warn(`Unknown filter type: ${filter.type}`);
-        return null;
-    }
-  }
-  /**
-   * Build custom filter from params
-   */
-  buildCustomFilter(filter) {
-    if (!filter.params) return null;
-    const { type, ...params } = filter.params;
-    switch (type) {
-      case "drop-shadow":
-        return `drop-shadow(${params.offsetX}px ${params.offsetY}px ${params.blur}px ${params.color})`;
-      case "opacity":
-        return `opacity(${params.value})`;
-      case "invert":
-        return `invert(${params.value})`;
-      default:
-        return null;
-    }
-  }
-  /**
-   * Apply color matrix transformation for advanced effects
-   * This allows for more complex color manipulations than CSS filters
-   */
-  applyColorMatrix(imageData, matrix) {
-    if (matrix.length !== 20) {
-      throw new Error("Color matrix must have 20 values (4x5 matrix)");
-    }
-    const data = imageData.data;
-    const length = data.length;
-    for (let i = 0; i < length; i += 4) {
-      const r = data[i];
-      const g = data[i + 1];
-      const b = data[i + 2];
-      const a = data[i + 3];
-      const m = matrix;
-      data[i] = this.clamp(r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255);
-      data[i + 1] = this.clamp(r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255);
-      data[i + 2] = this.clamp(r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255);
-      data[i + 3] = this.clamp(r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255);
-    }
-    return imageData;
-  }
-  /**
-   * Predefined color matrices for common effects
-   */
-  getPresetMatrix(preset) {
-    switch (preset) {
-      case "vintage":
-        return [
-          0.393,
-          0.769,
-          0.189,
-          0,
-          0,
-          0.349,
-          0.686,
-          0.168,
-          0,
-          0,
-          0.272,
-          0.534,
-          0.131,
-          0,
-          0,
-          0,
-          0,
-          0,
-          1,
-          0
-        ];
-      case "noir":
-        return [
-          0.25,
-          0.25,
-          0.25,
-          0,
-          0,
-          0.25,
-          0.25,
-          0.25,
-          0,
-          0,
-          0.25,
-          0.25,
-          0.25,
-          0,
-          0,
-          0,
-          0,
-          0,
-          1,
-          0
-        ];
-      case "cool":
-        return [0.8, 0, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 0, 1, 0];
-      case "warm":
-        return [1.2, 0, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 0, 1, 0];
-      default:
-        return null;
-    }
-  }
-  /**
-   * Apply Gaussian blur manually (for cases where CSS filter is not enough)
-   */
-  applyGaussianBlur(imageData, radius) {
-    const output = new ImageData(
-      new Uint8ClampedArray(imageData.data),
-      imageData.width,
-      imageData.height
-    );
-    const width = imageData.width;
-    const height = imageData.height;
-    const data = imageData.data;
-    const outData = output.data;
-    for (let y = 0; y < height; y++) {
-      for (let x = 0; x < width; x++) {
-        let r = 0, g = 0, b = 0, a = 0;
-        let count = 0;
-        for (let dx = -radius; dx <= radius; dx++) {
-          const nx = Math.min(Math.max(x + dx, 0), width - 1);
-          const idx2 = (y * width + nx) * 4;
-          r += data[idx2];
-          g += data[idx2 + 1];
-          b += data[idx2 + 2];
-          a += data[idx2 + 3];
-          count++;
-        }
-        const idx = (y * width + x) * 4;
-        outData[idx] = r / count;
-        outData[idx + 1] = g / count;
-        outData[idx + 2] = b / count;
-        outData[idx + 3] = a / count;
-      }
-    }
-    for (let x = 0; x < width; x++) {
-      for (let y = 0; y < height; y++) {
-        let r = 0, g = 0, b = 0, a = 0;
-        let count = 0;
-        for (let dy = -radius; dy <= radius; dy++) {
-          const ny = Math.min(Math.max(y + dy, 0), height - 1);
-          const idx2 = (ny * width + x) * 4;
-          r += outData[idx2];
-          g += outData[idx2 + 1];
-          b += outData[idx2 + 2];
-          a += outData[idx2 + 3];
-          count++;
-        }
-        const idx = (y * width + x) * 4;
-        data[idx] = r / count;
-        data[idx + 1] = g / count;
-        data[idx + 2] = b / count;
-        data[idx + 3] = a / count;
-      }
-    }
-    return imageData;
-  }
-  clamp(value) {
-    return Math.min(255, Math.max(0, Math.round(value)));
-  }
-  generateCacheKey(filters) {
-    return filters.map((f) => `${f.type}:${f.value ?? "default"}`).join("|");
-  }
-  clearCache() {
-    this.filterCache.clear();
-  }
-  getCacheSize() {
-    return this.filterCache.size;
-  }
-}
-export {
-  FilterProcessor
-};
-//# sourceMappingURL=FilterProcessor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterProcessor.js","sources":["../../../src/stages/compose/FilterProcessor.ts"],"sourcesContent":["import type { VisualFilter } from './types';\n\n/**\n * FilterProcessor - Handles visual filters and effects\n * Single responsibility: Apply CSS filters and custom shader effects\n */\nexport class FilterProcessor {\n  private filterCache = new Map<string, string>();\n\n  /**\n   * Apply filters to canvas context\n   * Combines multiple filters into a single CSS filter string for performance\n   */\n  applyFilters(ctx: OffscreenCanvasRenderingContext2D, filters: VisualFilter[]): void {\n    if (!filters || filters.length === 0) {\n      ctx.filter = 'none';\n      return;\n    }\n\n    // Generate cache key\n    const cacheKey = this.generateCacheKey(filters);\n\n    // Check cache\n    let filterString = this.filterCache.get(cacheKey);\n\n    if (!filterString) {\n      filterString = this.buildFilterString(filters);\n      this.filterCache.set(cacheKey, filterString);\n    }\n\n    ctx.filter = filterString;\n  }\n\n  /**\n   * Build CSS filter string from filter array\n   */\n  private buildFilterString(filters: VisualFilter[]): string {\n    const filterStrings: string[] = [];\n\n    for (const filter of filters) {\n      const filterStr = this.buildSingleFilter(filter);\n      if (filterStr) {\n        filterStrings.push(filterStr);\n      }\n    }\n\n    return filterStrings.length > 0 ? filterStrings.join(' ') : 'none';\n  }\n\n  private buildSingleFilter(filter: VisualFilter): string | null {\n    switch (filter.type) {\n      case 'blur':\n        return `blur(${filter.value ?? 0}px)`;\n\n      case 'brightness':\n        return `brightness(${filter.value ?? 1})`;\n\n      case 'contrast':\n        return `contrast(${filter.value ?? 1})`;\n\n      case 'grayscale':\n        return `grayscale(${filter.value ?? 0})`;\n\n      case 'hue-rotate':\n        return `hue-rotate(${filter.value ?? 0}deg)`;\n\n      case 'saturate':\n        return `saturate(${filter.value ?? 1})`;\n\n      case 'sepia':\n        return `sepia(${filter.value ?? 0})`;\n\n      case 'custom':\n        return this.buildCustomFilter(filter);\n\n      default:\n        console.warn(`Unknown filter type: ${filter.type}`);\n        return null;\n    }\n  }\n\n  /**\n   * Build custom filter from params\n   */\n  private buildCustomFilter(filter: VisualFilter): string | null {\n    if (!filter.params) return null;\n\n    const { type, ...params } = filter.params;\n\n    switch (type) {\n      case 'drop-shadow':\n        return `drop-shadow(${params.offsetX}px ${params.offsetY}px ${params.blur}px ${params.color})`;\n\n      case 'opacity':\n        return `opacity(${params.value})`;\n\n      case 'invert':\n        return `invert(${params.value})`;\n\n      default:\n        return null;\n    }\n  }\n\n  /**\n   * Apply color matrix transformation for advanced effects\n   * This allows for more complex color manipulations than CSS filters\n   */\n  applyColorMatrix(imageData: ImageData, matrix: number[]): ImageData {\n    if (matrix.length !== 20) {\n      throw new Error('Color matrix must have 20 values (4x5 matrix)');\n    }\n\n    const data = imageData.data;\n    const length = data.length;\n\n    for (let i = 0; i < length; i += 4) {\n      const r = data[i]!;\n      const g = data[i + 1]!;\n      const b = data[i + 2]!;\n      const a = data[i + 3]!;\n      const m = matrix;\n\n      // Apply matrix transformation\n      data[i] = this.clamp(r * m[0]! + g * m[1]! + b * m[2]! + a * m[3]! + m[4]! * 255);\n      data[i + 1] = this.clamp(r * m[5]! + g * m[6]! + b * m[7]! + a * m[8]! + m[9]! * 255);\n      data[i + 2] = this.clamp(r * m[10]! + g * m[11]! + b * m[12]! + a * m[13]! + m[14]! * 255);\n      data[i + 3] = this.clamp(r * m[15]! + g * m[16]! + b * m[17]! + a * m[18]! + m[19]! * 255);\n    }\n\n    return imageData;\n  }\n\n  /**\n   * Predefined color matrices for common effects\n   */\n  getPresetMatrix(preset: string): number[] | null {\n    switch (preset) {\n      case 'vintage':\n        return [\n          0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, 0, 0, 0, 0, 0,\n          1, 0,\n        ];\n\n      case 'noir':\n        return [\n          0.25, 0.25, 0.25, 0, 0, 0.25, 0.25, 0.25, 0, 0, 0.25, 0.25, 0.25, 0, 0, 0, 0, 0, 1, 0,\n        ];\n\n      case 'cool':\n        return [0.8, 0, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 0, 1, 0];\n\n      case 'warm':\n        return [1.2, 0, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 0, 1, 0];\n\n      default:\n        return null;\n    }\n  }\n\n  /**\n   * Apply Gaussian blur manually (for cases where CSS filter is not enough)\n   */\n  applyGaussianBlur(imageData: ImageData, radius: number): ImageData {\n    // Simplified box blur approximation of Gaussian blur\n    const output = new ImageData(\n      new Uint8ClampedArray(imageData.data),\n      imageData.width,\n      imageData.height\n    );\n\n    const width = imageData.width;\n    const height = imageData.height;\n    const data = imageData.data;\n    const outData = output.data;\n\n    // Horizontal pass\n    for (let y = 0; y < height; y++) {\n      for (let x = 0; x < width; x++) {\n        let r = 0,\n          g = 0,\n          b = 0,\n          a = 0;\n        let count = 0;\n\n        for (let dx = -radius; dx <= radius; dx++) {\n          const nx = Math.min(Math.max(x + dx, 0), width - 1);\n          const idx = (y * width + nx) * 4;\n          r += data[idx]!;\n          g += data[idx + 1]!;\n          b += data[idx + 2]!;\n          a += data[idx + 3]!;\n          count++;\n        }\n\n        const idx = (y * width + x) * 4;\n        outData[idx] = r / count;\n        outData[idx + 1] = g / count;\n        outData[idx + 2] = b / count;\n        outData[idx + 3] = a / count;\n      }\n    }\n\n    // Vertical pass\n    for (let x = 0; x < width; x++) {\n      for (let y = 0; y < height; y++) {\n        let r = 0,\n          g = 0,\n          b = 0,\n          a = 0;\n        let count = 0;\n\n        for (let dy = -radius; dy <= radius; dy++) {\n          const ny = Math.min(Math.max(y + dy, 0), height - 1);\n          const idx = (ny * width + x) * 4;\n          r += outData[idx]!;\n          g += outData[idx + 1]!;\n          b += outData[idx + 2]!;\n          a += outData[idx + 3]!;\n          count++;\n        }\n\n        const idx = (y * width + x) * 4;\n        data[idx] = r / count;\n        data[idx + 1] = g / count;\n        data[idx + 2] = b / count;\n        data[idx + 3] = a / count;\n      }\n    }\n\n    return imageData;\n  }\n\n  private clamp(value: number): number {\n    return Math.min(255, Math.max(0, Math.round(value)));\n  }\n\n  private generateCacheKey(filters: VisualFilter[]): string {\n    return filters.map((f) => `${f.type}:${f.value ?? 'default'}`).join('|');\n  }\n\n  clearCache(): void {\n    this.filterCache.clear();\n  }\n\n  getCacheSize(): number {\n    return this.filterCache.size;\n  }\n}\n"],"names":["idx"],"mappings":"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"}

package/dist/stages/compose/LayerRenderer.js

@@ -1,215 +0,0 @@
-class LayerRenderer {
-  ctx;
-  width;
-  height;
-  constructor(ctx, width, height) {
-    this.ctx = ctx;
-    this.width = width;
-    this.height = height;
-    this.ensureHighQualityRendering();
-  }
-  ensureHighQualityRendering() {
-    this.ctx.imageSmoothingEnabled = true;
-    this.ctx.imageSmoothingQuality = "high";
-  }
-  /**
-   * Render a single layer with all its properties
-   */
-  async renderLayer(layer) {
-    if (!layer.visible || layer.opacity <= 0) return;
-    this.ctx.save();
-    try {
-      this.ensureHighQualityRendering();
-      this.ctx.globalAlpha = layer.opacity;
-      if (layer.blendMode) {
-        this.ctx.globalCompositeOperation = layer.blendMode;
-      }
-      if (layer.transform) {
-        this.applyTransform(layer.transform);
-      }
-      switch (layer.type) {
-        case "video":
-          await this.renderVideoLayer(layer);
-          break;
-        case "image":
-          await this.renderImageLayer(layer);
-          break;
-        case "text":
-          await this.renderTextLayer(layer);
-          break;
-      }
-      if (layer.mask) {
-        this.applyMask(layer.mask);
-      }
-    } finally {
-      this.ctx.restore();
-    }
-  }
-  applyTransform(transform) {
-    const centerX = this.width * (transform.anchorX ?? 0.5);
-    const centerY = this.height * (transform.anchorY ?? 0.5);
-    this.ctx.translate(transform.x + centerX, transform.y + centerY);
-    if (transform.rotation) {
-      this.ctx.rotate(transform.rotation);
-    }
-    this.ctx.scale(transform.scaleX, transform.scaleY);
-    if (transform.skewX || transform.skewY) {
-      this.ctx.transform(1, transform.skewY ?? 0, transform.skewX ?? 0, 1, 0, 0);
-    }
-    this.ctx.translate(-centerX, -centerY);
-  }
-  async renderVideoLayer(layer) {
-    const { videoFrame, crop } = layer;
-    const videoWidth = videoFrame.displayWidth || videoFrame.codedWidth;
-    const videoHeight = videoFrame.displayHeight || videoFrame.codedHeight;
-    const scaleX = this.width / videoWidth;
-    const scaleY = this.height / videoHeight;
-    const scale = Math.min(scaleX, scaleY);
-    const renderWidth = Math.round(videoWidth * scale);
-    const renderHeight = Math.round(videoHeight * scale);
-    const renderX = Math.round((this.width - renderWidth) / 2);
-    const renderY = Math.round((this.height - renderHeight) / 2);
-    if (crop) {
-      this.ctx.drawImage(
-        videoFrame,
-        crop.x,
-        crop.y,
-        crop.width,
-        crop.height,
-        renderX,
-        renderY,
-        renderWidth,
-        renderHeight
-      );
-    } else {
-      this.ctx.drawImage(videoFrame, renderX, renderY, renderWidth, renderHeight);
-    }
-  }
-  async renderImageLayer(layer) {
-    const { source, crop } = layer;
-    if (source instanceof ImageData) {
-      if (crop) {
-        const tempCanvas = new OffscreenCanvas(crop.width, crop.height);
-        const tempCtx = tempCanvas.getContext("2d");
-        tempCtx.putImageData(source, -crop.x, -crop.y);
-        this.ctx.drawImage(tempCanvas, 0, 0, this.width, this.height);
-      } else {
-        this.ctx.putImageData(source, 0, 0);
-      }
-    } else {
-      if (!source) {
-        return;
-      }
-      if (crop) {
-        this.ctx.drawImage(
-          source,
-          crop.x,
-          crop.y,
-          crop.width,
-          crop.height,
-          0,
-          0,
-          this.width,
-          this.height
-        );
-      } else {
-        this.ctx.drawImage(source, 0, 0, this.width, this.height);
-      }
-    }
-  }
-  async renderTextLayer(layer) {
-    const fontSize = layer.fontSize ?? 16;
-    const fontFamily = layer.fontFamily ?? "sans-serif";
-    const fontWeight = layer.fontWeight ?? "normal";
-    const fontStyle = layer.fontStyle ?? "normal";
-    this.ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily}`;
-    this.ctx.fillStyle = layer.color ?? "#000000";
-    this.ctx.textAlign = layer.textAlign ?? "left";
-    this.ctx.textBaseline = layer.verticalAlign ?? "top";
-    if (layer.letterSpacing && typeof this.ctx.letterSpacing !== "undefined") {
-      this.ctx.letterSpacing = `${layer.letterSpacing}px`;
-    }
-    this.ensureHighQualityRendering();
-    const baseX = this.calculateTextX(layer.textAlign);
-    const baseY = this.calculateTextY(layer.verticalAlign, fontSize);
-    const x = Math.round(baseX) + 0.5;
-    const y = Math.round(baseY) + 0.5;
-    if (layer.shadow) {
-      this.ctx.shadowColor = layer.shadow.color;
-      this.ctx.shadowOffsetX = layer.shadow.offsetX;
-      this.ctx.shadowOffsetY = layer.shadow.offsetY;
-      this.ctx.shadowBlur = layer.shadow.blur;
-    }
-    if (layer.strokeColor && layer.strokeWidth && layer.strokeWidth > 0) {
-      this.drawEnhancedStroke(layer.text, x, y, layer.strokeColor, layer.strokeWidth);
-    }
-    this.ctx.fillText(layer.text, x, y);
-    if (layer.shadow) {
-      this.ctx.shadowColor = "transparent";
-      this.ctx.shadowOffsetX = 0;
-      this.ctx.shadowOffsetY = 0;
-      this.ctx.shadowBlur = 0;
-    }
-  }
-  /**
-   * Draw enhanced multi-layer stroke for better text visibility
-   */
-  drawEnhancedStroke(text, x, y, strokeColor, strokeWidth) {
-    this.ctx.save();
-    this.ctx.strokeStyle = strokeColor;
-    this.ctx.lineJoin = "round";
-    this.ctx.lineCap = "round";
-    this.ctx.miterLimit = 2;
-    const layers = [1.1, 1];
-    layers.forEach((multiplier) => {
-      this.ctx.lineWidth = strokeWidth * multiplier;
-      this.ctx.strokeText(text, x, y);
-    });
-    this.ctx.restore();
-  }
-  calculateTextX(align) {
-    switch (align) {
-      case "center":
-        return this.width / 2;
-      case "right":
-        return this.width;
-      default:
-        return 0;
-    }
-  }
-  calculateTextY(align, fontSize = 16) {
-    switch (align) {
-      case "middle":
-        return this.height / 2;
-      case "bottom":
-        return this.height * 0.85;
-      default:
-        return fontSize;
-    }
-  }
-  applyMask(mask) {
-    this.ctx.globalCompositeOperation = mask.invert ? "source-out" : "destination-in";
-    if (mask.source) {
-      this.ctx.drawImage(mask.source, 0, 0, this.width, this.height);
-    } else if (mask.shape === "circle") {
-      this.ctx.beginPath();
-      this.ctx.arc(
-        this.width / 2,
-        this.height / 2,
-        Math.min(this.width, this.height) / 2,
-        0,
-        Math.PI * 2
-      );
-      this.ctx.fill();
-    }
-  }
-  updateDimensions(width, height) {
-    this.width = width;
-    this.height = height;
-    this.ensureHighQualityRendering();
-  }
-}
-export {
-  LayerRenderer
-};
-//# sourceMappingURL=LayerRenderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayerRenderer.js","sources":["../../../src/stages/compose/LayerRenderer.ts"],"sourcesContent":["import type { Layer, VideoLayer, ImageLayer, TextLayer, Transform2D, MaskConfig } from './types';\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;\n  private width: number;\n  private height: number;\n\n  constructor(ctx: OffscreenCanvasRenderingContext2D, width: number, height: number) {\n    this.ctx = ctx;\n    this.width = width;\n    this.height = height;\n    this.ensureHighQualityRendering();\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        this.applyTransform(layer.transform);\n      }\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 applyTransform(transform: Transform2D): void {\n    const centerX = this.width * (transform.anchorX ?? 0.5);\n    const centerY = this.height * (transform.anchorY ?? 0.5);\n\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    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    // Calculate scaling to fit (contain mode - preserve aspect ratio)\n    const scaleX = this.width / videoWidth;\n    const scaleY = this.height / videoHeight;\n\n    // Use the smaller scale to ensure entire video fits\n    const scale = Math.min(scaleX, scaleY);\n\n    // Calculate final render dimensions\n    const renderWidth = Math.round(videoWidth * scale);\n    const renderHeight = Math.round(videoHeight * scale);\n\n    // Center the video\n    const renderX = Math.round((this.width - renderWidth) / 2);\n    const renderY = Math.round((this.height - renderHeight) / 2);\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  }\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      if (crop) {\n        this.ctx.drawImage(\n          source,\n          crop.x,\n          crop.y,\n          crop.width,\n          crop.height,\n          0,\n          0,\n          this.width,\n          this.height\n        );\n      } else {\n        this.ctx.drawImage(source, 0, 0, this.width, this.height);\n      }\n    }\n  }\n\n  private async renderTextLayer(layer: TextLayer): Promise<void> {\n    const fontSize = layer.fontSize ?? 16;\n    const fontFamily = layer.fontFamily ?? 'sans-serif';\n    const fontWeight = layer.fontWeight ?? 'normal';\n    const fontStyle = layer.fontStyle ?? 'normal';\n\n    this.ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily}`;\n    this.ctx.fillStyle = layer.color ?? '#000000';\n    this.ctx.textAlign = layer.textAlign ?? 'left';\n    this.ctx.textBaseline = layer.verticalAlign ?? 'top';\n\n    // Apply letter spacing if supported\n    if (layer.letterSpacing && typeof (this.ctx as any).letterSpacing !== 'undefined') {\n      (this.ctx as any).letterSpacing = `${layer.letterSpacing}px`;\n    }\n\n    // Ensure high-quality text rendering\n    this.ensureHighQualityRendering();\n\n    // Calculate position with sub-pixel adjustment for sharper rendering\n    const baseX = this.calculateTextX(layer.textAlign);\n    const baseY = this.calculateTextY(layer.verticalAlign, fontSize);\n    const x = Math.round(baseX) + 0.5;\n    const y = Math.round(baseY) + 0.5;\n\n    // Apply shadow before rendering text (if needed)\n    if (layer.shadow) {\n      this.ctx.shadowColor = layer.shadow.color;\n      this.ctx.shadowOffsetX = layer.shadow.offsetX;\n      this.ctx.shadowOffsetY = layer.shadow.offsetY;\n      this.ctx.shadowBlur = layer.shadow.blur;\n    }\n\n    // Render stroke with enhanced quality (multi-layer approach)\n    if (layer.strokeColor && layer.strokeWidth && layer.strokeWidth > 0) {\n      this.drawEnhancedStroke(layer.text, x, y, layer.strokeColor, layer.strokeWidth);\n    }\n\n    // Render fill text\n    this.ctx.fillText(layer.text, x, y);\n\n    // Reset shadow\n    if (layer.shadow) {\n      this.ctx.shadowColor = 'transparent';\n      this.ctx.shadowOffsetX = 0;\n      this.ctx.shadowOffsetY = 0;\n      this.ctx.shadowBlur = 0;\n    }\n  }\n\n  /**\n   * Draw enhanced multi-layer stroke for better text visibility\n   */\n  private drawEnhancedStroke(\n    text: string,\n    x: number,\n    y: number,\n    strokeColor: string,\n    strokeWidth: number\n  ): void {\n    this.ctx.save();\n\n    this.ctx.strokeStyle = strokeColor;\n    this.ctx.lineJoin = 'round';\n    this.ctx.lineCap = 'round';\n    this.ctx.miterLimit = 2;\n\n    // Multi-layer stroke for enhanced visibility without excessive thickness\n    const layers = [1.1, 1.0];\n    layers.forEach((multiplier) => {\n      this.ctx.lineWidth = strokeWidth * multiplier;\n      this.ctx.strokeText(text, x, y);\n    });\n\n    this.ctx.restore();\n  }\n\n  private calculateTextX(align?: 'left' | 'center' | 'right'): number {\n    switch (align) {\n      case 'center':\n        return this.width / 2;\n      case 'right':\n        return this.width;\n      default:\n        return 0;\n    }\n  }\n\n  private calculateTextY(align?: 'top' | 'middle' | 'bottom', fontSize: number = 16): number {\n    switch (align) {\n      case 'middle':\n        return this.height / 2;\n      case 'bottom':\n        // Place text at 85% height to avoid bottom edge, similar to SubtitleComposer's 70% position\n        return this.height * 0.85;\n      default:\n        return fontSize;\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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"}