├── .changeset ├── config.json └── real-jars-shake.md ├── .eslintignore ├── .eslintrc.json ├── .github ├── README.md └── workflows │ └── release.yaml ├── .gitignore ├── .husky ├── .gitignore └── pre-commit ├── .prettierignore ├── .prettierrc.json ├── LICENSE ├── package.json ├── package ├── .npmignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── index.html ├── package.json ├── preview │ ├── App.tsx │ ├── assets │ │ ├── audio │ │ │ ├── audio-1.mp3 │ │ │ ├── audio-2.mp3 │ │ │ ├── audio-3.mp3 │ │ │ ├── audio-4.mp3 │ │ │ └── audio-5.mp3 │ │ └── images │ │ │ ├── audio-1.jpg │ │ │ ├── audio-2.jpg │ │ │ ├── audio-3.jpg │ │ │ ├── audio-4.jpg │ │ │ ├── audio-5.jpg │ │ │ └── noname.png │ ├── index.d.ts │ └── main.tsx ├── src │ ├── components │ │ ├── AudioPlayer │ │ │ ├── Audio │ │ │ │ ├── index.tsx │ │ │ │ └── useAudio.ts │ │ │ ├── Context │ │ │ │ ├── StateContext │ │ │ │ │ ├── audio.ts │ │ │ │ │ ├── element.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ └── placement.ts │ │ │ │ ├── dispatchContext.ts │ │ │ │ ├── index.ts │ │ │ │ └── reducer.ts │ │ │ ├── Interface │ │ │ │ ├── Controller │ │ │ │ │ ├── Button │ │ │ │ │ │ ├── PlayBtn.tsx │ │ │ │ │ │ ├── PlayListTriggerBtn.tsx │ │ │ │ │ │ ├── PrevNnextBtn.tsx │ │ │ │ │ │ ├── RepeatTypeBtn.tsx │ │ │ │ │ │ ├── StyledBtn.ts │ │ │ │ │ │ ├── VolumeTriggerBtn.tsx │ │ │ │ │ │ └── index.ts │ │ │ │ │ ├── Drawer │ │ │ │ │ │ ├── SortablePlayList │ │ │ │ │ │ │ ├── Content │ │ │ │ │ │ │ │ ├── PlayListItem.tsx │ │ │ │ │ │ │ │ ├── index.tsx │ │ │ │ │ │ │ │ └── usePlayList.ts │ │ │ │ │ │ │ └── index.tsx │ │ │ │ │ │ └── index.ts │ │ │ │ │ ├── Icon.tsx │ │ │ │ │ ├── Input │ │ │ │ │ │ ├── Progress │ │ │ │ │ │ │ ├── BarProgress.tsx │ │ │ │ │ │ │ ├── WaveformProgress.tsx │ │ │ │ │ │ │ ├── index.tsx │ │ │ │ │ │ │ ├── useProgress.ts │ │ │ │ │ │ │ └── useWavesurfer.ts │ │ │ │ │ │ └── index.ts │ │ │ │ │ ├── Tooltip │ │ │ │ │ │ ├── Volume │ │ │ │ │ │ │ ├── Content.tsx │ │ │ │ │ │ │ ├── Trigger.tsx │ │ │ │ │ │ │ ├── index.tsx │ │ │ │ │ │ │ └── useVolume.ts │ │ │ │ │ │ └── index.ts │ │ │ │ │ └── index.tsx │ │ │ │ ├── CustomComponent │ │ │ │ │ └── index.tsx │ │ │ │ ├── Information │ │ │ │ │ ├── Artwork.tsx │ │ │ │ │ ├── TrackInfo.tsx │ │ │ │ │ ├── TrackTime │ │ │ │ │ │ ├── Current.tsx │ │ │ │ │ │ ├── Duration.tsx │ │ │ │ │ │ ├── Styles.ts │ │ │ │ │ │ ├── Types.ts │ │ │ │ │ │ └── index.tsx │ │ │ │ │ └── index.tsx │ │ │ │ └── index.tsx │ │ │ ├── Player │ │ │ │ ├── index.tsx │ │ │ │ └── usePropsStateEffect.ts │ │ │ └── index.tsx │ │ ├── CssTransition.tsx │ │ ├── Drawer │ │ │ ├── Drawer.tsx │ │ │ ├── DrawerContent.tsx │ │ │ ├── DrawerContext.ts │ │ │ ├── DrawerTrigger.tsx │ │ │ └── index.ts │ │ ├── Dropdown │ │ │ ├── Dropdown.tsx │ │ │ ├── DropdownContent.tsx │ │ │ ├── DropdownContext.ts │ │ │ ├── DropdownTrigger.tsx │ │ │ ├── index.ts │ │ │ └── useDropdown.ts │ │ ├── Grid │ │ │ ├── Grid.tsx │ │ │ ├── Item.tsx │ │ │ └── index.ts │ │ ├── Provider │ │ │ ├── AudioPlayerProvider.tsx │ │ │ ├── SpectrumProvider.tsx │ │ │ └── index.ts │ │ └── SortableList │ │ │ ├── SortableList.tsx │ │ │ ├── SortableListItem.tsx │ │ │ ├── index.ts │ │ │ └── useSortableListItem.ts │ ├── hooks │ │ ├── index.ts │ │ ├── useClickOutside.ts │ │ ├── useGridTemplate.ts │ │ ├── useNonNullableContext.ts │ │ ├── useRefsDispatch.ts │ │ └── useVariableColor.ts │ ├── index.ts │ ├── styles │ │ ├── GlobalStyle.ts │ │ └── vars.css │ └── utils │ │ ├── generateUnionNumType.ts │ │ ├── getRandomNumber.ts │ │ ├── getTime.ts │ │ ├── refs.ts │ │ └── resetAudioValues.ts ├── tsconfig.json └── vite.config.ts ├── storybook ├── .eslintrc.json ├── .storybook │ ├── main.js │ └── preview.js ├── README.md ├── package.json ├── public │ ├── audio │ │ ├── audio-1.mp3 │ │ ├── audio-2.mp3 │ │ ├── audio-3.mp3 │ │ ├── audio-4.mp3 │ │ └── audio-5.mp3 │ ├── favicon.ico │ ├── images │ │ ├── audio-1.jpg │ │ ├── audio-2.jpg │ │ ├── audio-3.jpg │ │ ├── audio-4.jpg │ │ └── audio-5.jpg │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt ├── src │ ├── App.css │ ├── App.test.tsx │ ├── App.tsx │ ├── index.css │ ├── index.tsx │ ├── logo.svg │ ├── react-app-env.d.ts │ ├── reportWebVitals.ts │ ├── setupTests.ts │ └── stories │ │ ├── Test.stories.tsx │ │ ├── Test.tsx │ │ ├── assets │ │ ├── code-brackets.svg │ │ ├── colors.svg │ │ ├── comments.svg │ │ ├── direction.svg │ │ ├── flow.svg │ │ ├── plugin.svg │ │ ├── repo.svg │ │ └── stackalt.svg │ │ ├── playList.ts │ │ └── playerMode.ts ├── tsconfig.json └── yarn.lock └── yarn.lock /.changeset/config.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/.changeset/config.json -------------------------------------------------------------------------------- /.changeset/real-jars-shake.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/.changeset/real-jars-shake.md -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /package/dist 3 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/.eslintrc.json -------------------------------------------------------------------------------- /.github/README.md: -------------------------------------------------------------------------------- 1 | ../package/README.md -------------------------------------------------------------------------------- /.github/workflows/release.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/.github/workflows/release.yaml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/.gitignore -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/.husky/pre-commit -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /package/dist 3 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/.prettierrc.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/LICENSE -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package.json -------------------------------------------------------------------------------- /package/.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/.npmignore -------------------------------------------------------------------------------- /package/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # React-modern-audio-player `v1.2.1` 2 | 3 | ### apply release git action -------------------------------------------------------------------------------- /package/LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/LICENSE -------------------------------------------------------------------------------- /package/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/README.md -------------------------------------------------------------------------------- /package/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/index.html -------------------------------------------------------------------------------- /package/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/package.json -------------------------------------------------------------------------------- /package/preview/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/App.tsx -------------------------------------------------------------------------------- /package/preview/assets/audio/audio-1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/audio/audio-1.mp3 -------------------------------------------------------------------------------- /package/preview/assets/audio/audio-2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/audio/audio-2.mp3 -------------------------------------------------------------------------------- /package/preview/assets/audio/audio-3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/audio/audio-3.mp3 -------------------------------------------------------------------------------- /package/preview/assets/audio/audio-4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/audio/audio-4.mp3 -------------------------------------------------------------------------------- /package/preview/assets/audio/audio-5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/audio/audio-5.mp3 -------------------------------------------------------------------------------- /package/preview/assets/images/audio-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/images/audio-1.jpg -------------------------------------------------------------------------------- /package/preview/assets/images/audio-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/images/audio-2.jpg -------------------------------------------------------------------------------- /package/preview/assets/images/audio-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/images/audio-3.jpg -------------------------------------------------------------------------------- /package/preview/assets/images/audio-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/images/audio-4.jpg -------------------------------------------------------------------------------- /package/preview/assets/images/audio-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/images/audio-5.jpg -------------------------------------------------------------------------------- /package/preview/assets/images/noname.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/assets/images/noname.png -------------------------------------------------------------------------------- /package/preview/index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/index.d.ts -------------------------------------------------------------------------------- /package/preview/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/preview/main.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Audio/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Audio/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Audio/useAudio.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Audio/useAudio.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Context/StateContext/audio.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Context/StateContext/audio.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Context/StateContext/element.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Context/StateContext/element.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Context/StateContext/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Context/StateContext/index.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Context/StateContext/placement.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Context/StateContext/placement.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Context/dispatchContext.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Context/dispatchContext.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Context/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Context/index.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Context/reducer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Context/reducer.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Button/PlayBtn.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Button/PlayBtn.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Button/PlayListTriggerBtn.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Button/PlayListTriggerBtn.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Button/PrevNnextBtn.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Button/PrevNnextBtn.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Button/RepeatTypeBtn.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Button/RepeatTypeBtn.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Button/StyledBtn.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Button/StyledBtn.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Button/VolumeTriggerBtn.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Button/VolumeTriggerBtn.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Button/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Button/index.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/PlayListItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/PlayListItem.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/usePlayList.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/usePlayList.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Drawer/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./SortablePlayList"; 2 | -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Icon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Icon.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Input/Progress/BarProgress.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Input/Progress/BarProgress.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Input/Progress/WaveformProgress.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Input/Progress/WaveformProgress.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Input/Progress/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Input/Progress/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Input/Progress/useProgress.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Input/Progress/useProgress.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Input/Progress/useWavesurfer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Input/Progress/useWavesurfer.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Input/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./Progress"; 2 | -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Content.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Content.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Trigger.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Trigger.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/useVolume.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/Tooltip/Volume/useVolume.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/Tooltip/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./Volume"; 2 | -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Controller/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Controller/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/CustomComponent/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/CustomComponent/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/Artwork.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/Artwork.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/TrackInfo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/TrackInfo.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/TrackTime/Current.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/TrackTime/Current.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/TrackTime/Duration.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/TrackTime/Duration.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/TrackTime/Styles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/TrackTime/Styles.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/TrackTime/Types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/TrackTime/Types.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/TrackTime/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/TrackTime/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/Information/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/Information/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Interface/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Interface/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Player/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Player/index.tsx -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/Player/usePropsStateEffect.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/Player/usePropsStateEffect.ts -------------------------------------------------------------------------------- /package/src/components/AudioPlayer/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/AudioPlayer/index.tsx -------------------------------------------------------------------------------- /package/src/components/CssTransition.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/CssTransition.tsx -------------------------------------------------------------------------------- /package/src/components/Drawer/Drawer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Drawer/Drawer.tsx -------------------------------------------------------------------------------- /package/src/components/Drawer/DrawerContent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Drawer/DrawerContent.tsx -------------------------------------------------------------------------------- /package/src/components/Drawer/DrawerContext.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Drawer/DrawerContext.ts -------------------------------------------------------------------------------- /package/src/components/Drawer/DrawerTrigger.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Drawer/DrawerTrigger.tsx -------------------------------------------------------------------------------- /package/src/components/Drawer/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Drawer/index.ts -------------------------------------------------------------------------------- /package/src/components/Dropdown/Dropdown.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Dropdown/Dropdown.tsx -------------------------------------------------------------------------------- /package/src/components/Dropdown/DropdownContent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Dropdown/DropdownContent.tsx -------------------------------------------------------------------------------- /package/src/components/Dropdown/DropdownContext.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Dropdown/DropdownContext.ts -------------------------------------------------------------------------------- /package/src/components/Dropdown/DropdownTrigger.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Dropdown/DropdownTrigger.tsx -------------------------------------------------------------------------------- /package/src/components/Dropdown/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Dropdown/index.ts -------------------------------------------------------------------------------- /package/src/components/Dropdown/useDropdown.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Dropdown/useDropdown.ts -------------------------------------------------------------------------------- /package/src/components/Grid/Grid.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Grid/Grid.tsx -------------------------------------------------------------------------------- /package/src/components/Grid/Item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Grid/Item.tsx -------------------------------------------------------------------------------- /package/src/components/Grid/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Grid/index.ts -------------------------------------------------------------------------------- /package/src/components/Provider/AudioPlayerProvider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Provider/AudioPlayerProvider.tsx -------------------------------------------------------------------------------- /package/src/components/Provider/SpectrumProvider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Provider/SpectrumProvider.tsx -------------------------------------------------------------------------------- /package/src/components/Provider/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/Provider/index.ts -------------------------------------------------------------------------------- /package/src/components/SortableList/SortableList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/SortableList/SortableList.tsx -------------------------------------------------------------------------------- /package/src/components/SortableList/SortableListItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/SortableList/SortableListItem.tsx -------------------------------------------------------------------------------- /package/src/components/SortableList/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/SortableList/index.ts -------------------------------------------------------------------------------- /package/src/components/SortableList/useSortableListItem.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/components/SortableList/useSortableListItem.ts -------------------------------------------------------------------------------- /package/src/hooks/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/hooks/index.ts -------------------------------------------------------------------------------- /package/src/hooks/useClickOutside.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/hooks/useClickOutside.ts -------------------------------------------------------------------------------- /package/src/hooks/useGridTemplate.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/hooks/useGridTemplate.ts -------------------------------------------------------------------------------- /package/src/hooks/useNonNullableContext.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/hooks/useNonNullableContext.ts -------------------------------------------------------------------------------- /package/src/hooks/useRefsDispatch.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/hooks/useRefsDispatch.ts -------------------------------------------------------------------------------- /package/src/hooks/useVariableColor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/hooks/useVariableColor.ts -------------------------------------------------------------------------------- /package/src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/index.ts -------------------------------------------------------------------------------- /package/src/styles/GlobalStyle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/styles/GlobalStyle.ts -------------------------------------------------------------------------------- /package/src/styles/vars.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/styles/vars.css -------------------------------------------------------------------------------- /package/src/utils/generateUnionNumType.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/utils/generateUnionNumType.ts -------------------------------------------------------------------------------- /package/src/utils/getRandomNumber.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/utils/getRandomNumber.ts -------------------------------------------------------------------------------- /package/src/utils/getTime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/utils/getTime.ts -------------------------------------------------------------------------------- /package/src/utils/refs.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/utils/refs.ts -------------------------------------------------------------------------------- /package/src/utils/resetAudioValues.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/src/utils/resetAudioValues.ts -------------------------------------------------------------------------------- /package/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/tsconfig.json -------------------------------------------------------------------------------- /package/vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/package/vite.config.ts -------------------------------------------------------------------------------- /storybook/.eslintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/.eslintrc.json -------------------------------------------------------------------------------- /storybook/.storybook/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/.storybook/main.js -------------------------------------------------------------------------------- /storybook/.storybook/preview.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/.storybook/preview.js -------------------------------------------------------------------------------- /storybook/README.md: -------------------------------------------------------------------------------- 1 | # Player Test 2 | -------------------------------------------------------------------------------- /storybook/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/package.json -------------------------------------------------------------------------------- /storybook/public/audio/audio-1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/audio/audio-1.mp3 -------------------------------------------------------------------------------- /storybook/public/audio/audio-2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/audio/audio-2.mp3 -------------------------------------------------------------------------------- /storybook/public/audio/audio-3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/audio/audio-3.mp3 -------------------------------------------------------------------------------- /storybook/public/audio/audio-4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/audio/audio-4.mp3 -------------------------------------------------------------------------------- /storybook/public/audio/audio-5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/audio/audio-5.mp3 -------------------------------------------------------------------------------- /storybook/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/favicon.ico -------------------------------------------------------------------------------- /storybook/public/images/audio-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/images/audio-1.jpg -------------------------------------------------------------------------------- /storybook/public/images/audio-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/images/audio-2.jpg -------------------------------------------------------------------------------- /storybook/public/images/audio-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/images/audio-3.jpg -------------------------------------------------------------------------------- /storybook/public/images/audio-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/images/audio-4.jpg -------------------------------------------------------------------------------- /storybook/public/images/audio-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/images/audio-5.jpg -------------------------------------------------------------------------------- /storybook/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/index.html -------------------------------------------------------------------------------- /storybook/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/logo192.png -------------------------------------------------------------------------------- /storybook/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/logo512.png -------------------------------------------------------------------------------- /storybook/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/manifest.json -------------------------------------------------------------------------------- /storybook/public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/public/robots.txt -------------------------------------------------------------------------------- /storybook/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/App.css -------------------------------------------------------------------------------- /storybook/src/App.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/App.test.tsx -------------------------------------------------------------------------------- /storybook/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/App.tsx -------------------------------------------------------------------------------- /storybook/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/index.css -------------------------------------------------------------------------------- /storybook/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/index.tsx -------------------------------------------------------------------------------- /storybook/src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/logo.svg -------------------------------------------------------------------------------- /storybook/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /storybook/src/reportWebVitals.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/reportWebVitals.ts -------------------------------------------------------------------------------- /storybook/src/setupTests.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/setupTests.ts -------------------------------------------------------------------------------- /storybook/src/stories/Test.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/Test.stories.tsx -------------------------------------------------------------------------------- /storybook/src/stories/Test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/Test.tsx -------------------------------------------------------------------------------- /storybook/src/stories/assets/code-brackets.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/code-brackets.svg -------------------------------------------------------------------------------- /storybook/src/stories/assets/colors.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/colors.svg -------------------------------------------------------------------------------- /storybook/src/stories/assets/comments.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/comments.svg -------------------------------------------------------------------------------- /storybook/src/stories/assets/direction.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/direction.svg -------------------------------------------------------------------------------- /storybook/src/stories/assets/flow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/flow.svg -------------------------------------------------------------------------------- /storybook/src/stories/assets/plugin.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/plugin.svg -------------------------------------------------------------------------------- /storybook/src/stories/assets/repo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/repo.svg -------------------------------------------------------------------------------- /storybook/src/stories/assets/stackalt.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/assets/stackalt.svg -------------------------------------------------------------------------------- /storybook/src/stories/playList.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/playList.ts -------------------------------------------------------------------------------- /storybook/src/stories/playerMode.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/src/stories/playerMode.ts -------------------------------------------------------------------------------- /storybook/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/tsconfig.json -------------------------------------------------------------------------------- /storybook/yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/storybook/yarn.lock -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/slash9494/react-modern-audio-player/HEAD/yarn.lock --------------------------------------------------------------------------------