AdminandClaude Sonnet 5
a0c9c5fca9
Crea src/lib/components/ui/ContextMenu.svelte, que sustituye
TrackContextMenu y AlbumContextMenu (109 y 119 líneas, 90% idénticas):
misma función de posicionamiento (contextMenuPosition, exportada del
módulo, usando MENU_WIDTH/SUBMENU_WIDTH movidas a config.ts), mismo
backdrop, mismo Escape, mismo submenú "Añadir a playlist" genérico vía
{items, playlistAction, playlists}. Usa MenuItem para las acciones
(antes reimplementaban sus clases a mano) y Artwork size="xs" para las
miniaturas de playlist.
menus.svelte.ts (createTrackMenu) se adapta a la nueva
contextMenuPosition; se migran Inicio, Explorar (menú de pista y de
álbum) y Mezcla.
AccountMenu: panelClass (clases Tailwind libres) pasa a prop
width: 'sm'|'md'; añade cierre con Escape (mejora de accesibilidad,
antes no cerraba); TopBar y MobileHeader dejan de envolverlo en un
div.relative duplicado (su propio root ya lo es). z-index del panel
pasa a z-(--z-menu), al mismo nivel que ContextMenu (antes z-20 en
TopBar / sin z explícito en MobileHeader).
Verificado con npm run check/build; sin QA visual autenticada (Docker
no disponible en esta sesión).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
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;
|