@exode-team/react-recorder 1.1.12 → 1.1.15

package/dist/components/WaveformBars/WaveformBars.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { clampValue } from '../../utils/math.js';
+import { Bars, Bar } from './WaveformBars.styled.js';
+
+const WaveformBars = (props) => {
+    const { values, progress, styleInterpolator, scale = 40, minHeight = 6, divider = 100, } = props;
+    return (jsx(Bars, { children: values.map((value, index) => {
+            const normalized = clampValue(value);
+            const height = Math.max(minHeight, (normalized / divider) * scale);
+            const barProgress = values.length > 1 ? index / (values.length - 1) : 0;
+            const isPlayed = (progress !== null && progress !== void 0 ? progress : 0) > 0 && barProgress <= (progress !== null && progress !== void 0 ? progress : 0);
+            const interpolated = styleInterpolator === null || styleInterpolator === void 0 ? void 0 : styleInterpolator({
+                normalized,
+                height,
+                index,
+                progress: progress !== null && progress !== void 0 ? progress : 0,
+                barProgress,
+                isPlayed,
+            });
+            return (jsx(Bar, { style: {
+                    height: `${height}px`,
+                    ...interpolated,
+                } }, index));
+        }) }));
+};
+
+export { WaveformBars };
+//# sourceMappingURL=WaveformBars.js.map

package/dist/components/WaveformBars/WaveformBars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveformBars.js","sources":["../../../src/components/WaveformBars/WaveformBars.tsx"],"sourcesContent":["/**\n * WaveformBars\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport React from 'react';\n\nimport { clampValue } from '../../utils/math';\n\nimport { Bar, Bars } from './WaveformBars.styled';\n\n\ninterface Props {\n    scale?: number;\n    divider?: number;\n    values: number[];\n    progress?: number;\n    minHeight?: number;\n    styleInterpolator?: (context: {\n        normalized: number;\n        height: number;\n        index: number;\n        progress: number;\n        barProgress: number;\n        isPlayed: boolean;\n    }) => React.CSSProperties;\n}\n\n\nconst WaveformBars = (props: Props) => {\n\n    const {\n        values,\n        progress,\n        styleInterpolator,\n        scale = 40,\n        minHeight = 6,\n        divider = 100,\n    } = props;\n\n    return (\n        <Bars>\n            {values.map((value, index) => {\n                const normalized = clampValue(value);\n                const height = Math.max(minHeight, (normalized / divider) * scale);\n                const barProgress = values.length > 1 ? index / (values.length - 1) : 0;\n                const isPlayed = (progress ?? 0) > 0 && barProgress <= (progress ?? 0);\n                const interpolated = styleInterpolator?.({\n                    normalized,\n                    height,\n                    index,\n                    progress: progress ?? 0,\n                    barProgress,\n                    isPlayed,\n                });\n\n                return (\n                    <Bar key={index} style={{\n                        height: `${height}px`,\n                        ...interpolated,\n                    }}/>\n                );\n            })}\n        </Bars>\n    );\n};\n\n\nexport { WaveformBars };"],"names":["_jsx"],"mappings":";;;;;AA8BA,MAAM,YAAY,GAAG,CAAC,KAAY,KAAI;IAElC,MAAM,EACF,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,CAAC,EACb,OAAO,GAAG,GAAG,GAChB,GAAG,KAAK;AAET,IAAA,QACIA,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EACA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AACzB,YAAA,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC;AACpC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,UAAU,GAAG,OAAO,IAAI,KAAK,CAAC;YAClE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;YACvE,MAAM,QAAQ,GAAG,CAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,CAAC,IAAI,CAAC,IAAI,WAAW,KAAK,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,CAAC,CAAC;AACtE,YAAA,MAAM,YAAY,GAAG,iBAAiB,aAAjB,iBAAiB,KAAA,MAAA,GAAA,MAAA,GAAjB,iBAAiB,CAAG;gBACrC,UAAU;gBACV,MAAM;gBACN,KAAK;AACL,gBAAA,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,CAAC;gBACvB,WAAW;gBACX,QAAQ;AACX,aAAA,CAAC;AAEF,YAAA,QACIA,GAAA,CAAC,GAAG,EAAA,EAAa,KAAK,EAAE;oBACpB,MAAM,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;AACrB,oBAAA,GAAG,YAAY;iBAClB,EAAA,EAHS,KAAK,CAGX;QAEZ,CAAC,CAAC,EAAA,CACC;AAEf;;;;"}

package/dist/components/WaveformBars/WaveformBars.styled.js

@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+
+const Bars = styled.div `
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: flex-end;
+    gap: 3px;
+`;
+const Bar = styled.div `
+    flex: 1;
+    min-width: 2px;
+    border-radius: 9999px;
+    background: var(--white, #ffffff);
+    opacity: 0.6;
+    transition: height 120ms ease, opacity 120ms ease;
+`;
+
+export { Bar, Bars };
+//# sourceMappingURL=WaveformBars.styled.js.map

package/dist/components/WaveformBars/WaveformBars.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveformBars.styled.js","sources":["../../../src/components/WaveformBars/WaveformBars.styled.tsx"],"sourcesContent":["\nimport styled from 'styled-components';\n\nexport const Bars = styled.div`\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    gap: 3px;\n`;\n\nexport const Bar = styled.div`\n    flex: 1;\n    min-width: 2px;\n    border-radius: 9999px;\n    background: var(--white, #ffffff);\n    opacity: 0.6;\n    transition: height 120ms ease, opacity 120ms ease;\n`;\n"],"names":[],"mappings":";;AAGO,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;AAQvB,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;"}

package/dist/constants.js

@@ -0,0 +1,17 @@
+/**
+ * AudioRecorder constants
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const AUDIO_LEVEL_BARS = 40;
+/** Waveform decoding resamples to this rate — only the amplitude envelope matters */
+const WAVEFORM_SAMPLE_RATE = 44100;
+const createInitialLevels = () => Array.from({ length: AUDIO_LEVEL_BARS }, () => 0);
+const TIMELINE_SAMPLE_INTERVAL = 150;
+const TIMELINE_BAR_WIDTH = 3;
+const TIMELINE_BAR_GAP = 2;
+const TIMELINE_BAR_MIN_HEIGHT = 3;
+const TIMELINE_BAR_MAX_HEIGHT = 24;
+
+export { AUDIO_LEVEL_BARS, TIMELINE_BAR_GAP, TIMELINE_BAR_MAX_HEIGHT, TIMELINE_BAR_MIN_HEIGHT, TIMELINE_BAR_WIDTH, TIMELINE_SAMPLE_INTERVAL, WAVEFORM_SAMPLE_RATE, createInitialLevels };
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["/**\n * AudioRecorder constants\n *\n * @author: exode <hello@exode.ru>\n */\n\nexport const AUDIO_LEVEL_BARS = 40;\n\n/** Waveform decoding resamples to this rate — only the amplitude envelope matters */\nexport const WAVEFORM_SAMPLE_RATE = 44100;\n\nexport const createInitialLevels = (): number[] => Array.from({ length: AUDIO_LEVEL_BARS }, () => 0);\n\nexport const TIMELINE_SAMPLE_INTERVAL = 150;\nexport const TIMELINE_BAR_WIDTH = 3;\nexport const TIMELINE_BAR_GAP = 2;\nexport const TIMELINE_BAR_MIN_HEIGHT = 3;\nexport const TIMELINE_BAR_MAX_HEIGHT = 24;\n"],"names":[],"mappings":"AAAA;;;;AAIG;AAEI,MAAM,gBAAgB,GAAG;AAEhC;AACO,MAAM,oBAAoB,GAAG;MAEvB,mBAAmB,GAAG,MAAgB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC;AAE5F,MAAM,wBAAwB,GAAG;AACjC,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,uBAAuB,GAAG;AAChC,MAAM,uBAAuB,GAAG;;;;"}

package/dist/hooks/useAudioBlobLoader.d.ts

@@ -11,16 +11,12 @@ interface UseAudioBlobLoaderOptions {
     preloadedBlob?: Blob | null;
     playbackCallbacks: PlaybackCallbacks;
 }
-interface EnsureAudioLoadedOptions {
-    /** Retry a src that already failed — only on explicit user intent, not on auto-prefetch */
-    retryFailed?: boolean;
-}
 interface UseAudioBlobLoaderResult {
     audioRef: React.MutableRefObject<HTMLAudioElement | null>;
     isLoading: boolean;
     isLoaded: boolean;
     waveformLevels: number[];
-    ensureAudioLoaded: (options?: EnsureAudioLoadedOptions) => Promise<void>;
+    ensureAudioLoaded: () => Promise<void>;
 }
 declare const useAudioBlobLoader: (options: UseAudioBlobLoaderOptions) => UseAudioBlobLoaderResult;
 export { useAudioBlobLoader };

package/dist/hooks/useAudioBlobLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAudioBlobLoader.d.ts","sourceRoot":"","sources":["../../src/hooks/useAudioBlobLoader.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAYrD,UAAU,yBAAyB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,iBAAiB,EAAE,iBAAiB,CAAC;CACxC;AAED,UAAU,wBAAwB;IAC9B,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5E;AAED,QAAA,MAAM,kBAAkB,GAAI,SAAS,yBAAyB,KAAG,wBA4KhE,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"useAudioBlobLoader.d.ts","sourceRoot":"","sources":["../../src/hooks/useAudioBlobLoader.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAYrD,UAAU,yBAAyB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,iBAAiB,EAAE,iBAAiB,CAAC;CACxC;AAED,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,kBAAkB,GAAI,SAAS,yBAAyB,KAAG,wBAyLhE,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/hooks/useAudioBlobLoader.js

@@ -0,0 +1,175 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { createInitialLevels } from '../constants.js';
+import { createPseudoLevels } from '../utils/pseudo-waveform.js';
+import { createAudioPlayback, revokeObjectURL, createObjectURL, cleanupAudio } from '../platform/audio-playback-adapter.js';
+import { decodeAudioLevels } from '../platform/audio-analyzer-adapter.js';
+import { fetchAudioBlob } from '../platform/audio-blob-fetcher.js';
+
+/**
+ * useAudioBlobLoader — loads audio blob from URL or preloaded data,
+ * creates object URL and decodes waveform levels.
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useAudioBlobLoader = (options) => {
+    const { src, waveformData, preloadedBlob, playbackCallbacks } = options;
+    const [isLoading, setIsLoading] = useState(false);
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [waveformLevels, setWaveformLevels] = useState(waveformData || createInitialLevels);
+    const audioRef = useRef(null);
+    const objectUrlRef = useRef(null);
+    const abortControllerRef = useRef(null);
+    const waveformTokenRef = useRef(0);
+    const waveformDataRef = useRef(waveformData);
+    const callbacksRef = useRef(playbackCallbacks);
+    waveformDataRef.current = waveformData;
+    callbacksRef.current = playbackCallbacks;
+    const createAudioFromUrl = useCallback((url) => {
+        const { audio } = createAudioPlayback(url, {
+            onLoadedMetadata: (dur) => callbacksRef.current.onLoadedMetadata(dur),
+            onTimeUpdate: (time) => callbacksRef.current.onTimeUpdate(time),
+            onEnded: () => callbacksRef.current.onEnded(),
+            onPlay: () => { var _a, _b; return (_b = (_a = callbacksRef.current).onPlay) === null || _b === void 0 ? void 0 : _b.call(_a); },
+            onPause: () => { var _a, _b; return (_b = (_a = callbacksRef.current).onPause) === null || _b === void 0 ? void 0 : _b.call(_a); },
+            onStop: () => { var _a, _b; return (_b = (_a = callbacksRef.current).onStop) === null || _b === void 0 ? void 0 : _b.call(_a); },
+            onSeekBackward: () => { var _a, _b; return (_b = (_a = callbacksRef.current).onSeekBackward) === null || _b === void 0 ? void 0 : _b.call(_a); },
+            onSeekForward: () => { var _a, _b; return (_b = (_a = callbacksRef.current).onSeekForward) === null || _b === void 0 ? void 0 : _b.call(_a); },
+            onPreviousTrack: () => { var _a, _b; return (_b = (_a = callbacksRef.current).onPreviousTrack) === null || _b === void 0 ? void 0 : _b.call(_a); },
+            onNextTrack: () => { var _a, _b; return (_b = (_a = callbacksRef.current).onNextTrack) === null || _b === void 0 ? void 0 : _b.call(_a); },
+        });
+        audioRef.current = audio;
+        setIsLoaded(true);
+    }, []);
+    /** Local recordings have no url of their own, so they still go through a blob */
+    const createAudioFromBlob = useCallback((blob) => {
+        if (objectUrlRef.current) {
+            revokeObjectURL(objectUrlRef.current);
+        }
+        objectUrlRef.current = createObjectURL(blob);
+        createAudioFromUrl(objectUrlRef.current);
+    }, [createAudioFromUrl]);
+    /**
+     * Waveform is cosmetic: some files (e.g. mp3 with junk before the first
+     * frame) fail to decode in Safari while playing fine, so a decode error
+     * must never block playback. Token keeps only the latest decode.
+     */
+    const applyWaveformLevels = useCallback(async (blob, seed) => {
+        /** Read through the ref: levels may arrive while the bytes are still loading */
+        if (waveformDataRef.current) {
+            return;
+        }
+        waveformTokenRef.current += 1;
+        const token = waveformTokenRef.current;
+        try {
+            const levels = await decodeAudioLevels(blob);
+            if (token === waveformTokenRef.current) {
+                setWaveformLevels(levels);
+            }
+        }
+        catch (error) {
+            console.warn('[voice-player] Failed to decode waveform', error);
+            /** Some runtimes decode nothing at all — draw a placeholder instead of a flat line */
+            if (token === waveformTokenRef.current) {
+                setWaveformLevels(createPseudoLevels(seed));
+            }
+        }
+    }, []);
+    const mountFromBlob = useCallback(async (blob) => {
+        if (audioRef.current) {
+            return;
+        }
+        setIsLoading(true);
+        try {
+            createAudioFromBlob(blob);
+        }
+        catch (error) {
+            console.warn('[voice-player] Failed to mount blob', error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+        void applyWaveformLevels(blob, `${blob.size}`);
+    }, [applyWaveformLevels, createAudioFromBlob]);
+    /** Waveform bytes are cosmetic, so nothing here may delay playback */
+    const loadWaveformSource = useCallback(async (url, cached) => {
+        var _a;
+        if (waveformDataRef.current) {
+            return;
+        }
+        if (cached) {
+            return applyWaveformLevels(cached, url);
+        }
+        (_a = abortControllerRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        const controller = new AbortController();
+        abortControllerRef.current = controller;
+        try {
+            const blob = await fetchAudioBlob(url, controller.signal);
+            if (!controller.signal.aborted) {
+                await applyWaveformLevels(blob, url);
+            }
+        }
+        catch (error) {
+            if (error instanceof DOMException && error.name === 'AbortError') {
+                return;
+            }
+            console.warn('[voice-player] Failed to fetch waveform source', error);
+        }
+    }, [applyWaveformLevels]);
+    const ensureAudioLoaded = useCallback(async () => {
+        if (audioRef.current) {
+            return;
+        }
+        /** Only a recording that has not been uploaded yet has no url of its own */
+        if (!src) {
+            return preloadedBlob ? mountFromBlob(preloadedBlob) : undefined;
+        }
+        /**
+         * Remote files play straight from their url: it streams with range
+         * requests, keeps the user gesture (no await before play) and avoids
+         * blob sources, which some WebKit runtimes refuse to render.
+         */
+        createAudioFromUrl(src);
+        void loadWaveformSource(src, preloadedBlob);
+    }, [src, preloadedBlob, mountFromBlob, loadWaveformSource, createAudioFromUrl]);
+    /** Cleanup on src change or unmount */
+    useEffect(() => {
+        /** Drop the previous waveform so a failed decode cannot leave a foreign one */
+        setWaveformLevels(waveformDataRef.current || createInitialLevels());
+        return () => {
+            var _a;
+            (_a = abortControllerRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+            waveformTokenRef.current += 1;
+            if (audioRef.current) {
+                cleanupAudio(audioRef.current);
+                audioRef.current = null;
+            }
+            if (objectUrlRef.current) {
+                revokeObjectURL(objectUrlRef.current);
+                objectUrlRef.current = null;
+            }
+            setIsLoaded(false);
+        };
+    }, [src]);
+    /** A cached recording mounts on its own only while it has no url yet */
+    useEffect(() => {
+        if (preloadedBlob && !src && !audioRef.current) {
+            void mountFromBlob(preloadedBlob);
+        }
+    }, [src, preloadedBlob, mountFromBlob]);
+    useEffect(() => {
+        if (waveformData) {
+            waveformTokenRef.current += 1;
+            setWaveformLevels(waveformData);
+        }
+    }, [waveformData]);
+    return {
+        audioRef,
+        isLoading,
+        isLoaded,
+        waveformLevels,
+        ensureAudioLoaded,
+    };
+};
+
+export { useAudioBlobLoader };
+//# sourceMappingURL=useAudioBlobLoader.js.map

package/dist/hooks/useAudioBlobLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAudioBlobLoader.js","sources":["../../src/hooks/useAudioBlobLoader.ts"],"sourcesContent":["/**\n * useAudioBlobLoader — loads audio blob from URL or preloaded data,\n * creates object URL and decodes waveform levels.\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { createInitialLevels } from '../constants';\nimport { createPseudoLevels } from '../utils';\n\nimport type { PlaybackCallbacks } from '../platform';\n\nimport {\n    cleanupAudio,\n    createAudioPlayback,\n    createObjectURL,\n    decodeAudioLevels,\n    fetchAudioBlob,\n    revokeObjectURL,\n} from '../platform';\n\n\ninterface UseAudioBlobLoaderOptions {\n    src: string;\n    waveformData?: number[];\n    preloadedBlob?: Blob | null;\n    playbackCallbacks: PlaybackCallbacks;\n}\n\ninterface UseAudioBlobLoaderResult {\n    audioRef: React.MutableRefObject<HTMLAudioElement | null>;\n    isLoading: boolean;\n    isLoaded: boolean;\n    waveformLevels: number[];\n    ensureAudioLoaded: () => Promise<void>;\n}\n\nconst useAudioBlobLoader = (options: UseAudioBlobLoaderOptions): UseAudioBlobLoaderResult => {\n\n    const { src, waveformData, preloadedBlob, playbackCallbacks } = options;\n\n    const [ isLoading, setIsLoading ] = useState(false);\n    const [ isLoaded, setIsLoaded ] = useState(false);\n    const [ waveformLevels, setWaveformLevels ] = useState<number[]>(waveformData || createInitialLevels);\n\n    const audioRef = useRef<HTMLAudioElement | null>(null);\n    const objectUrlRef = useRef<string | null>(null);\n    const abortControllerRef = useRef<AbortController | null>(null);\n    const waveformTokenRef = useRef(0);\n    const waveformDataRef = useRef(waveformData);\n    const callbacksRef = useRef(playbackCallbacks);\n    waveformDataRef.current = waveformData;\n    callbacksRef.current = playbackCallbacks;\n\n    const createAudioFromUrl = useCallback((url: string) => {\n        const { audio } = createAudioPlayback(url, {\n            onLoadedMetadata: (dur) => callbacksRef.current.onLoadedMetadata(dur),\n            onTimeUpdate: (time) => callbacksRef.current.onTimeUpdate(time),\n            onEnded: () => callbacksRef.current.onEnded(),\n            onPlay: () => callbacksRef.current.onPlay?.(),\n            onPause: () => callbacksRef.current.onPause?.(),\n            onStop: () => callbacksRef.current.onStop?.(),\n            onSeekBackward: () => callbacksRef.current.onSeekBackward?.(),\n            onSeekForward: () => callbacksRef.current.onSeekForward?.(),\n            onPreviousTrack: () => callbacksRef.current.onPreviousTrack?.(),\n            onNextTrack: () => callbacksRef.current.onNextTrack?.(),\n        });\n\n        audioRef.current = audio;\n        setIsLoaded(true);\n    }, []);\n\n    /** Local recordings have no url of their own, so they still go through a blob */\n    const createAudioFromBlob = useCallback((blob: Blob) => {\n        if (objectUrlRef.current) {\n            revokeObjectURL(objectUrlRef.current);\n        }\n\n        objectUrlRef.current = createObjectURL(blob);\n\n        createAudioFromUrl(objectUrlRef.current);\n    }, [ createAudioFromUrl ]);\n\n    /**\n     * Waveform is cosmetic: some files (e.g. mp3 with junk before the first\n     * frame) fail to decode in Safari while playing fine, so a decode error\n     * must never block playback. Token keeps only the latest decode.\n     */\n    const applyWaveformLevels = useCallback(async (blob: Blob, seed: string) => {\n        /** Read through the ref: levels may arrive while the bytes are still loading */\n        if (waveformDataRef.current) {\n            return;\n        }\n\n        waveformTokenRef.current += 1;\n\n        const token = waveformTokenRef.current;\n\n        try {\n            const levels = await decodeAudioLevels(blob);\n\n            if (token === waveformTokenRef.current) {\n                setWaveformLevels(levels);\n            }\n        } catch (error) {\n            console.warn('[voice-player] Failed to decode waveform', error);\n\n            /** Some runtimes decode nothing at all — draw a placeholder instead of a flat line */\n            if (token === waveformTokenRef.current) {\n                setWaveformLevels(createPseudoLevels(seed));\n            }\n        }\n    }, []);\n\n    const mountFromBlob = useCallback(async (blob: Blob) => {\n        if (audioRef.current) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            createAudioFromBlob(blob);\n        } catch (error) {\n            console.warn('[voice-player] Failed to mount blob', error);\n        } finally {\n            setIsLoading(false);\n        }\n\n        void applyWaveformLevels(blob, `${blob.size}`);\n    }, [ applyWaveformLevels, createAudioFromBlob ]);\n\n    /** Waveform bytes are cosmetic, so nothing here may delay playback */\n    const loadWaveformSource = useCallback(async (url: string, cached?: Blob | null) => {\n        if (waveformDataRef.current) {\n            return;\n        }\n\n        if (cached) {\n            return applyWaveformLevels(cached, url);\n        }\n\n        abortControllerRef.current?.abort();\n\n        const controller = new AbortController();\n        abortControllerRef.current = controller;\n\n        try {\n            const blob = await fetchAudioBlob(url, controller.signal);\n\n            if (!controller.signal.aborted) {\n                await applyWaveformLevels(blob, url);\n            }\n        } catch (error) {\n            if (error instanceof DOMException && error.name === 'AbortError') {\n                return;\n            }\n\n            console.warn('[voice-player] Failed to fetch waveform source', error);\n        }\n    }, [ applyWaveformLevels ]);\n\n    const ensureAudioLoaded = useCallback(async () => {\n        if (audioRef.current) {\n            return;\n        }\n\n        /** Only a recording that has not been uploaded yet has no url of its own */\n        if (!src) {\n            return preloadedBlob ? mountFromBlob(preloadedBlob) : undefined;\n        }\n\n        /**\n         * Remote files play straight from their url: it streams with range\n         * requests, keeps the user gesture (no await before play) and avoids\n         * blob sources, which some WebKit runtimes refuse to render.\n         */\n        createAudioFromUrl(src);\n\n        void loadWaveformSource(src, preloadedBlob);\n    }, [ src, preloadedBlob, mountFromBlob, loadWaveformSource, createAudioFromUrl ]);\n\n    /** Cleanup on src change or unmount */\n    useEffect(() => {\n        /** Drop the previous waveform so a failed decode cannot leave a foreign one */\n        setWaveformLevels(waveformDataRef.current || createInitialLevels());\n\n        return () => {\n            abortControllerRef.current?.abort();\n            waveformTokenRef.current += 1;\n            if (audioRef.current) {\n                cleanupAudio(audioRef.current);\n                audioRef.current = null;\n            }\n            if (objectUrlRef.current) {\n                revokeObjectURL(objectUrlRef.current);\n                objectUrlRef.current = null;\n            }\n            setIsLoaded(false);\n        };\n    }, [ src ]);\n\n    /** A cached recording mounts on its own only while it has no url yet */\n    useEffect(() => {\n        if (preloadedBlob && !src && !audioRef.current) {\n            void mountFromBlob(preloadedBlob);\n        }\n    }, [ src, preloadedBlob, mountFromBlob ]);\n\n    useEffect(() => {\n        if (waveformData) {\n            waveformTokenRef.current += 1;\n            setWaveformLevels(waveformData);\n        }\n    }, [ waveformData ]);\n\n    return {\n        audioRef,\n        isLoading,\n        isLoaded,\n        waveformLevels,\n        ensureAudioLoaded,\n    };\n};\n\n\nexport { useAudioBlobLoader };\n"],"names":[],"mappings":"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"}

package/dist/hooks/useAudioPlayback.js

@@ -0,0 +1,119 @@
+import { useState, useRef, useCallback } from 'react';
+import { cleanupAudio, revokeObjectURL, createObjectURL, createAudioPlayback } from '../platform/audio-playback-adapter.js';
+
+/**
+ * useAudioPlayback
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useAudioPlayback = () => {
+    const [audioURL, setAudioURL] = useState(null);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [playbackTime, setPlaybackTime] = useState(0);
+    const [playbackDuration, setPlaybackDuration] = useState(0);
+    const audioRef = useRef(null);
+    const cleanupAudioElement = useCallback(() => {
+        const audio = audioRef.current;
+        if (!audio) {
+            return;
+        }
+        cleanupAudio(audio);
+        audioRef.current = null;
+    }, []);
+    const setAudioUrlSafely = useCallback((value) => {
+        setAudioURL((prev) => {
+            if (prev) {
+                revokeObjectURL(prev);
+            }
+            return value;
+        });
+    }, []);
+    const resetPlayback = useCallback(() => {
+        setPlaybackTime(0);
+        setPlaybackDuration(0);
+        setIsPlaying(false);
+        setAudioUrlSafely(null);
+        cleanupAudioElement();
+    }, [cleanupAudioElement, setAudioUrlSafely]);
+    const mountBlob = useCallback((blob) => {
+        const url = createObjectURL(blob);
+        setAudioUrlSafely(url);
+        cleanupAudioElement();
+        const { audio } = createAudioPlayback(url, {
+            onLoadedMetadata: (duration) => setPlaybackDuration(duration),
+            onTimeUpdate: (currentTime) => setPlaybackTime(currentTime),
+            onEnded: () => {
+                setIsPlaying(false);
+                setPlaybackTime(0);
+            },
+            onPlay: () => setIsPlaying(true),
+            onPause: () => setIsPlaying(false),
+        });
+        audioRef.current = audio;
+        setPlaybackTime(0);
+        setPlaybackDuration(0);
+        setIsPlaying(false);
+        return url;
+    }, [cleanupAudioElement, setAudioUrlSafely]);
+    const togglePlayback = useCallback((onError) => {
+        if (!audioURL) {
+            return;
+        }
+        if (!audioRef.current) {
+            const { audio } = createAudioPlayback(audioURL, {
+                onLoadedMetadata: (duration) => setPlaybackDuration(duration),
+                onTimeUpdate: (currentTime) => setPlaybackTime(currentTime),
+                onEnded: () => {
+                    setIsPlaying(false);
+                    setPlaybackTime(0);
+                },
+                onPlay: () => setIsPlaying(true),
+                onPause: () => setIsPlaying(false),
+            });
+            audioRef.current = audio;
+        }
+        const audio = audioRef.current;
+        if (!audio) {
+            return;
+        }
+        if (audio.paused) {
+            if (audio.duration > 0 && playbackDuration > 0) {
+                audio.currentTime = Math.min(playbackTime, audio.duration);
+            }
+            audio.play()
+                .then(() => setIsPlaying(true))
+                .catch((error) => {
+                setIsPlaying(false);
+                onError === null || onError === void 0 ? void 0 : onError(error);
+            });
+        }
+        else {
+            audio.pause();
+            setIsPlaying(false);
+        }
+    }, [audioURL, playbackDuration, playbackTime]);
+    const stopPlayback = useCallback(() => {
+        const audio = audioRef.current;
+        if (!audio) {
+            return;
+        }
+        audio.pause();
+        audio.currentTime = 0;
+        setIsPlaying(false);
+        setPlaybackTime(0);
+    }, []);
+    return {
+        audioURL,
+        isPlaying,
+        mountBlob,
+        playbackTime,
+        stopPlayback,
+        resetPlayback,
+        togglePlayback,
+        playbackDuration,
+        cleanupAudioElement,
+    };
+};
+
+export { useAudioPlayback };
+//# sourceMappingURL=useAudioPlayback.js.map

package/dist/hooks/useAudioPlayback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAudioPlayback.js","sources":["../../src/hooks/useAudioPlayback.ts"],"sourcesContent":["/**\n * useAudioPlayback\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback, useRef, useState } from 'react';\n\nimport { cleanupAudio, createAudioPlayback, createObjectURL, revokeObjectURL } from '../platform';\n\n\ninterface UseAudioPlaybackResult {\n    audioURL: string | null;\n    isPlaying: boolean;\n    playbackTime: number;\n    playbackDuration: number;\n    mountBlob: (blob: Blob) => string;\n    togglePlayback: (onError?: (error: unknown) => void) => void;\n    stopPlayback: () => void;\n    resetPlayback: () => void;\n    cleanupAudioElement: () => void;\n}\n\nconst useAudioPlayback = (): UseAudioPlaybackResult => {\n\n    const [ audioURL, setAudioURL ] = useState<string | null>(null);\n    const [ isPlaying, setIsPlaying ] = useState(false);\n    const [ playbackTime, setPlaybackTime ] = useState(0);\n    const [ playbackDuration, setPlaybackDuration ] = useState(0);\n\n    const audioRef = useRef<HTMLAudioElement | null>(null);\n\n    const cleanupAudioElement = useCallback(() => {\n        const audio = audioRef.current;\n        if (!audio) {\n            return;\n        }\n\n        cleanupAudio(audio);\n        audioRef.current = null;\n    }, []);\n\n    const setAudioUrlSafely = useCallback((value: string | null) => {\n        setAudioURL((prev) => {\n            if (prev) {\n                revokeObjectURL(prev);\n            }\n\n            return value;\n        });\n    }, []);\n\n    const resetPlayback = useCallback(() => {\n        setPlaybackTime(0);\n        setPlaybackDuration(0);\n        setIsPlaying(false);\n        setAudioUrlSafely(null);\n        cleanupAudioElement();\n    }, [ cleanupAudioElement, setAudioUrlSafely ]);\n\n    const mountBlob = useCallback((blob: Blob): string => {\n        const url = createObjectURL(blob);\n\n        setAudioUrlSafely(url);\n        cleanupAudioElement();\n\n        const { audio } = createAudioPlayback(url, {\n            onLoadedMetadata: (duration) => setPlaybackDuration(duration),\n            onTimeUpdate: (currentTime) => setPlaybackTime(currentTime),\n            onEnded: () => {\n                setIsPlaying(false);\n                setPlaybackTime(0);\n            },\n            onPlay: () => setIsPlaying(true),\n            onPause: () => setIsPlaying(false),\n        });\n\n        audioRef.current = audio;\n        setPlaybackTime(0);\n        setPlaybackDuration(0);\n        setIsPlaying(false);\n\n        return url;\n    }, [ cleanupAudioElement, setAudioUrlSafely ]);\n\n    const togglePlayback = useCallback((onError?: (error: unknown) => void) => {\n        if (!audioURL) {\n            return;\n        }\n\n        if (!audioRef.current) {\n            const { audio } = createAudioPlayback(audioURL, {\n                onLoadedMetadata: (duration) => setPlaybackDuration(duration),\n                onTimeUpdate: (currentTime) => setPlaybackTime(currentTime),\n                onEnded: () => {\n                    setIsPlaying(false);\n                    setPlaybackTime(0);\n                },\n                onPlay: () => setIsPlaying(true),\n                onPause: () => setIsPlaying(false),\n            });\n\n            audioRef.current = audio;\n        }\n\n        const audio = audioRef.current;\n        if (!audio) {\n            return;\n        }\n\n        if (audio.paused) {\n            if (audio.duration > 0 && playbackDuration > 0) {\n                audio.currentTime = Math.min(playbackTime, audio.duration);\n            }\n\n            audio.play()\n                .then(() => setIsPlaying(true))\n                .catch((error) => {\n                    setIsPlaying(false);\n                    onError?.(error);\n                });\n        } else {\n            audio.pause();\n            setIsPlaying(false);\n        }\n    }, [ audioURL, playbackDuration, playbackTime ]);\n\n    const stopPlayback = useCallback(() => {\n        const audio = audioRef.current;\n        if (!audio) {\n            return;\n        }\n\n        audio.pause();\n        audio.currentTime = 0;\n        setIsPlaying(false);\n        setPlaybackTime(0);\n    }, []);\n\n    return {\n        audioURL,\n        isPlaying,\n        mountBlob,\n        playbackTime,\n        stopPlayback,\n        resetPlayback,\n        togglePlayback,\n        playbackDuration,\n        cleanupAudioElement,\n    };\n};\n\n\nexport { useAudioPlayback };\n"],"names":[],"mappings":"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"}

package/dist/hooks/useAudioRecorderHandlers.js

@@ -0,0 +1,137 @@
+import { useRef, useState, useCallback, useEffect } from 'react';
+
+/**
+ * useAudioRecorderHandlers — recording/send/cancel handlers for AudioRecorder
+ *
+ * @author: exode <hello@exode.ru>
+ */
+const useAudioRecorderHandlers = (options) => {
+    const { vibrate, recorder, messages, onUploadError, } = options;
+    const { audioURL, isPaused, isRecording, hasRecording, stopPlayback, stopRecording, sendRecording, togglePlayback, startRecording, cancelRecording, deleteRecording, toggleRecordingPause, } = recorder;
+    const shouldSendAfterStopRef = useRef(false);
+    const [isSending, setIsSending] = useState(false);
+    const startNewRecording = useCallback(async () => {
+        if (isRecording) {
+            return;
+        }
+        try {
+            await startRecording();
+            vibrate(50);
+        }
+        catch (error) {
+            onUploadError === null || onUploadError === void 0 ? void 0 : onUploadError(error);
+        }
+    }, [
+        vibrate,
+        isRecording,
+        onUploadError,
+        startRecording,
+    ]);
+    const handleRecordToggle = useCallback(() => {
+        if (!isRecording) {
+            if (audioURL) {
+                stopPlayback();
+                deleteRecording();
+            }
+            void startNewRecording();
+            return;
+        }
+        if (isPaused) {
+            stopPlayback();
+        }
+        toggleRecordingPause();
+    }, [
+        audioURL,
+        isPaused,
+        isRecording,
+        stopPlayback,
+        deleteRecording,
+        startNewRecording,
+        toggleRecordingPause,
+    ]);
+    const handleSend = useCallback(async () => {
+        shouldSendAfterStopRef.current = false;
+        setIsSending(true);
+        try {
+            stopPlayback();
+            await sendRecording();
+        }
+        catch (error) {
+            const uploadError = error instanceof Error
+                ? error
+                : new Error(messages.errors.loadFileFailed);
+            onUploadError === null || onUploadError === void 0 ? void 0 : onUploadError(uploadError);
+        }
+        finally {
+            setIsSending(false);
+        }
+    }, [
+        stopPlayback,
+        onUploadError,
+        sendRecording,
+        messages.errors.loadFileFailed,
+    ]);
+    const handleSendRequest = useCallback(() => {
+        if (isSending) {
+            return;
+        }
+        if (isRecording) {
+            setIsSending(true);
+            shouldSendAfterStopRef.current = true;
+            stopRecording();
+            return;
+        }
+        void handleSend();
+    }, [
+        isSending,
+        handleSend,
+        isRecording,
+        stopRecording,
+    ]);
+    const handleCancel = useCallback(() => {
+        shouldSendAfterStopRef.current = false;
+        if (isRecording) {
+            cancelRecording();
+            return;
+        }
+        if (audioURL) {
+            stopPlayback();
+            deleteRecording();
+        }
+    }, [
+        audioURL,
+        isRecording,
+        stopPlayback,
+        deleteRecording,
+        cancelRecording,
+    ]);
+    const handlePlaybackToggle = useCallback(() => {
+        if (!hasRecording) {
+            return;
+        }
+        togglePlayback();
+    }, [hasRecording, togglePlayback]);
+    /** Auto-send after stop */
+    useEffect(() => {
+        if (!isRecording
+            && hasRecording
+            && shouldSendAfterStopRef.current) {
+            shouldSendAfterStopRef.current = false;
+            void handleSend();
+        }
+    }, [
+        handleSend,
+        isRecording,
+        hasRecording,
+    ]);
+    return {
+        isSending,
+        handleCancel,
+        handleSendRequest,
+        handleRecordToggle,
+        handlePlaybackToggle,
+    };
+};
+
+export { useAudioRecorderHandlers };
+//# sourceMappingURL=useAudioRecorderHandlers.js.map

package/dist/hooks/useAudioRecorderHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAudioRecorderHandlers.js","sources":["../../src/hooks/useAudioRecorderHandlers.ts"],"sourcesContent":["/**\n * useAudioRecorderHandlers — recording/send/cancel handlers for AudioRecorder\n *\n * @author: exode <hello@exode.ru>\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { UseVoiceRecorderResult } from '../types';\nimport type { RecorderMessages } from '../components/AudioRecorder.messages';\n\n\ninterface UseAudioRecorderHandlersOptions {\n    vibrate: (pattern: number | number[]) => void;\n    messages: RecorderMessages;\n    recorder: UseVoiceRecorderResult;\n    onUploadError?: (error: unknown) => void;\n}\n\n\nconst useAudioRecorderHandlers = (options: UseAudioRecorderHandlersOptions) => {\n\n    const {\n        vibrate,\n        recorder,\n        messages,\n        onUploadError,\n    } = options;\n\n    const {\n        audioURL,\n        isPaused,\n        isRecording,\n        hasRecording,\n        stopPlayback,\n        stopRecording,\n        sendRecording,\n        togglePlayback,\n        startRecording,\n        cancelRecording,\n        deleteRecording,\n        toggleRecordingPause,\n    } = recorder;\n\n    const shouldSendAfterStopRef = useRef(false);\n\n    const [ isSending, setIsSending ] = useState(false);\n\n    const startNewRecording = useCallback(async () => {\n        if (isRecording) {\n            return;\n        }\n\n        try {\n            await startRecording();\n            vibrate(50);\n        } catch (error) {\n            onUploadError?.(error);\n        }\n    }, [\n        vibrate,\n        isRecording,\n        onUploadError,\n        startRecording,\n    ]);\n\n    const handleRecordToggle = useCallback(() => {\n        if (!isRecording) {\n            if (audioURL) {\n                stopPlayback();\n                deleteRecording();\n            }\n\n            void startNewRecording();\n            return;\n        }\n\n        if (isPaused) {\n            stopPlayback();\n        }\n\n        toggleRecordingPause();\n    }, [\n        audioURL,\n        isPaused,\n        isRecording,\n        stopPlayback,\n        deleteRecording,\n        startNewRecording,\n        toggleRecordingPause,\n    ]);\n\n    const handleSend = useCallback(async () => {\n        shouldSendAfterStopRef.current = false;\n        setIsSending(true);\n        try {\n            stopPlayback();\n\n            await sendRecording();\n        } catch (error) {\n            const uploadError = error instanceof Error\n                ? error\n                : new Error(messages.errors.loadFileFailed);\n\n            onUploadError?.(uploadError);\n        } finally {\n            setIsSending(false);\n        }\n    }, [\n        stopPlayback,\n        onUploadError,\n        sendRecording,\n        messages.errors.loadFileFailed,\n    ]);\n\n    const handleSendRequest = useCallback(() => {\n        if (isSending) {\n            return;\n        }\n\n        if (isRecording) {\n            setIsSending(true);\n            shouldSendAfterStopRef.current = true;\n            stopRecording();\n\n            return;\n        }\n\n        void handleSend();\n    }, [\n        isSending,\n        handleSend,\n        isRecording,\n        stopRecording,\n    ]);\n\n    const handleCancel = useCallback(() => {\n        shouldSendAfterStopRef.current = false;\n\n        if (isRecording) {\n            cancelRecording();\n            return;\n        }\n\n        if (audioURL) {\n            stopPlayback();\n            deleteRecording();\n        }\n    }, [\n        audioURL,\n        isRecording,\n        stopPlayback,\n        deleteRecording,\n        cancelRecording,\n    ]);\n\n    const handlePlaybackToggle = useCallback(() => {\n        if (!hasRecording) {\n            return;\n        }\n\n        togglePlayback();\n    }, [ hasRecording, togglePlayback ]);\n\n    /** Auto-send after stop */\n    useEffect(() => {\n        if (!isRecording\n            && hasRecording\n            && shouldSendAfterStopRef.current\n        ) {\n            shouldSendAfterStopRef.current = false;\n\n            void handleSend();\n        }\n    }, [\n        handleSend,\n        isRecording,\n        hasRecording,\n    ]);\n\n    return {\n        isSending,\n        handleCancel,\n        handleSendRequest,\n        handleRecordToggle,\n        handlePlaybackToggle,\n    };\n};\n\n\nexport { useAudioRecorderHandlers };\n"],"names":[],"mappings":";;AAAA;;;;AAIG;AAgBH,MAAM,wBAAwB,GAAG,CAAC,OAAwC,KAAI;IAE1E,MAAM,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,aAAa,GAChB,GAAG,OAAO;IAEX,MAAM,EACF,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,oBAAoB,GACvB,GAAG,QAAQ;AAEZ,IAAA,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC;IAE5C,MAAM,CAAE,SAAS,EAAE,YAAY,CAAE,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAW;QAC7C,IAAI,WAAW,EAAE;YACb;QACJ;AAEA,QAAA,IAAI;YACA,MAAM,cAAc,EAAE;YACtB,OAAO,CAAC,EAAE,CAAC;QACf;QAAE,OAAO,KAAK,EAAE;AACZ,YAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAG,KAAK,CAAC;QAC1B;AACJ,IAAA,CAAC,EAAE;QACC,OAAO;QACP,WAAW;QACX,aAAa;QACb,cAAc;AACjB,KAAA,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;QACxC,IAAI,CAAC,WAAW,EAAE;YACd,IAAI,QAAQ,EAAE;AACV,gBAAA,YAAY,EAAE;AACd,gBAAA,eAAe,EAAE;YACrB;YAEA,KAAK,iBAAiB,EAAE;YACxB;QACJ;QAEA,IAAI,QAAQ,EAAE;AACV,YAAA,YAAY,EAAE;QAClB;AAEA,QAAA,oBAAoB,EAAE;AAC1B,IAAA,CAAC,EAAE;QACC,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,eAAe;QACf,iBAAiB;QACjB,oBAAoB;AACvB,KAAA,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,YAAW;AACtC,QAAA,sBAAsB,CAAC,OAAO,GAAG,KAAK;QACtC,YAAY,CAAC,IAAI,CAAC;AAClB,QAAA,IAAI;AACA,YAAA,YAAY,EAAE;YAEd,MAAM,aAAa,EAAE;QACzB;QAAE,OAAO,KAAK,EAAE;AACZ,YAAA,MAAM,WAAW,GAAG,KAAK,YAAY;AACjC,kBAAE;kBACA,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC;AAE/C,YAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAG,WAAW,CAAC;QAChC;gBAAU;YACN,YAAY,CAAC,KAAK,CAAC;QACvB;AACJ,IAAA,CAAC,EAAE;QACC,YAAY;QACZ,aAAa;QACb,aAAa;QACb,QAAQ,CAAC,MAAM,CAAC,cAAc;AACjC,KAAA,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAK;QACvC,IAAI,SAAS,EAAE;YACX;QACJ;QAEA,IAAI,WAAW,EAAE;YACb,YAAY,CAAC,IAAI,CAAC;AAClB,YAAA,sBAAsB,CAAC,OAAO,GAAG,IAAI;AACrC,YAAA,aAAa,EAAE;YAEf;QACJ;QAEA,KAAK,UAAU,EAAE;AACrB,IAAA,CAAC,EAAE;QACC,SAAS;QACT,UAAU;QACV,WAAW;QACX,aAAa;AAChB,KAAA,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,sBAAsB,CAAC,OAAO,GAAG,KAAK;QAEtC,IAAI,WAAW,EAAE;AACb,YAAA,eAAe,EAAE;YACjB;QACJ;QAEA,IAAI,QAAQ,EAAE;AACV,YAAA,YAAY,EAAE;AACd,YAAA,eAAe,EAAE;QACrB;AACJ,IAAA,CAAC,EAAE;QACC,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,eAAe;QACf,eAAe;AAClB,KAAA,CAAC;AAEF,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAK;QAC1C,IAAI,CAAC,YAAY,EAAE;YACf;QACJ;AAEA,QAAA,cAAc,EAAE;AACpB,IAAA,CAAC,EAAE,CAAE,YAAY,EAAE,cAAc,CAAE,CAAC;;IAGpC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC;eACE;eACA,sBAAsB,CAAC,OAAO,EACnC;AACE,YAAA,sBAAsB,CAAC,OAAO,GAAG,KAAK;YAEtC,KAAK,UAAU,EAAE;QACrB;AACJ,IAAA,CAAC,EAAE;QACC,UAAU;QACV,WAAW;QACX,YAAY;AACf,KAAA,CAAC;IAEF,OAAO;QACH,SAAS;QACT,YAAY;QACZ,iBAAiB;QACjB,kBAAkB;QAClB,oBAAoB;KACvB;AACL;;;;"}