twist-aplayer 1.4.6 → 1.4.8

package/LICENSE.md

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright © 2025-present razzh (https://github.com/razzh7)
-
-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
+The MIT License (MIT)
+
+Copyright © 2025-present razzh (https://github.com/razzh7)
+
+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

package/README.md

@@ -1,139 +1,139 @@
-# twist-aplayer
-
-<p align="center">
-<img src="https://assets.razzh.cn/aplayer/aplayer.svg" alt="twist aplayer" width="100">
-</p>
-<h1 align="center">Twist APlayer</h1>
-
-> A shadcn ui theme aplayer for your React application.
-
-![image](https://assets.razzh.cn/aplayer/aplayer-light.png)
-
-![image](https://assets.razzh.cn/aplayer/aplayer-dark.png)
-
-## Features
-
-Twist Aplayer supports:
-- Mini mode
-- Playlist - Lyrics
-- Light or dark theme switch
-- Custom theme color with component-level variables
-- SSR compatibility
-- Accessible friendly
-
-Twist Aplayer icons powered by [twist-icons](https://github.com/twist-space/twist-icons) !
-
-## Usage
-
-```bash
-npm i twist-aplayer
-```
-
-Import TwistAPlayer component from twist-aplayer package, and import stylesheet.
-
-```tsx
-import { TwistAPlayer } from 'twist-aplayer';
-import 'twist-aplayer/dist/index.min.css';
-
-render(
-  <TwistAPlayer
-    audio={{
-      name: 'ヘリオス',
-      artist: 'Helios',
-      url: 'https://music.163.com/#/song?id=1919555788&userid=122967305',
-    }}
-    theme="dark"
-  />
-);
-```
-
-### Interface
-
-```ts
-export interface AudioInfo {
-  name?: string;
-  artist?: string | ArtistInfo;
-  url: string;
-  cover?: string;
-  lrc?: string;
-  theme?: string;
-  type?: 'auto' | 'hls' | 'normal';
-}
-
-export interface ArtistInfo {
-  name?: string;
-  url?: string;
-}
-
-export interface TwistAPlayerProps {
-  /**
-   * @description audio info, should be an object or object array
-   */
-  audio: AudioInfo | readonly AudioInfo[];
-  /**
-   * Initial volume
-   * @description default volume
-   * @default 0.7
-   */
-  volume?: number;
-  /**
-   * @description values: 'normal', 'fixed'
-   * @default "normal"
-   */
-  appearance?: 'normal' | 'fixed';
-  /**
-   * @description values: 'all' | 'one' | 'none'
-   * @default "all"
-   */
-  initialLoop?: PlaylistLoop;
-  /**
-   * @description values: 'list' | 'random'
-   * @default "list"
-   */
-  initialOrder?: PlaylistOrder;
-  /**
-   * @description audio autoplay
-   * @default false
-   */
-  autoPlay?: boolean;
-  /**
-   * @description list max height
-   * @default 250
-   */
-  listMaxHeight?: number;
-  /**
-   * @description enable mini mode
-   * @default false
-   */
-  mini?: boolean;
-  /**
-   * @default prevent to play multiple player at the same time, pause other players when this player start play
-   * @default true
-   */
-  mutex?: boolean;
-  /**
-   * @description indicate whether list should folded at first
-   * @default false
-   */
-  listFolded?: boolean;
-  /**
-   * @description player theme, values: light, dark
-   * @default light
-   */
-  theme?: 'light' | 'dark';
-  /**
-   * @description user border, it can accent border if use dark mode.
-   * @default false
-   */
-  border?: boolean;
-}
-```
-
-## How to make LRC?
-I recommand [LRC generator site](https://www.lrcgenerator.com/), it can easy to make LRC!
-
-## Credits
-
-The implementation of this project is inspired by the following prior art project:
-- [aplayer-react](https://github.com/SevenOutman/aplayer-react)
-- [aplayer](https://github.com/DIYgod/APlayer)
+# twist-aplayer
+
+<p align="center">
+<img src="https://assets.razzh.cn/aplayer/aplayer.svg" alt="twist aplayer" width="100">
+</p>
+<h1 align="center">Twist APlayer</h1>
+
+> A shadcn ui theme aplayer for your React application.
+
+![image](https://assets.razzh.cn/aplayer/aplayer-light.png)
+
+![image](https://assets.razzh.cn/aplayer/aplayer-dark.png)
+
+## Features
+
+Twist Aplayer supports:
+- Mini mode
+- Playlist - Lyrics
+- Light or dark theme switch
+- Custom theme color with component-level variables
+- SSR compatibility
+- Accessible friendly
+
+Twist Aplayer icons powered by [twist-icons](https://github.com/twist-space/twist-icons) !
+
+## Usage
+
+```bash
+npm i twist-aplayer
+```
+
+Import TwistAPlayer component from twist-aplayer package, and import stylesheet.
+
+```tsx
+import { TwistAPlayer } from 'twist-aplayer';
+import 'twist-aplayer/dist/index.min.css';
+
+render(
+  <TwistAPlayer
+    audio={{
+      name: 'ヘリオス',
+      artist: 'Helios',
+      url: 'https://music.163.com/#/song?id=1919555788&userid=122967305',
+    }}
+    theme="dark"
+  />
+);
+```
+
+### Interface
+
+```ts
+export interface AudioInfo {
+  name?: string;
+  artist?: string | ArtistInfo;
+  url: string;
+  cover?: string;
+  lrc?: string;
+  theme?: string;
+  type?: 'auto' | 'hls' | 'normal';
+}
+
+export interface ArtistInfo {
+  name?: string;
+  url?: string;
+}
+
+export interface TwistAPlayerProps {
+  /**
+   * @description audio info, should be an object or object array
+   */
+  audio: AudioInfo | readonly AudioInfo[];
+  /**
+   * Initial volume
+   * @description default volume
+   * @default 0.7
+   */
+  volume?: number;
+  /**
+   * @description values: 'normal', 'fixed'
+   * @default "normal"
+   */
+  appearance?: 'normal' | 'fixed';
+  /**
+   * @description values: 'all' | 'one' | 'none'
+   * @default "all"
+   */
+  initialLoop?: PlaylistLoop;
+  /**
+   * @description values: 'list' | 'random'
+   * @default "list"
+   */
+  initialOrder?: PlaylistOrder;
+  /**
+   * @description audio autoplay
+   * @default false
+   */
+  autoPlay?: boolean;
+  /**
+   * @description list max height
+   * @default 250
+   */
+  listMaxHeight?: number;
+  /**
+   * @description enable mini mode
+   * @default false
+   */
+  mini?: boolean;
+  /**
+   * @default prevent to play multiple player at the same time, pause other players when this player start play
+   * @default true
+   */
+  mutex?: boolean;
+  /**
+   * @description indicate whether list should folded at first
+   * @default false
+   */
+  listFolded?: boolean;
+  /**
+   * @description player theme, values: light, dark
+   * @default light
+   */
+  theme?: 'light' | 'dark';
+  /**
+   * @description user border, it can accent border if use dark mode.
+   * @default false
+   */
+  border?: boolean;
+}
+```
+
+## How to make LRC?
+I recommand [LRC generator site](https://www.lrcgenerator.com/), it can easy to make LRC!
+
+## Credits
+
+The implementation of this project is inspired by the following prior art project:
+- [aplayer-react](https://github.com/SevenOutman/aplayer-react)
+- [aplayer](https://github.com/DIYgod/APlayer)

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 
 export declare interface ArtistInfo {
     name?: string;
@@ -40,7 +40,7 @@ declare type PlaylistLoop = 'all' | 'one' | 'none';
  */
 declare type PlaylistOrder = 'list' | 'random';
 
-export declare function TwistAPlayer(props: TwistAPlayerProps): JSX_2.Element;
+export declare function TwistAPlayer(props: TwistAPlayerProps): JSX.Element;
 
 /**
  * @see https://aplayer.js.org/#/home?id=options