@meersagor/wavesurfer-vue 0.0.4 → 0.1.0

package/dist/types/composables/useWaveSurferRecorder.d.ts

@@ -0,0 +1,525 @@
+import type { WaveSurferIns } from "../types";
+export declare const useWaveSurferRecorder: ({ containerRef, options }: WaveSurferIns) => {
+    waveSurfer: import("vue").Ref<{
+        options: {
+            container: string | HTMLElement;
+            height?: number | "auto" | undefined;
+            width?: string | number | undefined;
+            waveColor: string | (string[] & string) | (CanvasGradient & string);
+            progressColor: string | (string[] & string) | (CanvasGradient & string);
+            cursorColor?: string | undefined;
+            cursorWidth: number;
+            barWidth?: number | undefined;
+            barGap?: number | undefined;
+            barRadius?: number | undefined;
+            barHeight?: number | undefined;
+            barAlign?: "top" | "bottom" | undefined;
+            minPxPerSec: number;
+            fillParent: boolean;
+            url?: string | undefined;
+            peaks?: (number[] | {
+                [x: number]: number;
+                readonly BYTES_PER_ELEMENT: number;
+                readonly buffer: {
+                    readonly byteLength: number;
+                    slice: (begin: number, end?: number | undefined) => ArrayBuffer;
+                    readonly [Symbol.toStringTag]: string;
+                } | {
+                    readonly byteLength: number;
+                    slice: (begin: number, end?: number | undefined) => SharedArrayBuffer;
+                    readonly [Symbol.species]: SharedArrayBuffer;
+                    readonly [Symbol.toStringTag]: "SharedArrayBuffer";
+                };
+                readonly byteLength: number;
+                readonly byteOffset: number;
+                copyWithin: (target: number, start: number, end?: number | undefined) => Float32Array;
+                every: (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any) => boolean;
+                fill: (value: number, start?: number | undefined, end?: number | undefined) => Float32Array;
+                filter: (predicate: (value: number, index: number, array: Float32Array) => any, thisArg?: any) => Float32Array;
+                find: (predicate: (value: number, index: number, obj: Float32Array) => boolean, thisArg?: any) => number | undefined;
+                findIndex: (predicate: (value: number, index: number, obj: Float32Array) => boolean, thisArg?: any) => number;
+                forEach: (callbackfn: (value: number, index: number, array: Float32Array) => void, thisArg?: any) => void;
+                indexOf: (searchElement: number, fromIndex?: number | undefined) => number;
+                join: (separator?: string | undefined) => string;
+                lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number;
+                readonly length: number;
+                map: (callbackfn: (value: number, index: number, array: Float32Array) => number, thisArg?: any) => Float32Array;
+                reduce: {
+                    (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number): number;
+                    (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number, initialValue: number): number;
+                    <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Float32Array) => U, initialValue: U): U;
+                };
+                reduceRight: {
+                    (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number): number;
+                    (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number, initialValue: number): number;
+                    <U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: Float32Array) => U_1, initialValue: U_1): U_1;
+                };
+                reverse: () => Float32Array;
+                set: (array: ArrayLike<number>, offset?: number | undefined) => void;
+                slice: (start?: number | undefined, end?: number | undefined) => Float32Array;
+                some: (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any) => boolean;
+                sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Float32Array;
+                subarray: (begin?: number | undefined, end?: number | undefined) => Float32Array;
+                toLocaleString: () => string;
+                toString: () => string;
+                valueOf: () => Float32Array;
+                entries: () => IterableIterator<[number, number]>;
+                keys: () => IterableIterator<number>;
+                values: () => IterableIterator<number>;
+                includes: (searchElement: number, fromIndex?: number | undefined) => boolean;
+                at: (index: number) => number | undefined;
+                findLast: {
+                    <S extends number>(predicate: (value: number, index: number, array: Float32Array) => value is S, thisArg?: any): S | undefined;
+                    (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any): number | undefined;
+                };
+                findLastIndex: (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any) => number;
+                toReversed: () => Float32Array;
+                toSorted: (compareFn?: ((a: number, b: number) => number) | undefined) => Float32Array;
+                with: (index: number, value: number) => Float32Array;
+                [Symbol.iterator]: () => IterableIterator<number>;
+                readonly [Symbol.toStringTag]: "Float32Array";
+            })[] | undefined;
+            duration?: number | undefined;
+            media?: HTMLMediaElement | undefined;
+            mediaControls?: boolean | undefined;
+            autoplay?: boolean | undefined;
+            interact: boolean;
+            dragToSeek: boolean;
+            hideScrollbar?: boolean | undefined;
+            audioRate?: number | undefined;
+            autoScroll: boolean;
+            autoCenter: boolean;
+            sampleRate: number;
+            splitChannels?: {
+                container?: string | HTMLElement | undefined;
+                height?: number | "auto" | undefined;
+                width?: string | number | undefined;
+                waveColor?: string | string[] | {
+                    addColorStop: (offset: number, color: string) => void;
+                } | undefined;
+                progressColor?: string | string[] | {
+                    addColorStop: (offset: number, color: string) => void;
+                } | undefined;
+                cursorColor?: string | undefined;
+                cursorWidth?: number | undefined;
+                barWidth?: number | undefined;
+                barGap?: number | undefined;
+                barRadius?: number | undefined;
+                barHeight?: number | undefined;
+                barAlign?: "top" | "bottom" | undefined;
+                minPxPerSec?: number | undefined;
+                fillParent?: boolean | undefined;
+                url?: string | undefined;
+                peaks?: (number[] | {
+                    [x: number]: number;
+                    readonly BYTES_PER_ELEMENT: number;
+                    readonly buffer: {
+                        readonly byteLength: number;
+                        slice: (begin: number, end?: number | undefined) => ArrayBuffer;
+                        readonly [Symbol.toStringTag]: string;
+                    } | {
+                        readonly byteLength: number;
+                        slice: (begin: number, end?: number | undefined) => SharedArrayBuffer;
+                        readonly [Symbol.species]: SharedArrayBuffer;
+                        readonly [Symbol.toStringTag]: "SharedArrayBuffer";
+                    };
+                    readonly byteLength: number;
+                    readonly byteOffset: number;
+                    copyWithin: (target: number, start: number, end?: number | undefined) => Float32Array;
+                    every: (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any) => boolean;
+                    fill: (value: number, start?: number | undefined, end?: number | undefined) => Float32Array;
+                    filter: (predicate: (value: number, index: number, array: Float32Array) => any, thisArg?: any) => Float32Array;
+                    find: (predicate: (value: number, index: number, obj: Float32Array) => boolean, thisArg?: any) => number | undefined;
+                    findIndex: (predicate: (value: number, index: number, obj: Float32Array) => boolean, thisArg?: any) => number;
+                    forEach: (callbackfn: (value: number, index: number, array: Float32Array) => void, thisArg?: any) => void;
+                    indexOf: (searchElement: number, fromIndex?: number | undefined) => number;
+                    join: (separator?: string | undefined) => string;
+                    lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number;
+                    readonly length: number;
+                    map: (callbackfn: (value: number, index: number, array: Float32Array) => number, thisArg?: any) => Float32Array;
+                    reduce: {
+                        (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number): number;
+                        (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number, initialValue: number): number;
+                        <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Float32Array) => U, initialValue: U): U;
+                    };
+                    reduceRight: {
+                        (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number): number;
+                        (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number, initialValue: number): number;
+                        <U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: Float32Array) => U_1, initialValue: U_1): U_1;
+                    };
+                    reverse: () => Float32Array;
+                    set: (array: ArrayLike<number>, offset?: number | undefined) => void;
+                    slice: (start?: number | undefined, end?: number | undefined) => Float32Array;
+                    some: (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any) => boolean;
+                    sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Float32Array;
+                    subarray: (begin?: number | undefined, end?: number | undefined) => Float32Array;
+                    toLocaleString: () => string;
+                    toString: () => string;
+                    valueOf: () => Float32Array;
+                    entries: () => IterableIterator<[number, number]>;
+                    keys: () => IterableIterator<number>;
+                    values: () => IterableIterator<number>;
+                    includes: (searchElement: number, fromIndex?: number | undefined) => boolean;
+                    at: (index: number) => number | undefined;
+                    findLast: {
+                        <S extends number>(predicate: (value: number, index: number, array: Float32Array) => value is S, thisArg?: any): S | undefined;
+                        (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any): number | undefined;
+                    };
+                    findLastIndex: (predicate: (value: number, index: number, array: Float32Array) => unknown, thisArg?: any) => number;
+                    toReversed: () => Float32Array;
+                    toSorted: (compareFn?: ((a: number, b: number) => number) | undefined) => Float32Array;
+                    with: (index: number, value: number) => Float32Array;
+                    [Symbol.iterator]: () => IterableIterator<number>;
+                    readonly [Symbol.toStringTag]: "Float32Array";
+                })[] | undefined;
+                duration?: number | undefined;
+                media?: HTMLMediaElement | undefined;
+                mediaControls?: boolean | undefined;
+                autoplay?: boolean | undefined;
+                interact?: boolean | undefined;
+                dragToSeek?: boolean | undefined;
+                hideScrollbar?: boolean | undefined;
+                audioRate?: number | undefined;
+                autoScroll?: boolean | undefined;
+                autoCenter?: boolean | undefined;
+                sampleRate?: number | undefined;
+                splitChannels?: any[] | undefined;
+                normalize?: boolean | undefined;
+                plugins?: {
+                    _init: (wavesurfer: import("wavesurfer.js").default) => void;
+                    destroy: () => void;
+                    on: <EventName extends "destroy">(event: EventName, listener: (...args: import("wavesurfer.js/dist/base-plugin").BasePluginEvents[EventName]) => void, options?: {
+                        once?: boolean | undefined;
+                    } | undefined) => () => void;
+                    un: <EventName_1 extends "destroy">(event: EventName_1, listener: (...args: import("wavesurfer.js/dist/base-plugin").BasePluginEvents[EventName_1]) => void) => void;
+                    once: <EventName_2 extends "destroy">(event: EventName_2, listener: (...args: import("wavesurfer.js/dist/base-plugin").BasePluginEvents[EventName_2]) => void) => () => void;
+                    unAll: () => void;
+                }[] | undefined;
+                renderFunction?: ((peaks: (Float32Array | number[])[], ctx: CanvasRenderingContext2D) => void) | undefined;
+                fetchParams?: {
+                    body?: string | {
+                        readonly byteLength: number;
+                        slice: (begin: number, end?: number | undefined) => ArrayBuffer;
+                        readonly [Symbol.toStringTag]: string;
+                    } | {
+                        readonly locked: boolean;
+                        cancel: (reason?: any) => Promise<void>;
+                        getReader: {
+                            (options: {
+                                mode: "byob";
+                            }): ReadableStreamBYOBReader;
+                            (): ReadableStreamDefaultReader<any>;
+                            (options?: ReadableStreamGetReaderOptions | undefined): ReadableStreamReader<any>;
+                        };
+                        pipeThrough: <T>(transform: ReadableWritablePair<T, any>, options?: StreamPipeOptions | undefined) => ReadableStream<T>;
+                        pipeTo: (destination: WritableStream<any>, options?: StreamPipeOptions | undefined) => Promise<void>;
+                        tee: () => [ReadableStream<any>, ReadableStream<any>];
+                    } | {
+                        readonly size: number;
+                        readonly type: string;
+                        arrayBuffer: () => Promise<ArrayBuffer>;
+                        slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+                        stream: () => ReadableStream<Uint8Array>;
+                        text: () => Promise<string>;
+                    } | {
+                        buffer: {
+                            readonly byteLength: number;
+                            slice: (begin: number, end?: number | undefined) => ArrayBuffer;
+                            readonly [Symbol.toStringTag]: string;
+                        } | {
+                            readonly byteLength: number;
+                            slice: (begin: number, end?: number | undefined) => SharedArrayBuffer;
+                            readonly [Symbol.species]: SharedArrayBuffer;
+                            readonly [Symbol.toStringTag]: "SharedArrayBuffer";
+                        };
+                        byteLength: number;
+                        byteOffset: number;
+                    } | {
+                        append: {
+                            (name: string, value: string | Blob): void;
+                            (name: string, value: string): void;
+                            (name: string, blobValue: Blob, filename?: string | undefined): void;
+                        };
+                        delete: (name: string) => void;
+                        get: (name: string) => FormDataEntryValue | null;
+                        getAll: (name: string) => FormDataEntryValue[];
+                        has: (name: string) => boolean;
+                        set: {
+                            (name: string, value: string | Blob): void;
+                            (name: string, value: string): void;
+                            (name: string, blobValue: Blob, filename?: string | undefined): void;
+                        };
+                        forEach: (callbackfn: (value: FormDataEntryValue, key: string, parent: FormData) => void, thisArg?: any) => void;
+                        entries: () => IterableIterator<[string, FormDataEntryValue]>;
+                        keys: () => IterableIterator<string>;
+                        values: () => IterableIterator<FormDataEntryValue>;
+                        [Symbol.iterator]: () => IterableIterator<[string, FormDataEntryValue]>;
+                    } | {
+                        readonly size: number;
+                        append: (name: string, value: string) => void;
+                        delete: (name: string, value?: string | undefined) => void;
+                        get: (name: string) => string | null;
+                        getAll: (name: string) => string[];
+                        has: (name: string, value?: string | undefined) => boolean;
+                        set: (name: string, value: string) => void;
+                        sort: () => void;
+                        toString: () => string;
+                        forEach: (callbackfn: (value: string, key: string, parent: URLSearchParams) => void, thisArg?: any) => void;
+                        entries: () => IterableIterator<[string, string]>;
+                        keys: () => IterableIterator<string>;
+                        values: () => IterableIterator<string>;
+                        [Symbol.iterator]: () => IterableIterator<[string, string]>;
+                    } | null | undefined;
+                    cache?: RequestCache | undefined;
+                    credentials?: RequestCredentials | undefined;
+                    headers?: [string, string][] | Record<string, string> | {
+                        append: (name: string, value: string) => void;
+                        delete: (name: string) => void;
+                        get: (name: string) => string | null;
+                        getSetCookie: () => string[];
+                        has: (name: string) => boolean;
+                        set: (name: string, value: string) => void;
+                        forEach: (callbackfn: (value: string, key: string, parent: Headers) => void, thisArg?: any) => void;
+                        entries: () => IterableIterator<[string, string]>;
+                        keys: () => IterableIterator<string>;
+                        values: () => IterableIterator<string>;
+                        [Symbol.iterator]: () => IterableIterator<[string, string]>;
+                    } | undefined;
+                    integrity?: string | undefined;
+                    keepalive?: boolean | undefined;
+                    method?: string | undefined;
+                    mode?: RequestMode | undefined;
+                    redirect?: RequestRedirect | undefined;
+                    referrer?: string | undefined;
+                    referrerPolicy?: ReferrerPolicy | undefined;
+                    signal?: {
+                        readonly aborted: boolean;
+                        onabort: ((this: AbortSignal, ev: Event) => any) | null;
+                        readonly reason: any;
+                        throwIfAborted: {
+                            (): void;
+                            (): void;
+                        };
+                        addEventListener: {
+                            <K extends "abort">(type: K, listener: (this: AbortSignal, ev: AbortSignalEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+                            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+                        };
+                        removeEventListener: {
+                            <K_1 extends "abort">(type: K_1, listener: (this: AbortSignal, ev: AbortSignalEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+                            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+                        };
+                        dispatchEvent: (event: Event) => boolean;
+                    } | null | undefined;
+                    window?: null | undefined;
+                } | undefined;
+                backend?: "WebAudio" | "MediaElement" | undefined;
+            }[] | undefined;
+            normalize?: boolean | undefined;
+            plugins?: {
+                _init: (wavesurfer: import("wavesurfer.js").default) => void;
+                destroy: () => void;
+                on: <EventName extends "destroy">(event: EventName, listener: (...args: import("wavesurfer.js/dist/base-plugin").BasePluginEvents[EventName]) => void, options?: {
+                    once?: boolean | undefined;
+                } | undefined) => () => void;
+                un: <EventName_1 extends "destroy">(event: EventName_1, listener: (...args: import("wavesurfer.js/dist/base-plugin").BasePluginEvents[EventName_1]) => void) => void;
+                once: <EventName_2 extends "destroy">(event: EventName_2, listener: (...args: import("wavesurfer.js/dist/base-plugin").BasePluginEvents[EventName_2]) => void) => () => void;
+                unAll: () => void;
+            }[] | undefined;
+            renderFunction?: ((peaks: (Float32Array | number[])[], ctx: CanvasRenderingContext2D) => void) | undefined;
+            fetchParams?: {
+                body?: string | {
+                    readonly byteLength: number;
+                    slice: (begin: number, end?: number | undefined) => ArrayBuffer;
+                    readonly [Symbol.toStringTag]: string;
+                } | {
+                    readonly locked: boolean;
+                    cancel: (reason?: any) => Promise<void>;
+                    getReader: {
+                        (options: {
+                            mode: "byob";
+                        }): ReadableStreamBYOBReader;
+                        (): ReadableStreamDefaultReader<any>;
+                        (options?: ReadableStreamGetReaderOptions | undefined): ReadableStreamReader<any>;
+                    };
+                    pipeThrough: <T>(transform: ReadableWritablePair<T, any>, options?: StreamPipeOptions | undefined) => ReadableStream<T>;
+                    pipeTo: (destination: WritableStream<any>, options?: StreamPipeOptions | undefined) => Promise<void>;
+                    tee: () => [ReadableStream<any>, ReadableStream<any>];
+                } | {
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                } | {
+                    buffer: {
+                        readonly byteLength: number;
+                        slice: (begin: number, end?: number | undefined) => ArrayBuffer;
+                        readonly [Symbol.toStringTag]: string;
+                    } | {
+                        readonly byteLength: number;
+                        slice: (begin: number, end?: number | undefined) => SharedArrayBuffer;
+                        readonly [Symbol.species]: SharedArrayBuffer;
+                        readonly [Symbol.toStringTag]: "SharedArrayBuffer";
+                    };
+                    byteLength: number;
+                    byteOffset: number;
+                } | {
+                    append: {
+                        (name: string, value: string | Blob): void;
+                        (name: string, value: string): void;
+                        (name: string, blobValue: Blob, filename?: string | undefined): void;
+                    };
+                    delete: (name: string) => void;
+                    get: (name: string) => FormDataEntryValue | null;
+                    getAll: (name: string) => FormDataEntryValue[];
+                    has: (name: string) => boolean;
+                    set: {
+                        (name: string, value: string | Blob): void;
+                        (name: string, value: string): void;
+                        (name: string, blobValue: Blob, filename?: string | undefined): void;
+                    };
+                    forEach: (callbackfn: (value: FormDataEntryValue, key: string, parent: FormData) => void, thisArg?: any) => void;
+                    entries: () => IterableIterator<[string, FormDataEntryValue]>;
+                    keys: () => IterableIterator<string>;
+                    values: () => IterableIterator<FormDataEntryValue>;
+                    [Symbol.iterator]: () => IterableIterator<[string, FormDataEntryValue]>;
+                } | {
+                    readonly size: number;
+                    append: (name: string, value: string) => void;
+                    delete: (name: string, value?: string | undefined) => void;
+                    get: (name: string) => string | null;
+                    getAll: (name: string) => string[];
+                    has: (name: string, value?: string | undefined) => boolean;
+                    set: (name: string, value: string) => void;
+                    sort: () => void;
+                    toString: () => string;
+                    forEach: (callbackfn: (value: string, key: string, parent: URLSearchParams) => void, thisArg?: any) => void;
+                    entries: () => IterableIterator<[string, string]>;
+                    keys: () => IterableIterator<string>;
+                    values: () => IterableIterator<string>;
+                    [Symbol.iterator]: () => IterableIterator<[string, string]>;
+                } | null | undefined;
+                cache?: RequestCache | undefined;
+                credentials?: RequestCredentials | undefined;
+                headers?: [string, string][] | Record<string, string> | {
+                    append: (name: string, value: string) => void;
+                    delete: (name: string) => void;
+                    get: (name: string) => string | null;
+                    getSetCookie: () => string[];
+                    has: (name: string) => boolean;
+                    set: (name: string, value: string) => void;
+                    forEach: (callbackfn: (value: string, key: string, parent: Headers) => void, thisArg?: any) => void;
+                    entries: () => IterableIterator<[string, string]>;
+                    keys: () => IterableIterator<string>;
+                    values: () => IterableIterator<string>;
+                    [Symbol.iterator]: () => IterableIterator<[string, string]>;
+                } | undefined;
+                integrity?: string | undefined;
+                keepalive?: boolean | undefined;
+                method?: string | undefined;
+                mode?: RequestMode | undefined;
+                redirect?: RequestRedirect | undefined;
+                referrer?: string | undefined;
+                referrerPolicy?: ReferrerPolicy | undefined;
+                signal?: {
+                    readonly aborted: boolean;
+                    onabort: ((this: AbortSignal, ev: Event) => any) | null;
+                    readonly reason: any;
+                    throwIfAborted: {
+                        (): void;
+                        (): void;
+                    };
+                    addEventListener: {
+                        <K extends "abort">(type: K, listener: (this: AbortSignal, ev: AbortSignalEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+                        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+                    };
+                    removeEventListener: {
+                        <K_1 extends "abort">(type: K_1, listener: (this: AbortSignal, ev: AbortSignalEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+                        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+                    };
+                    dispatchEvent: (event: Event) => boolean;
+                } | null | undefined;
+                window?: null | undefined;
+            } | undefined;
+            backend?: "WebAudio" | "MediaElement" | undefined;
+        };
+        setOptions: (options: Partial<import("wavesurfer.js").WaveSurferOptions>) => void;
+        registerPlugin: <T_1 extends import("wavesurfer.js/dist/base-plugin").GenericPlugin>(plugin: T_1) => T_1;
+        getWrapper: () => HTMLElement;
+        getScroll: () => number;
+        getActivePlugins: () => import("wavesurfer.js/dist/base-plugin").GenericPlugin[];
+        load: (url: string, channelData?: (Float32Array | number[])[] | undefined, duration?: number | undefined) => Promise<void>;
+        loadBlob: (blob: Blob, channelData?: (Float32Array | number[])[] | undefined, duration?: number | undefined) => Promise<void>;
+        zoom: (minPxPerSec: number) => void;
+        getDecodedData: () => AudioBuffer | null;
+        exportPeaks: ({ channels, maxLength, precision }?: {
+            channels?: number | undefined;
+            maxLength?: number | undefined;
+            precision?: number | undefined;
+        } | undefined) => number[][];
+        getDuration: () => number;
+        toggleInteraction: (isInteractive: boolean) => void;
+        seekTo: (progress: number) => void;
+        playPause: () => Promise<void>;
+        stop: () => void;
+        skip: (seconds: number) => void;
+        empty: () => void;
+        setMediaElement: (element: HTMLMediaElement) => void;
+        exportImage: {
+            (format: string, quality: number, type: "dataURL"): Promise<string[]>;
+            (format: string, quality: number, type: "blob"): Promise<Blob[]>;
+        };
+        destroy: () => void;
+        play: () => Promise<void>;
+        pause: () => void;
+        isPlaying: () => boolean;
+        setTime: (time: number) => void;
+        getCurrentTime: () => number;
+        getVolume: () => number;
+        setVolume: (volume: number) => void;
+        getMuted: () => boolean;
+        setMuted: (muted: boolean) => void;
+        getPlaybackRate: () => number;
+        setPlaybackRate: (rate: number, preservePitch?: boolean | undefined) => void;
+        getMediaElement: () => HTMLMediaElement;
+        setSinkId: (sinkId: string) => Promise<void>;
+        on: <EventName_3 extends keyof import("wavesurfer.js").WaveSurferEvents>(event: EventName_3, listener: (...args: import("wavesurfer.js").WaveSurferEvents[EventName_3]) => void, options?: {
+            once?: boolean | undefined;
+        } | undefined) => () => void;
+        un: <EventName_4 extends keyof import("wavesurfer.js").WaveSurferEvents>(event: EventName_4, listener: (...args: import("wavesurfer.js").WaveSurferEvents[EventName_4]) => void) => void;
+        once: <EventName_5 extends keyof import("wavesurfer.js").WaveSurferEvents>(event: EventName_5, listener: (...args: import("wavesurfer.js").WaveSurferEvents[EventName_5]) => void) => () => void;
+        unAll: () => void;
+    } | null>;
+    waveSurferRecorder: import("vue").Ref<{
+        renderMicStream: (stream: MediaStream) => {
+            onDestroy: () => void;
+            onEnd: () => void;
+        };
+        startMic: (options?: import("wavesurfer.js/dist/plugins/record.js").RecordPluginDeviceOptions | undefined) => Promise<MediaStream>;
+        stopMic: () => void;
+        startRecording: (options?: import("wavesurfer.js/dist/plugins/record.js").RecordPluginDeviceOptions | undefined) => Promise<void>;
+        getDuration: () => number;
+        isRecording: () => boolean;
+        isPaused: () => boolean;
+        isActive: () => boolean;
+        stopRecording: () => void;
+        pauseRecording: () => void;
+        resumeRecording: () => void;
+        destroy: () => void;
+        _init: (wavesurfer: import("wavesurfer.js").default) => void;
+        on: <EventName_6 extends "destroy" | "record-progress" | "record-start" | "record-pause" | "record-resume" | "record-end">(event: EventName_6, listener: (...args: import("wavesurfer.js/dist/plugins/record.js").RecordPluginEvents[EventName_6]) => void, options?: {
+            once?: boolean | undefined;
+        } | undefined) => () => void;
+        un: <EventName_7 extends "destroy" | "record-progress" | "record-start" | "record-pause" | "record-resume" | "record-end">(event: EventName_7, listener: (...args: import("wavesurfer.js/dist/plugins/record.js").RecordPluginEvents[EventName_7]) => void) => void;
+        once: <EventName_8 extends "destroy" | "record-progress" | "record-start" | "record-pause" | "record-resume" | "record-end">(event: EventName_8, listener: (...args: import("wavesurfer.js/dist/plugins/record.js").RecordPluginEvents[EventName_8]) => void) => () => void;
+        unAll: () => void;
+    } | null>;
+    currentTime: import("vue").ComputedRef<string>;
+    startRecording: () => void;
+    stopRecording: () => Promise<Blob>;
+    pauseRecording: () => void;
+    isRecording: import("vue").Ref<boolean>;
+    isPaused: import("vue").Ref<boolean>;
+    isPauseResume: import("vue").ComputedRef<boolean>;
+};

package/dist/types/composables/useWaveSurferState.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+import type WaveSurfer from 'wavesurfer.js';
+export declare const useWaveSurferState: (wavesurfer: Ref<WaveSurfer | null>) => {
+    isReady: Ref<boolean>;
+    isPlaying: Ref<boolean>;
+    currentTime: Ref<number>;
+    totalDuration: Ref<number>;
+};

package/dist/types/eventsEmitter/index.d.ts

@@ -0,0 +1,2 @@
+import type { WaveSurferEvents } from 'wavesurfer.js';
+export declare const waveServerEventsEmitter: Array<keyof WaveSurferEvents>;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+import WaveSurferPlayer from './components/WaveSurferPlayer.vue';
+import { useWaveSurfer } from './composables/useWaveSurfer';
+import { useWaveSurferRecorder } from './composables/useWaveSurferRecorder';
+export { WaveSurferPlayer, useWaveSurfer, useWaveSurferRecorder };

package/dist/types/types/index.d.ts

@@ -0,0 +1,10 @@
+import { type WaveSurferOptions } from 'wavesurfer.js';
+import type { Ref } from 'vue';
+import type { useWaveSurferInstance } from '../composables/useWaveSurferInstance';
+import type { useWaveSurferState } from '../composables/useWaveSurferState';
+export type PartialWaveSurferOptions = Omit<WaveSurferOptions, 'container'>;
+export type WaveSurferIns = {
+    containerRef: Ref<HTMLElement | null>;
+    options: Partial<PartialWaveSurferOptions>;
+};
+export type UseWaveSurfer = ReturnType<typeof useWaveSurferInstance> & ReturnType<typeof useWaveSurferState>;

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "author": "Meer Sagor",
   "name": "@meersagor/wavesurfer-vue",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "Vue3 component for wavesurfer.js",
   "private": false,
   "type": "module",
@@ -25,7 +25,7 @@
       "require": "./dist/@meersagor-wavesurfer-vue.umd.cjs"
     }
   },
-  "types": "./dist/index.d.ts",
+  "types": "./dist/types/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
@@ -38,10 +38,7 @@
     "player"
   ],
   "scripts": {
-    "dev": "vite",
-    "build": "run-p type-check \"build-only {@}\" --",
-    "preview": "vite preview",
-    "build-only": "vite build",
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly && mv dist/src dist/types",
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "format": "prettier --write src/",
@@ -49,7 +46,7 @@
   },
   "dependencies": {
     "vue": "^3.3.11",
-    "wavesurfer.js": "^7.7.3"
+    "wavesurfer.js": "^7.7.11"
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
@@ -66,7 +63,6 @@
     "prettier": "^3.0.3",
     "typescript": "~5.3.0",
     "vite": "^5.0.10",
-    "vite-plugin-dts": "^3.7.1",
     "vue-tsc": "^1.8.25"
   }
 }

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-import WaveSurferPlayer from './components/WaveSurferPlayer.vue';
-import { useWaveSurfer } from './composables/useWaveSurfer';
-export { WaveSurferPlayer, useWaveSurfer };

package/dist/tsconfig.app.tsbuildinfo

@@ -1 +0,0 @@
-{"program":{"fileNames":["../node_modules/typescript/lib/lib.es5.d.ts","../node_modules/typescript/lib/lib.es2015.d.ts","../node_modules/typescript/lib/lib.es2016.d.ts","../node_modules/typescript/lib/lib.es2017.d.ts","../node_modules/typescript/lib/lib.es2018.d.ts","../node_modules/typescript/lib/lib.es2019.d.ts","../node_modules/typescript/lib/lib.es2020.d.ts","../node_modules/typescript/lib/lib.dom.d.ts","../node_modules/typescript/lib/lib.dom.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.core.d.ts","../node_modules/typescript/lib/lib.es2015.collection.d.ts","../node_modules/typescript/lib/lib.es2015.generator.d.ts","../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../node_modules/typescript/lib/lib.es2015.promise.d.ts","../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../node_modules/typescript/lib/lib.es2017.date.d.ts","../node_modules/typescript/lib/lib.es2017.object.d.ts","../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2017.string.d.ts","../node_modules/typescript/lib/lib.es2017.intl.d.ts","../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../node_modules/typescript/lib/lib.es2018.intl.d.ts","../node_modules/typescript/lib/lib.es2018.promise.d.ts","../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../node_modules/typescript/lib/lib.es2019.array.d.ts","../node_modules/typescript/lib/lib.es2019.object.d.ts","../node_modules/typescript/lib/lib.es2019.string.d.ts","../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../node_modules/typescript/lib/lib.es2019.intl.d.ts","../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../node_modules/typescript/lib/lib.es2020.date.d.ts","../node_modules/typescript/lib/lib.es2020.promise.d.ts","../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../node_modules/typescript/lib/lib.es2020.string.d.ts","../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../node_modules/typescript/lib/lib.es2020.intl.d.ts","../node_modules/typescript/lib/lib.es2020.number.d.ts","../node_modules/typescript/lib/lib.decorators.d.ts","../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../node_modules/@vue/shared/dist/shared.d.ts","../node_modules/@vue/reactivity/dist/reactivity.d.ts","../node_modules/@vue/runtime-core/dist/runtime-core.d.ts","../node_modules/csstype/index.d.ts","../node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts","../node_modules/vue/jsx-runtime/index.d.ts","../node_modules/@babel/parser/typings/babel-parser.d.ts","../node_modules/source-map-js/source-map.d.ts","../node_modules/@vue/compiler-core/dist/compiler-core.d.ts","../node_modules/@vue/compiler-dom/dist/compiler-dom.d.ts","../node_modules/vue/dist/vue.d.mts","../node_modules/wavesurfer.js/dist/event-emitter.d.ts","../node_modules/wavesurfer.js/dist/base-plugin.d.ts","../node_modules/wavesurfer.js/dist/player.d.ts","../node_modules/wavesurfer.js/dist/wavesurfer.d.ts","../src/composables/useWaveSurferInstance.ts","../src/composables/useWaveSurferState.ts","../src/types/index.ts","../src/composables/useWaveSurfer.ts","../src/eventsEmitter/index.ts","../src/components/WaveSurferPlayer.vue.ts","../__VLS_types.d.ts","../node_modules/vite/types/hmrPayload.d.ts","../node_modules/vite/types/customEvent.d.ts","../node_modules/vite/types/hot.d.ts","../node_modules/vite/types/importGlob.d.ts","../node_modules/vite/types/importMeta.d.ts","../node_modules/vite/client.d.ts","../env.d.ts","../src/index.ts","../node_modules/wavesurfer.js/dist/plugins/record.d.ts","../src/composables/useWaveSurferRecorder.ts"],"fileInfos":[{"version":"1","affectsGlobalScope":true},"1","1","1","1","1","1",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},{"version":"1","affectsGlobalScope":true},"1","1",{"version":"1","affectsGlobalScope":true},"1","1","1","1","1","1","1","1","0","0","0","0","0","0","0","0","0","0",{"version":"1","affectsGlobalScope":true},"1","1","0","1",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},"0","0","0","0"],"root":[[61,67],74,75,77],"options":{"composite":true,"declaration":true,"declarationDir":"./","esModuleInterop":true,"jsx":1,"jsxImportSource":"vue","module":99,"noImplicitThis":true,"outDir":"./","skipLibCheck":true,"strict":true,"target":99,"useDefineForClassFields":true},"fileIdsList":[[48,50,51,56],[73],[46,52,53],[54],[46],[46,47,48,50],[47,48,49],[53],[72],[68],[69],[70,71],[50,55],[50],[57,60],[57],[58],[58,59],[51,56,63,64,65],[51,56,60,61,62,63],[51,56,60,63],[51,56,61,63,76],[51,56,60],[51,60],[51,64,66],[51,56,60,61,62]],"referencedMap":[[67,1],[74,2],[54,3],[55,4],[47,5],[48,6],[50,7],[53,8],[73,9],[69,10],[70,11],[72,12],[56,13],[51,14],[58,15],[59,16],[76,17],[60,18],[66,19],[64,20],[61,21],[77,22],[62,23],[65,24],[75,25],[63,26]],"exportedModulesMap":[[67,1],[74,2],[54,3],[55,4],[47,5],[48,6],[50,7],[53,8],[73,9],[69,10],[70,11],[72,12],[56,13],[51,14],[58,15],[59,16],[76,17],[60,18],[66,19],[64,20],[61,21],[77,22],[62,23],[65,24],[75,25],[63,26]],"semanticDiagnosticsPerFile":[67,74,52,54,55,47,48,50,46,49,53,44,45,8,9,11,10,2,12,13,14,15,16,17,18,19,3,4,20,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,36,7,37,42,43,38,39,40,41,1,73,69,68,70,71,72,56,51,58,57,59,76,60,66,64,61,77,62,65,75,63],"affectedFilesPendingEmit":[66,64,61,77,62,65,75,63],"emitSignatures":[61,62,63,64,65,66,75,77]},"version":"5.3.3"}