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/routes/dashboard.tsx | 88 ---------------------------------------
 1 file changed, 88 deletions(-)
 delete mode 100644 frontend/app/routes/dashboard.tsx

(limited to 'frontend/app/routes/dashboard.tsx')

diff --git a/frontend/app/routes/dashboard.tsx b/frontend/app/routes/dashboard.tsx
deleted file mode 100644
index f44fe79..0000000
--- a/frontend/app/routes/dashboard.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import type { LoaderFunctionArgs, MetaFunction } from "react-router";
-import { Form, useLoaderData } from "react-router";
-import { ensureUserLoggedIn } from "../.server/auth";
-import { createApiClient } from "../api/client";
-import BorderedContainerWithCaption from "../components/BorderedContainerWithCaption";
-import NavigateLink from "../components/NavigateLink";
-import UserIcon from "../components/UserIcon";
-import { APP_NAME, BASE_PATH } from "../config";
-
-export const meta: MetaFunction = () => [{ title: `Dashboard | ${APP_NAME}` }];
-
-export async function loader({ request }: LoaderFunctionArgs) {
-	const { user, token } = await ensureUserLoggedIn(request);
-	const apiClient = createApiClient(token);
-
-	const { games } = await apiClient.getGames();
-	return {
-		user,
-		games,
-	};
-}
-
-export default function Dashboard() {
-	const { user, games } = useLoaderData<typeof loader>()!;
-
-	return (
-		<div className="p-6 bg-gray-100 min-h-screen flex flex-col items-center gap-4">
-			{user.icon_path && (
-				<UserIcon
-					iconPath={user.icon_path}
-					displayName={user.display_name}
-					className="w-24 h-24"
-				/>
-			)}
-			<h1 className="text-3xl font-bold text-gray-800">{user.display_name}</h1>
-			<BorderedContainerWithCaption caption="試合一覧">
-				<div className="px-4">
-					{games.length === 0 ? (
-						<p>エントリーできる試合はありません</p>
-					) : (
-						<ul className="divide-y divide-gray-300">
-							{games.map((game) => (
-								<li
-									key={game.game_id}
-									className="flex justify-between items-center py-2 gap-4"
-								>
-									<div>
-										<span className="font-medium text-gray-800">
-											{game.display_name}
-										</span>
-									</div>
-									<div className="flex gap-2">
-										<NavigateLink to={`/golf/${game.game_id}/play`}>
-											対戦
-										</NavigateLink>
-										<NavigateLink to={`/golf/${game.game_id}/watch`}>
-											観戦
-										</NavigateLink>
-									</div>
-								</li>
-							))}
-						</ul>
-					)}
-				</div>
-			</BorderedContainerWithCaption>
-			<Form method="post" action="/logout">
-				<button
-					type="submit"
-					className="px-4 py-2 bg-red-500 text-white rounded-sm transition duration-300 hover:bg-red-700 focus:ring-3 focus:ring-red-400 focus:outline-hidden"
-				>
-					ログアウト
-				</button>
-			</Form>
-			{user.is_admin && (
-				<a
-					href={
-						process.env.NODE_ENV === "development"
-							? `http://localhost:8004${BASE_PATH}admin/dashboard`
-							: `${BASE_PATH}admin/dashboard`
-					}
-					className="text-lg text-white bg-sky-600 px-4 py-2 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
-				>
-					Admin Dashboard
-				</a>
-			)}
-		</div>
-	);
-}
-- 
cgit v1.3.1