Source

.eslintrc.json

@@ -0,0 +1,9 @@
+{
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
+      }
+    }
+  }
+}

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.prettierignore

@@ -0,0 +1,3 @@
+# Ignore artifacts:
+dist
+README.md

LICENCE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 GreenDevald1523
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,43 @@
+# chakra-player `v0.4.11`
+
+React player, made with [`Chakra UI`](https://chakra-ui.com/), can play the audio that you push in it.
+
+### Usage
+
+```shell
+npm install chakra-player
+```
+
+or
+
+```shell
+yarn add chakra-player
+```
+
+```jsx
+import React from 'react'
+import Audio from 'chakra-player'
+
+// Add {.mp3 / .mp4} file format
+<Audio song="****.mp3" />
+```
+
+Instead of using a common `url` of a `.mp3`, you also can download this file to your project folder and refer to it:
+
+```jsx
+import React from 'react'
+import Audio from 'chakra-player'
+import song form './audio.mp3'
+
+// Add {.mp3 / .mp4} file format
+<Audio song={song} color='blue.600' background='white.600'/>
+```
+
+### Props
+
+| Prop    | Description                                                                          | Default    |
+| ------- | ------------------------------------------------------------------------------------ | ---------- |
+| `song`  | The url or file of an audio that has to be in `.mp3/.mp4` format                     |            |
+| `color` | String with [Chakra UI color](https://chakra-ui.com/docs/styled-system/theme#colors) | `blue.600` |
+| `background` | String with [Chakra UI color](https://chakra-ui.com/docs/styled-system/theme#colors) | `white.600` |
+

babel.config.json

@@ -0,0 +1,3 @@
+{
+  "presets": [["@babel/preset-react", { "runtime": "automatic" }]]
+}