mirror of
https://github.com/kilyabin/psysonic.git
synced 2026-07-22 06:25:41 +00:00
feat(home): Because you listened recommendation rail (#489)
* feat(home): "Because you listened" recommendation rail New Home rail (under Recently Added, default on, toggleable in Settings → Personalisation → Home Page) that surfaces 3 albums from artists similar to one of your top-played artists. Anchor rotates per Home mount so a different top-artist seeds the recommendations each visit; within each anchor, both the similar-artist subset and the chosen album per artist are randomised, so the same anchor returns different picks on subsequent visits. Card layout matches the regular Album cards' surface (--bg-card with accent-tinted border + 1px inset top highlight) and gets the same Play / Enqueue hover overlay buttons. Cover and meta scale via CSS only — no infinite animations, no filter/blur/transform, no compositing layers. Grid wraps below 3-up at <400px card width instead of shrinking. API budget: one getArtistInfo2 + 6 parallel getArtist calls per Home mount, both reusing the existing mostPlayed payload to derive the anchor pool (no extra API call to find top artists). All 8 locales seeded. * fix(home): ru plurals + per-server anchor + narrower card grid - ru: add _few / _many for becauseYouLikeTracks (CLDR Russian needs 4 forms — 3 треков was wrong, now 3 трека). - Anchor rotation memory is now per-server. The localStorage key becomes psysonic_because_anchor:<serverId>; switching servers no longer aliases server A's rotation onto server B's pool. - because-card grid minmax(400px, 1fr) -> minmax(340px, 1fr) so two cards fit side by side at typical sidebar-expanded widths instead of collapsing to a single card per row. * docs: CHANGELOG + Contributors entry for Because-you-listened rail (PR #489) * style(home): blurred cover backdrop + centred layout for Because-cards - Each Because-card renders the album cover as a blurred, low-opacity full-bleed background layer behind the existing cover thumb and text. Resolved through useCachedUrl so the cache layer feeds it (same key as the thumbnail) instead of a fresh salted URL on every render. - Card content (cover thumb + text block) now centred horizontally and vertically within the card; the meta line lives in a small pill that sits centred under the artist row. - Text contrast halo and meta-pill background are theme-aware via color-mix on var(--bg-card) / var(--text-primary), so the same rules read on dark and light themes (was hard-coded rgba black before and smudged the type on Latte / Nord Snowstorm).
This commit is contained in:
committed by
GitHub
parent
5b37ab70f1
commit
d1ff2fab51
+6
-1
@@ -46,7 +46,12 @@ export const deTranslation = {
|
||||
loadMore: 'Mehr laden',
|
||||
discoverMore: 'Mehr entdecken',
|
||||
discoverArtists: 'Künstler entdecken',
|
||||
discoverArtistsMore: 'Alle Künstler'
|
||||
discoverArtistsMore: 'Alle Künstler',
|
||||
becauseYouLike: 'Weil du gehört hast…',
|
||||
becauseYouLikeFor: 'Weil du {{artist}} gehört hast',
|
||||
similarTo: 'Ähnlich wie {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} Titel',
|
||||
becauseYouLikeTracks_other: '{{count}} Titel'
|
||||
},
|
||||
hero: {
|
||||
eyebrow: 'Album des Augenblicks',
|
||||
|
||||
+6
-1
@@ -48,7 +48,12 @@ export const enTranslation = {
|
||||
loadMore: 'Load More',
|
||||
discoverMore: 'Discover More',
|
||||
discoverArtists: 'Discover Artists',
|
||||
discoverArtistsMore: 'All Artists'
|
||||
discoverArtistsMore: 'All Artists',
|
||||
becauseYouLike: 'Because you listened…',
|
||||
becauseYouLikeFor: 'Because you listened to {{artist}}',
|
||||
similarTo: 'Similar to {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} track',
|
||||
becauseYouLikeTracks_other: '{{count}} tracks'
|
||||
},
|
||||
hero: {
|
||||
eyebrow: 'Featured Album',
|
||||
|
||||
+6
-1
@@ -47,7 +47,12 @@ export const esTranslation = {
|
||||
loadMore: 'Cargar Más',
|
||||
discoverMore: 'Descubrir Más',
|
||||
discoverArtists: 'Descubrir Artistas',
|
||||
discoverArtistsMore: 'Todos los Artistas'
|
||||
discoverArtistsMore: 'Todos los Artistas',
|
||||
becauseYouLike: 'Porque escuchaste…',
|
||||
becauseYouLikeFor: 'Porque escuchaste a {{artist}}',
|
||||
similarTo: 'Similar a {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} canción',
|
||||
becauseYouLikeTracks_other: '{{count}} canciones'
|
||||
},
|
||||
hero: {
|
||||
eyebrow: 'Álbum Destacado',
|
||||
|
||||
+6
-1
@@ -46,7 +46,12 @@ export const frTranslation = {
|
||||
loadMore: 'Charger plus',
|
||||
discoverMore: 'Découvrir plus',
|
||||
discoverArtists: 'Découvrir des artistes',
|
||||
discoverArtistsMore: 'Tous les artistes'
|
||||
discoverArtistsMore: 'Tous les artistes',
|
||||
becauseYouLike: 'Parce que tu as écouté…',
|
||||
becauseYouLikeFor: 'Parce que tu as écouté {{artist}}',
|
||||
similarTo: 'Similaire à {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} titre',
|
||||
becauseYouLikeTracks_other: '{{count}} titres'
|
||||
},
|
||||
hero: {
|
||||
eyebrow: 'Album en vedette',
|
||||
|
||||
+6
-1
@@ -46,7 +46,12 @@ export const nbTranslation = {
|
||||
loadMore: 'Last inn flere',
|
||||
discoverMore: 'Oppdag flere',
|
||||
discoverArtists: 'Oppdag artister',
|
||||
discoverArtistsMore: 'Alle artister'
|
||||
discoverArtistsMore: 'Alle artister',
|
||||
becauseYouLike: 'Fordi du har hørt…',
|
||||
becauseYouLikeFor: 'Fordi du har hørt på {{artist}}',
|
||||
similarTo: 'Likt {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} spor',
|
||||
becauseYouLikeTracks_other: '{{count}} spor'
|
||||
},
|
||||
hero: {
|
||||
eyebrow: 'Utvalgt album',
|
||||
|
||||
+6
-1
@@ -46,7 +46,12 @@ export const nlTranslation = {
|
||||
loadMore: 'Meer laden',
|
||||
discoverMore: 'Meer ontdekken',
|
||||
discoverArtists: 'Artiesten ontdekken',
|
||||
discoverArtistsMore: 'Alle artiesten'
|
||||
discoverArtistsMore: 'Alle artiesten',
|
||||
becauseYouLike: 'Omdat je hebt geluisterd…',
|
||||
becauseYouLikeFor: 'Omdat je naar {{artist}} hebt geluisterd',
|
||||
similarTo: 'Lijkt op {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} nummer',
|
||||
becauseYouLikeTracks_other: '{{count}} nummers'
|
||||
},
|
||||
hero: {
|
||||
eyebrow: 'Uitgelicht album',
|
||||
|
||||
@@ -49,6 +49,13 @@ export const ruTranslation = {
|
||||
discoverMore: 'Смотреть ещё',
|
||||
discoverArtists: 'Исполнители',
|
||||
discoverArtistsMore: 'Все исполнители',
|
||||
becauseYouLike: 'Потому что вы слушали…',
|
||||
becauseYouLikeFor: 'Потому что вы слушали {{artist}}',
|
||||
similarTo: 'Похоже на {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} трек',
|
||||
becauseYouLikeTracks_few: '{{count}} трека',
|
||||
becauseYouLikeTracks_many: '{{count}} треков',
|
||||
becauseYouLikeTracks_other: '{{count}} треков',
|
||||
},
|
||||
hero: {
|
||||
eyebrow: 'Альбом дня',
|
||||
|
||||
+6
-1
@@ -46,7 +46,12 @@ export const zhTranslation = {
|
||||
loadMore: '加载更多',
|
||||
discoverMore: '发现更多',
|
||||
discoverArtists: '发现艺术家',
|
||||
discoverArtistsMore: '全部艺术家'
|
||||
discoverArtistsMore: '全部艺术家',
|
||||
becauseYouLike: '因为你听过…',
|
||||
becauseYouLikeFor: '因为你听过 {{artist}}',
|
||||
similarTo: '类似 {{artist}}',
|
||||
becauseYouLikeTracks_one: '{{count}} 首',
|
||||
becauseYouLikeTracks_other: '{{count}} 首'
|
||||
},
|
||||
hero: {
|
||||
eyebrow: '精选专辑',
|
||||
|
||||
Reference in New Issue
Block a user