From f63e61a3b20b2cbf47e0907b5b2e712b1336cc00 Mon Sep 17 00:00:00 2001
From: abhitrueprogrammer <abhiaruvs3@gmail.com>
Date: Thu, 24 Apr 2025 15:47:46 +0530
Subject: [PATCH 1/2] fix: remove redundent course list fetch

---
 src/components/searchbarSubjectList.tsx | 18 ------------------
 1 file changed, 18 deletions(-)

diff --git a/src/components/searchbarSubjectList.tsx b/src/components/searchbarSubjectList.tsx
index 19ada99..7a0d8c1 100644
--- a/src/components/searchbarSubjectList.tsx
+++ b/src/components/searchbarSubjectList.tsx
@@ -21,25 +21,7 @@ function SearchbarSubjectList({
   const [courses, setCourses] = useState<string[]>([]);
   const suggestionsRef = useRef<HTMLUListElement | null>(null);
 
-  const fetchCourses = async () => {
-    try {
-      setLoading(true);
-      const response = await axios.get<ICourses[]>("/api/course-list");
-      const fetchedCourses = response.data.map(
-        (course: { name: string }) => course.name,
-      );
-      setCourses(fetchedCourses);
-      setLoading(false);
-    } catch (err) {
-      console.error("Error fetching courses:", err);
-      setError("Failed to fetch courses");
-      setLoading(false);
-    }
-  };
 
-  useEffect(() => {
-    void fetchCourses();
-  }, []);
 
   const debouncedSearch = useCallback(
     debounce((text: string) => {

From bb0e9d158ba347998552d794b3a544f7a000b70c Mon Sep 17 00:00:00 2001
From: abhitrueprogrammer <abhiaruvs3@gmail.com>
Date: Thu, 24 Apr 2025 16:03:06 +0530
Subject: [PATCH 2/2] feat: add fuzzy search in course list

also delete rendent files
---
 src/app/upload/page_not_AI.tsx               | 270 -------------------
 src/components/Searchbar/searchbar-child.tsx |  13 +-
 src/components/searchbarSubjectList.tsx      | 146 ----------
 3 files changed, 10 insertions(+), 419 deletions(-)
 delete mode 100644 src/app/upload/page_not_AI.tsx
 delete mode 100644 src/components/searchbarSubjectList.tsx

diff --git a/src/app/upload/page_not_AI.tsx b/src/app/upload/page_not_AI.tsx
deleted file mode 100644
index e2e1211..0000000
--- a/src/app/upload/page_not_AI.tsx
+++ /dev/null
@@ -1,270 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-import axios from "axios";
-import toast from "react-hot-toast";
-import { handleAPIError } from "../../util/error";
-import { Button } from "@/components/ui/button";
-
-import { type APIResponse } from "@/interface";
-import { slots, years, semesters, exams } from "@/components/select_options";
-import SearchBar from "@/components/searchbarSubjectList";
-import Dropzone from "react-dropzone";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-
-const Page = () => {
-  const [slot, setSlot] = useState("");
-  const [subject, setSubject] = useState("");
-  const [exam, setExam] = useState("");
-  const [year, setYear] = useState("");
-  const [campus, setCampus] = useState("Vellore");
-  const [semester, setSemester] = useState("");
-
-  const [files, setFiles] = useState<File[]>([]);
-  const [isUploading, setIsUploading] = useState(false);
-  const [resetSearch, setResetSearch] = useState(false);
-
-  const handlePrint = async () => {
-    const maxFileSize = 5 * 1024 * 1024;
-    const allowedFileTypes = [
-      "application/pdf",
-      "image/jpeg",
-      "image/png",
-      "image/gif",
-    ];
-
-    if (!slot) {
-      toast.error("Slot is required");
-      return;
-    }
-    if (!subject) {
-      toast.error("Subject is required");
-      return;
-    }
-    if (!exam) {
-      toast.error("Exam is required");
-      return;
-    }
-    if (!year) {
-      toast.error("Year is required");
-      return;
-    }
-    if (!campus) {
-      setCampus("Vellore");
-    }
-
-    if (!semester) {
-      toast.error("Semester is required");
-      return;
-    }
-    if (!files || files.length === 0) {
-      toast.error("No files selected");
-      return;
-    }
-
-    if (files.length > 5) {
-      toast.error("More than 5 files selected");
-      return;
-    }
-
-    const invalidFiles = files.filter(
-      (file) =>
-        file.size > maxFileSize || !allowedFileTypes.includes(file.type),
-    );
-
-    if (invalidFiles.length > 0) {
-      toast.error(
-        `Some files are invalid. Ensure each file is below 5MB and of an allowed type (PDF, JPEG, PNG, GIF).`,
-      );
-      return;
-    }
-
-    const isPdf = files.length === 1 && files[0]?.type === "application/pdf";
-    if (isPdf && files.length > 1) {
-      toast.error("PDFs must be uploaded separately");
-      return;
-    }
-
-    const formData = new FormData();
-    files.forEach((file) => {
-      formData.append("files", file);
-    });
-    formData.append("subject", subject);
-    formData.append("slot", slot);
-    formData.append("year", year);
-    formData.append("exam", exam);
-    formData.append("semester", semester);
-    formData.append("campus", campus);
-
-    formData.append("isPdf", String(isPdf));
-
-    setIsUploading(true);
-
-    try {
-      await toast.promise(axios.post<APIResponse>("/api/upload", formData), {
-        loading: "Uploading papers...",
-        success: "Papers uploaded successfully!",
-        error: "Failed to upload papers. Please try again.",
-      });
-
-      setSlot("");
-      setSubject("");
-      setExam("");
-      setYear("");
-      setFiles([]);
-      setResetSearch(true);
-      setTimeout(() => setResetSearch(false), 100);
-    } catch (error) {
-      handleAPIError(error);
-    } finally {
-      setIsUploading(false);
-    }
-  };
-
-  return (
-    <div className="flex h-screen flex-col justify-between">
-      <div className="2xl:my-15 flex flex-col items-center">
-        <fieldset className="mb-4 w-[350px] rounded-lg border-2 border-gray-300 p-4 pr-8">
-          <legend className="text-lg font-bold">Select paper parameters</legend>
-
-          <div className="flex w-full flex-col 2xl:gap-y-4">
-            {/* Slot Selection */}
-            <div>
-              <label>Slot:</label>
-              <Select value={slot} onValueChange={setSlot}>
-                <SelectTrigger className="m-2 rounded-md border p-2">
-                  <SelectValue placeholder="Select slot" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectGroup>
-                    <SelectLabel>Slots</SelectLabel>
-                    {slots.map((slot) => (
-                      <SelectItem key={slot} value={slot}>
-                        {slot}
-                      </SelectItem>
-                    ))}
-                  </SelectGroup>
-                </SelectContent>
-              </Select>
-            </div>
-
-            {/* Exam Selection */}
-            <div>
-              <label>Exam:</label>
-              <Select value={exam} onValueChange={setExam}>
-                <SelectTrigger className="m-2 rounded-md border p-2">
-                  <SelectValue placeholder="Select exam" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectGroup>
-                    <SelectLabel>Exams</SelectLabel>
-                    {exams.map((exam) => (
-                      <SelectItem key={exam} value={String(exam)}>
-                        {exam}
-                      </SelectItem>
-                    ))}{" "}
-                  </SelectGroup>
-                </SelectContent>
-              </Select>
-            </div>
-
-            {/* Subject Selection */}
-            <div>
-              <label>Subject:</label>
-              <SearchBar setSubject={setSubject} resetSearch={resetSearch} />
-            </div>
-
-            {/* Year Selection */}
-            <div>
-              <label>Year:</label>
-              <Select value={year} onValueChange={setYear}>
-                <SelectTrigger className="m-2 rounded-md border p-2">
-                  <SelectValue placeholder="Select year" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectGroup>
-                    <SelectLabel>Years</SelectLabel>
-                    {years.map((year) => (
-                      <SelectItem key={year} value={String(year)}>
-                        {year}
-                      </SelectItem>
-                    ))}
-                  </SelectGroup>
-                </SelectContent>
-              </Select>
-            </div>
-
-            {/* Year Selection */}
-            <div>
-              <label>Semester Selection:</label>
-              <Select value={semester} onValueChange={setSemester}>
-                <SelectTrigger className="m-2 rounded-md border p-2">
-                  <SelectValue placeholder="Select semester" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectGroup>
-                    <SelectLabel>Semester</SelectLabel>
-                    {semesters.map((semester) => (
-                      <SelectItem key={semester} value={String(semester)}>
-                        {semester}
-                      </SelectItem>
-                    ))}
-                  </SelectGroup>
-                </SelectContent>
-              </Select>
-            </div>
-
-            {/* File Dropzone */}
-            <div>
-              <Dropzone
-                onDrop={(acceptedFiles) => setFiles(acceptedFiles)}
-                accept={{ "image/*": [], "application/pdf": [] }}
-              >
-                {({ getRootProps, getInputProps }) => (
-                  <section className="my-2 -mr-2 rounded-2xl border-2 border-dashed p-8 text-center">
-                    <div {...getRootProps()}>
-                      <input {...getInputProps()} />
-                      <p>
-                        Drag &apos;n&apos; drop some files here, or{" "}
-                        <span className="text-[#6D28D9]">click</span> to select
-                        files
-                      </p>
-                    </div>
-                    <div
-                      className={`mt-2 text-xs ${
-                        files?.length === 0 ? "text-red-500" : "text-gray-600"
-                      }`}
-                    >
-                      {files?.length || 0} files selected
-                    </div>
-                  </section>
-                )}
-              </Dropzone>
-              <label className="mx-2 -mr-2 block text-center text-xs font-medium text-gray-700">
-                Only Images and PDFs are allowed
-                <sup className="text-red-500">*</sup>
-              </label>
-            </div>
-          </div>
-        </fieldset>
-        <Button
-          onClick={handlePrint}
-          disabled={isUploading}
-          className={`w-fit rounded-md px-4 py-3 ${isUploading ? "bg-gray-300" : ""}`}
-        >
-          {isUploading ? "Uploading..." : "Upload Papers"}
-        </Button>
-      </div>
-    </div>
-  );
-};
-
-export default Page;
diff --git a/src/components/Searchbar/searchbar-child.tsx b/src/components/Searchbar/searchbar-child.tsx
index 7bf1749..eb4c159 100644
--- a/src/components/Searchbar/searchbar-child.tsx
+++ b/src/components/Searchbar/searchbar-child.tsx
@@ -4,6 +4,7 @@ import { useState, useRef, useEffect } from "react";
 import { Search } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { Input } from "@/components/ui/input";
+import Fuse from "fuse.js";
 
 function SearchBarChild({
   initialSubjects,
@@ -16,15 +17,21 @@ function SearchBarChild({
   const [searchText, setSearchText] = useState("");
   const [suggestions, setSuggestions] = useState<string[]>([]);
   const suggestionsRef = useRef<HTMLUListElement | null>(null);
+  const fuzzy = new Fuse(initialSubjects);
 
   const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const text = e.target.value;
     setSearchText(text);
 
     if (text.length > 1 && initialSubjects.length > 0) {
-      const filteredSuggestions = initialSubjects.filter((subject) =>
-        subject.toLowerCase().includes(text.toLowerCase()),
-      );
+      const filteredSuggestions = fuzzy
+        .search(text)
+        .sort((a, b) => {
+          return (a.score ?? Infinity) - (b.score ?? Infinity); // Use Infinity for undefined scores
+        })
+        .map((item) => item.item)
+        .slice(0, 10);
+
       setSuggestions(filteredSuggestions);
     } else {
       setSuggestions([]);
diff --git a/src/components/searchbarSubjectList.tsx b/src/components/searchbarSubjectList.tsx
deleted file mode 100644
index 7a0d8c1..0000000
--- a/src/components/searchbarSubjectList.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-"use client";
-
-import { useState, useCallback, useRef, useEffect } from "react";
-import { Search } from "lucide-react";
-import debounce from "debounce";
-import axios from "axios";
-import { Input } from "@/components/ui/input";
-import { type ICourses } from "@/interface";
-
-function SearchbarSubjectList({
-  setSubject,
-  resetSearch,
-}: {
-  setSubject: React.Dispatch<React.SetStateAction<string>>;
-  resetSearch: boolean;
-}) {
-  const [searchText, setSearchText] = useState("");
-  const [suggestions, setSuggestions] = useState<string[]>([]);
-  const [error, setError] = useState<string | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [courses, setCourses] = useState<string[]>([]);
-  const suggestionsRef = useRef<HTMLUListElement | null>(null);
-
-
-
-  const debouncedSearch = useCallback(
-    debounce((text: string) => {
-      if (text.length > 0) {
-        setLoading(true);
-        const escapedSearchText = text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-
-        const regex = new RegExp(escapedSearchText, "i");
-        const filteredSubjects = courses
-          .filter((subject) => subject.search(regex) !== -1)
-          .slice(0, 10);
-
-        if (filteredSubjects.length === 0) {
-          setError("Subject not found");
-          setSuggestions([]);
-          setLoading(false);
-          return;
-        }
-        setSuggestions(filteredSubjects);
-        setError(null);
-        setLoading(false);
-      } else {
-        setSuggestions([]);
-      }
-    }, 500),
-    [courses],
-  );
-
-  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const text = e.target.value;
-    setSearchText(text);
-    if (text.length <= 0) {
-      setSuggestions([]);
-    }
-    debouncedSearch(text);
-  };
-
-  const handleSelectSuggestion = (suggestion: string) => {
-    setSearchText(suggestion);
-    setSuggestions([]);
-    setSubject(suggestion);
-  };
-
-  const handleClickOutside = (event: MouseEvent) => {
-    if (
-      suggestionsRef.current &&
-      !suggestionsRef.current.contains(event.target as Node)
-    ) {
-      setSuggestions([]);
-    }
-  };
-
-  useEffect(() => {
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-
-  useEffect(() => {
-    if (resetSearch) {
-      setSearchText("");
-      setSuggestions([]);
-    }
-  }, [resetSearch]);
-
-  return (
-    <div className="mx-0">
-      <form className="my-2 ml-2 w-full max-w-xl">
-        <div className="relative">
-          <Input
-            type="text"
-            value={searchText}
-            onChange={handleSearchChange}
-            placeholder="Search for subject..."
-          />
-          <button
-            type="submit"
-            className="absolute inset-y-0 right-0 flex items-center pr-3"
-            disabled
-            title="Search"
-          >
-            <Search className="h-5 w-5 text-white" />
-          </button>
-          {loading && (
-            <div className="text-md absolute z-20 mt-2 w-full max-w-xl rounded-md border border-[#434dba] bg-white p-2 text-center font-sans font-semibold tracking-wider dark:bg-[#030712]">
-              Loading suggestions...
-            </div>
-          )}
-          {(suggestions.length > 0 || error) && !loading && (
-            <ul
-              ref={suggestionsRef}
-              className="absolute z-20 mx-0.5 mt-2 w-full max-w-xl rounded-md border border-[#434dba] bg-white text-center dark:bg-[#030712] md:mx-0"
-            >
-              {error ? (
-                <li className="text-red p-2">{error}</li>
-              ) : (
-                suggestions.map((suggestion, index) => (
-                  <li
-                    key={index}
-                    onClick={() => handleSelectSuggestion(suggestion)}
-                    className="cursor-pointer truncate p-2 hover:opacity-50"
-                    style={{
-                      width: "100%",
-                      overflow: "hidden",
-                      whiteSpace: "nowrap",
-                      textOverflow: "ellipsis",
-                    }}
-                  >
-                    {suggestion}
-                  </li>
-                ))
-              )}
-            </ul>
-          )}
-        </div>
-      </form>
-    </div>
-  );
-}
-
-export default SearchbarSubjectList;