@wavv/ui 2.4.14 → 2.4.15-alpha.2

package/build/components/Audio.js

@@ -13,6 +13,9 @@ const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tin
     const [displayCurrent, setDisplayCurrent] = useState('');
     const [displayDuration, setDisplayDuration] = useState('0:00');
     const audioRef = useRef(null);
+    const isSeekingRef = useRef(false);
+    const seekedTimeoutRef = useRef(null);
+    const END_EPSILON_SECONDS = 0.75;
     const { height = 30, showHoverTime = false, playedColor, unplayedColor } = 'object' == typeof waveform ? waveform : {};
     const play = ()=>{
         const { current: audio } = audioRef;
@@ -32,9 +35,20 @@ const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tin
         const { current: audio } = audioRef;
         return audio ? !audio.paused : false;
     };
+    const isNearEnd = (sec)=>totalDuration > 0 && totalDuration - sec <= END_EPSILON_SECONDS;
     const togglePlayPause = ()=>{
         if (isPlaying) pause();
-        else play();
+        else {
+            if (isNearEnd(progress)) {
+                setProgress(0);
+                setDisplayCurrent('0:00');
+                const { current: audio } = audioRef;
+                if (audio) try {
+                    audio.currentTime = 0;
+                } catch (_e) {}
+            }
+            play();
+        }
     };
     useImperativeHandle(ref, ()=>({
             play,
@@ -56,6 +70,16 @@ const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tin
     const handleAudioStop = (event)=>{
         setIsPlaying(false);
         setIsCleared(true);
+        setProgress(0);
+        setDisplayCurrent('0:00');
+        const { current: audio } = audioRef;
+        if (audio) try {
+            audio.currentTime = 0;
+            window.setTimeout(()=>{
+                const ct = audio.currentTime ?? 0;
+                if (ct > 0.5) audio.currentTime = 0;
+            }, 120);
+        } catch (_e) {}
         if (onStop) onStop(event);
     };
     const handleAudioError = ()=>{
@@ -88,6 +112,9 @@ const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tin
         src,
         fallbackDuration
     ]);
+    useEffect(()=>()=>{
+            if (seekedTimeoutRef.current) clearTimeout(seekedTimeoutRef.current);
+        }, []);
     const formatTime = (time)=>{
         if (!Number.isFinite(time) || time < 0) return '0:00';
         const mins = Math.floor(time / 60);
@@ -95,6 +122,7 @@ const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tin
         return `${mins}:${secs.toString().padStart(2, '0')}`;
     };
     const updateProgress = ()=>{
+        if (isSeekingRef.current) return;
         const { current: audio } = audioRef;
         if (audio) {
             const { currentTime } = audio;
@@ -128,9 +156,27 @@ const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tin
             }, 100);
         }
     };
+    const handleSeeked = ()=>{
+        isSeekingRef.current = false;
+        if (seekedTimeoutRef.current) {
+            clearTimeout(seekedTimeoutRef.current);
+            seekedTimeoutRef.current = null;
+        }
+    };
     const handleControlGrab = (value)=>{
         const sliderPosition = Array.isArray(value) ? value[0] : value;
-        if (audioRef?.current && Number.isFinite(sliderPosition) && Number.isFinite(totalDuration) && totalDuration > 0) audioRef.current.currentTime = Math.max(0, Math.min(sliderPosition, totalDuration));
+        if (!audioRef?.current || !Number.isFinite(sliderPosition) || !Number.isFinite(totalDuration) || totalDuration <= 0) return;
+        const maxSeekTarget = Math.max(0, totalDuration - END_EPSILON_SECONDS);
+        const clamped = Math.min(Math.max(sliderPosition, 0), maxSeekTarget);
+        isSeekingRef.current = true;
+        if (seekedTimeoutRef.current) clearTimeout(seekedTimeoutRef.current);
+        seekedTimeoutRef.current = setTimeout(()=>{
+            isSeekingRef.current = false;
+            seekedTimeoutRef.current = null;
+        }, 300);
+        setProgress(clamped);
+        setDisplayCurrent(formatTime(clamped));
+        audioRef.current.currentTime = clamped;
     };
     const hideSlider = isCleared && hideSliderOnStop;
     const hideTime = isCleared && hideTimeOnStop;
@@ -199,6 +245,7 @@ const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tin
                 onEmptied: handleAudioStop,
                 onEnded: handleAudioStop,
                 onTimeUpdate: updateProgress,
+                onSeeked: handleSeeked,
                 onDurationChange: handleLoad,
                 onLoadedMetadata: handleLoad,
                 onLoadedData: handleLoad,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.4.14",
+	"version": "2.4.15-alpha.2",
 	"type": "module",
 	"exports": {
 		".": {