create-einja-app 0.1.2 → 0.2.1

package/templates/default/apps/web/src/app/(authenticated)/data/page.tsx

@@ -1,15 +1,17 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { prefetchUsers } from "@/hooks/use-users";
+import { prefetchUsers } from "@/hooks/api/prefetch-users";
+import type { PaginatedUserList } from "@/shared/schemas/user";
 import { UserTableContainer } from "./_components/UserTableContainer";
 
 export default async function DataPage() {
-  let initialData;
-  let error;
+  let initialData: PaginatedUserList | undefined;
+  let error: string | undefined;
 
-  try {
-    initialData = await prefetchUsers({ page: 1, limit: 100 });
-  } catch (e) {
-    error = e instanceof Error ? e.message : "データの取得に失敗しました";
+  const result = await prefetchUsers({ page: 1, limit: 100 });
+  if (result === null) {
+    error = "データの取得に失敗しました";
+  } else {
+    initialData = result;
   }
 
   if (error) {

package/templates/default/apps/web/src/app/api/rpc/[[...route]]/route.ts

@@ -5,9 +5,9 @@
  * basePath: /api/rpc
  */
 
+import { userRoutes } from "@web/server/presentation/routes/userRoutes";
 import { Hono } from "hono";
 import { handle } from "hono/vercel";
-import { userRoutes } from "@web/server/presentation/routes/userRoutes";
 
 const app = new Hono().basePath("/api/rpc");
 

package/templates/default/apps/web/src/hooks/api/prefetch-users.ts

@@ -0,0 +1,63 @@
+/**
+ * prefetch-users.ts
+ *
+ * Server Component用のユーザーデータプリフェッチ関数
+ */
+
+import { parseResponse } from "@/lib/api/parse-response";
+import { type PaginatedUserList, paginatedUserListSchema } from "@/shared/schemas/user";
+import { cookies, headers } from "next/headers";
+
+/**
+ * User filters type
+ */
+export interface UserFilters {
+  page?: number;
+  limit?: number;
+  search?: string;
+  status?: "active" | "inactive";
+  role?: "admin" | "user";
+}
+
+/**
+ * prefetchUsers
+ *
+ * Server Component用のデータ取得関数
+ */
+export async function prefetchUsers(filters: UserFilters = {}): Promise<PaginatedUserList | null> {
+  try {
+    // リクエストヘッダーからホスト情報を取得
+    const headersList = await headers();
+    const host = headersList.get("host") || "localhost:3000";
+    const protocol = headersList.get("x-forwarded-proto") || "http";
+    const baseUrl = `${protocol}://${host}`;
+
+    // クッキーを取得して転送
+    const cookieStore = await cookies();
+    const cookieHeader = cookieStore
+      .getAll()
+      .map((c) => `${c.name}=${c.value}`)
+      .join("; ");
+
+    const params = new URLSearchParams();
+    if (filters.page) params.set("page", String(filters.page));
+    if (filters.limit) params.set("limit", String(filters.limit));
+    if (filters.search) params.set("search", filters.search);
+    if (filters.status) params.set("status", filters.status);
+    if (filters.role) params.set("role", filters.role);
+
+    const url = `${baseUrl}/api/rpc/users?${params.toString()}`;
+
+    const response = await fetch(url, {
+      headers: {
+        Cookie: cookieHeader,
+      },
+      cache: "no-store",
+    });
+
+    return parseResponse(response, paginatedUserListSchema);
+  } catch (error) {
+    console.error("Failed to prefetch users:", error);
+    return null;
+  }
+}

package/templates/default/apps/web/src/hooks/{use-users.ts → api/use-users.ts}

@@ -6,9 +6,15 @@
 
 "use client";
 
+import { apiClient } from "@/lib/api/client";
+import { parseResponse } from "@/lib/api/parse-response";
+import {
+  type PaginatedUserList,
+  type UserListItem,
+  paginatedUserListSchema,
+  userListItemSchema,
+} from "@/shared/schemas/user";
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "@/lib/api-client";
-import type { PaginatedUserList } from "@web/application/use-cases/UserUseCases";
 
 /**
  * QueryKey factory for users
@@ -37,10 +43,7 @@ export interface UserFilters {
  *
  * ユーザー一覧を取得するhook
  */
-export function useUsers(
-  filters: UserFilters = {},
-  initialData?: PaginatedUserList
-) {
+export function useUsers(filters: UserFilters = {}, initialData?: PaginatedUserList) {
   return useQuery({
     queryKey: userKeys.list(filters),
     queryFn: async () => {
@@ -54,11 +57,7 @@ export function useUsers(
         },
       });
 
-      if (!response.ok) {
-        throw new Error("Failed to fetch users");
-      }
-
-      return response.json() as Promise<PaginatedUserList>;
+      return parseResponse(response, paginatedUserListSchema);
     },
     initialData,
   });
@@ -77,42 +76,8 @@ export function useUser(id: string) {
         param: { id },
       });
 
-      if (!response.ok) {
-        throw new Error("Failed to fetch user");
-      }
-
-      return response.json();
+      return parseResponse(response, userListItemSchema);
     },
     enabled: !!id,
   });
 }
-
-/**
- * prefetchUsers
- *
- * Server Component用のデータ取得関数
- */
-export async function prefetchUsers(
-  filters: UserFilters = {}
-): Promise<PaginatedUserList> {
-  const baseUrl = process.env.NEXT_PUBLIC_APP_URL || "http://localhost:3000";
-  const params = new URLSearchParams();
-
-  if (filters.page) params.set("page", filters.page.toString());
-  if (filters.limit) params.set("limit", filters.limit.toString());
-  if (filters.search) params.set("search", filters.search);
-  if (filters.status) params.set("status", filters.status);
-  if (filters.role) params.set("role", filters.role);
-
-  const url = `${baseUrl}/api/rpc/users?${params.toString()}`;
-
-  const response = await fetch(url, {
-    cache: "no-store",
-  });
-
-  if (!response.ok) {
-    throw new Error("Failed to prefetch users");
-  }
-
-  return response.json();
-}

package/templates/default/apps/web/src/lib/api/parse-response.ts

@@ -0,0 +1,114 @@
+/**
+ * parse-response.ts
+ *
+ * Zodスキーマによるレスポンス検証とエラーハンドリング
+ */
+
+import type { z } from "zod";
+
+/**
+ * APIエラークラス
+ *
+ * APIレスポンスのエラーを表現する
+ */
+export class ApiError extends Error {
+  constructor(
+    public readonly code: string,
+    message: string,
+    public readonly statusCode: number,
+    public readonly details?: Record<string, unknown>
+  ) {
+    super(message);
+    this.name = "ApiError";
+  }
+}
+
+/**
+ * JSONを安全にパースする
+ *
+ * @param response - Fetchレスポンス
+ * @returns パース結果（失敗時は空オブジェクト）
+ */
+async function safeJsonParse(response: Response): Promise<unknown> {
+  try {
+    return await response.json();
+  } catch {
+    // JSONパースに失敗した場合は空オブジェクトを返す
+    return {};
+  }
+}
+
+/**
+ * エラーレスポンスからエラー情報を抽出する
+ *
+ * バックエンドの形式: { error: string } または { error: { code, message, details } }
+ *
+ * @param json - パースされたJSON
+ * @param statusCode - HTTPステータスコード
+ * @returns エラー情報
+ */
+function extractErrorInfo(
+  json: unknown,
+  statusCode: number
+): { code: string; message: string; details?: Record<string, unknown> } {
+  if (typeof json === "object" && json !== null && "error" in json) {
+    const errorField = (json as { error: unknown }).error;
+
+    // { error: string } 形式
+    if (typeof errorField === "string") {
+      return {
+        code: "API_ERROR",
+        message: errorField,
+      };
+    }
+
+    // { error: { code, message, details } } 形式
+    if (typeof errorField === "object" && errorField !== null) {
+      const errObj = errorField as {
+        code?: string;
+        message?: string;
+        details?: Record<string, unknown>;
+      };
+      return {
+        code: errObj.code ?? "API_ERROR",
+        message: errObj.message ?? "An unknown error occurred",
+        details: errObj.details,
+      };
+    }
+  }
+
+  return {
+    code: "UNKNOWN_ERROR",
+    message: "An unknown error occurred",
+  };
+}
+
+/**
+ * レスポンスをパースしてZodスキーマで検証
+ *
+ * @param response - Fetchレスポンス
+ * @param schema - Zodスキーマ
+ * @returns バリデーション済みのデータ
+ * @throws ApiError - レスポンスエラーまたはバリデーションエラー
+ */
+export async function parseResponse<T>(response: Response, schema: z.ZodType<T>): Promise<T> {
+  // エラーレスポンスの場合
+  if (!response.ok) {
+    const json = await safeJsonParse(response);
+    const errorInfo = extractErrorInfo(json, response.status);
+    throw new ApiError(errorInfo.code, errorInfo.message, response.status, errorInfo.details);
+  }
+
+  // 成功レスポンスの場合
+  const json = await safeJsonParse(response);
+
+  // Zodスキーマでバリデーション
+  const result = schema.safeParse(json);
+  if (!result.success) {
+    throw new ApiError("VALIDATION_ERROR", "Response validation failed", response.status, {
+      zodErrors: result.error.flatten(),
+    });
+  }
+
+  return result.data;
+}

package/templates/default/apps/web/src/shared/schemas/user.ts

@@ -0,0 +1,36 @@
+/**
+ * user.ts
+ *
+ * ユーザー関連のZodスキーマと型定義
+ * APIレスポンスの型検証に使用
+ */
+
+import { z } from "zod";
+
+/**
+ * ユーザー一覧アイテムのレスポンススキーマ
+ * APIレスポンスの型検証に使用
+ */
+export const userListItemSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  email: z.string(),
+  status: z.enum(["active", "inactive", "pending"]),
+  role: z.enum(["admin", "user", "moderator"]),
+  createdAt: z.string(),
+  lastLogin: z.string().nullable(),
+});
+
+/**
+ * ページネーション付きユーザー一覧のレスポンススキーマ
+ */
+export const paginatedUserListSchema = z.object({
+  items: z.array(userListItemSchema),
+  total: z.number(),
+  page: z.number(),
+  limit: z.number(),
+  totalPages: z.number(),
+});
+
+export type UserListItem = z.infer<typeof userListItemSchema>;
+export type PaginatedUserList = z.infer<typeof paginatedUserListSchema>;

package/templates/default/middleware.ts

@@ -1,32 +0,0 @@
-import { auth } from "@/lib/auth";
-
-export default auth((req) => {
-	const { nextUrl } = req;
-	const isLoggedIn = !!req.auth;
-
-	// Protected routes that require authentication
-	const protectedRoutes = ["/dashboard", "/profile"];
-	const isProtectedRoute = protectedRoutes.some((route) =>
-		nextUrl.pathname.startsWith(route),
-	);
-
-	// Public routes that authenticated users shouldn't access
-	const publicRoutes = ["/signin", "/signup"];
-	const isPublicRoute = publicRoutes.some((route) =>
-		nextUrl.pathname.startsWith(route),
-	);
-
-	// Redirect authenticated users away from public routes to dashboard
-	if (isLoggedIn && isPublicRoute) {
-		return Response.redirect(new URL("/dashboard", nextUrl));
-	}
-
-	// Redirect unauthenticated users to signin
-	if (!isLoggedIn && isProtectedRoute) {
-		return Response.redirect(new URL("/signin", nextUrl));
-	}
-});
-
-export const config = {
-	matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
-};

package/templates/default/apps/web/src/lib/{api-client.ts → api/client.ts}

@@ -5,8 +5,8 @@
  * 型安全なAPI呼び出しを提供
  */
 
-import { hc } from "hono/client";
 import type { AppType } from "@/app/api/rpc/[[...route]]/route";
+import { hc } from "hono/client";
 
 /**
  * Hono Client インスタンス