chore: initial commit — monorepo ReadaBook (API NestJS, web PWA, Docker)

apps/web/src/App.tsx

@@ -0,0 +1,59 @@
+import { useEffect, useState } from "react";
+import type { Session } from "./api/types";
+import { api } from "./api/client";
+import { AppShell } from "./layout/AppShell";
+import { AdminPage } from "./pages/AdminPage";
+import { BookPage } from "./pages/BookPage";
+import { HomePage } from "./pages/HomePage";
+import { LibraryPage } from "./pages/LibraryPage";
+import { LoginPage } from "./pages/LoginPage";
+import { ProfilePage } from "./pages/ProfilePage";
+import { ReaderPage } from "./pages/ReaderPage";
+import { SearchPage } from "./pages/SearchPage";
+import { SetupPage } from "./pages/SetupPage";
+import { parseRoute, type Route } from "./router";
+
+function renderRoute(route: Route, session: Session, refreshSession: () => Promise<void>) {
+  if (route.name === "login") return <LoginPage onSessionChange={refreshSession} />;
+  if (route.name === "setup") return <SetupPage />;
+
+  const content =
+    route.name === "home" ? (
+      <HomePage />
+    ) : route.name === "library" ? (
+      <LibraryPage libraryId={route.libraryId} />
+    ) : route.name === "book" ? (
+      <BookPage bookId={route.bookId} />
+    ) : route.name === "reader" ? (
+      <ReaderPage bookId={route.bookId} />
+    ) : route.name === "search" ? (
+      <SearchPage />
+    ) : route.name === "me" ? (
+      <ProfilePage session={session} onSessionChange={refreshSession} />
+    ) : (
+      <AdminPage />
+    );
+
+  return <AppShell session={session}>{content}</AppShell>;
+}
+
+export function App() {
+  const [route, setRoute] = useState(parseRoute());
+  const [session, setSession] = useState<Session>({ user: null, degraded: false });
+
+  async function refreshSession() {
+    setSession(await api.session());
+  }
+
+  useEffect(() => {
+    refreshSession();
+  }, []);
+
+  useEffect(() => {
+    const listener = () => setRoute(parseRoute());
+    window.addEventListener("popstate", listener);
+    return () => window.removeEventListener("popstate", listener);
+  }, []);
+
+  return renderRoute(route, session, refreshSession);
+}