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.
51 lines
2.1 KiB
TypeScript
51 lines
2.1 KiB
TypeScript
import { createContext, useContext } from "react";
|
|
import { coerceTagModes, coerceUntagged, type FeedFilters, type SavedView } from "../lib/api";
|
|
|
|
// The saved-views context + hook (and the feed blob coercion its consumers share), split out of
|
|
// SavedViewsProvider so that file exports only components (Fast Refresh).
|
|
|
|
// A saved view's `filters` is an opaque JSON blob from the DB; coerce it to the module's shape before it
|
|
// reaches app state or a serializer (an older build's dropped field just falls away — NOT a migration).
|
|
export const asFilters = (raw: FeedFilters): FeedFilters => ({
|
|
...raw,
|
|
tags: raw.tags ?? [],
|
|
channelIds: raw.channelIds ?? [],
|
|
tagModes: coerceTagModes(raw),
|
|
untagged: coerceUntagged(raw),
|
|
});
|
|
|
|
export type ViewSource = "feed" | "plex";
|
|
|
|
export interface SavedViewsContext {
|
|
/** Which module these views belong to — the shared UI branches its filter-describer on it. */
|
|
source: ViewSource;
|
|
views: SavedView[];
|
|
loading: boolean;
|
|
activeViewId: number | null;
|
|
displayView: SavedView | null;
|
|
isDirty: boolean;
|
|
modalOpen: boolean;
|
|
openModal: () => void;
|
|
closeModal: () => void;
|
|
apply: (v: SavedView) => void;
|
|
clearActive: () => void;
|
|
create: (name: string) => Promise<boolean>;
|
|
rename: (id: number, name: string) => Promise<boolean>;
|
|
/** Overwrite a view's captured filters (used by the modal's removable chips). */
|
|
updateFilters: (id: number, filters: Record<string, unknown>) => Promise<boolean>;
|
|
/** Save the module's CURRENTLY-applied filters into a view (the live→stored inverse of `apply`);
|
|
* resolves to the saved snapshot on success (so the caller can resync its editor) or null. */
|
|
saveCurrent: (id: number) => Promise<Record<string, unknown> | null>;
|
|
toggleDefault: (v: SavedView) => Promise<void>;
|
|
remove: (v: SavedView) => Promise<boolean>;
|
|
reorder: (nextIds: number[]) => Promise<void>;
|
|
}
|
|
|
|
export const SavedViewsCtx = createContext<SavedViewsContext | null>(null);
|
|
|
|
export function useSavedViews(): SavedViewsContext {
|
|
const ctx = useContext(SavedViewsCtx);
|
|
if (!ctx) throw new Error("useSavedViews must be used within a SavedViewsProvider");
|
|
return ctx;
|
|
}
|