refactor(plex): split PlexBrowse god-file into cards + views + shared UI (E4 S4)

Pure behaviour-preserving code-motion — PlexBrowse 1751 -> 538 lines. The ~11 inlined
components are self-contained (every view is invoked with shell callbacks as props; no
view reaches back into shell state), so they just move to sibling files.

New files:
- lib/plexWatch.ts: toggleWatchState (shared by the grid + person page)
- components/plexCards.tsx: PlexPosterCard, SeasonCard, CastStrip, RelatedStrip, EpisodeCard
- components/plexViews.tsx: PlexInfoView, PlexPersonView, PlexShowView, PlexSeasonView
- lib/plexDetailUi.tsx (extended): BackBtn, ActionBtn, WatchedToggle, DetailHero, epLabel
  (the file's own remit — "shared detail-page UI")

PlexBrowse keeps the Sub router + PLEX_SUB_URL + PAGE + PlexBrowse() shell. Repointed
the only external importer (PlexPersonView.dom.test) to plexCards/plexViews.

Self-E2E (localdev): Plex grid renders (poster cards + episodes); The Expanse show-drill
renders the hero + action buttons + season cards; ?v=show URL-mirroring intact; 0 console
errors. Gate green: typecheck, knip, eslint (0 err), prettier, 247 vitest.

This commit is contained in:

peter

2026-08-19 06:10:48 +02:00

parent 0b592345e6

commit 180ab56379

6 changed files with 1252 additions and 1228 deletions

									
										frontend/src/components/PlexPersonView.dom.test.tsx
									
		+2
		-1
	
												View File
												
				@@ -25,7 +25,8 @@ vi.mock("../lib/api", () => ({

				  plexFilterCount: () => 0,

				}));

				import { CastStrip, PlexPersonView } from "./PlexBrowse";

				import { CastStrip } from "./plexCards";

				import { PlexPersonView } from "./plexViews";

				afterEach(cleanup);