Merge pull request #419 from YOGESH-08/staging

feat: Report tag

Author: abhitrueprogrammer

package.json

@@ -30,6 +30,7 @@
     "@types/node": "^24.6.1",
     "@ungap/with-resolvers": "^0.1.0",
     "@upstash/ratelimit": "^2.0.5",
+    "@upstash/redis": "^1.33.0",
     "@vercel/kv": "^3.0.0",
     "axios": "^1.8.4",
     "canvas": "^3.2.0",

pnpm-lock.yaml

@@ -0,0 +1,101 @@
+import { NextResponse } from "next/server";
+import { connectToDatabase } from "@/lib/database/mongoose";
+import TagReport from "@/db/tagReport";
+import { Ratelimit } from "@upstash/ratelimit";
+import { redis } from "@/lib/utils/redis";
+import { exams } from "@/components/select_options";
+
+interface ReportedFieldInput {
+  field: string;
+  value?: string;
+}
+const ALLOWED_FIELDS = ["subject", "courseCode", "exam", "slot", "year"];
+
+const ratelimit = new Ratelimit({
+  redis,
+  limiter: Ratelimit.slidingWindow(3, "1 h"),//per id - 3 request - per hour
+  analytics: true,
+});
+
+function getClientIp(req: Request & { ip?: string}): string {
+  return req.ip || "127.0.0.1";
+}
+
+export async function POST(req: Request & { ip?: string }) {
+  try {
+    await connectToDatabase();
+
+    const body = await req.json();
+    const { paperId } = body;
+
+    if (!paperId) {
+      return NextResponse.json(
+        { error: "paperId is required" },
+        { status: 400 }
+      );
+    }
+    const ip = getClientIp(req);
+    const key = `${ip}::${paperId}`;
+    const { success } = await ratelimit.limit(key);
+
+    if (!success) {
+      return NextResponse.json(
+        { error: "Rate limit exceeded for reporting." },
+        { status: 429 }
+      );
+    }
+    const MAX_REPORTS_PER_PAPER = 5; 
+    const count = await TagReport.countDocuments({ paperId });
+
+    if (count >= MAX_REPORTS_PER_PAPER) {
+      return NextResponse.json(
+        { error: "Received many reports; we are currently working on it." },
+        { status: 429 }
+      );
+    }
+      const reportedFields: ReportedFieldInput[] = Array.isArray(body.reportedFields)
+        ? body.reportedFields
+            .map((r:Partial<ReportedFieldInput>) => ({
+              field: typeof r.field === "string" ? r.field.trim() : "",
+              value: typeof r.value === "string" ? r.value.trim() : undefined,
+            }))
+            .filter((r:Partial<ReportedFieldInput>) => r.field)
+        : [];
+
+    for (const rf of reportedFields) {
+      if (!ALLOWED_FIELDS.includes(rf.field)) {
+        return NextResponse.json(
+          { error: `Invalid field: ${rf.field}` },
+          { status: 400 }
+        );
+      }
+      if (rf.field === "exam" && rf.value) {
+        if (!exams.some(e => e.toLowerCase() === rf.value?.toLowerCase())) {
+          return NextResponse.json(
+            { error: `Invalid exam value: ${rf.value}` },
+            { status: 400 }
+          );
+        }
+      }
+    }
+
+    const newReport = await TagReport.create({
+      paperId,
+      reportedFields,
+      comment: body.comment,
+      reporterEmail: body.reporterEmail,
+      reporterId: body.reporterId,
+    });
+
+    return NextResponse.json(
+      { message: "Report submitted.", report: newReport },
+      { status: 201 }
+    );
+  } catch (err) {
+    console.error(err);
+    return NextResponse.json(
+      { error: "Failed to submit tag report." },
+      { status: 500 }
+    );
+  }
+}

src/app/api/report-tag/route.ts

@@ -7,6 +7,7 @@ import { extractBracketContent } from "@/lib/utils/string";
 import axios, { type AxiosResponse } from "axios";
 import { type Metadata } from "next";
 import { redirect } from "next/navigation";
+import { PaperProvider } from "@/context/PaperContext";
 
 export async function generateMetadata({
   params,
@@ -164,10 +165,20 @@ const PaperPage = async ({ params }: { params: { id: string } }) => {
             </div>
           </h1>
           <center>
+              <PaperProvider
+                value={{
+                  paperId: params.id,
+                  subject: paper.subject,
+                  exam: paper.exam,
+                  slot: paper.slot,
+                  year: paper.year,
+                }}
+              >
             <PdfViewer
               url={paper.file_url}
               name={`${extractBracketContent(paper.subject)}-${paper.exam}-${paper.slot}-${paper.year}`}
             ></PdfViewer>
+            </PaperProvider>
           </center>
           <RelatedPapers />
         </>

src/app/paper/[id]/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { useState } from "react";
+import { FaFlag } from "react-icons/fa6";
+import { Button } from "./ui/button";
+import ReportTagModal from "./ReportTagModal";
+import { usePaper } from "@/context/PaperContext";
+
+export default function ReportButton(){ 
+  const { paperId, subject, exam, slot, year } = usePaper();
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      <Button
+        onClick={() => setOpen(true)}
+        className="h-10 w-10 rounded p-0 text-white transition hover:bg-red-600 bg-red-500"
+      >
+        <FaFlag className="text-sm" />
+      </Button>
+
+      <ReportTagModal
+        paperId={paperId}
+        subject={subject}
+        exam={exam}
+        slot={slot}
+        year={year}
+        open={open}
+        setOpen={setOpen}
+      />
+    </>
+  );
+}