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 nbTranslation = {
showLess: 'Vis mindre',
genreInfo: 'Sjanger',
trackInfo: 'Sporinfo',
topSongs: 'Mest spilt av denne artisten',
topSongsCredit: 'Toppspor fra {{name}}',
trackPosition: 'Spor {{pos}}',
playsCount_one: '{{count}} avspilling',
playsCount_other: '{{count}} avspillinger',
releasedYearsAgo_one: 'for {{count}} år siden',
releasedYearsAgo_other: 'for {{count}} år siden',
discography: 'Diskografi',
lastfmStats: 'Last.fm-statistikk',
thisTrack: 'Dette sporet',
thisArtist: 'Denne artisten',
listeners: 'lyttere',
scrobbles: 'scrobbles',
yourScrobbles: 'av deg',
listenersN: '{{n}} lyttere',
scrobblesN: '{{n}} scrobbles',
playsByYouN: 'spilt {{n}}× av deg',
openTrackOnLastfm: 'Spor på Last.fm',
openArtistOnLastfm: 'Artist på Last.fm',
rgTrackTooltip: 'ReplayGain (spor)',
rgAlbumTooltip: 'ReplayGain (album)',
rgAutoTooltip: 'ReplayGain (auto)',
showMoreTracks: 'Vis {{count}} til',
showLessTracks: 'Vis mindre',
},
contextMenu: {
playNow: 'Spill nå',