@waveform-playlist/browser 9.5.2 → 10.1.0

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { DragMoveEvent } from '@dnd-kit/abstract';
 import { DragOperation } from '@dnd-kit/abstract';
 import { DragStartEvent } from '@dnd-kit/abstract';
 import { EngineState } from '@waveform-playlist/engine';
+import { FadeConfig } from '@waveform-playlist/media-element-playout';
 import { Gain } from 'tone';
 import { InputNode } from 'tone';
 import { MediaElementPlayout } from '@waveform-playlist/media-element-playout';
@@ -774,6 +775,8 @@ export declare interface MediaElementDataContextValue {
     barWidth: number;
     barGap: number;
     progressBarWidth: number;
+    fadeIn?: FadeConfig;
+    fadeOut?: FadeConfig;
 }
 
 /**
@@ -804,6 +807,8 @@ export declare interface MediaElementPlaylistProps {
     onAnnotationUpdate?: OnAnnotationUpdateFn;
     /** Custom playhead render function. Receives position, color, and animation refs for smooth 60fps animation. */
     renderPlayhead?: RenderPlayheadFunction;
+    /** Show fade in/out overlays on the waveform. Defaults to false. */
+    showFades?: boolean;
     className?: string;
 }
 
@@ -858,6 +863,16 @@ declare interface MediaElementPlaylistProviderProps {
     progressBarWidth?: number;
     /** Callback when annotations are changed (drag, edit, etc.) */
     onAnnotationsChange?: (annotations: AnnotationData[]) => void;
+    /**
+     * AudioContext for Web Audio routing (fades, effects).
+     * When provided, audio routes through Web Audio nodes:
+     *   HTMLAudioElement → MediaElementSourceNode → fadeGain → volumeGain → destination
+     *
+     * Without this, playback uses HTMLAudioElement directly (no fades or effects).
+     * Each provider instance should use its own AudioContext or share one —
+     * createMediaElementSource() is called once per audio element.
+     */
+    audioContext?: AudioContext;
     /** Callback when audio is ready */
     onReady?: () => void;
     children: ReactNode;
@@ -878,6 +893,10 @@ export declare interface MediaElementTrackConfig {
     waveformData: WaveformDataObject;
     /** Track name for display */
     name?: string;
+    /** Fade in configuration (requires audioContext on provider) */
+    fadeIn?: FadeConfig;
+    /** Fade out configuration (requires audioContext on provider) */
+    fadeOut?: FadeConfig;
 }
 
 /**
@@ -920,6 +939,8 @@ export declare interface MediaElementWaveformProps {
     scrollActiveContainer?: 'nearest' | 'all';
     /** Custom playhead render function. Receives position, color, and animation refs for smooth 60fps animation. */
     renderPlayhead?: RenderPlayheadFunction;
+    /** Show fade in/out overlays on the waveform. Defaults to false. */
+    showFades?: boolean;
     className?: string;
 }
 
@@ -1146,6 +1167,8 @@ declare interface PlaylistStateContextValue {
     selectedTrackId: string | null;
     loopStart: number;
     loopEnd: number;
+    /** Whether playback continues past the end of loaded audio */
+    indefinitePlayback: boolean;
 }
 
 /**
@@ -1968,6 +1991,55 @@ export declare const useMediaElementData: () => MediaElementDataContextValue;
 
 export declare const useMediaElementState: () => MediaElementStateContextValue;
 
+export declare function useOutputMeter(options?: UseOutputMeterOptions): UseOutputMeterReturn;
+
+/**
+ * Hook for monitoring master output levels
+ *
+ * Connects an AudioWorklet meter processor to the Destination node for
+ * real-time output level monitoring. Computes sample-accurate peak and
+ * RMS via the meter worklet — no transient is missed.
+ *
+ * IMPORTANT: Uses getGlobalContext() from playout to ensure the meter
+ * is created on the same AudioContext as the audio engine. Tone.js's
+ * getContext()/getDestination() return the DEFAULT context, which is
+ * replaced when getGlobalContext() calls setContext() on first audio init.
+ */
+export declare interface UseOutputMeterOptions {
+    /**
+     * Number of channels to meter.
+     * Default: 2 (stereo output)
+     */
+    channelCount?: number;
+    /**
+     * How often to update the levels (in Hz).
+     * Default: 60 (60fps)
+     */
+    updateRate?: number;
+    /**
+     * Whether audio is currently playing. When this transitions to false,
+     * all levels (current, peak, RMS) and smoothed state are reset to zero.
+     * Without this, the browser's tail-time optimization stops calling the
+     * worklet's process() when no audio flows, leaving the last non-zero
+     * levels frozen in state.
+     * Default: false
+     */
+    isPlaying?: boolean;
+}
+
+export declare interface UseOutputMeterReturn {
+    /** Per-channel peak output levels (0-1) */
+    levels: number[];
+    /** Per-channel held peak levels (0-1) */
+    peakLevels: number[];
+    /** Per-channel RMS output levels (0-1) */
+    rmsLevels: number[];
+    /** Reset all held peak levels to 0 */
+    resetPeak: () => void;
+    /** Error from meter setup (worklet load failure, context issues, etc.) */
+    error: Error | null;
+}
+
 export declare const usePlaybackAnimation: () => PlaybackAnimationContextValue;
 
 /**
@@ -2245,6 +2317,9 @@ declare interface WaveformPlaylistProviderProps {
      *  Use this during progressive loading to avoid rebuilding the engine for
      *  each track — flip to false when all tracks are ready for a single build. */
     deferEngineRebuild?: boolean;
+    /** Disable automatic stop when the cursor reaches the end of the longest
+     *  track. Useful for DAW-style recording beyond existing audio. */
+    indefinitePlayback?: boolean;
     children: ReactNode;
 }
 
@@ -2256,6 +2331,7 @@ declare interface WaveformPlaylistTheme {
     selectedWaveOutlineColor: WaveformColor;
     selectedWaveFillColor: WaveformColor;
     selectedTrackControlsBackground: string;
+    selectedTrackBackground: string;
     timeColor: string;
     timescaleBackgroundColor: string;
     playheadColor: string;