From e239fe743fc66a8712cf9886d3dfed3cc41fce36 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Fri, 13 Feb 2026 22:40:45 +0900
Subject: refactor(frontend): replace React Router BFF with Wouter SPA

Remove React Router 7 SSR/BFF architecture (server-side loaders,
actions, sessions, remix-auth) and replace with a client-side SPA
using Wouter for routing and cookie-based JWT auth.

- Replace reactRouter() Vite plugin with @vitejs/plugin-react
- Add index.html + app/main.tsx as SPA entry points
- Add Wouter routing with auth guards (ProtectedRoute/PublicOnlyRoute)
- Add client-side auth (app/auth.ts) and useAuth hook
- Migrate all route files to app/pages/ with client-side data fetching
- Update NavigateLink and GolfPlayAppGaming to use Wouter Link
- Remove .server/, routes/, root.tsx, react-router.config.ts
- Clean up tsconfig.json (remove .react-router references)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/app/App.tsx | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 frontend/app/App.tsx

(limited to 'frontend/app/App.tsx')

diff --git a/frontend/app/App.tsx b/frontend/app/App.tsx
new file mode 100644
index 0000000..fcf6977
--- /dev/null
+++ b/frontend/app/App.tsx
@@ -0,0 +1,58 @@
+import { Route, Router, Switch } from "wouter";
+import ProtectedRoute from "./components/ProtectedRoute";
+import PublicOnlyRoute from "./components/PublicOnlyRoute";
+import { BASE_PATH } from "./config";
+import DashboardPage from "./pages/DashboardPage";
+import GolfPlayPage from "./pages/GolfPlayPage";
+import GolfWatchPage from "./pages/GolfWatchPage";
+import IndexPage from "./pages/IndexPage";
+import LoginPage from "./pages/LoginPage";
+import TournamentPage from "./pages/TournamentPage";
+
+export default function App() {
+	return (
+		<Router base={BASE_PATH.replace(/\/$/, "")}>
+			<Switch>
+				<Route path="/">
+					<PublicOnlyRoute>
+						<IndexPage />
+					</PublicOnlyRoute>
+				</Route>
+				<Route path="/login">
+					<PublicOnlyRoute>
+						<LoginPage />
+					</PublicOnlyRoute>
+				</Route>
+				<Route path="/dashboard">
+					<ProtectedRoute>
+						<DashboardPage />
+					</ProtectedRoute>
+				</Route>
+				<Route path="/golf/:gameId/play">
+					{(params) => (
+						<ProtectedRoute>
+							<GolfPlayPage gameId={params.gameId} />
+						</ProtectedRoute>
+					)}
+				</Route>
+				<Route path="/golf/:gameId/watch">
+					{(params) => (
+						<ProtectedRoute>
+							<GolfWatchPage gameId={params.gameId} />
+						</ProtectedRoute>
+					)}
+				</Route>
+				<Route path="/tournament">
+					<ProtectedRoute>
+						<TournamentPage />
+					</ProtectedRoute>
+				</Route>
+				<Route>
+					<div className="min-h-screen bg-gray-100 flex items-center justify-center">
+						<p className="text-gray-500 text-xl">404 - Page not found</p>
+					</div>
+				</Route>
+			</Switch>
+		</Router>
+	);
+}
-- 
cgit v1.3.1