回复的短链

packages/viewer/src/app/r/[rid]/page.tsx

@@ -0,0 +1,20 @@
+import prisma from "@/lib/prisma";
+import { notFound, redirect } from "next/navigation";
+
+const REPLIES_PER_PAGE = parseInt(process.env.REPLIES_PER_PAGE ?? "10", 10);
+
+export default async function Page({ params }: { params: { rid: string } }) {
+  const id = parseInt(params.rid, 10);
+  if (Number.isNaN(id)) notFound();
+  const { discussionId } =
+    (await prisma.reply.findUnique({
+      select: { discussionId: true },
+      where: { id },
+    })) ?? notFound();
+  const pages = Math.ceil(
+    (await prisma.reply.count({
+      where: { id: { lte: id }, discussionId },
+    })) / REPLIES_PER_PAGE
+  );
+  return redirect(`/${discussionId}/${pages}#${params.rid}`);
+}

packages/viewer/src/components/replies/Reply.tsx

@@ -24,7 +24,10 @@ export default function Reply({
 }>) {
   const [userId, setUserId] = useState<number | null>(null);
   return (
-    <div className={reply.id && userId ? "my-5m" : undefined}>
+    <div
+      className={reply.id && userId ? "my-5m" : undefined}
+      id={(reply.id ?? 0).toString()}
+    >
       {reply.id && userId && (
         <ContextViewer
           discussionAuthor={discussion.authorId}