64 lines
1.7 KiB
TypeScript
64 lines
1.7 KiB
TypeScript
|
import { asc, eq, inArray } from "drizzle-orm";
|
||
|
|
import { notFound } from "next/navigation";
|
||
|
|
|
||
|
|
import { db } from "@/db";
|
||
|
|
import {
|
||
|
|
annotationReplies,
|
||
|
|
annotations,
|
||
|
|
bookmarks,
|
||
|
|
files,
|
||
|
|
toAnnotationDTO,
|
||
|
|
toBookmarkDTO,
|
||
|
|
toReplyDTO,
|
||
|
|
} from "@/db/schema";
|
||
|
|
import PDFViewer from "@/components/pdf/PDFViewer";
|
||
|
|
|
||
|
|
const UUID_RE =
|
||
|
|
/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
|
||
|
|
|
||
|
|
export const dynamic = "force-dynamic";
|
||
|
|
|
||
|
|
export default async function AnnotatePage({
|
||
|
|
params,
|
||
|
|
}: {
|
||
|
|
params: { id: string };
|
||
|
|
}) {
|
||
|
|
const { id } = params;
|
||
|
|
if (!UUID_RE.test(id)) notFound();
|
||
|
|
|
||
|
|
const [file] = await db.select().from(files).where(eq(files.id, id));
|
||
|
|
if (!file) notFound();
|
||
|
|
|
||
|
|
const [annotationRows, bookmarkRows] = await Promise.all([
|
||
|
|
db
|
||
|
|
.select()
|
||
|
|
.from(annotations)
|
||
|
|
.where(eq(annotations.fileId, id))
|
||
|
|
.orderBy(asc(annotations.createdAt)),
|
||
|
|
db
|
||
|
|
.select()
|
||
|
|
.from(bookmarks)
|
||
|
|
.where(eq(bookmarks.fileId, id))
|
||
|
|
.orderBy(asc(bookmarks.createdAt)),
|
||
|
|
]);
|
||
|
|
|
||
|
|
// replies ของทุก comment ในไฟล์นี้ (F9) — แม่ถูก CASCADE ไปแล้ว row ก็หายตาม
|
||
|
|
const annotationIds = annotationRows.map((r) => r.id);
|
||
|
|
const replyRows = annotationIds.length
|
||
|
|
? await db
|
||
|
|
.select()
|
||
|
|
.from(annotationReplies)
|
||
|
|
.where(inArray(annotationReplies.annotationId, annotationIds))
|
||
|
|
.orderBy(asc(annotationReplies.createdAt))
|
||
|
|
: [];
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PDFViewer
|
||
|
|
file={{ id: file.id, title: file.title, pdfUrl: file.pdfUrl }}
|
||
|
|
initialAnnotations={annotationRows.map(toAnnotationDTO)}
|
||
|
|
initialBookmarks={bookmarkRows.map(toBookmarkDTO)}
|
||
|
|
initialReplies={replyRows.map(toReplyDTO)}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|