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 frTranslation = {
showLess: 'Réduire',
genreInfo: 'Genre',
trackInfo: 'Infos piste',
topSongs: 'Le plus joué de cet artiste',
topSongsCredit: 'Top titres de {{name}}',
trackPosition: 'Piste {{pos}}',
playsCount_one: '{{count}} écoute',
playsCount_other: '{{count}} écoutes',
releasedYearsAgo_one: 'il y a {{count}} an',
releasedYearsAgo_other: 'il y a {{count}} ans',
discography: 'Discographie',
lastfmStats: 'Statistiques Last.fm',
thisTrack: 'Ce titre',
thisArtist: 'Cet artiste',
listeners: 'auditeurs',
scrobbles: 'scrobbles',
yourScrobbles: 'par vous',
listenersN: '{{n}} auditeurs',
scrobblesN: '{{n}} scrobbles',
playsByYouN: 'écouté {{n}}× par vous',
openTrackOnLastfm: 'Titre sur Last.fm',
openArtistOnLastfm: 'Artiste sur Last.fm',
rgTrackTooltip: 'ReplayGain (piste)',
rgAlbumTooltip: 'ReplayGain (album)',
rgAutoTooltip: 'ReplayGain (auto)',
showMoreTracks: 'Afficher {{count}} de plus',
showLessTracks: 'Réduire',
},
contextMenu: {
playNow: 'Lire maintenant',