Merge pull request #14 from riyaddecoder/master

feat: update package version.

Author: riyaddecoder

documentation/docs/public/clarity.js

@@ -6,7 +6,7 @@
     };
   t = l.createElement(r);
   t.async = 1;
-  t.src = "https://www.clarity.ms/tag/" + i;
+  t.src = 'https://www.clarity.ms/tag/' + i;
   y = l.getElementsByTagName(r)[0];
   y.parentNode.insertBefore(t, y);
-})(window, document, "clarity", "script", "itd5tbp46u");
+})(window, document, 'clarity', 'script', 'itd5tbp46u');

documentation/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "react": "^18.3.1",
-    "react-audio-play": "^1.0.2",
+    "react-audio-play": "^1.0.3",
     "react-dom": "^18.3.1"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-audio-play",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React audio player component",
   "homepage": "https://riyaddecoder.github.io/react-audio-play/",
   "main": "dist/cjs/index.js",

src/components/AudioPlayer.tsx

@@ -64,6 +64,12 @@ export const AudioPlayer: React.FC<AudioInterface> = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [src]);
 
+  useEffect(() => {
+    if (audioRef.current?.duration && audioRef.current.duration !== Infinity) {
+      setTotalTime(formatTime(audioRef.current.duration));
+    }
+  }, [audioRef.current?.duration]);
+
   useEffect(() => {
     if (!isNaN(volume)) {
       const tempVol = volume > 100 ? 100 : volume < 0 ? 0 : volume;
@@ -87,6 +93,8 @@ export const AudioPlayer: React.FC<AudioInterface> = ({
 
   const handleReload = () => {
     if (audioRef.current) {
+      setIsPlaying(false);
+      setTotalTime('--:--');
       setCanPlay(false);
       setHasError(false);
       audioRef.current.src = src;

tests/common.test.tsx

@@ -5,6 +5,13 @@ import 'jest-canvas-mock';
 
 import { AudioPlayer } from '../src';
 
+beforeAll(() => {
+  Object.defineProperty(HTMLMediaElement.prototype, 'load', {
+    configurable: true,
+    value: jest.fn() // Mock implementation of the load method
+  });
+});
+
 describe('Common render', () => {
   it('renders without crashing', () => {
     render(<AudioPlayer src="" />);