refactor(db): migrate app pages and APIs from Prisma facade to Drizzle

Co-authored-by: Cursor <[email protected]>

src/app/(site)/events/[slugOrId]/page.tsx

@@ -1,11 +1,20 @@
+import { and, asc, count, eq, inArray } from "drizzle-orm";
 import Image from "next/image";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { auth } from "@/lib/auth";
+import {
+	db,
+	User,
+	WebsiteEvent,
+	WebsiteEventPrize,
+	WebsiteEventRegistration,
+	WebsiteEventType,
+	WebsiteEventWinner,
+} from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
-import { prisma } from "@/lib/prisma";
 import { EventRegisterButton } from "./event-register-button";
 
 export const dynamic = "force-dynamic";
@@ -30,47 +39,95 @@ export default async function EventDetailPage({
 	const session = await auth();
 	const userId = Number(session?.user?.id);
 
-	const event = await prisma.websiteEvent
-		.findUnique({
-			where: { id: eventId },
-			include: {
-				type: true,
-				prizes: { orderBy: { position: "asc" } },
-				winners: { orderBy: { position: "asc" } },
-				_count: { select: { registrations: true } },
-			},
+	const [eventRow] = await db
+		.select({
+			id: WebsiteEvent.id,
+			title: WebsiteEvent.title,
+			description: WebsiteEvent.description,
+			status: WebsiteEvent.status,
+			image: WebsiteEvent.image,
+			startsAt: WebsiteEvent.startsAt,
+			endsAt: WebsiteEvent.endsAt,
+			maxPlayers: WebsiteEvent.maxPlayers,
+			typeId: WebsiteEvent.typeId,
+			typeName: WebsiteEventType.name,
+			typeColor: WebsiteEventType.color,
+			typeSlug: WebsiteEventType.slug,
 		})
-		.catch(() => null);
+		.from(WebsiteEvent)
+		.innerJoin(WebsiteEventType, eq(WebsiteEvent.typeId, WebsiteEventType.id))
+		.where(eq(WebsiteEvent.id, eventId))
+		.limit(1)
+		.catch(() => []);
 
 	if (
-		!event ||
-		(event.status !== "published" && event.status !== "completed")
+		!eventRow ||
+		(eventRow.status !== "published" && eventRow.status !== "completed")
 	) {
 		notFound();
 	}
 
+	const [prizes, winners, regCountRows] = await Promise.all([
+		db
+			.select()
+			.from(WebsiteEventPrize)
+			.where(eq(WebsiteEventPrize.eventId, eventRow.id))
+			.orderBy(asc(WebsiteEventPrize.position))
+			.catch(() => []),
+		db
+			.select()
+			.from(WebsiteEventWinner)
+			.where(eq(WebsiteEventWinner.eventId, eventRow.id))
+			.orderBy(asc(WebsiteEventWinner.position))
+			.catch(() => []),
+		db
+			.select({ value: count() })
+			.from(WebsiteEventRegistration)
+			.where(eq(WebsiteEventRegistration.eventId, eventRow.id))
+			.catch(() => [{ value: 0 }]),
+	]);
+
+	const event = {
+		...eventRow,
+		type: {
+			name: eventRow.typeName,
+			color: eventRow.typeColor,
+			slug: eventRow.typeSlug,
+		},
+		prizes,
+		winners,
+		_count: { registrations: Number(regCountRows[0]?.value ?? 0) },
+	};
+
 	const alreadyRegistered =
 		Number.isInteger(userId) && userId > 0
 			? Boolean(
-					await prisma.websiteEventRegistration
-						.findUnique({
-							where: { eventId_userId: { eventId: event.id, userId } },
-						})
-						.catch(() => null),
+					(
+						await db
+							.select({ id: WebsiteEventRegistration.id })
+							.from(WebsiteEventRegistration)
+							.where(
+								and(
+									eq(WebsiteEventRegistration.eventId, event.id),
+									eq(WebsiteEventRegistration.userId, userId),
+								),
+							)
+							.limit(1)
+							.catch(() => [])
+					)[0],
 				)
 			: false;
 
 	const winnerIds = event.winners.map((w) => w.userId);
-	const winners =
+	const winnerUsers =
 		winnerIds.length > 0
-			? await prisma.user
-					.findMany({
-						where: { id: { in: winnerIds } },
-						select: { id: true, username: true },
-					})
+			? await db
+					.select({ id: User.id, username: User.username })
+					.from(User)
+					.where(inArray(User.id, winnerIds))
 					.catch(() => [])
 			: [];
-	const winnerName = new Map(winners.map((u) => [u.id, u.username]));
+	const winnerName = new Map(winnerUsers.map((u) => [u.id, u.username]));
 
 	const isFull =
 		event.maxPlayers != null && event._count.registrations >= event.maxPlayers;

src/app/(site)/events/page.tsx

@@ -1,10 +1,16 @@
+import { count, desc, eq, inArray } from "drizzle-orm";
 import Image from "next/image";
 import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
+import {
+	db,
+	WebsiteEvent,
+	WebsiteEventRegistration,
+	WebsiteEventType,
+} from "@/lib/db";
 import { excerpt, slugify } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
-import { prisma } from "@/lib/prisma";
 
 export const revalidate = 60;
 
@@ -13,18 +19,53 @@ export const metadata = { title: "Events" };
 export default async function EventsPage() {
 	const t = await getTranslations("pages.events");
 
-	const events = await prisma.websiteEvent
-		.findMany({
-			where: { status: { in: ["published", "completed"] } },
-			orderBy: { startsAt: "desc" },
-			take: 50,
-			include: {
-				type: { select: { name: true, color: true, slug: true } },
-				_count: { select: { registrations: true } },
-			},
+	const eventRows = await db
+		.select({
+			id: WebsiteEvent.id,
+			title: WebsiteEvent.title,
+			description: WebsiteEvent.description,
+			status: WebsiteEvent.status,
+			image: WebsiteEvent.image,
+			startsAt: WebsiteEvent.startsAt,
+			maxPlayers: WebsiteEvent.maxPlayers,
+			typeName: WebsiteEventType.name,
+			typeColor: WebsiteEventType.color,
+			typeSlug: WebsiteEventType.slug,
 		})
+		.from(WebsiteEvent)
+		.innerJoin(WebsiteEventType, eq(WebsiteEvent.typeId, WebsiteEventType.id))
+		.where(inArray(WebsiteEvent.status, ["published", "completed"]))
+		.orderBy(desc(WebsiteEvent.startsAt))
+		.limit(50)
 		.catch(() => []);
 
+	const eventIds = eventRows.map((e) => e.id);
+	const regCounts =
+		eventIds.length > 0
+			? await db
+					.select({
+						eventId: WebsiteEventRegistration.eventId,
+						value: count(),
+					})
+					.from(WebsiteEventRegistration)
+					.where(inArray(WebsiteEventRegistration.eventId, eventIds))
+					.groupBy(WebsiteEventRegistration.eventId)
+					.catch(() => [])
+			: [];
+	const countByEvent = new Map(
+		regCounts.map((r) => [r.eventId, Number(r.value)]),
+	);
+
+	const events = eventRows.map((event) => ({
+		...event,
+		type: {
+			name: event.typeName,
+			color: event.typeColor,
+			slug: event.typeSlug,
+		},
+		_count: { registrations: countByEvent.get(event.id) ?? 0 },
+	}));
+
 	return (
 		<main style={{ display: "grid", gap: "1.5rem" }}>
 			<ContentCard icon="📅" title={t("title")} subtitle={t("subtitle")} />