mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-21 14:55:43 +00:00
Frank Stellmacher
dc4eef1a97
* feat(player): static media-center fullscreen player (v1) New lean fullscreen player: sharp full-bleed background (artist photo, cover fallback), no blur / no continuous animations. Bottom-left big cover bottom- flush with a full-width semi-transparent text bar (title with queue position, artist, year/genre + rating stars, next-up); control row of transport · center time · actions; full-width seekbar; live clock. Only the seekbar, time readout and clock update at runtime, each owning its state (no per-tick re-render). Reuses FsSeekbar/FsPlayBtn, the cover/artist hooks, idle-fade and queue helpers. Wired in AppShell; old player kept for A/B. * feat(fullscreen-player): true waveform seekbar instead of thin bar Replace FsSeekbar with the real WaveformSeek (cucadmuh's idea). The taller canvas grows the bottom cluster upward, shifting the info/control rows up. Height clamped to 32-52px. * feat(fullscreen-player): up-next popover + control-bar styling - Queue button opens a semi-transparent 'Up next' popover anchored bottom right; clicking a row jumps to that queue item. - Larger bottom-right action buttons. - Control row gets its own darker semi-transparent bar (touches the info bar above) for contrast; play button matches the plain transport buttons (no white circle, same size). * feat(fullscreen-player): high-res (2000px) background cover Fetch the full-screen background cover at the 2000px tier via the existing on-demand fullRes path (same getCoverArt fetch, saved as a high-res WebP outside the backfill pipeline) instead of the low-res 500px pipeline tier. usePlaybackCoverArt now forwards a fullRes option to useCoverArt. * feat(fullscreen-player): scrolling lyrics overlay + control-bar polish - Lyrics button next to Queue toggles a centered, dark semi-transparent scrolling-lyrics overlay (reuses FsLyricsApple). - Control bar darkened to match the lyrics overlay (0.88). - Close button sized down to harmonize with the clock. * feat(fullscreen-player): make rating stars clickable The rating stars next to the year were display-only. Wire them to queueSongRating (same path as the player bar / context menu): click to set, click the current value to clear, with a hover preview. Keeps the lucide outline look to match the rest of the control bar. * fix(fullscreen-player): stable, high-res album cover The foreground cover was keyed per track, so Navidrome's per-track `mf-<id>` coverArt re-triggered the distinct-disc heuristic and reloaded the cover on every song change within the same album. Key it on albumId (via useAlbumCoverRef) so it stays put while the album is unchanged. It also used the low-res tier; reuse the fullRes 2000px cover already fetched for the background so the foreground is crisp and both share a single fetch/decode. * refactor(fullscreen-player): remove the old player and its settings The static rebuild is now the only fullscreen player. Delete the old FullscreenPlayer component, its old-only parts (FsArt, FsPortrait, FsSeekbar, FsLyricsRail, FsLyricsMenu, useFsDynamicAccent) and its test. Remove the now-orphaned settings (showFullscreenLyrics, fsLyricsStyle, showFsArtistPortrait, fsPortraitDim) along with the Appearance 'Fullscreen player' section and its search entry. The new player always shows the artist photo with cover fallback and has its own lyrics toggle. Shared building blocks used by the static player (FsLyricsApple, FsPlayBtn, FsClock, FsTimeReadout, FsQueueModal, useFsArtistPortrait) are kept. * i18n(fullscreen-player): translate the new player's strings Wire the static player's previously English-only strings through i18n across all 9 locales: now-playing label, track position, up-next label, queue/lyrics/shuffle controls, and the queue overlay (title, empty, close). Reuses existing queue.title / common.close keys; adds six new keys to the player namespace. * docs(changelog): note fullscreen player rebuild (#1001)
57 lines
2.3 KiB
TypeScript
57 lines
2.3 KiB
TypeScript
import type { AuthState } from './authStoreTypes';
|
|
import { clampLibraryGridMaxColumns } from './authStoreHelpers';
|
|
|
|
type SetState = (
|
|
partial: Partial<AuthState> | ((state: AuthState) => Partial<AuthState>),
|
|
) => void;
|
|
|
|
/**
|
|
* Visual / chrome settings. Pure pass-through setters: tray, titlebar,
|
|
* sidebar toggles, fullscreen lyrics rendering options, changelog
|
|
* banner. No side effects.
|
|
*/
|
|
export function createUiAppearanceActions(set: SetState): Pick<
|
|
AuthState,
|
|
| 'setShowArtistImages'
|
|
| 'setLibraryGridMaxColumns'
|
|
| 'setShowTrayIcon'
|
|
| 'setMinimizeToTray'
|
|
| 'setClockFormat'
|
|
| 'setShowOrbitTrigger'
|
|
| 'setUseCustomTitlebar'
|
|
| 'setPreloadMiniPlayer'
|
|
| 'setLinuxWebkitKineticScroll'
|
|
| 'setLinuxWaylandTextRenderProfile'
|
|
| 'setLinuxWebkitInputForceRepaint'
|
|
| 'setSeekbarStyle'
|
|
| 'setQueueNowPlayingCollapsed'
|
|
| 'setQueueDurationDisplayMode'
|
|
| 'setQueueDisplayMode'
|
|
| 'setSidebarLyricsStyle'
|
|
| 'setShowChangelogOnUpdate'
|
|
| 'setLastSeenChangelogVersion'
|
|
| 'setAdvancedSettingsEnabled'
|
|
> {
|
|
return {
|
|
setShowArtistImages: (v) => set({ showArtistImages: v }),
|
|
setLibraryGridMaxColumns: (v) => set({ libraryGridMaxColumns: clampLibraryGridMaxColumns(v) }),
|
|
setShowTrayIcon: (v) => set({ showTrayIcon: v }),
|
|
setMinimizeToTray: (v) => set({ minimizeToTray: v }),
|
|
setClockFormat: (v) => set({ clockFormat: v }),
|
|
setShowOrbitTrigger: (v) => set({ showOrbitTrigger: v }),
|
|
setUseCustomTitlebar: (v) => set({ useCustomTitlebar: v }),
|
|
setPreloadMiniPlayer: (v) => set({ preloadMiniPlayer: v }),
|
|
setLinuxWebkitKineticScroll: (v) => set({ linuxWebkitKineticScroll: v }),
|
|
setLinuxWaylandTextRenderProfile: (v) => set({ linuxWaylandTextRenderProfile: v }),
|
|
setLinuxWebkitInputForceRepaint: (v) => set({ linuxWebkitInputForceRepaint: v }),
|
|
setSeekbarStyle: (v) => set({ seekbarStyle: v }),
|
|
setQueueNowPlayingCollapsed: (v) => set({ queueNowPlayingCollapsed: v }),
|
|
setQueueDurationDisplayMode: (v) => set({ queueDurationDisplayMode: v }),
|
|
setQueueDisplayMode: (v) => set({ queueDisplayMode: v }),
|
|
setSidebarLyricsStyle: (v) => set({ sidebarLyricsStyle: v }),
|
|
setShowChangelogOnUpdate: (v) => set({ showChangelogOnUpdate: v }),
|
|
setLastSeenChangelogVersion: (v) => set({ lastSeenChangelogVersion: v }),
|
|
setAdvancedSettingsEnabled: (v) => set({ advancedSettingsEnabled: v }),
|
|
};
|
|
}
|