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 deTranslation = {
showLess: 'Weniger anzeigen',
genreInfo: 'Genre',
trackInfo: 'Track-Info',
topSongs: 'Meistgespielt von diesem Künstler',
topSongsCredit: 'Top-Tracks von {{name}}',
trackPosition: 'Track {{pos}}',
playsCount_one: '{{count}} Wiedergabe',
playsCount_other: '{{count}} Wiedergaben',
releasedYearsAgo_one: 'vor {{count}} Jahr',
releasedYearsAgo_other: 'vor {{count}} Jahren',
discography: 'Diskografie',
lastfmStats: 'Last.fm-Statistik',
thisTrack: 'Dieser Titel',
thisArtist: 'Dieser Künstler',
listeners: 'Hörer',
scrobbles: 'Scrobbles',
yourScrobbles: 'von dir',
listenersN: '{{n}} Hörer',
scrobblesN: '{{n}} Scrobbles',
playsByYouN: '{{n}}× von dir gespielt',
openTrackOnLastfm: 'Track auf Last.fm',
openArtistOnLastfm: 'Künstler auf Last.fm',
rgTrackTooltip: 'ReplayGain (Track)',
rgAlbumTooltip: 'ReplayGain (Album)',
rgAutoTooltip: 'ReplayGain (Auto)',
showMoreTracks: '{{count}} weitere anzeigen',
showLessTracks: 'Weniger anzeigen',
},
contextMenu: {
playNow: 'Direkt abspielen',