Цыганова Татьяна 2-198

.gitignore

@@ -1,7 +1,12 @@
 node_modules/
+rpgsaga/game-log.txt
 dist/
 coverage/
 *.log
 .DS_Store
 .env.local
 .env.*.local
+
+.env
+
+game-log.txt

clientserver/client/src/App.tsx

@@ -1,8 +1,37 @@
+import { useState } from "react";
+
+import { BooksPanel } from "./components/BooksPanel";
+import { ReadersPanel } from "./components/ReadersPanel";
+
+type Tab = "books" | "readers";
+
 export default function App() {
+  const [tab, setTab] = useState<Tab>("books");
+
   return (
-    <>
-      <h1>Hello world</h1>
-      <p>React + TypeScript клиент для clientserver.</p>
-    </>
+    <div className="app">
+      <header className="app__header">
+        <h1>RPG Library Admin</h1>
+        <nav className="tabs">
+          <button
+            type="button"
+            className={tab === "books" ? "tabs__btn tabs__btn--active" : "tabs__btn"}
+            onClick={() => setTab("books")}
+          >
+            Книги
+          </button>
+          <button
+            type="button"
+            className={
+              tab === "readers" ? "tabs__btn tabs__btn--active" : "tabs__btn"
+            }
+            onClick={() => setTab("readers")}
+          >
+            Читатели
+          </button>
+        </nav>
+      </header>
+      <main>{tab === "books" ? <BooksPanel /> : <ReadersPanel />}</main>
+    </div>
   );
 }

clientserver/client/src/api.ts

@@ -0,0 +1,91 @@
+import type {
+  ApiError,
+  Book,
+  BookStatus,
+  Paginated,
+  Reader,
+  ReaderStatus,
+} from "./types";
+
+const API_BASE = "";
+
+async function request<T>(
+  path: string,
+  init?: RequestInit,
+): Promise<T> {
+  const res = await fetch(`${API_BASE}${path}`, {
+    headers: { "Content-Type": "application/json", ...init?.headers },
+    ...init,
+  });
+
+  if (!res.ok) {
+    const err = (await res.json().catch(() => ({}))) as ApiError;
+    throw new Error(err.message || `Request failed: ${res.status}`);
+  }
+
+  if (res.status === 204) {
+    return undefined as T;
+  }
+
+  return res.json() as Promise<T>;
+}
+
+export interface ListParams {
+  take?: number;
+  page?: number;
+  sort?: string;
+  filter?: string;
+  limit?: number;
+}
+
+function toQuery(params: ListParams): string {
+  const q = new URLSearchParams();
+  if (params.take !== undefined) q.set("take", String(params.take));
+  if (params.page !== undefined) q.set("page", String(params.page));
+  if (params.sort) q.set("sort", params.sort);
+  if (params.filter) q.set("filter", params.filter);
+  if (params.limit !== undefined) q.set("limit", String(params.limit));
+  const s = q.toString();
+  return s ? `?${s}` : "";
+}
+
+export const booksApi = {
+  list: (params: ListParams = {}) =>
+    request<Paginated<Book>>(`/books${toQuery(params)}`),
+  get: (isbn: string) => request<Book>(`/books/${encodeURIComponent(isbn)}`),
+  create: (body: Omit<Book, "addedOn" | "deleted">) =>
+    request<Book>("/books", { method: "POST", body: JSON.stringify(body) }),
+  update: (isbn: string, body: Partial<Omit<Book, "addedOn" | "deleted">>) =>
+    request<Book>(`/books/${encodeURIComponent(isbn)}`, {
+      method: "PATCH",
+      body: JSON.stringify(body),
+    }),
+  remove: (isbn: string) =>
+    request<Book>(`/books/${encodeURIComponent(isbn)}`, { method: "DELETE" }),
+  status: (isbn: string) =>
+    request<BookStatus>(`/books/${encodeURIComponent(isbn)}/status`),
+};
+
+export const readersApi = {
+  list: (params: ListParams = {}) =>
+    request<Paginated<Reader>>(`/readers${toQuery(params)}`),
+  get: (id: number) => request<Reader>(`/readers/${id}`),
+  create: (body: Omit<Reader, "deleted">) =>
+    request<Reader>("/readers", { method: "POST", body: JSON.stringify(body) }),
+  update: (id: number, body: Partial<Omit<Reader, "deleted">>) =>
+    request<Reader>(`/readers/${id}`, {
+      method: "PATCH",
+      body: JSON.stringify(body),
+    }),
+  remove: (id: number) =>
+    request<Reader>(`/readers/${id}`, { method: "DELETE" }),
+  status: (id: number) => request<ReaderStatus>(`/readers/${id}/status`),
+  takeBook: (readerId: number, isbn: string) =>
+    request(`/readers/${readerId}/books/${encodeURIComponent(isbn)}`, {
+      method: "POST",
+    }),
+  returnBook: (readerId: number, isbn: string) =>
+    request(`/readers/${readerId}/books/${encodeURIComponent(isbn)}`, {
+      method: "DELETE",
+    }),
+};