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.
76 lines
2.9 KiB
TypeScript
76 lines
2.9 KiB
TypeScript
import { createContext, useContext } from "react";
|
|
import { EMPTY_PLEX_FILTERS, type PlexFilters } from "../lib/api";
|
|
import type { SortState } from "../lib/columnSort";
|
|
import type { PlexSearchField } from "../lib/plexSearch";
|
|
import { PLEX_SORT_FALLBACK } from "../lib/plexSort";
|
|
|
|
// The Plex module's contexts + hooks, split out of PlexProvider so that file exports only components
|
|
// (Fast Refresh).
|
|
|
|
// A "jump straight to this title" hand-off: PlexBrowse opens a movie's info page (like the card's ⓘ),
|
|
// a show's drill-down (like clicking a show card), or — for E24's Home hero, whose whole promise is a
|
|
// single Play button — the PLAYER for a movie/episode rating_key. `play` exists because the player
|
|
// lives inside this module with its lazy hls.js and its provider tree; mounting a second one on the
|
|
// landing page to avoid one hand-off would be the expensive way round.
|
|
export type PlexJumpTarget = {
|
|
id: string;
|
|
type: "movie" | "show" | "play";
|
|
/** The jump ARRIVED WITH a page change — another module set this and sent the user here in one
|
|
* gesture (the Home surface plays a Plex title). The opened sub-view then REPLACES the page entry
|
|
* that hand-off just pushed, instead of stacking on top of it, so Back returns to where the user
|
|
* actually came from rather than to a module root they never visited. Omitted for a jump made
|
|
* from INSIDE the Plex module (the header typeahead), where the entry being replaced would be a
|
|
* sub-view the user really was looking at. */
|
|
replace?: boolean;
|
|
};
|
|
|
|
export type PlexState = {
|
|
scope: string; // movie | show | both (unified cross-library scope)
|
|
show: string;
|
|
sort: SortState; // {key,dir}; healed against the scope's options at the point of use
|
|
filters: PlexFilters;
|
|
q: string;
|
|
field: PlexSearchField; // search scope-pill; healed against `scope` at the point of use
|
|
playlistOpen: number | null;
|
|
jumpTo: PlexJumpTarget | null; // typeahead → grid hand-off ("open this title")
|
|
};
|
|
|
|
export interface PlexActions {
|
|
setScope: (v: string) => void;
|
|
setShow: (v: string) => void;
|
|
setSort: (v: SortState) => void;
|
|
setFilters: (f: PlexFilters) => void;
|
|
setQ: (q: string) => void;
|
|
setField: (f: PlexSearchField) => void;
|
|
setPlaylistOpen: (id: number | null) => void;
|
|
setJumpTo: (t: PlexJumpTarget | null) => void;
|
|
}
|
|
|
|
export const PlexStateContext = createContext<PlexState>({
|
|
scope: "both",
|
|
show: "all",
|
|
sort: PLEX_SORT_FALLBACK,
|
|
filters: EMPTY_PLEX_FILTERS,
|
|
q: "",
|
|
field: "all",
|
|
playlistOpen: null,
|
|
jumpTo: null,
|
|
});
|
|
export const PlexActionsContext = createContext<PlexActions>({
|
|
setScope: () => {},
|
|
setShow: () => {},
|
|
setSort: () => {},
|
|
setFilters: () => {},
|
|
setQ: () => {},
|
|
setField: () => {},
|
|
setPlaylistOpen: () => {},
|
|
setJumpTo: () => {},
|
|
});
|
|
|
|
export function usePlex(): PlexState {
|
|
return useContext(PlexStateContext);
|
|
}
|
|
export function usePlexActions(): PlexActions {
|
|
return useContext(PlexActionsContext);
|
|
}
|