Merge branch 'staging' into prod

Author: abhitrueprogrammer

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 CodeChef-VIT
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -6,13 +6,15 @@ export const fetchPaperID = async (id: string): Promise<PaperResponse> => {
 
   try {
     const response: AxiosResponse<PaperResponse> = await axios.get(
-      `${serverUrl}/api/paper-by-id/${id}`
+      `${serverUrl}/api/paper-by-id/${id}`,
     );
     return response.data;
   } catch (err: unknown) {
     if (axios.isAxiosError(err)) {
       console.error("Axios error:", err.response?.data ?? err.message);
-      const errorMessage = (err.response?.data as { message?: string })?.message ?? "Failed to fetch paper";
+      const errorMessage =
+        (err.response?.data as { message?: string })?.message ??
+        "Failed to fetch paper";
       throw new Error(errorMessage);
     } else {
       console.error("Unexpected error:", err);

src/app/actions/get-papers-by-id.ts

@@ -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

@@ -136,14 +136,23 @@ export default function Page() {
         return;
       }
 
+      const totalSize = allFiles.reduce(
+        (sum, f) => sum + f.size,
+        0,
+      );
+      if (totalSize > maxFileSize){
+        toast.error("The total upload size exceeds 5MB.", { id: toastId });
+        return;
+      }
+
       const invalidFiles = acceptedFiles.filter(
         (file) =>
           file.size > maxFileSize || !allowedFileTypes.includes(file.type),
       );
 
       if (invalidFiles.length > 0) {
         toast.error(
-          "Some files are invalid. Make sure each is under 5MB and of allowed types (PDF, JPEG, PNG, GIF).",
+          "Some files are invalid. Make sure the total size is below 5MB and files are of allowed types (PDF, JPEG, PNG, GIF).",
           { id: toastId },
         );
         return;
@@ -375,44 +384,52 @@ export default function Page() {
               multiple={true}
             >
               {({ getRootProps, getInputProps, isDragActive }) => {
-                const pdfUploaded = files.some(f => f.type === "application/pdf");
-                return(
-                <div
-                  className={`relative h-20 w-20 flex-shrink-0 touch-none group${
-            isDragActive || isGlobalDragging
-              ? "border-2 border-solid border-[#6D28D9]"
-              : ""
-          }`}
-                  {...(!pdfUploaded ? getRootProps() : {})}
-                >
-                  {!pdfUploaded && <input {...getInputProps()} />}
-                  <div className={`absolute left-4 top-4 h-16 w-16 rounded-2xl bg-violet-950 ${pdfUploaded ? "text-gray-500 cursor-not-allowed" : "text-white cursor-pointer"}`} />
-                  <div className="absolute left-0 top-0 h-10 w-10 rounded-[20px] bg-violet-950" />
-                  <div className="absolute left-1 top-1 flex h-8 w-8 items-center rounded-[20px] bg-black/50" />
-                  <div className={`absolute left-9 top-9 text-2xl ${pdfUploaded ? "text-gray-500 cursor-not-allowed" : "text-white cursor-pointer"}`}
-                >
-                    <div className={`absolute text-2xl ${pdfUploaded ? "text-gray-500 cursor-not-allowed" : "text-white cursor-pointer"}`}
-                >   
-                    <FiPlus className="h-7 w-7" />
-
-                    {pdfUploaded && (<div className="absolute left-12 top-1/2 -translate-y-1/2 whitespace-nowrap rounded-md bg-gradient-to-r from-indigo-900 to-violet-900 px-3 py-1 text-xs text-white shadow-lg opacity-0 group-hover:opacity-100 transition-all duration-300 group-hover:translate-x-1">
-                        Only one PDF file is permitted. 
+                const pdfUploaded = files.some(
+                  (f) => f.type === "application/pdf",
+                );
+                return (
+                  <div
+                    className={`relative h-20 w-20 flex-shrink-0 touch-none group${
+                      isDragActive || isGlobalDragging
+                        ? "border-2 border-solid border-[#6D28D9]"
+                        : ""
+                    }`}
+                    {...(!pdfUploaded ? getRootProps() : {})}
+                  >
+                    {!pdfUploaded && <input {...getInputProps()} />}
+                    <div
+                      className={`absolute left-4 top-4 h-16 w-16 rounded-2xl bg-[#A78BFA] dark:bg-violet-950 ${pdfUploaded ? "cursor-not-allowed text-gray-500" : "cursor-pointer text-white"}`}
+                    />
+                    <div className="absolute left-0 top-0 h-10 w-10 rounded-[20px] bg-[#A78BFA] dark:bg-violet-950" />
+
+                    <div className="absolute left-1 top-1 flex h-8 w-8 items-center rounded-[20px] bg-black/30 dark:bg-black/50" />
+                    <div
+                      className={`absolute left-9 top-9 text-2xl ${pdfUploaded ? "cursor-not-allowed text-gray-500" : "cursor-pointer text-white"}`}
+                    >
+                      <div
+                        className={`absolute text-2xl ${pdfUploaded ? "cursor-not-allowed text-gray-500" : "cursor-pointer text-white"}`}
+                      >
+                        <FiPlus className="h-7 w-7" />
+
+                        {pdfUploaded && (
+                          <div className="absolute left-12 top-1/2 -translate-y-1/2 whitespace-nowrap rounded-md bg-gradient-to-r from-indigo-900 to-violet-900 px-3 py-1 text-xs text-white opacity-0 shadow-lg transition-all duration-300 group-hover:translate-x-1 group-hover:opacity-100">
+                            Only one PDF file is permitted.
+                          </div>
+                        )}
+                      </div>
+                    </div>
+                    <div className="absolute left-4 top-3 text-xs font-semibold text-white">
+                      {previews.length}
                     </div>
-                    )}
-                  </div>
-                  </div>
-                  <div className="absolute left-4 top-3 text-xs font-semibold text-white">
-                    {previews.length}
                   </div>
-                </div>
                 );
               }}
             </Dropzone>
           )}
           {previews.length > 0 && (
             <section className="mt-6 flex w-full flex-col items-center">
               <div className="flex w-max gap-4">
-                <div className="scrollbar-hide flex w-[80vw] max-w-4xl flex-col justify-between overflow-x-auto overflow-y-hidden rounded-[40px] border-[6px] border-indigo-900 bg-indigo-900/10 p-4 sm:p-6 md:w-max md:p-8">
+                <div className="scrollbar-hide flex w-[80vw] max-w-4xl flex-col justify-between overflow-x-auto overflow-y-hidden rounded-[40px] border-[6px] border-[#A78BFA] bg-indigo-900/10 p-4 dark:border-indigo-900 sm:p-6 md:w-max md:p-8">
                   <DndContext
                     sensors={sensors}
                     collisionDetection={closestCenter}
@@ -493,7 +510,7 @@ export default function Page() {
           <Button
             onClick={handleUpload}
             disabled={isUploading || files.length === 0}
-            className="mt-8 rounded-[40px] bg-violet-950 px-8 py-3 text-xl text-white hover:bg-violet-800"
+            className="mt-8 rounded-[40px] bg-[#A78BFA] px-8 py-3 text-xl text-white hover:bg-[#8B5CF6] dark:bg-violet-950 dark:hover:bg-violet-800"
           >
             {isUploading ? "Uploading..." : "Upload"}
           </Button>

src/app/upload/page.tsx

@@ -18,6 +18,7 @@ import { useCourses } from "@/context/courseContext";
 import { FilterProvider, useFilters } from "@/context/filterContext";
 import EmptyState from "./ui/EmptyState";
 import SidebarButton from "./SidebarButton";
+import SortComponent from "./ui/sorting";
 
 const CatalogueContentInner = ({ subject }: { subject: string | null }) => {
   const [isMounted, setIsMounted] = useState(false);
@@ -27,6 +28,7 @@ const CatalogueContentInner = ({ subject }: { subject: string | null }) => {
   const [pinned, setPinned] = useState<boolean>(false);
   const [relatedSubjects, setRelatedSubjects] = useState<string[]>([]);
   const { courses } = useCourses();
+  const [sortOption, setSortOption] = useState<"asc" | "desc" | "none">("none");
 
   // Use filter context
   const {
@@ -175,6 +177,31 @@ const CatalogueContentInner = ({ subject }: { subject: string | null }) => {
     void fetchPapers();
   }, [subject, isMounted, setPapers, setFilterOptions]);
 
+  useEffect(() => {
+    if (!papers.length) return;
+
+    const filtered = [...papers];
+
+    if (sortOption === "asc") {
+      filtered.sort((a, b) => a.year.localeCompare(b.year));
+    } else if (sortOption === "desc") {
+      filtered.sort((a, b) => b.year.localeCompare(a.year));
+    }
+
+    setFilteredPapers(filtered);
+  }, [
+    papers,
+    selectedExams,
+    selectedSlots,
+    selectedYears,
+    selectedSemesters,
+    selectedCampuses,
+    selectedAnswerKeyIncluded,
+    sortOption,
+    setFilteredPapers,
+    setAppliedFilters,
+  ]);
+
   useEffect(() => {
     if (!papers.length) return;
 
@@ -206,6 +233,11 @@ const CatalogueContentInner = ({ subject }: { subject: string | null }) => {
         answerkeyCondition
       );
     });
+    if (sortOption === "asc") {
+      filtered.sort((a, b) => a.year.localeCompare(b.year));
+    } else if (sortOption === "desc") {
+      filtered.sort((a, b) => b.year.localeCompare(a.year));
+    }
     setFilteredPapers(filtered);
     setAppliedFilters(
       selectedExams.length > 0 ||
@@ -284,12 +316,21 @@ const CatalogueContentInner = ({ subject }: { subject: string | null }) => {
           </div>
 
           {/* Select/Deselect/Download All Buttons */}
-          <div className="mb-8 flex w-full items-center justify-end gap-4">
-            <SidebarButton onClick={handleSelectAll}>Select All</SidebarButton>
-            <SidebarButton onClick={handleDeselectAll}>
+          <div className="mb-6 mt-5 flex w-full flex-wrap items-center justify-start gap-3 sm:gap-4 md:mt-4 md:justify-end">
+            <SortComponent
+              onSortChange={setSortOption}
+              currentSort={sortOption}
+            />
+
+            <SidebarButton onClick={handleSelectAll} className="order-2">
+              Select All
+            </SidebarButton>
+
+            <SidebarButton onClick={handleDeselectAll} className="order-2">
               Deselect All
             </SidebarButton>
-            <SidebarButton onClick={handleDownloadSelected}>
+
+            <SidebarButton onClick={handleDownloadSelected} className="order-2">
               Download Selected
             </SidebarButton>
           </div>