refactor: component files export only components; lint fails on a warning

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.
2026-09-17 02:59:09 +02:00
parent 569190480d
commit c3d88d9b20
158 changed files with 1600 additions and 1431 deletions
@@ -0,0 +1,75 @@
+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);
+}