mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-22 07:15:47 +00:00
feat(search): scoped live search on browse pages (#938)
* feat(artists): scoped live search badge replaces page filter Move Artists browse text search into the header Live Search with a page scope badge (Users icon), field-local undo, and double-click/backspace to clear scope. Block the live-search dropdown while scoped so results only filter the Artists grid; mobile overlay follows the same rules. * fix(artists): plain grid for scoped search fixes broken card layout Route the browse grid through VirtualCardGrid, switch to non-virtual CSS grid when live search filters the catalog, reset scroll on filter changes, and skip content-visibility on plain tiles to avoid blank/black cards. * fix(search): scope badge double-Backspace and single clear control Require two Backspaces on an empty scoped field after prior text input; one Backspace still clears the badge when the field was never filled. Move live-search clear/advanced controls inside the field pill, drop the extra outer clear button, and use type=text to avoid native search clears. * fix(search): drop duplicate outer live-search clear button Keep the native in-field clear on type=search and the original pill layout; remove only the extra × control outside the search border. Reset dropdown state when the query is cleared via the native control. * refactor(search): generic scoped browse query helper, drop dead code Rename artistsBrowseSearchQuery to scopedBrowseSearchQuery with an expectedScope argument; wire Artists via useScopedBrowseSearchQuery. Remove unused liveSearchScoped dropdown helper (scoped mode blocks it). * feat(search): ghost scope badge and single-click badge remove After clearing the artists scope on /artists, show a faded ghost chip to restore page-only search while keeping the global search placeholder. Active badge removes on one click; tooltips and styles updated. * feat(search): scoped live search for All Albums and New Releases Wire albums and newReleases scope badges with debounced album title search (local index title-only FTS + filtered search3). Plain grid, scroll reset, and session query restore on album grid browse pages. * fix(browse): preserve scroll restore after album/artist detail back Only reset in-page scroll when filter resetKey changes, not when isScrollRestorePending clears after session restore. * feat(search): scoped live search for Tracks browse Wire /tracks to header live search with wide title/artist/album FTS, hide hero and discovery rails while search is active, and remove the inline search field from the browse list. * fix(search): clear header query when leaving scoped browse pages Prevent global live search from firing on album/detail routes after a scoped browse query; browse session stashes still restore on back. * fix(tracks): restore scroll after back from detail during scoped search Hold stashed song results across fetchSongPage churn, defer leave-stash teardown past AppShell scroll reset, restore tracks scroll after the list is ready, and save scroll snapshot when opening artist from song context menu. * fix(tracks): hide discovery headings during scoped search Hide the page subtitle and "Browse all tracks" section title when tracks search is active, matching hero/rails chrome behavior. * feat(search): scoped live search for Composers browse Wire /composers to header live search with composers scope badge, session stash, scroll restore, and plain grid/list during text filter. Remove the in-page filter input; add i18n and navigation helpers. * docs: CHANGELOG and credits for scoped browse live search (PR #938)
This commit is contained in:
cucadmuh
GitHub
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Zuletzt gesucht',
|
||||
browse: 'Stöbern',
|
||||
emptyHint: 'Was möchtest du hören?',
|
||||
scopeArtistsPlaceholder: 'Künstler suchen…',
|
||||
scopeArtistsBadgeTooltip: 'Klicken zum Entfernen',
|
||||
scopeArtistsGhostTooltip: 'Klicken — nur auf dieser Seite suchen',
|
||||
scopeAlbumsPlaceholder: 'Album suchen…',
|
||||
scopeAlbumsBadgeTooltip: 'Klicken zum Entfernen',
|
||||
scopeAlbumsGhostTooltip: 'Klicken — nur auf dieser Seite suchen',
|
||||
scopeNewReleasesPlaceholder: 'Neuerscheinungen suchen…',
|
||||
scopeNewReleasesBadgeTooltip: 'Klicken zum Entfernen',
|
||||
scopeNewReleasesGhostTooltip: 'Klicken — nur auf dieser Seite suchen',
|
||||
scopeTracksPlaceholder: 'Titel, Künstler oder Album suchen…',
|
||||
scopeTracksBadgeTooltip: 'Klicken zum Entfernen',
|
||||
scopeTracksGhostTooltip: 'Klicken — nur auf dieser Seite suchen',
|
||||
scopeComposersPlaceholder: 'Komponist suchen…',
|
||||
scopeComposersBadgeTooltip: 'Klicken — entfernen',
|
||||
scopeComposersGhostTooltip: 'Klicken — nur auf dieser Seite suchen',
|
||||
genres: 'Genres',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Recent Searches',
|
||||
browse: 'Browse',
|
||||
emptyHint: 'What do you want to hear?',
|
||||
scopeArtistsPlaceholder: 'Search for artist…',
|
||||
scopeArtistsBadgeTooltip: 'Click to remove',
|
||||
scopeArtistsGhostTooltip: 'Click to search on this page only',
|
||||
scopeAlbumsPlaceholder: 'Search for album…',
|
||||
scopeAlbumsBadgeTooltip: 'Click to remove',
|
||||
scopeAlbumsGhostTooltip: 'Click to search on this page only',
|
||||
scopeNewReleasesPlaceholder: 'Search new releases…',
|
||||
scopeNewReleasesBadgeTooltip: 'Click to remove',
|
||||
scopeNewReleasesGhostTooltip: 'Click to search on this page only',
|
||||
scopeTracksPlaceholder: 'Find a track by title, artist or album…',
|
||||
scopeTracksBadgeTooltip: 'Click to remove',
|
||||
scopeTracksGhostTooltip: 'Click to search on this page only',
|
||||
scopeComposersPlaceholder: 'Search for composer…',
|
||||
scopeComposersBadgeTooltip: 'Click to remove',
|
||||
scopeComposersGhostTooltip: 'Click to search on this page only',
|
||||
genres: 'Genres',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Búsquedas Recientes',
|
||||
browse: 'Explorar',
|
||||
emptyHint: '¿Qué quieres escuchar?',
|
||||
scopeArtistsPlaceholder: 'Buscar artista…',
|
||||
scopeArtistsBadgeTooltip: 'Clic para quitar',
|
||||
scopeArtistsGhostTooltip: 'Clic — buscar solo en esta página',
|
||||
scopeAlbumsPlaceholder: 'Buscar álbum…',
|
||||
scopeAlbumsBadgeTooltip: 'Clic para quitar',
|
||||
scopeAlbumsGhostTooltip: 'Clic — buscar solo en esta página',
|
||||
scopeNewReleasesPlaceholder: 'Buscar novedades…',
|
||||
scopeNewReleasesBadgeTooltip: 'Clic para quitar',
|
||||
scopeNewReleasesGhostTooltip: 'Clic — buscar solo en esta página',
|
||||
scopeTracksPlaceholder: 'Busca una canción por título, artista o álbum…',
|
||||
scopeTracksBadgeTooltip: 'Clic para quitar',
|
||||
scopeTracksGhostTooltip: 'Clic — buscar solo en esta página',
|
||||
scopeComposersPlaceholder: 'Buscar compositor…',
|
||||
scopeComposersBadgeTooltip: 'Clic — quitar',
|
||||
scopeComposersGhostTooltip: 'Clic — buscar solo en esta página',
|
||||
genres: 'Géneros',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Recherches récentes',
|
||||
browse: 'Parcourir',
|
||||
emptyHint: 'Que veux-tu écouter ?',
|
||||
scopeArtistsPlaceholder: 'Rechercher un artiste…',
|
||||
scopeArtistsBadgeTooltip: 'Clic pour retirer',
|
||||
scopeArtistsGhostTooltip: 'Clic — rechercher sur cette page seulement',
|
||||
scopeAlbumsPlaceholder: 'Rechercher un album…',
|
||||
scopeAlbumsBadgeTooltip: 'Clic pour retirer',
|
||||
scopeAlbumsGhostTooltip: 'Clic — rechercher sur cette page seulement',
|
||||
scopeNewReleasesPlaceholder: 'Rechercher dans les nouveautés…',
|
||||
scopeNewReleasesBadgeTooltip: 'Clic pour retirer',
|
||||
scopeNewReleasesGhostTooltip: 'Clic — rechercher sur cette page seulement',
|
||||
scopeTracksPlaceholder: 'Chercher un titre par titre, artiste ou album…',
|
||||
scopeTracksBadgeTooltip: 'Clic pour retirer',
|
||||
scopeTracksGhostTooltip: 'Clic — rechercher sur cette page seulement',
|
||||
scopeComposersPlaceholder: 'Rechercher un compositeur…',
|
||||
scopeComposersBadgeTooltip: 'Clic — retirer',
|
||||
scopeComposersGhostTooltip: 'Clic — rechercher sur cette page seulement',
|
||||
genres: 'Genres',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Siste søk',
|
||||
browse: 'Utforsk',
|
||||
emptyHint: 'Hva vil du høre?',
|
||||
scopeArtistsPlaceholder: 'Søk etter artist…',
|
||||
scopeArtistsBadgeTooltip: 'Klikk for å fjerne',
|
||||
scopeArtistsGhostTooltip: 'Klikk — søk bare på denne siden',
|
||||
scopeAlbumsPlaceholder: 'Søk etter album…',
|
||||
scopeAlbumsBadgeTooltip: 'Klikk for å fjerne',
|
||||
scopeAlbumsGhostTooltip: 'Klikk — søk bare på denne siden',
|
||||
scopeNewReleasesPlaceholder: 'Søk i nye utgivelser…',
|
||||
scopeNewReleasesBadgeTooltip: 'Klikk for å fjerne',
|
||||
scopeNewReleasesGhostTooltip: 'Klikk — søk bare på denne siden',
|
||||
scopeTracksPlaceholder: 'Finn et spor etter tittel, artist eller album…',
|
||||
scopeTracksBadgeTooltip: 'Klikk for å fjerne',
|
||||
scopeTracksGhostTooltip: 'Klikk — søk bare på denne siden',
|
||||
scopeComposersPlaceholder: 'Søk komponist…',
|
||||
scopeComposersBadgeTooltip: 'Klikk — fjern',
|
||||
scopeComposersGhostTooltip: 'Klikk — søk bare på denne siden',
|
||||
genres: 'Sjangre',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Recente zoekopdrachten',
|
||||
browse: 'Bladeren',
|
||||
emptyHint: 'Wat wil je horen?',
|
||||
scopeArtistsPlaceholder: 'Artiest zoeken…',
|
||||
scopeArtistsBadgeTooltip: 'Klik om te verwijderen',
|
||||
scopeArtistsGhostTooltip: 'Klik — alleen op deze pagina zoeken',
|
||||
scopeAlbumsPlaceholder: 'Album zoeken…',
|
||||
scopeAlbumsBadgeTooltip: 'Klik om te verwijderen',
|
||||
scopeAlbumsGhostTooltip: 'Klik — alleen op deze pagina zoeken',
|
||||
scopeNewReleasesPlaceholder: 'Zoek in nieuwe releases…',
|
||||
scopeNewReleasesBadgeTooltip: 'Klik om te verwijderen',
|
||||
scopeNewReleasesGhostTooltip: 'Klik — alleen op deze pagina zoeken',
|
||||
scopeTracksPlaceholder: 'Zoek op titel, artiest of album…',
|
||||
scopeTracksBadgeTooltip: 'Klik om te verwijderen',
|
||||
scopeTracksGhostTooltip: 'Klik — alleen op deze pagina zoeken',
|
||||
scopeComposersPlaceholder: 'Componist zoeken…',
|
||||
scopeComposersBadgeTooltip: 'Klik — verwijderen',
|
||||
scopeComposersGhostTooltip: 'Klik — alleen op deze pagina zoeken',
|
||||
genres: 'Genres',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Căutări Recente',
|
||||
browse: 'Răsfoiește',
|
||||
emptyHint: 'Ce vrei să auzi?',
|
||||
scopeArtistsPlaceholder: 'Caută artist…',
|
||||
scopeArtistsBadgeTooltip: 'Clic pentru a elimina',
|
||||
scopeArtistsGhostTooltip: 'Clic — caută doar pe această pagină',
|
||||
scopeAlbumsPlaceholder: 'Caută album…',
|
||||
scopeAlbumsBadgeTooltip: 'Clic pentru a elimina',
|
||||
scopeAlbumsGhostTooltip: 'Clic — caută doar pe această pagină',
|
||||
scopeNewReleasesPlaceholder: 'Caută în lansări noi…',
|
||||
scopeNewReleasesBadgeTooltip: 'Clic pentru a elimina',
|
||||
scopeNewReleasesGhostTooltip: 'Clic — caută doar pe această pagină',
|
||||
scopeTracksPlaceholder: 'Găsește o piesă după titlu, artist sau album…',
|
||||
scopeTracksBadgeTooltip: 'Clic pentru a elimina',
|
||||
scopeTracksGhostTooltip: 'Clic — caută doar pe această pagină',
|
||||
scopeComposersPlaceholder: 'Caută compozitor…',
|
||||
scopeComposersBadgeTooltip: 'Clic — elimină',
|
||||
scopeComposersGhostTooltip: 'Clic — caută doar pe această pagină',
|
||||
genres: 'Genuri',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: 'Недавние запросы',
|
||||
browse: 'Обзор',
|
||||
emptyHint: 'Что хочешь послушать?',
|
||||
scopeArtistsPlaceholder: 'Поиск исполнителя…',
|
||||
scopeArtistsBadgeTooltip: 'Щелчок — удалить',
|
||||
scopeArtistsGhostTooltip: 'Щелчок — искать только на этой странице',
|
||||
scopeAlbumsPlaceholder: 'Поиск альбома…',
|
||||
scopeAlbumsBadgeTooltip: 'Щелчок — удалить',
|
||||
scopeAlbumsGhostTooltip: 'Щелчок — искать только на этой странице',
|
||||
scopeNewReleasesPlaceholder: 'Поиск в новинках…',
|
||||
scopeNewReleasesBadgeTooltip: 'Щелчок — удалить',
|
||||
scopeNewReleasesGhostTooltip: 'Щелчок — искать только на этой странице',
|
||||
scopeTracksPlaceholder: 'Найти трек по названию, исполнителю или альбому…',
|
||||
scopeTracksBadgeTooltip: 'Щелчок — удалить',
|
||||
scopeTracksGhostTooltip: 'Щелчок — искать только на этой странице',
|
||||
scopeComposersPlaceholder: 'Поиск композитора…',
|
||||
scopeComposersBadgeTooltip: 'Щелчок — удалить',
|
||||
scopeComposersGhostTooltip: 'Щелчок — искать только на этой странице',
|
||||
genres: 'Жанры',
|
||||
shareLink: 'Ссылка для обмена',
|
||||
shareTrackTitle: 'Общий трек',
|
||||
|
||||
@@ -39,6 +39,21 @@ export const search = {
|
||||
recentSearches: '最近搜索',
|
||||
browse: '浏览',
|
||||
emptyHint: '你想听什么？',
|
||||
scopeArtistsPlaceholder: '搜索艺术家…',
|
||||
scopeArtistsBadgeTooltip: '单击移除',
|
||||
scopeArtistsGhostTooltip: '单击 — 仅在此页面搜索',
|
||||
scopeAlbumsPlaceholder: '搜索专辑…',
|
||||
scopeAlbumsBadgeTooltip: '单击移除',
|
||||
scopeAlbumsGhostTooltip: '单击 — 仅在此页面搜索',
|
||||
scopeNewReleasesPlaceholder: '搜索新发布…',
|
||||
scopeNewReleasesBadgeTooltip: '单击移除',
|
||||
scopeNewReleasesGhostTooltip: '单击 — 仅在此页面搜索',
|
||||
scopeTracksPlaceholder: '按标题、艺人或专辑搜索…',
|
||||
scopeTracksBadgeTooltip: '单击移除',
|
||||
scopeTracksGhostTooltip: '单击 — 仅在此页面搜索',
|
||||
scopeComposersPlaceholder: '搜索作曲家…',
|
||||
scopeComposersBadgeTooltip: '单击 — 移除',
|
||||
scopeComposersGhostTooltip: '单击 — 仅在此页面搜索',
|
||||
genres: '流派',
|
||||
shareLink: 'Share link',
|
||||
shareTrackTitle: 'Shared track',
|
||||
|
||||
Reference in New Issue
Block a user