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

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

src/app/admin/tickets/[id]/page.tsx

@@ -1,9 +1,10 @@
+import { asc, eq, gte } from "drizzle-orm";
 import { notFound, redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
 import { TicketQueueBanner } from "@/components/admin/ticket-queue-banner";
 import { getMinStaffRank } from "@/lib/admin/min-staff-rank";
+import { db, User, WebsiteTicket } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { prisma } from "@/lib/prisma";
 import { AdminTicketDetail } from "./admin-ticket-detail";
 
 export default async function AdminTicketDetailPage({
@@ -21,11 +22,11 @@ export default async function AdminTicketDetailPage({
 	const ticketId = Number(id);
 	if (Number.isNaN(ticketId)) notFound();
 
-	const ticket = await prisma.websiteTicket.findUnique({
-		where: { id: ticketId },
-		include: {
+	const ticket = await db.query.WebsiteTicket.findFirst({
+		where: eq(WebsiteTicket.id, ticketId),
+		with: {
 			creator: {
-				select: {
+				columns: {
 					id: true,
 					username: true,
 					look: true,
@@ -35,12 +36,12 @@ export default async function AdminTicketDetailPage({
 					accountCreated: true,
 				},
 			},
-			assignee: { select: { id: true, username: true } },
+			assignee: { columns: { id: true, username: true } },
 			messages: {
-				orderBy: { createdAt: "asc" },
-				include: {
+				orderBy: (m, { asc: a }) => [a(m.createdAt)],
+				with: {
 					user: {
-						select: { id: true, username: true, look: true, rank: true },
+						columns: { id: true, username: true, look: true, rank: true },
 					},
 				},
 			},
@@ -51,11 +52,11 @@ export default async function AdminTicketDetailPage({
 
 	// Staff assignees: min_staff_rank and above
 	const minStaffRank = await getMinStaffRank();
-	const staffMembers = await prisma.user.findMany({
-		where: { rank: { gte: minStaffRank } },
-		select: { id: true, username: true },
-		orderBy: { username: "asc" },
-	});
+	const staffMembers = await db
+		.select({ id: User.id, username: User.username })
+		.from(User)
+		.where(gte(User.rank, minStaffRank))
+		.orderBy(asc(User.username));
 
 	const canEdit = canAccess(permissions, PERMS.TICKETS_EDIT, session.user.rank);
 

src/app/admin/tickets/page.tsx

@@ -1,12 +1,25 @@
+import {
+	and,
+	asc,
+	count,
+	desc,
+	eq,
+	like,
+	ne,
+	or,
+	type SQL,
+	sql,
+} from "drizzle-orm";
+import { alias } from "drizzle-orm/mysql-core";
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
 import { StatusCard } from "@/components/admin/dashboard";
 import { TicketQueueBanner } from "@/components/admin/ticket-queue-banner";
 import { fetchTicketQueueOpenCounts } from "@/lib/admin/ticket-queue-counts";
 import { calcPagination, parseListParams } from "@/lib/admin-helpers";
+import { db, User, WebsiteTicket } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { prisma } from "@/lib/prisma";
 import { type TicketRow, TicketsTable } from "./tickets-table";
 
 export default async function AdminTicketsPage({
@@ -24,92 +37,123 @@ export default async function AdminTicketsPage({
 	const parsed = parseListParams(new URLSearchParams(raw));
 	const statusFilter = raw.filter_status || raw.status || "active";
 
-	const conditions: any[] = [];
+	const Creator = alias(User, "ticket_creator");
+	const Assignee = alias(User, "ticket_assignee");
+
+	const conditions: SQL[] = [];
 
 	if (statusFilter === "active") {
-		conditions.push({ status: { not: "closed" } });
+		conditions.push(ne(WebsiteTicket.status, "closed"));
 	} else if (statusFilter && statusFilter !== "all") {
-		conditions.push({ status: statusFilter });
+		conditions.push(eq(WebsiteTicket.status, statusFilter));
 	}
 
 	if (parsed.search.trim()) {
 		const q = parsed.search.trim();
 		const asId = Number(q);
-		conditions.push({
-			OR: [
-				{ subject: { contains: q } },
-				{ category: { contains: q } },
-				{ creator: { username: { contains: q } } },
-				{ assignee: { username: { contains: q } } },
-				...(Number.isFinite(asId) && asId > 0 ? [{ id: asId }] : []),
-			],
-		});
+		const searchOr = [
+			like(WebsiteTicket.subject, `%${q}%`),
+			like(WebsiteTicket.category, `%${q}%`),
+			like(Creator.username, `%${q}%`),
+			like(Assignee.username, `%${q}%`),
+			...(Number.isFinite(asId) && asId > 0
+				? [eq(WebsiteTicket.id, asId)]
+				: []),
+		];
+		conditions.push(or(...searchOr)!);
 	}
 
-	const where: any =
-		conditions.length === 0
-			? {}
-			: conditions.length === 1
-				? conditions[0]
-				: { AND: conditions };
+	const where = conditions.length > 0 ? and(...conditions) : undefined;
 
-	const SORT_MAP: Record<string, any> = {
-		subject: { subject: "asc" },
-		status: { status: "asc" },
-		priority: { priority: "asc" },
-		assignee: { assigneeId: "asc" },
-		date: { createdAt: "desc" },
-		id: { id: "desc" },
-	};
+	const orderCol =
+		parsed.sort === "subject"
+			? WebsiteTicket.subject
+			: parsed.sort === "status"
+				? WebsiteTicket.status
+				: parsed.sort === "priority"
+					? WebsiteTicket.priority
+					: parsed.sort === "assignee"
+						? WebsiteTicket.assigneeId
+						: parsed.sort === "id"
+							? WebsiteTicket.id
+							: WebsiteTicket.createdAt;
+	const orderBy = parsed.order === "asc" ? asc(orderCol) : desc(orderCol);
 
-	const baseOrder = SORT_MAP[parsed.sort ?? "date"] ?? { createdAt: "desc" };
-	const orderField = Object.keys(baseOrder)[0] as keyof typeof baseOrder;
-	const orderBy = {
-		[orderField]: parsed.order,
-	} as any;
-
-	const [total, openCount, inProgressCount, waitingCount, closedCount, queues] =
+	const [totalRows, openRows, inProgressRows, waitingRows, closedRows, queues] =
 		await Promise.all([
-			prisma.websiteTicket.count({ where }).catch(() => 0),
-			prisma.websiteTicket.count({ where: { status: "open" } }).catch(() => 0),
-			prisma.websiteTicket
-				.count({ where: { status: "in_progress" } })
-				.catch(() => 0),
-			prisma.websiteTicket
-				.count({ where: { status: "waiting" } })
-				.catch(() => 0),
-			prisma.websiteTicket
-				.count({ where: { status: "closed" } })
-				.catch(() => 0),
+			db
+				.select({ total: count() })
+				.from(WebsiteTicket)
+				.leftJoin(Creator, eq(WebsiteTicket.creatorId, Creator.id))
+				.leftJoin(Assignee, eq(WebsiteTicket.assigneeId, Assignee.id))
+				.where(where)
+				.catch(() => [{ total: 0 }]),
+			db
+				.select({ total: count() })
+				.from(WebsiteTicket)
+				.where(eq(WebsiteTicket.status, "open"))
+				.catch(() => [{ total: 0 }]),
+			db
+				.select({ total: count() })
+				.from(WebsiteTicket)
+				.where(eq(WebsiteTicket.status, "in_progress"))
+				.catch(() => [{ total: 0 }]),
+			db
+				.select({ total: count() })
+				.from(WebsiteTicket)
+				.where(eq(WebsiteTicket.status, "waiting"))
+				.catch(() => [{ total: 0 }]),
+			db
+				.select({ total: count() })
+				.from(WebsiteTicket)
+				.where(eq(WebsiteTicket.status, "closed"))
+				.catch(() => [{ total: 0 }]),
 			fetchTicketQueueOpenCounts(),
 		]);
 
+	const total = Number(totalRows[0]?.total ?? 0);
+	const openCount = Number(openRows[0]?.total ?? 0);
+	const inProgressCount = Number(inProgressRows[0]?.total ?? 0);
+	const waitingCount = Number(waitingRows[0]?.total ?? 0);
+	const closedCount = Number(closedRows[0]?.total ?? 0);
+
 	const pagination = calcPagination(total, parsed.page, parsed.perPage);
 
-	const tickets = await prisma.websiteTicket
-		.findMany({
-			where,
-			orderBy,
-			skip: pagination.offset,
-			take: pagination.perPage,
-			include: {
-				creator: { select: { id: true, username: true } },
-				assignee: { select: { id: true, username: true } },
-				_count: { select: { messages: true } },
-			},
+	const tickets = await db
+		.select({
+			id: WebsiteTicket.id,
+			subject: WebsiteTicket.subject,
+			creatorId: WebsiteTicket.creatorId,
+			category: WebsiteTicket.category,
+			status: WebsiteTicket.status,
+			priority: WebsiteTicket.priority,
+			createdAt: WebsiteTicket.createdAt,
+			creatorUsername: Creator.username,
+			assigneeUsername: Assignee.username,
+			messageCount: sql<number>`(
+				SELECT COUNT(*) FROM website_ticket_messages m
+				WHERE m.ticket_id = ${WebsiteTicket.id}
+			)`.mapWith(Number),
 		})
+		.from(WebsiteTicket)
+		.leftJoin(Creator, eq(WebsiteTicket.creatorId, Creator.id))
+		.leftJoin(Assignee, eq(WebsiteTicket.assigneeId, Assignee.id))
+		.where(where)
+		.orderBy(orderBy)
+		.limit(pagination.perPage)
+		.offset(pagination.offset)
 		.catch(() => []);
 
 	const rows: TicketRow[] = tickets.map((ticket) => ({
 		id: ticket.id,
 		subject: ticket.subject,
-		creator: ticket.creator.username,
+		creator: ticket.creatorUsername ?? "—",
 		creatorId: ticket.creatorId,
 		category: ticket.category,
-		messages: ticket._count.messages,
+		messages: Number(ticket.messageCount ?? 0),
 		status: ticket.status,
 		priority: ticket.priority,
-		assignee: ticket.assignee?.username ?? "—",
+		assignee: ticket.assigneeUsername ?? "—",
 		date: formatDate(ticket.createdAt, "date"),
 	}));
 

src/app/admin/tickets/templates/page.tsx

@@ -1,6 +1,7 @@
+import { asc } from "drizzle-orm";
 import { redirect } from "next/navigation";
+import { db, WebsiteTicketTemplate } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { prisma } from "@/lib/prisma";
 import { TicketTemplatesManager } from "./templates-manager";
 
 export default async function TicketTemplatesPage() {
@@ -9,9 +10,10 @@ export default async function TicketTemplatesPage() {
 		redirect("/admin/tickets");
 	}
 
-	const templates = await prisma.websiteTicketTemplate.findMany({
-		orderBy: { sortOrder: "asc" },
-	});
+	const templates = await db
+		.select()
+		.from(WebsiteTicketTemplate)
+		.orderBy(asc(WebsiteTicketTemplate.sortOrder));
 
 	return (
 		<div className="space-y-6">