1.0.6

What's new?

Improvements and new features

• Complete migration from TailwindCSS to vanilla CSS. TailwindCSS is no longer required
• New built-in keyboard shortcuts. Add the boolean kbdShortcut prop to <ListPlayer> component to activate.
  • play/pause with spacebar
  • next/prev with right/left arrow keys
• Updated look of missing album art image placeholder

Bug fixes

• fix alignment override issue for <h1> in info card

1.0.0

What's in this release?

New features

• Access to 6 components: ListPlayer, ListHeader, ListInfoCard, ListControls, ListPlayerContext.Provider, and Demo

ListPlayer

• Access 6 physical configurations via the playerMode prop.
• Headless mode that removes header leaving just the interactive playlist
• Playlist looping
• Album art fallbacks. When playlist data object does not contain an imageSrc, the player will fallback to the imageSrc of the track currently selected in the playlist. If the track does not have an imageSrc, then the player will use a placeholder
• Easily replace the built-in header with any JSX component by placing it inside ListPlayer
• Ability to remove built-in playback controls
• Change the amount of time a track must play before clicking the previous button restarts current track instead of changing to the previous track.

Bug fixes

• fix scroll jitter when mouse is hovered over track row when track row is partially overflowing parent container
• remove scrollIntoView behavior when track row is clicked to eliminate undesired scroll of row away from mouse pointer when row is clicked
• fix "prevent previous" behavior only working first time previous button clicked and never again
• fix album art container having larger width than album art image breaking desired layout
• fix track content spacing not shrinking enough when player container width changes causing information to quickly go out of view.