peter
c3d88d9b20
The 43 react-refresh/only-export-components warnings the gate let through meant an edit to a provider (or AnchoredPopover, Toaster, plexDetailUi, …) could not be hot-swapped: Fast Refresh reloads a module that also exports hooks or helpers. - Each provider's contexts, the types its hooks return and the hooks themselves live in a sibling context module (navigationContext.ts, channelsContext.ts, …); the provider file keeps the component. loadAccountFilters moved next to the feed filters' defaults (feedFiltersInit.ts), following navigationInit/playlistsInit. - Helpers that sat in component files have their own modules: welcomeMode, downloadTitle, plexPlayable, channelSync, ui/anchoredPopoverHooks, ui/pageToolbarSlot, ui/pagerContent, ui/toastLevels, ui/overlayOrder, ui/tableAlign, lib/plexDetail; the cells of the channel columns and the registry's page wrappers are components files of their own (channelCells, modulePages). - usePersistedTab, an alias of useAccountPersistedState, is gone; its callers use the original. npm run lint is now eslint --max-warnings 0, so a warning fails the gate like an error does.
12 lines
552 B
TypeScript
12 lines
552 B
TypeScript
import { useState } from "react";
|
|
|
|
// An overlay's toast-host rank (see the overlay-hosts note in Toaster). Its own module so Toaster exports
|
|
// only components (Fast Refresh); the counter is module state, so there is exactly one sequence.
|
|
let overlaySeq = 0;
|
|
/** This overlay's rank among open overlays — taken once, when it mounts. Call it in the overlay
|
|
* itself, never in a component that can remount while the overlay stays open. */
|
|
export function useOverlayOrder(): number {
|
|
const [order] = useState(() => ++overlaySeq);
|
|
return order;
|
|
}
|