@exode-team/react-recorder 1.1.12 → 1.1.15

package/dist/hooks/useMediaRecorder.js

@@ -0,0 +1,127 @@
+import { useState, useRef, useCallback } from 'react';
+import { requestMicrophoneAccess, classifyMicError } from '../platform/microphone.js';
+import { stopStream, createRecorderSession } from '../platform/media-recorder-adapter.js';
+
+/**
+ * useMediaRecorder
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useMediaRecorder = (callbacks) => {
+    const [isRecording, setIsRecording] = useState(false);
+    const [isPaused, setIsPaused] = useState(false);
+    const mediaRecorderRef = useRef(null);
+    const mediaStreamRef = useRef(null);
+    const audioChunksRef = useRef([]);
+    const discardRef = useRef(false);
+    const needsPreviewRef = useRef(false);
+    const cleanupStream = useCallback(() => {
+        if (mediaStreamRef.current) {
+            stopStream(mediaStreamRef.current);
+            mediaStreamRef.current = null;
+        }
+    }, []);
+    const startRecording = useCallback(async (mimeType) => {
+        try {
+            const stream = await requestMicrophoneAccess();
+            mediaStreamRef.current = stream;
+            callbacks.onStreamAcquired(stream);
+            audioChunksRef.current = [];
+            discardRef.current = false;
+            const { recorder } = createRecorderSession(stream, {
+                onDataAvailable: (event) => {
+                    if (event.data.size > 0) {
+                        audioChunksRef.current.push(event.data);
+                        callbacks.onDataChunk(event.data);
+                    }
+                    if (needsPreviewRef.current) {
+                        callbacks.onNeedsPreview(audioChunksRef.current);
+                        needsPreviewRef.current = false;
+                    }
+                },
+                onStop: () => {
+                    const discarded = discardRef.current;
+                    discardRef.current = false;
+                    mediaRecorderRef.current = null;
+                    cleanupStream();
+                    setIsRecording(false);
+                    setIsPaused(false);
+                    callbacks.onStopped(audioChunksRef.current, discarded);
+                },
+                onPause: () => {
+                    setIsPaused(true);
+                    callbacks.onPaused();
+                },
+                onResume: () => {
+                    setIsPaused(false);
+                    needsPreviewRef.current = false;
+                    callbacks.onResumed();
+                },
+            }, { mimeType });
+            mediaRecorderRef.current = recorder;
+            recorder.start();
+            setIsRecording(true);
+            setIsPaused(false);
+        }
+        catch (error) {
+            console.error('[audio-recorder] Error accessing microphone:', error);
+            const kind = classifyMicError(error);
+            if (kind === 'permission') {
+                callbacks.onPermissionDenied(error);
+            }
+            else {
+                callbacks.onError(error);
+            }
+        }
+    }, [callbacks, cleanupStream]);
+    const stopRecording = useCallback(() => {
+        if (!mediaRecorderRef.current || !isRecording) {
+            return;
+        }
+        if (mediaRecorderRef.current.state === 'paused') {
+            mediaRecorderRef.current.resume();
+        }
+        mediaRecorderRef.current.stop();
+    }, [isRecording]);
+    const cancelRecording = useCallback(() => {
+        if (!mediaRecorderRef.current) {
+            return;
+        }
+        discardRef.current = true;
+        needsPreviewRef.current = false;
+        if (mediaRecorderRef.current.state !== 'inactive') {
+            mediaRecorderRef.current.stop();
+        }
+    }, []);
+    const togglePause = useCallback(() => {
+        if (!mediaRecorderRef.current || !isRecording) {
+            return;
+        }
+        if (mediaRecorderRef.current.state === 'recording') {
+            needsPreviewRef.current = true;
+            try {
+                mediaRecorderRef.current.requestData();
+            }
+            catch (error) {
+                console.warn('[audio-recorder] requestData failed', error);
+            }
+            mediaRecorderRef.current.pause();
+        }
+        else if (mediaRecorderRef.current.state === 'paused') {
+            needsPreviewRef.current = false;
+            mediaRecorderRef.current.resume();
+        }
+    }, [isRecording]);
+    return {
+        isPaused,
+        isRecording,
+        togglePause,
+        cleanupStream,
+        stopRecording,
+        startRecording,
+        cancelRecording,
+    };
+};
+
+export { useMediaRecorder };
+//# sourceMappingURL=useMediaRecorder.js.map

package/dist/hooks/useMediaRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaRecorder.js","sources":["../../src/hooks/useMediaRecorder.ts"],"sourcesContent":["/**\n * useMediaRecorder\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback, useRef, useState } from 'react';\n\nimport { classifyMicError, createRecorderSession, requestMicrophoneAccess, stopStream } from '../platform';\n\nimport type { MediaRecorderCallbacks } from '../types';\n\n\ninterface UseMediaRecorderResult {\n    isRecording: boolean;\n    isPaused: boolean;\n    startRecording: (mimeType: string) => Promise<void>;\n    stopRecording: () => void;\n    cancelRecording: () => void;\n    togglePause: () => void;\n    cleanupStream: () => void;\n}\n\nconst useMediaRecorder = (callbacks: MediaRecorderCallbacks): UseMediaRecorderResult => {\n\n    const [ isRecording, setIsRecording ] = useState(false);\n    const [ isPaused, setIsPaused ] = useState(false);\n\n    const mediaRecorderRef = useRef<MediaRecorder | null>(null);\n    const mediaStreamRef = useRef<MediaStream | null>(null);\n    const audioChunksRef = useRef<Blob[]>([]);\n    const discardRef = useRef(false);\n    const needsPreviewRef = useRef(false);\n\n    const cleanupStream = useCallback(() => {\n        if (mediaStreamRef.current) {\n            stopStream(mediaStreamRef.current);\n            mediaStreamRef.current = null;\n        }\n    }, []);\n\n    const startRecording = useCallback(async (mimeType: string) => {\n        try {\n            const stream = await requestMicrophoneAccess();\n\n            mediaStreamRef.current = stream;\n            callbacks.onStreamAcquired(stream);\n\n            audioChunksRef.current = [];\n            discardRef.current = false;\n\n            const { recorder } = createRecorderSession(stream, {\n                onDataAvailable: (event) => {\n                    if (event.data.size > 0) {\n                        audioChunksRef.current.push(event.data);\n                        callbacks.onDataChunk(event.data);\n                    }\n\n                    if (needsPreviewRef.current) {\n                        callbacks.onNeedsPreview(audioChunksRef.current);\n                        needsPreviewRef.current = false;\n                    }\n                },\n                onStop: () => {\n                    const discarded = discardRef.current;\n\n                    discardRef.current = false;\n                    mediaRecorderRef.current = null;\n                    cleanupStream();\n                    setIsRecording(false);\n                    setIsPaused(false);\n\n                    callbacks.onStopped(audioChunksRef.current, discarded);\n                },\n                onPause: () => {\n                    setIsPaused(true);\n                    callbacks.onPaused();\n                },\n                onResume: () => {\n                    setIsPaused(false);\n                    needsPreviewRef.current = false;\n                    callbacks.onResumed();\n                },\n            }, { mimeType });\n\n            mediaRecorderRef.current = recorder;\n            recorder.start();\n            setIsRecording(true);\n            setIsPaused(false);\n        } catch (error) {\n            console.error('[audio-recorder] Error accessing microphone:', error);\n\n            const kind = classifyMicError(error);\n\n            if (kind === 'permission') {\n                callbacks.onPermissionDenied(error);\n            } else {\n                callbacks.onError(error);\n            }\n        }\n    }, [ callbacks, cleanupStream ]);\n\n    const stopRecording = useCallback(() => {\n        if (!mediaRecorderRef.current || !isRecording) {\n            return;\n        }\n\n        if (mediaRecorderRef.current.state === 'paused') {\n            mediaRecorderRef.current.resume();\n        }\n\n        mediaRecorderRef.current.stop();\n    }, [ isRecording ]);\n\n    const cancelRecording = useCallback(() => {\n        if (!mediaRecorderRef.current) {\n            return;\n        }\n\n        discardRef.current = true;\n        needsPreviewRef.current = false;\n\n        if (mediaRecorderRef.current.state !== 'inactive') {\n            mediaRecorderRef.current.stop();\n        }\n    }, []);\n\n    const togglePause = useCallback(() => {\n        if (!mediaRecorderRef.current || !isRecording) {\n            return;\n        }\n\n        if (mediaRecorderRef.current.state === 'recording') {\n            needsPreviewRef.current = true;\n\n            try {\n                mediaRecorderRef.current.requestData();\n            } catch (error) {\n                console.warn('[audio-recorder] requestData failed', error);\n            }\n\n            mediaRecorderRef.current.pause();\n        } else if (mediaRecorderRef.current.state === 'paused') {\n            needsPreviewRef.current = false;\n            mediaRecorderRef.current.resume();\n        }\n    }, [ isRecording ]);\n\n    return {\n        isPaused,\n        isRecording,\n        togglePause,\n        cleanupStream,\n        stopRecording,\n        startRecording,\n        cancelRecording,\n    };\n};\n\n\nexport { useMediaRecorder };\n"],"names":[],"mappings":"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"}

package/dist/hooks/useRecorderVisualization.js

@@ -0,0 +1,94 @@
+import { useState, useRef, useCallback } from 'react';
+import { createInitialLevels } from '../constants.js';
+import { createStreamAnalyzer, decodeAudioLevels, readFrequencyLevels } from '../platform/audio-analyzer-adapter.js';
+import { cancelFrame, scheduleFrame } from '../platform/animation-frame-adapter.js';
+
+/**
+ * useRecorderVisualization
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useRecorderVisualization = () => {
+    const [audioLevels, setAudioLevels] = useState(createInitialLevels);
+    const [previewLevels, setPreviewLevels] = useState(createInitialLevels);
+    const analyzerRef = useRef(null);
+    const animationFrameRef = useRef(null);
+    const resetAudioLevels = useCallback(() => {
+        setAudioLevels(createInitialLevels);
+    }, []);
+    const resetPreviewLevels = useCallback(() => {
+        setPreviewLevels(createInitialLevels);
+    }, []);
+    const stopVisualization = useCallback((options) => {
+        var _a, _b;
+        if (animationFrameRef.current) {
+            cancelFrame(animationFrameRef.current);
+            animationFrameRef.current = null;
+        }
+        if (((_a = options === null || options === void 0 ? void 0 : options.closeContext) !== null && _a !== void 0 ? _a : true) && analyzerRef.current) {
+            void analyzerRef.current.context.close();
+            analyzerRef.current = null;
+        }
+        if ((_b = options === null || options === void 0 ? void 0 : options.resetLevels) !== null && _b !== void 0 ? _b : true) {
+            resetAudioLevels();
+        }
+    }, [resetAudioLevels]);
+    const visualize = useCallback(() => {
+        if (!analyzerRef.current) {
+            return;
+        }
+        const { analyser } = analyzerRef.current;
+        const draw = () => {
+            animationFrameRef.current = scheduleFrame(draw);
+            const levels = readFrequencyLevels(analyser);
+            setAudioLevels(levels);
+        };
+        draw();
+    }, []);
+    const resumeVisualization = useCallback(() => {
+        if (analyzerRef.current && !animationFrameRef.current) {
+            visualize();
+        }
+    }, [visualize]);
+    const initializeVisualization = useCallback((stream) => {
+        analyzerRef.current = createStreamAnalyzer(stream);
+        visualize();
+    }, [visualize]);
+    const generatePreviewLevels = useCallback(async (blob) => {
+        try {
+            const levels = await decodeAudioLevels(blob);
+            setAudioLevels(levels);
+            setPreviewLevels(levels);
+        }
+        catch (error) {
+            console.warn('[audio-recorder] Failed to build waveform preview', error);
+            setPreviewLevels(createInitialLevels());
+        }
+    }, []);
+    const cleanupVisualization = useCallback(() => {
+        if (animationFrameRef.current) {
+            cancelFrame(animationFrameRef.current);
+        }
+        animationFrameRef.current = null;
+        if (analyzerRef.current) {
+            void analyzerRef.current.context.close();
+            analyzerRef.current = null;
+        }
+        resetAudioLevels();
+        resetPreviewLevels();
+    }, [resetAudioLevels, resetPreviewLevels]);
+    return {
+        audioLevels,
+        previewLevels,
+        resetAudioLevels,
+        stopVisualization,
+        resetPreviewLevels,
+        resumeVisualization,
+        cleanupVisualization,
+        generatePreviewLevels,
+        initializeVisualization,
+    };
+};
+
+export { useRecorderVisualization };
+//# sourceMappingURL=useRecorderVisualization.js.map

package/dist/hooks/useRecorderVisualization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecorderVisualization.js","sources":["../../src/hooks/useRecorderVisualization.ts"],"sourcesContent":["/**\n * useRecorderVisualization\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback, useRef, useState } from 'react';\n\nimport { createInitialLevels } from '../constants';\n\nimport type { StreamAnalyzer } from '../platform';\nimport { cancelFrame, createStreamAnalyzer, decodeAudioLevels, readFrequencyLevels, scheduleFrame } from '../platform';\n\n\ninterface UseRecorderVisualizationResult {\n    audioLevels: number[];\n    previewLevels: number[];\n    resetAudioLevels: () => void;\n    resetPreviewLevels: () => void;\n    resumeVisualization: () => void;\n    cleanupVisualization: () => void;\n    generatePreviewLevels: (blob: Blob) => Promise<void>;\n    initializeVisualization: (stream: MediaStream) => void;\n    stopVisualization: (options?: { resetLevels?: boolean; closeContext?: boolean }) => void;\n}\n\n\nconst useRecorderVisualization = (): UseRecorderVisualizationResult => {\n\n    const [ audioLevels, setAudioLevels ] = useState<number[]>(createInitialLevels);\n    const [ previewLevels, setPreviewLevels ] = useState<number[]>(createInitialLevels);\n\n    const analyzerRef = useRef<StreamAnalyzer | null>(null);\n    const animationFrameRef = useRef<number | null>(null);\n\n    const resetAudioLevels = useCallback(() => {\n        setAudioLevels(createInitialLevels);\n    }, []);\n\n    const resetPreviewLevels = useCallback(() => {\n        setPreviewLevels(createInitialLevels);\n    }, []);\n\n    const stopVisualization = useCallback(\n        (options?: { resetLevels?: boolean; closeContext?: boolean }) => {\n            if (animationFrameRef.current) {\n                cancelFrame(animationFrameRef.current);\n                animationFrameRef.current = null;\n            }\n\n            if ((options?.closeContext ?? true) && analyzerRef.current) {\n                void analyzerRef.current.context.close();\n                analyzerRef.current = null;\n            }\n\n            if (options?.resetLevels ?? true) {\n                resetAudioLevels();\n            }\n        },\n        [ resetAudioLevels ],\n    );\n\n    const visualize = useCallback(() => {\n        if (!analyzerRef.current) {\n            return;\n        }\n\n        const { analyser } = analyzerRef.current;\n\n        const draw = () => {\n            animationFrameRef.current = scheduleFrame(draw);\n\n            const levels = readFrequencyLevels(analyser);\n            setAudioLevels(levels);\n        };\n\n        draw();\n    }, []);\n\n    const resumeVisualization = useCallback(() => {\n        if (analyzerRef.current && !animationFrameRef.current) {\n            visualize();\n        }\n    }, [ visualize ]);\n\n    const initializeVisualization = useCallback(\n        (stream: MediaStream) => {\n            analyzerRef.current = createStreamAnalyzer(stream);\n            visualize();\n        },\n        [ visualize ],\n    );\n\n    const generatePreviewLevels = useCallback(async (blob: Blob) => {\n        try {\n            const levels = await decodeAudioLevels(blob);\n\n            setAudioLevels(levels);\n            setPreviewLevels(levels);\n        } catch (error) {\n            console.warn('[audio-recorder] Failed to build waveform preview', error);\n            setPreviewLevels(createInitialLevels());\n        }\n    }, []);\n\n    const cleanupVisualization = useCallback(() => {\n        if (animationFrameRef.current) {\n            cancelFrame(animationFrameRef.current);\n        }\n\n        animationFrameRef.current = null;\n\n        if (analyzerRef.current) {\n            void analyzerRef.current.context.close();\n            analyzerRef.current = null;\n        }\n\n        resetAudioLevels();\n        resetPreviewLevels();\n    }, [ resetAudioLevels, resetPreviewLevels ]);\n\n    return {\n        audioLevels,\n        previewLevels,\n        resetAudioLevels,\n        stopVisualization,\n        resetPreviewLevels,\n        resumeVisualization,\n        cleanupVisualization,\n        generatePreviewLevels,\n        initializeVisualization,\n    };\n};\n\n\nexport { useRecorderVisualization };\n"],"names":[],"mappings":"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"}

package/dist/hooks/useRecordingSender.js

@@ -0,0 +1,53 @@
+import { useCallback } from 'react';
+
+/**
+ * useRecordingSender — handles sending a recorded voice message via an upload strategy.
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useRecordingSender = (options) => {
+    const { uploader, fileName, mimeType, uploadId, audioBlob, onUploaded, getDurationMs, onRecordingError, deleteRecording, autoResetAfterUpload, } = options;
+    const sendRecording = useCallback(async () => {
+        if (!audioBlob) {
+            const error = new Error('Voice recording is not available');
+            onRecordingError === null || onRecordingError === void 0 ? void 0 : onRecordingError(error);
+            return;
+        }
+        if (!uploader) {
+            const error = new Error('Uploader strategy is not defined');
+            onRecordingError === null || onRecordingError === void 0 ? void 0 : onRecordingError(error);
+            throw error;
+        }
+        try {
+            const durationMs = getDurationMs();
+            const durationSec = durationMs / 1000;
+            const file = new File([audioBlob], fileName, {
+                type: audioBlob.type || mimeType,
+            });
+            const uploaded = await uploader(file, { uploadId });
+            await onUploaded(uploaded, durationSec);
+            if (autoResetAfterUpload) {
+                deleteRecording();
+            }
+        }
+        catch (error) {
+            onRecordingError === null || onRecordingError === void 0 ? void 0 : onRecordingError(error);
+            throw error;
+        }
+    }, [
+        uploadId,
+        uploader,
+        fileName,
+        audioBlob,
+        mimeType,
+        onUploaded,
+        getDurationMs,
+        deleteRecording,
+        onRecordingError,
+        autoResetAfterUpload,
+    ]);
+    return { sendRecording };
+};
+
+export { useRecordingSender };
+//# sourceMappingURL=useRecordingSender.js.map

package/dist/hooks/useRecordingSender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordingSender.js","sources":["../../src/hooks/useRecordingSender.ts"],"sourcesContent":["/**\n * useRecordingSender — handles sending a recorded voice message via an upload strategy.\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback } from 'react';\n\nimport type { UploadStrategy } from '../types';\n\n\ninterface UseRecordingSenderOptions<TFile> {\n    fileName: string;\n    mimeType: string;\n    audioBlob: Blob | null;\n    uploadId: string;\n    getDurationMs: () => number;\n    uploader?: UploadStrategy<TFile>;\n    onUploaded: (file: TFile, duration: number) => void | Promise<void>;\n    deleteRecording: () => void;\n    autoResetAfterUpload: boolean;\n    onRecordingError?: (error: unknown) => void;\n}\n\n\nconst useRecordingSender = <TFile = unknown>(options: UseRecordingSenderOptions<TFile>) => {\n\n    const {\n        uploader,\n        fileName,\n        mimeType,\n        uploadId,\n        audioBlob,\n        onUploaded,\n        getDurationMs,\n        onRecordingError,\n        deleteRecording,\n        autoResetAfterUpload,\n    } = options;\n\n    const sendRecording = useCallback(async () => {\n        if (!audioBlob) {\n            const error = new Error('Voice recording is not available');\n\n            onRecordingError?.(error);\n\n            return;\n        }\n\n        if (!uploader) {\n            const error = new Error('Uploader strategy is not defined');\n\n            onRecordingError?.(error);\n            throw error;\n        }\n\n        try {\n            const durationMs = getDurationMs();\n            const durationSec = durationMs / 1000;\n\n            const file = new File([ audioBlob ], fileName, {\n                type: audioBlob.type || mimeType,\n            });\n\n            const uploaded = await uploader(file, { uploadId });\n            await onUploaded(uploaded as TFile, durationSec);\n\n            if (autoResetAfterUpload) {\n                deleteRecording();\n            }\n        } catch (error) {\n            onRecordingError?.(error);\n            throw error;\n        }\n    }, [\n        uploadId,\n        uploader,\n        fileName,\n        audioBlob,\n        mimeType,\n        onUploaded,\n        getDurationMs,\n        deleteRecording,\n        onRecordingError,\n        autoResetAfterUpload,\n    ]);\n\n    return { sendRecording };\n};\n\n\nexport { useRecordingSender };\n"],"names":[],"mappings":";;AAAA;;;;AAIG;AAqBH,MAAM,kBAAkB,GAAG,CAAkB,OAAyC,KAAI;IAEtF,MAAM,EACF,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,GACvB,GAAG,OAAO;AAEX,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,YAAW;QACzC,IAAI,CAAC,SAAS,EAAE;AACZ,YAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,kCAAkC,CAAC;AAE3D,YAAA,gBAAgB,aAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAG,KAAK,CAAC;YAEzB;QACJ;QAEA,IAAI,CAAC,QAAQ,EAAE;AACX,YAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,kCAAkC,CAAC;AAE3D,YAAA,gBAAgB,aAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAG,KAAK,CAAC;AACzB,YAAA,MAAM,KAAK;QACf;AAEA,QAAA,IAAI;AACA,YAAA,MAAM,UAAU,GAAG,aAAa,EAAE;AAClC,YAAA,MAAM,WAAW,GAAG,UAAU,GAAG,IAAI;YAErC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAE,SAAS,CAAE,EAAE,QAAQ,EAAE;AAC3C,gBAAA,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,QAAQ;AACnC,aAAA,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC;AACnD,YAAA,MAAM,UAAU,CAAC,QAAiB,EAAE,WAAW,CAAC;YAEhD,IAAI,oBAAoB,EAAE;AACtB,gBAAA,eAAe,EAAE;YACrB;QACJ;QAAE,OAAO,KAAK,EAAE;AACZ,YAAA,gBAAgB,aAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAG,KAAK,CAAC;AACzB,YAAA,MAAM,KAAK;QACf;AACJ,IAAA,CAAC,EAAE;QACC,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,UAAU;QACV,aAAa;QACb,eAAe;QACf,gBAAgB;QAChB,oBAAoB;AACvB,KAAA,CAAC;IAEF,OAAO,EAAE,aAAa,EAAE;AAC5B;;;;"}

package/dist/hooks/useRecordingTiming.js

@@ -0,0 +1,93 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { roundTo } from '../utils/math.js';
+
+/**
+ * useRecordingTiming
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useRecordingTiming = () => {
+    const [lastDuration, setLastDuration] = useState(0);
+    const [recordingTime, setRecordingTime] = useState(0);
+    const timerRef = useRef(null);
+    const recordingStartRef = useRef(null);
+    const recordingAccumulatedRef = useRef(0);
+    const stopTicker = useCallback(() => {
+        if (timerRef.current) {
+            clearInterval(timerRef.current);
+            timerRef.current = null;
+        }
+    }, []);
+    const startTicker = useCallback(() => {
+        if (timerRef.current) {
+            clearInterval(timerRef.current);
+        }
+        timerRef.current = setInterval(() => {
+            if (recordingStartRef.current === null) {
+                setRecordingTime(roundTo(recordingAccumulatedRef.current));
+                return;
+            }
+            const elapsed = (performance.now() - recordingStartRef.current) / 1000 +
+                recordingAccumulatedRef.current;
+            setRecordingTime(roundTo(elapsed));
+        }, 100);
+    }, []);
+    const startNewSession = useCallback(() => {
+        recordingAccumulatedRef.current = 0;
+        setRecordingTime(0);
+        setLastDuration(0);
+        recordingStartRef.current = performance.now();
+        startTicker();
+    }, [startTicker]);
+    const resumeSession = useCallback(() => {
+        recordingStartRef.current = performance.now();
+        startTicker();
+    }, [startTicker]);
+    const pauseSession = useCallback(() => {
+        if (recordingStartRef.current === null) {
+            return;
+        }
+        const elapsed = (performance.now() - recordingStartRef.current) / 1000;
+        recordingAccumulatedRef.current += elapsed;
+        recordingStartRef.current = null;
+        setRecordingTime(roundTo(recordingAccumulatedRef.current));
+        stopTicker();
+    }, [stopTicker]);
+    const getElapsedMs = useCallback(() => {
+        const accumulated = recordingAccumulatedRef.current;
+        const elapsed = recordingStartRef.current !== null
+            ? (performance.now() - recordingStartRef.current) / 1000 + accumulated
+            : accumulated;
+        return Math.round(elapsed * 1000);
+    }, []);
+    const resetSession = useCallback(() => {
+        const accumulated = recordingAccumulatedRef.current;
+        const elapsed = recordingStartRef.current !== null
+            ? (performance.now() - recordingStartRef.current) / 1000 + accumulated
+            : accumulated;
+        if (elapsed > 0) {
+            setLastDuration(roundTo(elapsed));
+        }
+        stopTicker();
+        recordingStartRef.current = null;
+        recordingAccumulatedRef.current = 0;
+        setRecordingTime(0);
+    }, [stopTicker]);
+    useEffect(() => {
+        return () => {
+            stopTicker();
+        };
+    }, [stopTicker]);
+    return {
+        lastDuration,
+        getElapsedMs,
+        pauseSession,
+        resetSession,
+        recordingTime,
+        resumeSession,
+        startNewSession,
+    };
+};
+
+export { useRecordingTiming };
+//# sourceMappingURL=useRecordingTiming.js.map

package/dist/hooks/useRecordingTiming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordingTiming.js","sources":["../../src/hooks/useRecordingTiming.ts"],"sourcesContent":["/**\n * useRecordingTiming\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { roundTo } from '../utils';\n\n\ninterface UseRecordingTimingResult {\n    recordingTime: number;\n    lastDuration: number;\n    getElapsedMs: () => number;\n    pauseSession: () => void;\n    resetSession: () => void;\n    resumeSession: () => void;\n    startNewSession: () => void;\n}\n\nconst useRecordingTiming = (): UseRecordingTimingResult => {\n\n    const [ lastDuration, setLastDuration ] = useState(0);\n    const [ recordingTime, setRecordingTime ] = useState(0);\n\n    const timerRef = useRef<NodeJS.Timeout | null>(null);\n    const recordingStartRef = useRef<number | null>(null);\n    const recordingAccumulatedRef = useRef(0);\n\n    const stopTicker = useCallback(() => {\n        if (timerRef.current) {\n            clearInterval(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const startTicker = useCallback(() => {\n        if (timerRef.current) {\n            clearInterval(timerRef.current);\n        }\n\n        timerRef.current = setInterval(() => {\n            if (recordingStartRef.current === null) {\n                setRecordingTime(roundTo(recordingAccumulatedRef.current));\n\n                return;\n            }\n\n            const elapsed =\n                (performance.now() - recordingStartRef.current) / 1000 +\n                recordingAccumulatedRef.current;\n            setRecordingTime(roundTo(elapsed));\n        }, 100);\n    }, []);\n\n    const startNewSession = useCallback(() => {\n        recordingAccumulatedRef.current = 0;\n        setRecordingTime(0);\n        setLastDuration(0);\n\n        recordingStartRef.current = performance.now();\n        startTicker();\n    }, [ startTicker ]);\n\n    const resumeSession = useCallback(() => {\n        recordingStartRef.current = performance.now();\n        startTicker();\n    }, [ startTicker ]);\n\n    const pauseSession = useCallback(() => {\n        if (recordingStartRef.current === null) {\n            return;\n        }\n\n        const elapsed = (performance.now() - recordingStartRef.current) / 1000;\n        recordingAccumulatedRef.current += elapsed;\n        recordingStartRef.current = null;\n\n        setRecordingTime(roundTo(recordingAccumulatedRef.current));\n        stopTicker();\n    }, [ stopTicker ]);\n\n    const getElapsedMs = useCallback(() => {\n        const accumulated = recordingAccumulatedRef.current;\n\n        const elapsed = recordingStartRef.current !== null\n            ? (performance.now() - recordingStartRef.current) / 1000 + accumulated\n            : accumulated;\n\n        return Math.round(elapsed * 1000);\n    }, []);\n\n    const resetSession = useCallback(() => {\n        const accumulated = recordingAccumulatedRef.current;\n\n        const elapsed = recordingStartRef.current !== null\n            ? (performance.now() - recordingStartRef.current) / 1000 + accumulated\n            : accumulated;\n\n        if (elapsed > 0) {\n            setLastDuration(roundTo(elapsed));\n        }\n\n        stopTicker();\n        recordingStartRef.current = null;\n        recordingAccumulatedRef.current = 0;\n        setRecordingTime(0);\n    }, [ stopTicker ]);\n\n    useEffect(() => {\n        return () => {\n            stopTicker();\n        };\n    }, [ stopTicker ]);\n\n    return {\n        lastDuration,\n        getElapsedMs,\n        pauseSession,\n        resetSession,\n        recordingTime,\n        resumeSession,\n        startNewSession,\n    };\n};\n\n\nexport { useRecordingTiming };\n"],"names":[],"mappings":"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"}

package/dist/hooks/useVoiceMessagePlayer.js

@@ -0,0 +1,177 @@
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { formatTime } from '../utils/format.js';
+import { audioPlaybackManager } from '../platform/audio-playback-manager.js';
+import { useAudioBlobLoader } from './useAudioBlobLoader.js';
+
+/**
+ * useVoiceMessagePlayer
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useVoiceMessagePlayer = (options) => {
+    const { src, onEnded, onPreviousTrack, onNextTrack, waveformData, preloadedBlob, duration: externalDuration, } = options;
+    const onEndedRef = useRef(onEnded);
+    const onPreviousTrackRef = useRef(onPreviousTrack);
+    const onNextTrackRef = useRef(onNextTrack);
+    onEndedRef.current = onEnded;
+    onPreviousTrackRef.current = onPreviousTrack;
+    onNextTrackRef.current = onNextTrack;
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(externalDuration || 0);
+    const progress = duration > 0 ? currentTime / duration : 0;
+    /** Stop this player (called by manager when another player starts) */
+    const stopThis = useCallback(() => {
+        const audio = audioRef.current;
+        if (audio && !audio.paused) {
+            audio.pause();
+        }
+        setIsPlaying(false);
+    }, []);
+    /** Subscribe to global manager on mount */
+    useEffect(() => {
+        return audioPlaybackManager.subscribe(stopThis);
+    }, [stopThis]);
+    const { audioRef, isLoading, isLoaded, waveformLevels, ensureAudioLoaded, } = useAudioBlobLoader({
+        src,
+        waveformData,
+        preloadedBlob,
+        playbackCallbacks: {
+            onLoadedMetadata: (dur) => {
+                if (!externalDuration && dur && isFinite(dur) && dur > 0.5) {
+                    setDuration(dur);
+                }
+            },
+            onTimeUpdate: (time) => setCurrentTime(time),
+            onEnded: () => {
+                var _a;
+                setIsPlaying(false);
+                setCurrentTime(0);
+                (_a = onEndedRef.current) === null || _a === void 0 ? void 0 : _a.call(onEndedRef);
+            },
+            onPlay: () => setIsPlaying(true),
+            onPause: () => setIsPlaying(false),
+            onStop: () => {
+                setIsPlaying(false);
+                setCurrentTime(0);
+            },
+            onPreviousTrack: () => { var _a; return (_a = onPreviousTrackRef.current) === null || _a === void 0 ? void 0 : _a.call(onPreviousTrackRef); },
+            onNextTrack: () => { var _a; return (_a = onNextTrackRef.current) === null || _a === void 0 ? void 0 : _a.call(onNextTrackRef); },
+        },
+    });
+    /** Pre-fetch audio without playing (for viewport preloading) */
+    const prefetch = useCallback(() => {
+        if (isLoading || audioRef.current) {
+            return;
+        }
+        void ensureAudioLoaded();
+    }, [isLoading, ensureAudioLoaded]);
+    /** Load audio and auto-play after loaded */
+    const preload = useCallback(() => {
+        if (isLoading || audioRef.current) {
+            return;
+        }
+        audioPlaybackManager.stopOthers(stopThis);
+        void ensureAudioLoaded().then(() => {
+            const audio = audioRef.current;
+            if (audio) {
+                audio.play()
+                    .then(() => setIsPlaying(true))
+                    .catch(() => setIsPlaying(false));
+            }
+        });
+    }, [isLoading, ensureAudioLoaded, stopThis, audioRef]);
+    /** Programmatically start playback (used for chained playback) */
+    const play = useCallback(() => {
+        const audio = audioRef.current;
+        if (audio) {
+            audioPlaybackManager.stopOthers(stopThis);
+            audio.play()
+                .then(() => setIsPlaying(true))
+                .catch(() => setIsPlaying(false));
+        }
+        else {
+            preload();
+        }
+    }, [stopThis, preload, audioRef]);
+    /** Toggle play/pause (only works after audio is loaded) */
+    const togglePlayback = useCallback(() => {
+        const audio = audioRef.current;
+        if (!audio || isLoading) {
+            return;
+        }
+        if (audio.paused) {
+            audioPlaybackManager.stopOthers(stopThis);
+            audio.play()
+                .then(() => setIsPlaying(true))
+                .catch(() => setIsPlaying(false));
+        }
+        else {
+            audio.pause();
+            setIsPlaying(false);
+        }
+    }, [isLoading, stopThis, audioRef]);
+    const seekTo = useCallback((seekPercent) => {
+        const audio = audioRef.current;
+        if (!audio || !isFinite(audio.duration)) {
+            return;
+        }
+        const time = seekPercent * audio.duration;
+        audio.currentTime = time;
+        setCurrentTime(time);
+    }, [audioRef]);
+    /** Seek to a specific time in seconds and start playback */
+    const seekToTime = useCallback((seconds) => {
+        const audio = audioRef.current;
+        if (audio && isFinite(audio.duration)) {
+            audioPlaybackManager.stopOthers(stopThis);
+            audio.currentTime = Math.max(0, Math.min(seconds, audio.duration));
+            setCurrentTime(audio.currentTime);
+            audio.play()
+                .then(() => setIsPlaying(true))
+                .catch(() => setIsPlaying(false));
+        }
+        else {
+            void ensureAudioLoaded().then(() => {
+                const loadedAudio = audioRef.current;
+                if (loadedAudio) {
+                    audioPlaybackManager.stopOthers(stopThis);
+                    loadedAudio.currentTime = Math.max(0, Math.min(seconds, loadedAudio.duration || seconds));
+                    setCurrentTime(loadedAudio.currentTime);
+                    loadedAudio.play()
+                        .then(() => setIsPlaying(true))
+                        .catch(() => setIsPlaying(false));
+                }
+            });
+        }
+    }, [
+        audioRef,
+        stopThis,
+        ensureAudioLoaded,
+    ]);
+    /** Sync external duration */
+    useEffect(() => {
+        if (externalDuration) {
+            setDuration(externalDuration);
+        }
+    }, [externalDuration]);
+    return {
+        play,
+        progress,
+        duration,
+        isLoaded,
+        isPlaying,
+        isLoading,
+        currentTime,
+        waveformLevels,
+        seekTo,
+        seekToTime,
+        prefetch,
+        preload,
+        formatTime,
+        togglePlayback,
+    };
+};
+
+export { useVoiceMessagePlayer };
+//# sourceMappingURL=useVoiceMessagePlayer.js.map

package/dist/hooks/useVoiceMessagePlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVoiceMessagePlayer.js","sources":["../../src/hooks/useVoiceMessagePlayer.ts"],"sourcesContent":["/**\n * useVoiceMessagePlayer\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { formatTime } from '../utils';\nimport { audioPlaybackManager } from '../platform/audio-playback-manager';\n\nimport { useAudioBlobLoader } from './useAudioBlobLoader';\n\nimport type { UseVoiceMessagePlayerOptions, UseVoiceMessagePlayerResult } from '../types';\n\n\nconst useVoiceMessagePlayer = (options: UseVoiceMessagePlayerOptions): UseVoiceMessagePlayerResult => {\n\n    const {\n        src,\n        onEnded,\n        onPreviousTrack,\n        onNextTrack,\n        waveformData,\n        preloadedBlob,\n        duration: externalDuration,\n    } = options;\n\n    const onEndedRef = useRef(onEnded);\n    const onPreviousTrackRef = useRef(onPreviousTrack);\n    const onNextTrackRef = useRef(onNextTrack);\n\n    onEndedRef.current = onEnded;\n    onPreviousTrackRef.current = onPreviousTrack;\n    onNextTrackRef.current = onNextTrack;\n\n    const [ isPlaying, setIsPlaying ] = useState(false);\n    const [ currentTime, setCurrentTime ] = useState(0);\n    const [ duration, setDuration ] = useState(externalDuration || 0);\n\n    const progress = duration > 0 ? currentTime / duration : 0;\n\n    /** Stop this player (called by manager when another player starts) */\n    const stopThis = useCallback(() => {\n        const audio = audioRef.current;\n\n        if (audio && !audio.paused) {\n            audio.pause();\n        }\n\n        setIsPlaying(false);\n    }, []);\n\n    /** Subscribe to global manager on mount */\n    useEffect(() => {\n        return audioPlaybackManager.subscribe(stopThis);\n    }, [ stopThis ]);\n\n    const {\n        audioRef,\n        isLoading,\n        isLoaded,\n        waveformLevels,\n        ensureAudioLoaded,\n    } = useAudioBlobLoader({\n        src,\n        waveformData,\n        preloadedBlob,\n        playbackCallbacks: {\n            onLoadedMetadata: (dur) => {\n                if (!externalDuration && dur && isFinite(dur) && dur > 0.5) {\n                    setDuration(dur);\n                }\n            },\n            onTimeUpdate: (time) => setCurrentTime(time),\n            onEnded: () => {\n                setIsPlaying(false);\n                setCurrentTime(0);\n                onEndedRef.current?.();\n            },\n            onPlay: () => setIsPlaying(true),\n            onPause: () => setIsPlaying(false),\n            onStop: () => {\n                setIsPlaying(false);\n                setCurrentTime(0);\n            },\n            onPreviousTrack: () => onPreviousTrackRef.current?.(),\n            onNextTrack: () => onNextTrackRef.current?.(),\n        },\n    });\n\n    /** Pre-fetch audio without playing (for viewport preloading) */\n    const prefetch = useCallback(() => {\n        if (isLoading || audioRef.current) {\n            return;\n        }\n\n        void ensureAudioLoaded();\n    }, [ isLoading, ensureAudioLoaded ]);\n\n    /** Load audio and auto-play after loaded */\n    const preload = useCallback(() => {\n        if (isLoading || audioRef.current) {\n            return;\n        }\n\n        audioPlaybackManager.stopOthers(stopThis);\n\n        void ensureAudioLoaded().then(() => {\n            const audio = audioRef.current;\n\n            if (audio) {\n                audio.play()\n                    .then(() => setIsPlaying(true))\n                    .catch(() => setIsPlaying(false));\n            }\n        });\n    }, [ isLoading, ensureAudioLoaded, stopThis, audioRef ]);\n\n    /** Programmatically start playback (used for chained playback) */\n    const play = useCallback(() => {\n        const audio = audioRef.current;\n\n        if (audio) {\n            audioPlaybackManager.stopOthers(stopThis);\n            audio.play()\n                .then(() => setIsPlaying(true))\n                .catch(() => setIsPlaying(false));\n        } else {\n            preload();\n        }\n    }, [ stopThis, preload, audioRef ]);\n\n    /** Toggle play/pause (only works after audio is loaded) */\n    const togglePlayback = useCallback(() => {\n        const audio = audioRef.current;\n\n        if (!audio || isLoading) {\n            return;\n        }\n\n        if (audio.paused) {\n            audioPlaybackManager.stopOthers(stopThis);\n            audio.play()\n                .then(() => setIsPlaying(true))\n                .catch(() => setIsPlaying(false));\n        } else {\n            audio.pause();\n            setIsPlaying(false);\n        }\n    }, [ isLoading, stopThis, audioRef ]);\n\n    const seekTo = useCallback((seekPercent: number) => {\n        const audio = audioRef.current;\n\n        if (!audio || !isFinite(audio.duration)) {\n            return;\n        }\n\n        const time = seekPercent * audio.duration;\n\n        audio.currentTime = time;\n        setCurrentTime(time);\n    }, [ audioRef ]);\n\n    /** Seek to a specific time in seconds and start playback */\n    const seekToTime = useCallback((seconds: number) => {\n        const audio = audioRef.current;\n\n        if (audio && isFinite(audio.duration)) {\n            audioPlaybackManager.stopOthers(stopThis);\n\n            audio.currentTime = Math.max(0, Math.min(seconds, audio.duration));\n            setCurrentTime(audio.currentTime);\n\n            audio.play()\n                .then(() => setIsPlaying(true))\n                .catch(() => setIsPlaying(false));\n        } else {\n            void ensureAudioLoaded().then(() => {\n                const loadedAudio = audioRef.current;\n\n                if (loadedAudio) {\n                    audioPlaybackManager.stopOthers(stopThis);\n\n                    loadedAudio.currentTime = Math.max(0, Math.min(\n                        seconds,\n                        loadedAudio.duration || seconds,\n                    ));\n\n                    setCurrentTime(loadedAudio.currentTime);\n\n                    loadedAudio.play()\n                        .then(() => setIsPlaying(true))\n                        .catch(() => setIsPlaying(false));\n                }\n            });\n        }\n    }, [\n        audioRef,\n        stopThis,\n        ensureAudioLoaded,\n    ]);\n\n    /** Sync external duration */\n    useEffect(() => {\n        if (externalDuration) {\n            setDuration(externalDuration);\n        }\n    }, [ externalDuration ]);\n\n    return {\n        play,\n        progress,\n        duration,\n        isLoaded,\n        isPlaying,\n        isLoading,\n        currentTime,\n        waveformLevels,\n        seekTo,\n        seekToTime,\n        prefetch,\n        preload,\n        formatTime,\n        togglePlayback,\n    };\n};\n\n\nexport { useVoiceMessagePlayer };\n"],"names":[],"mappings":"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"}