react-audio-play - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/cjs/components/AudioPlayer.d.ts

@@ -1,5 +0,2 @@
-declare type Props = {
-    style?: {};
-};
-export declare const AudioPlayer: (props: Props) => JSX.Element;
-export {};
+import { AudioTypeInterface } from './AudioTypeInterface';
+export declare const AudioPlayer: (props: AudioTypeInterface) => JSX.Element;

dist/cjs/components/AudioPlayer.js

@@ -8,6 +8,19 @@ "use strict";
 const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+const AudioLibrary_1 = require("./AudioLibrary");
 const AudioPlayer = (props) => {
-    return react_1.default.createElement("div", null, "AudioPlayer");
+    const audio = (0, react_2.useRef)(new AudioLibrary_1.AudioLibrary(props));
+    const [isPlaying, setIsPlaying] = (0, react_2.useState)(false);
+    const playOrStop = () => {
+        setIsPlaying(!isPlaying);
+        if (isPlaying) {
+            audio.current.stop();
+        }
+        else {
+            audio.current.play();
+        }
+    };
+    return react_1.default.createElement("button", { onClick: playOrStop }, isPlaying ? 'Stop' : 'Play');
 };
 exports.AudioPlayer = AudioPlayer;
 //# sourceMappingURL=AudioPlayer.js.map

dist/esm/components/AudioPlayer.d.ts

@@ -1,5 +0,2 @@
-declare type Props = {
-    style?: {};
-};
-export declare const AudioPlayer: (props: Props) => JSX.Element;
-export {};
+import { AudioTypeInterface } from './AudioTypeInterface';
+export declare const AudioPlayer: (props: AudioTypeInterface) => JSX.Element;

dist/esm/components/AudioPlayer.js

 import React from 'react';
+import { useRef, useState } from 'react';
+import { AudioLibrary } from './AudioLibrary';
 export const AudioPlayer = (props) => {
-    return React.createElement("div", null, "AudioPlayer");
+    const audio = useRef(new AudioLibrary(props));
+    const [isPlaying, setIsPlaying] = useState(false);
+    const playOrStop = () => {
+        setIsPlaying(!isPlaying);
+        if (isPlaying) {
+            audio.current.stop();
+        }
+        else {
+            audio.current.play();
+        }
+    };
+    return React.createElement("button", { onClick: playOrStop }, isPlaying ? 'Stop' : 'Play');
 };
 //# sourceMappingURL=AudioPlayer.js.map

package.json

 {
   "name": "react-audio-play",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "React audio player component",
@@ -5,0 +5,0 @@ "main": "dist/cjs/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9262

increased by97.78%

Number of package files

32

increased by60%

Lines of code

136

increased by109.23%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes