Add src/lib/components/ui/ContextMenu.svelte, replacing
TrackContextMenu and AlbumContextMenu (109 and 119 lines, 90%
identical): same positioning function (contextMenuPosition, exported
from the module, using MENU_WIDTH/SUBMENU_WIDTH moved to config.ts),
same backdrop, same Escape handling, same generic "Add to playlist"
submenu via {items, playlistAction, playlists}. Uses MenuItem for
actions (previously each reimplemented its own classes by hand) and
Artwork size="xs" for playlist thumbnails.
menus.svelte.ts (createTrackMenu) adapts to the new
contextMenuPosition; Home, Explore (track and album menus) and Mix
are migrated.
AccountMenu: panelClass (free-form Tailwind classes) becomes prop
width: 'sm'|'md'; adds Escape-to-close (accessibility improvement, it
didn't close before); TopBar and MobileHeader no longer wrap it in a
duplicate div.relative (its own root already is one). The panel's
z-index becomes z-(--z-menu), matching ContextMenu (previously z-20
in TopBar / no explicit z in MobileHeader).
Verified with npm run check/build; no authenticated visual QA (Docker
unavailable this session).
22 lines
835 B
TypeScript
22 lines
835 B
TypeScript
export const EXPLORE_PAGE_SIZE = 27;
|
|
export const SEARCH_DEBOUNCE_MS = 450;
|
|
export const SEARCH_MIN_LENGTH = 2;
|
|
export const INFINITE_SCROLL_ROOT_MARGIN = '300px';
|
|
export const ALBUMS_PAGE_SIZE = 50;
|
|
export const ALBUM_TRACKS_PAGE_SIZE = 200;
|
|
export const ALBUM_EARLIEST_YEAR = 1877;
|
|
export const LIBRARY_PICKER_PAGE_SIZE = 50;
|
|
export const EXPLORE_ALBUMS_PAGE_SIZE = 10;
|
|
export const EXPLORE_ALBUMS_LIMIT = 18;
|
|
export const HOME_LATEST_PAGE_SIZE = 10;
|
|
export const HOME_MIXES_LIMIT = 6;
|
|
export const HOME_SHELF_LIMIT = 6;
|
|
export const HOME_CONTINUE_LIMIT = 10;
|
|
export const HOME_SPOTLIGHT_TRACKS_LIMIT = 5;
|
|
export const HOME_POPULAR_MAX = 8;
|
|
export const PLAYLIST_PICKER_PAGE_SIZE = 50;
|
|
export const LIKED_TRACKS_PAGE_SIZE = 500;
|
|
export const EXPLORE_USERS_LIMIT = 12;
|
|
export const MENU_WIDTH = 240;
|
|
export const SUBMENU_WIDTH = 256;
|