feat(now-playing): redesign page as info dashboard (#266)

Replace the flat Now Playing page with a two-column dashboard: hero
(cover, metadata, badges, Last.fm stats + love button, release-age
tagline), and a grid of themed cards (Album tracklist with sliding
window, most-played-by-artist, credits, about-the-artist with Last.fm
bio fallback, compact discography contact-sheet with expand, upcoming
tours via Bandsintown). Adds lastfmGetTrackInfo + lastfmGetArtistStats
for global listener counts + userplaycount, plus Last.fm love/unlove
wired to the new hero button. Module-level TTL caches per entity keep
same-artist track switches instant. Artist-image guard filters the
well-known Last.fm no-image placeholder so the card collapses cleanly
when no real image exists.

Co-authored-by: Psychotoxical <dev@psysonic.app>
Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Frank Stellmacher
2026-04-22 20:30:09 +02:00
committed by GitHub
parent f0e5b2542b
commit b4f31e0954
11 changed files with 1671 additions and 325 deletions
+24
View File
@@ -93,6 +93,30 @@ export const nlTranslation = {
showLess: 'Minder tonen',
genreInfo: 'Genre',
trackInfo: 'Trackinfo',
topSongs: 'Meest afgespeeld van deze artiest',
topSongsCredit: 'Topnummers van {{name}}',
trackPosition: 'Track {{pos}}',
playsCount_one: '{{count}} keer afgespeeld',
playsCount_other: '{{count}} keer afgespeeld',
releasedYearsAgo_one: '{{count}} jaar geleden',
releasedYearsAgo_other: '{{count}} jaar geleden',
discography: 'Discografie',
lastfmStats: 'Last.fm-statistieken',
thisTrack: 'Dit nummer',
thisArtist: 'Deze artiest',
listeners: 'luisteraars',
scrobbles: 'scrobbles',
yourScrobbles: 'door jou',
listenersN: '{{n}} luisteraars',
scrobblesN: '{{n}} scrobbles',
playsByYouN: '{{n}}× door jou afgespeeld',
openTrackOnLastfm: 'Nummer op Last.fm',
openArtistOnLastfm: 'Artiest op Last.fm',
rgTrackTooltip: 'ReplayGain (track)',
rgAlbumTooltip: 'ReplayGain (album)',
rgAutoTooltip: 'ReplayGain (auto)',
showMoreTracks: '{{count}} meer tonen',
showLessTracks: 'Minder tonen',
},
contextMenu: {
playNow: 'Nu afspelen',