refactor(routes): inline single-URL pages + clientLoader prefetch

[hyldmo]

Summary

Two intertwined changes on the same route files:

• Route consolidation — pages with one URL move from src/features/*Page.tsx into src/routes/*.tsx as the default export. Multi-URL pages (RecipeEditor, ExerciseDetail, WorkoutTemplate, WorkoutSession, ProgramEditor) stay in features/ and are re-exported by the route files. TimerMode → TimerModeView (presentational, consumed by both the timer route and the landing AutoSection).
• clientLoader prefetch — every data-fetching route exports a typed clientLoader that fires its tRPC queries in parallel with bundle download. New ~/lib/loader.ts helper centralizes the pattern for an eventual tRPC v12 migration.

Plus two preliminary chore: commits — yarn generate parallelizes codegen (typegen + wrangler types + pwa-icons), and public/self-heal.js is mechanically modernized to arrow syntax.

Why these are bundled

The clientLoader work and the route inlining touch the same files. Splitting them would require git add -p chunk-by-chunk on every route file. Commit history separates the codegen and self-heal chores so the route diff stays focused.

clientLoader design notes

• Singletons in ~/lib/trpc — queryClient, trpcClient, trpcUtils (via createTRPCQueryUtils) replace the per-render useState-bound client. Loaders need module-level access.
• IDB hydration — persistQueryClientRestore is awaited before any ensureData call via the idbReady promise. Cold boots no longer fire network requests before the persisted cache restores. persistQueryClientSubscribe runs fire-and-forget for ongoing persistence.
• .ensureData() over .prefetch() — propagates errors instead of swallowing, no-ops on warm cache.
• Promise.allSettled + UNAUTHORIZED swallow — composite pages don't cancel sibling queries on one failure; signed-out deep links render the SignedOut branch instead of tripping ErrorBoundary. Other errors propagate to the route's ErrorBoundary (an improvement over today's silent .prefetch() swallowing).
• Dropped refetchOnMount: 'always' — staleTime + mutation invalidations already cover freshness; 'always' was forcing redundant refetches on every navigation that defeated the loader cache hit.

Routes audited

All 17 data-fetching routes covered. recipes.new and workouts.sessions.$sessionId.timer skipped (no fetch). For composite pages (analytics, plans, settings, workouts._index) the loader mirrors every unconditional useQuery at mount, including those nested inside child components like MuscleHeatGrid and ProfileForm. Component-state-driven queries (search inputs, dropdown windows on detail pages) are NOT prefetched — they refetch as today.

Test plan

• yarn check — lint + typecheck + test all pass
• yarn build — SPA prerender produces workers/dist/client/index.html
• Hard-refresh /recipes/<id> (cold cache) — tRPC batch fires before component mount, no spinner flash
• Navigate / → /analytics (warm cache) — 6 analytics queries batch in parallel with bundle, all 6 cards populate without per-card spinners
• Sign out, navigate to / — LandingPage renders, no console error, no ErrorBoundary trip
• Disconnect network, hard-refresh /recipes — IDB cache restores, page renders with stale data
• Navigate to /workouts (signed in) — HydrateFallback shows briefly, page renders with all 5 queries' data ready

🤖 Generated with Claude Code

[github-actions]

Preview deployment

URL	https://hyldmo-route-shim-explanatio.macromaxxing.pages.dev
Branch	hyldmo/route-shim-explanation
Commit	9471112