react-native-waveform-player 0.0.1 → 1.0.0

package/lib/typescript/src/AudioWaveformView.native.d.ts

@@ -0,0 +1,335 @@
+import { type ColorValue, type ViewProps } from 'react-native';
+export type AudioWaveformPlayerState = 'idle' | 'loading' | 'ready' | 'ended' | 'error';
+export type AudioWaveformTimeMode = 'count-up' | 'count-down';
+export type AudioWaveformSource = {
+    uri: string;
+};
+export type AudioWaveformPlayerStateEvent = {
+    state: AudioWaveformPlayerState;
+    isPlaying: boolean;
+    speed: number;
+    error?: string;
+};
+export type AudioWaveformTimeUpdateEvent = {
+    currentTimeMs: number;
+    durationMs: number;
+};
+export type AudioWaveformSeekEvent = {
+    positionMs: number;
+};
+export type AudioWaveformLoadEvent = {
+    durationMs: number;
+};
+export type AudioWaveformLoadErrorEvent = {
+    message: string;
+};
+export type AudioWaveformViewProps = Omit<ViewProps, 'children'> & {
+    source: AudioWaveformSource;
+    /** Pre-computed amplitudes in [0, 1]. When provided, native decode is skipped. */
+    samples?: ReadonlyArray<number>;
+    /** Highlighted bar color (the "played" portion). */
+    playedBarColor?: ColorValue;
+    /** Bar color for the not-yet-played portion. */
+    unplayedBarColor?: ColorValue;
+    /** Bar thickness (default 3). */
+    barWidth?: number;
+    /** Gap between bars (default 2). */
+    barGap?: number;
+    /** Bar corner radius (default = barWidth / 2). */
+    barRadius?: number;
+    /** Force a specific number of bars; default auto from view width. */
+    barCount?: number;
+    /** Background of the rounded container (default light blue). Has no effect when showBackground={false}. */
+    containerBackgroundColor?: ColorValue;
+    /** Container corner radius (default 16). Has no effect when showBackground={false}. */
+    containerBorderRadius?: number;
+    /** Whether to draw the rounded container background. Default true. */
+    showBackground?: boolean;
+    /** Show the play/pause button. Default true. */
+    showPlayButton?: boolean;
+    playButtonColor?: ColorValue;
+    /** Show the time label. Default true. */
+    showTime?: boolean;
+    timeColor?: ColorValue;
+    /** count-up: 0:00 -> duration. count-down: duration -> 0:00. Default count-up. */
+    timeMode?: AudioWaveformTimeMode;
+    /** Show the playback-speed pill. Default true. */
+    showSpeedControl?: boolean;
+    speedColor?: ColorValue;
+    speedBackgroundColor?: ColorValue;
+    /** Available speeds the pill cycles through (default [0.5, 1, 1.5, 2]). */
+    speeds?: ReadonlyArray<number>;
+    /** Initial speed when the component mounts. Default 1. */
+    defaultSpeed?: number;
+    /** Begin playback as soon as the source is ready. Default false. */
+    autoPlay?: boolean;
+    /** Seek to this position immediately on load (milliseconds). Default 0. */
+    initialPositionMs?: number;
+    /** Restart from the beginning when playback ends. Default false. */
+    loop?: boolean;
+    /**
+     * Allow audio to keep playing when the host app is backgrounded.
+     * Default `false` — playback is paused on `didEnterBackground` (iOS) /
+     * `onHostPause` (Android).
+     *
+     * When `true`:
+     * - **iOS**: the host app must enable the "Audio, AirPlay, and Picture in
+     *   Picture" Background Mode (Xcode → Signing & Capabilities → +Capability
+     *   → Background Modes, or add `UIBackgroundModes: [audio]` to
+     *   `Info.plist`). The library will configure `AVAudioSession` to
+     *   `.playback` and activate it when the source is set.
+     * - **Android**: no host configuration is required for typical use.
+     *   `MediaPlayer` keeps playing through `Activity.onPause` already.
+     *   Optionally add `<uses-permission android:name="android.permission.WAKE_LOCK"/>`
+     *   to your app manifest if you need playback to survive device sleep —
+     *   the library will then call `MediaPlayer.setWakeMode` automatically.
+     */
+    playInBackground?: boolean;
+    /**
+     * When the app is backgrounded, skip the cheap-but-pointless waveform /
+     * time-label refreshes that would otherwise piggy-back on every 30 Hz
+     * progress tick (the OS already skips the actual GPU painting).
+     *
+     * Default `true` — there is no visible effect since the view is
+     * offscreen, and we save a small amount of CPU per tick. The
+     * `onTimeUpdate` JS event keeps firing regardless so you can still
+     * drive Now Playing / Lock Screen / analytics from background.
+     *
+     * Set to `false` if you want the bars + time label to stay refreshed in
+     * background for some reason (rare).
+     */
+    pauseUiUpdatesInBackground?: boolean;
+    /** When defined, the component is fully controlled — internal taps fire onPlayerStateChange but do not toggle play state. */
+    playing?: boolean;
+    /** When defined, the component is fully controlled — speed pill taps fire onPlayerStateChange but do not change speed. */
+    speed?: number;
+    onLoad?: (event: AudioWaveformLoadEvent) => void;
+    onLoadError?: (event: AudioWaveformLoadErrorEvent) => void;
+    onPlayerStateChange?: (event: AudioWaveformPlayerStateEvent) => void;
+    onTimeUpdate?: (event: AudioWaveformTimeUpdateEvent) => void;
+    onSeek?: (event: AudioWaveformSeekEvent) => void;
+    onEnd?: () => void;
+};
+export type AudioWaveformViewRef = {
+    play: () => void;
+    pause: () => void;
+    toggle: () => void;
+    seekTo: (positionMs: number) => void;
+    setSpeed: (speed: number) => void;
+};
+export declare const AudioWaveformView: import("react").ForwardRefExoticComponent<Omit<Readonly<Omit<Readonly<{
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
+    onAccessibilityTap?: (() => unknown) | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onMagicTap?: (() => unknown) | undefined;
+    onAccessibilityEscape?: (() => unknown) | undefined;
+}>, "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
+    onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+}>, "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
+    onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
+}>, "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+}>, "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
+    onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
+}>, "onClick" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onKeyDown?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyDownCapture?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyUp?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
+    onKeyUpCapture?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
+}>, "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+}>, "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined;
+    hasTVPreferredFocus?: boolean | undefined;
+    nextFocusDown?: number | undefined;
+    nextFocusForward?: number | undefined;
+    nextFocusLeft?: number | undefined;
+    nextFocusRight?: number | undefined;
+    nextFocusUp?: number | undefined;
+    focusable?: boolean | undefined;
+    tabIndex?: 0 | -1;
+    onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+}>, "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    shouldRasterizeIOS?: boolean | undefined;
+}>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
+    accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
+    "aria-labelledby"?: string | undefined;
+    accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+    screenReaderFocusable?: boolean;
+}>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
+    accessibilityIgnoresInvertColors?: boolean | undefined;
+    accessibilityViewIsModal?: boolean | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined;
+    accessibilityLargeContentTitle?: string | undefined;
+    "aria-modal"?: boolean | undefined;
+    accessibilityElementsHidden?: boolean | undefined;
+    accessibilityLanguage?: string | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined;
+}>, "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
+    accessible?: boolean | undefined;
+    accessibilityLabel?: string | undefined;
+    accessibilityHint?: string | undefined;
+    "aria-label"?: string | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    role?: import("react-native").Role | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
+    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
+    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
+    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
+    accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
+    "aria-busy"?: boolean | undefined;
+    "aria-checked"?: (boolean | undefined) | "mixed";
+    "aria-disabled"?: boolean | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-selected"?: boolean | undefined;
+    "aria-hidden"?: boolean | undefined;
+}>, "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    children?: React.ReactNode;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
+    collapsable?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
+    id?: string;
+    testID?: string | undefined;
+    nativeID?: string | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
+    pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    experimental_accessibilityOrder?: Array<string> | undefined;
+}>, never>>, "children"> & {
+    source: AudioWaveformSource;
+    /** Pre-computed amplitudes in [0, 1]. When provided, native decode is skipped. */
+    samples?: ReadonlyArray<number>;
+    /** Highlighted bar color (the "played" portion). */
+    playedBarColor?: ColorValue;
+    /** Bar color for the not-yet-played portion. */
+    unplayedBarColor?: ColorValue;
+    /** Bar thickness (default 3). */
+    barWidth?: number;
+    /** Gap between bars (default 2). */
+    barGap?: number;
+    /** Bar corner radius (default = barWidth / 2). */
+    barRadius?: number;
+    /** Force a specific number of bars; default auto from view width. */
+    barCount?: number;
+    /** Background of the rounded container (default light blue). Has no effect when showBackground={false}. */
+    containerBackgroundColor?: ColorValue;
+    /** Container corner radius (default 16). Has no effect when showBackground={false}. */
+    containerBorderRadius?: number;
+    /** Whether to draw the rounded container background. Default true. */
+    showBackground?: boolean;
+    /** Show the play/pause button. Default true. */
+    showPlayButton?: boolean;
+    playButtonColor?: ColorValue;
+    /** Show the time label. Default true. */
+    showTime?: boolean;
+    timeColor?: ColorValue;
+    /** count-up: 0:00 -> duration. count-down: duration -> 0:00. Default count-up. */
+    timeMode?: AudioWaveformTimeMode;
+    /** Show the playback-speed pill. Default true. */
+    showSpeedControl?: boolean;
+    speedColor?: ColorValue;
+    speedBackgroundColor?: ColorValue;
+    /** Available speeds the pill cycles through (default [0.5, 1, 1.5, 2]). */
+    speeds?: ReadonlyArray<number>;
+    /** Initial speed when the component mounts. Default 1. */
+    defaultSpeed?: number;
+    /** Begin playback as soon as the source is ready. Default false. */
+    autoPlay?: boolean;
+    /** Seek to this position immediately on load (milliseconds). Default 0. */
+    initialPositionMs?: number;
+    /** Restart from the beginning when playback ends. Default false. */
+    loop?: boolean;
+    /**
+     * Allow audio to keep playing when the host app is backgrounded.
+     * Default `false` — playback is paused on `didEnterBackground` (iOS) /
+     * `onHostPause` (Android).
+     *
+     * When `true`:
+     * - **iOS**: the host app must enable the "Audio, AirPlay, and Picture in
+     *   Picture" Background Mode (Xcode → Signing & Capabilities → +Capability
+     *   → Background Modes, or add `UIBackgroundModes: [audio]` to
+     *   `Info.plist`). The library will configure `AVAudioSession` to
+     *   `.playback` and activate it when the source is set.
+     * - **Android**: no host configuration is required for typical use.
+     *   `MediaPlayer` keeps playing through `Activity.onPause` already.
+     *   Optionally add `<uses-permission android:name="android.permission.WAKE_LOCK"/>`
+     *   to your app manifest if you need playback to survive device sleep —
+     *   the library will then call `MediaPlayer.setWakeMode` automatically.
+     */
+    playInBackground?: boolean;
+    /**
+     * When the app is backgrounded, skip the cheap-but-pointless waveform /
+     * time-label refreshes that would otherwise piggy-back on every 30 Hz
+     * progress tick (the OS already skips the actual GPU painting).
+     *
+     * Default `true` — there is no visible effect since the view is
+     * offscreen, and we save a small amount of CPU per tick. The
+     * `onTimeUpdate` JS event keeps firing regardless so you can still
+     * drive Now Playing / Lock Screen / analytics from background.
+     *
+     * Set to `false` if you want the bars + time label to stay refreshed in
+     * background for some reason (rare).
+     */
+    pauseUiUpdatesInBackground?: boolean;
+    /** When defined, the component is fully controlled — internal taps fire onPlayerStateChange but do not toggle play state. */
+    playing?: boolean;
+    /** When defined, the component is fully controlled — speed pill taps fire onPlayerStateChange but do not change speed. */
+    speed?: number;
+    onLoad?: (event: AudioWaveformLoadEvent) => void;
+    onLoadError?: (event: AudioWaveformLoadErrorEvent) => void;
+    onPlayerStateChange?: (event: AudioWaveformPlayerStateEvent) => void;
+    onTimeUpdate?: (event: AudioWaveformTimeUpdateEvent) => void;
+    onSeek?: (event: AudioWaveformSeekEvent) => void;
+    onEnd?: () => void;
+} & import("react").RefAttributes<AudioWaveformViewRef>>;
+//# sourceMappingURL=AudioWaveformView.native.d.ts.map

package/lib/typescript/src/AudioWaveformView.native.d.ts.map

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

package/lib/typescript/src/AudioWaveformViewNativeComponent.d.ts

@@ -0,0 +1,71 @@
+import { type CodegenTypes, type ColorValue, type HostComponent, type ViewProps } from 'react-native';
+type Source = Readonly<{
+    uri: string;
+}>;
+type OnLoadEvent = Readonly<{
+    durationMs: CodegenTypes.Int32;
+}>;
+type OnLoadErrorEvent = Readonly<{
+    message: string;
+}>;
+type OnPlayerStateChangeEvent = Readonly<{
+    state: string;
+    isPlaying: boolean;
+    speed: CodegenTypes.Float;
+    error: string;
+}>;
+type OnTimeUpdateEvent = Readonly<{
+    currentTimeMs: CodegenTypes.Int32;
+    durationMs: CodegenTypes.Int32;
+}>;
+type OnSeekEvent = Readonly<{
+    positionMs: CodegenTypes.Int32;
+}>;
+type OnEndEvent = Readonly<{}>;
+export interface NativeProps extends ViewProps {
+    source: Source;
+    samples?: ReadonlyArray<CodegenTypes.Float>;
+    playedBarColor?: ColorValue;
+    unplayedBarColor?: ColorValue;
+    barWidth?: CodegenTypes.WithDefault<CodegenTypes.Float, 3.0>;
+    barGap?: CodegenTypes.WithDefault<CodegenTypes.Float, 2.0>;
+    barRadius?: CodegenTypes.WithDefault<CodegenTypes.Float, -1.0>;
+    barCount?: CodegenTypes.WithDefault<CodegenTypes.Int32, 0>;
+    containerBackgroundColor?: ColorValue;
+    containerBorderRadius?: CodegenTypes.WithDefault<CodegenTypes.Float, 16.0>;
+    showBackground?: CodegenTypes.WithDefault<boolean, true>;
+    showPlayButton?: CodegenTypes.WithDefault<boolean, true>;
+    playButtonColor?: ColorValue;
+    showTime?: CodegenTypes.WithDefault<boolean, true>;
+    timeColor?: ColorValue;
+    timeMode?: CodegenTypes.WithDefault<'count-up' | 'count-down', 'count-up'>;
+    showSpeedControl?: CodegenTypes.WithDefault<boolean, true>;
+    speedColor?: ColorValue;
+    speedBackgroundColor?: ColorValue;
+    speeds?: ReadonlyArray<CodegenTypes.Float>;
+    defaultSpeed?: CodegenTypes.WithDefault<CodegenTypes.Float, 1.0>;
+    autoPlay?: CodegenTypes.WithDefault<boolean, false>;
+    initialPositionMs?: CodegenTypes.WithDefault<CodegenTypes.Int32, 0>;
+    loop?: CodegenTypes.WithDefault<boolean, false>;
+    playInBackground?: CodegenTypes.WithDefault<boolean, false>;
+    pauseUiUpdatesInBackground?: CodegenTypes.WithDefault<boolean, true>;
+    controlledPlaying?: CodegenTypes.WithDefault<CodegenTypes.Int32, -1>;
+    controlledSpeed?: CodegenTypes.WithDefault<CodegenTypes.Float, -1.0>;
+    onLoad?: CodegenTypes.DirectEventHandler<OnLoadEvent>;
+    onLoadError?: CodegenTypes.DirectEventHandler<OnLoadErrorEvent>;
+    onPlayerStateChange?: CodegenTypes.DirectEventHandler<OnPlayerStateChangeEvent>;
+    onTimeUpdate?: CodegenTypes.DirectEventHandler<OnTimeUpdateEvent>;
+    onSeek?: CodegenTypes.DirectEventHandler<OnSeekEvent>;
+    onEnd?: CodegenTypes.DirectEventHandler<OnEndEvent>;
+}
+interface NativeCommands {
+    play: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+    pause: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+    toggle: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+    seekTo: (viewRef: React.ElementRef<HostComponent<NativeProps>>, positionMs: CodegenTypes.Int32) => void;
+    setSpeed: (viewRef: React.ElementRef<HostComponent<NativeProps>>, speed: CodegenTypes.Float) => void;
+}
+export declare const Commands: NativeCommands;
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=AudioWaveformViewNativeComponent.d.ts.map

package/lib/typescript/src/AudioWaveformViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioWaveformViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/AudioWaveformViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,MAAM,GAAG,QAAQ,CAAC;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExC,KAAK,WAAW,GAAG,QAAQ,CAAC;IAAE,UAAU,EAAE,YAAY,CAAC,KAAK,CAAA;CAAE,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AACtD,KAAK,wBAAwB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AACH,KAAK,iBAAiB,GAAG,QAAQ,CAAC;IAChC,aAAa,EAAE,YAAY,CAAC,KAAK,CAAC;IAClC,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC;CAChC,CAAC,CAAC;AACH,KAAK,WAAW,GAAG,QAAQ,CAAC;IAAE,UAAU,EAAE,YAAY,CAAC,KAAK,CAAA;CAAE,CAAC,CAAC;AAChE,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE/B,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAE5C,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAE9B,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC7D,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE3D,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IAE/D,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE3D,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,qBAAqB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3E,cAAc,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAEzD,cAAc,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,UAAU,GAAG,YAAY,EAAE,UAAU,CAAC,CAAC;IAE3E,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEjE,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpD,iBAAiB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACpE,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC5D,0BAA0B,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAGrE,iBAAiB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAErE,eAAe,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IAErE,MAAM,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAChE,mBAAmB,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;IAChF,YAAY,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IAClE,MAAM,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;CACrD;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IACtE,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IACvE,MAAM,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IACxE,MAAM,EAAE,CACN,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,UAAU,EAAE,YAAY,CAAC,KAAK,KAC3B,IAAI,CAAC;IACV,QAAQ,EAAE,CACR,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,KAAK,EAAE,YAAY,CAAC,KAAK,KACtB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;;AAEH,wBAAwE"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,3 @@
+export { AudioWaveformView } from './AudioWaveformView';
+export type { AudioWaveformViewProps, AudioWaveformViewRef, AudioWaveformPlayerState, AudioWaveformPlayerStateEvent, AudioWaveformTimeUpdateEvent, AudioWaveformSeekEvent, AudioWaveformLoadEvent, AudioWaveformLoadErrorEvent, AudioWaveformTimeMode, AudioWaveformSource, } from './AudioWaveformView';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,wBAAwB,EACxB,6BAA6B,EAC7B,4BAA4B,EAC5B,sBAAsB,EACtB,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,12 +1,143 @@
 {
   "name": "react-native-waveform-player",
-  "version": "0.0.1",
-  "description": "",
-  "main": "index.js",
+  "version": "1.0.0",
+  "description": "audio waveform",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "example": "yarn workspace react-native-waveform-player-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\""
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/maitrungduc1410/react-native-audio-waveform.git"
+  },
+  "author": "Duc Trung Mai <maitrungduc1410@gmail.com> (https://github.com/maitrungduc1410)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/maitrungduc1410/react-native-audio-waveform/issues"
+  },
+  "homepage": "https://github.com/maitrungduc1410/react-native-audio-waveform#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^20.5.0",
+    "@eslint/compat": "^2.0.3",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^10.0.1",
+    "@react-native/babel-preset": "0.85.0",
+    "@react-native/eslint-config": "0.85.0",
+    "@types/react": "^19.2.0",
+    "commitlint": "^20.5.0",
+    "del-cli": "^7.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-prettier": "^5.5.5",
+    "lefthook": "^2.1.4",
+    "prettier": "^3.8.1",
+    "react": "19.2.3",
+    "react-native": "0.85.0",
+    "react-native-builder-bob": "^0.41.0",
+    "turbo": "^2.8.21",
+    "typescript": "^6.0.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "AudioWaveformViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.audiowaveform"
+    },
+    "ios": {
+      "components": {
+        "AudioWaveformView": {
+          "className": "AudioWaveformView"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
+  "create-react-native-library": {
+    "type": "fabric-view",
+    "languages": "kotlin-objc",
+    "tools": [
+      "eslint",
+      "lefthook"
+    ],
+    "version": "0.62.0"
+  }
 }