@wavv/ui 2.4.14 → 2.4.15-alpha.1

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;
@@ -88,6 +91,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 +101,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 +135,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 +224,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.1",
 	"type": "module",
 	"exports": {
 		".": {