fea: new revalidation

app/academia/components/subcomponents/Attendance/AttendanceContent.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import { useAttendance } from "@/provider/AttendanceProvider";
 import Error from "@/components/States/Error";
 import Loading from "@/components/States/Loading";
 import NoData from "../NoData";

app/academia/components/subcomponents/Attendance/AttendanceHeader.tsx

@@ -7,7 +7,6 @@ import PredictResetButtons from "./Predict/ResetButtons";
 import InfoPopup from "./InfoPopup";
 import { DateRange } from "@/types/Attendance";
 import { DateObject } from "react-multi-date-picker";
-import { useAttendance } from "@/provider/AttendanceProvider";
 import { useData } from "@/provider/DataProvider";
 
 interface AttendanceHeaderProps {

app/academia/components/subcomponents/Attendance/PredictionContent.tsx

@@ -1,7 +1,5 @@
 import React, { useEffect } from "react";
-import { useAttendance } from "@/provider/AttendanceProvider";
 import { useCalendar } from "@/provider/CalendarProvider";
-import { useTimetable } from "@/provider/TimetableProvider";
 import { useAttendancePrediction } from "@/hooks/useAttendancePredict";
 import Error from "@/components/States/Error";
 import Loading from "@/components/States/Loading";

hooks/useMutate.ts

@@ -2,7 +2,6 @@ import { token } from "@/utils/Encrypt";
 import { getUrl, revalUrl } from "@/utils/URL";
 import { useSWRConfig } from "swr";
 import { Cookie as cookies } from "@/utils/Cookies";
-import { useUser } from "@/provider/UserProvider";
 import { useData } from "@/provider/DataProvider";
 
 export interface MutateOptions {

provider/AttendanceProvider.tsx

@@ -39,23 +39,19 @@ const fetcher = async (url: string) => {
     return null;
   else
     try {
-      const response = await fetch(
-        getUrl() + "/attendance",
-        {
-          method: "GET",
-          headers: {
-            Authorization: `Bearer ${token()}`,
-            "X-CSRF-Token": cookie,
-            "Set-Cookie": cookie,
-            Cookie: cookie,
-            Connection: "keep-alive",
-            "Accept-Encoding": "gzip, deflate, br, zstd",
-            "content-type": "application/json",
-            "Cache-Control":
-              "private, maxage=86400, stale-while-revalidate=7200",
-          },
+      const response = await fetch(getUrl() + "/attendance", {
+        method: "GET",
+        headers: {
+          Authorization: `Bearer ${token()}`,
+          "X-CSRF-Token": cookie,
+          "Set-Cookie": cookie,
+          Cookie: cookie,
+          Connection: "keep-alive",
+          "Accept-Encoding": "gzip, deflate, br, zstd",
+          "content-type": "application/json",
+          "Cache-Control": "private, maxage=86400, stale-while-revalidate=7200",
         },
-      );
+      });
       if (!response.ok) {
         const errorBody = await response.text();
         throw new Error(
@@ -133,7 +129,10 @@ export function AttendanceProvider({
         attendance: attendance?.attendance || null,
         requestedAt: attendance?.requestedAt || 0,
         error: error || null,
-        isOld: !isValidating && !error && attendance?.requestedAt ? Date.now() - attendance?.requestedAt > 2 * 60 * 60 * 1000 : false,
+        isOld:
+          !isValidating && !error && attendance?.requestedAt
+            ? Date.now() - attendance?.requestedAt > 2 * 60 * 60 * 1000
+            : false,
         isLoading: isValidating,
         mutate,
       }}

provider/DataProvider.tsx

@@ -0,0 +1,147 @@
+"use client";
+import { Cookie as cookies, getCookie } from "@/utils/Cookies";
+import { type ReactNode, createContext, useContext, useState } from "react";
+import useSWR from "swr";
+import Storage from "@/utils/Storage";
+import { AttendanceCourse } from "@/types/Attendance";
+import { getUrl, revalUrl } from "@/utils/URL";
+import { token } from "@/utils/Encrypt";
+import { Mark } from "@/types/Marks";
+import { Course } from "@/types/Course";
+import { User } from "@/types/User";
+import { Table } from "@/types/Timetable";
+import { AllResponses } from "@/types/Response";
+
+interface DataContextType {
+  attendance: AttendanceCourse[] | null;
+  marks: Mark[] | null;
+  courses: Course[] | null;
+  user: User | null;
+  timetable: Table[] | null;
+  error: Error | null;
+  requestedAt: number | null;
+  isLoading: boolean;
+  mutate: () => Promise<void | AllResponses | null | undefined>;
+}
+
+const DataContext = createContext<DataContextType>({
+  attendance: null,
+  marks: null,
+  courses: null,
+  user: null,
+  timetable: null,
+  error: null,
+  requestedAt: null,
+  isLoading: false,
+  mutate: async () => {},
+});
+
+const fetcher = async (url: string) => {
+  const cookie = cookies.get("key");
+  if (!cookie) return null;
+
+  const cook = getCookie(cookie ?? "", "_iamadt_client_10002227248");
+  if (
+    !cook ||
+    cook === "" ||
+    cook === "undefined" ||
+    cookie.includes("undefined")
+  )
+    return null;
+  else
+    try {
+      const response = await fetch(url, {
+        method: "GET",
+        headers: {
+          Authorization: `Bearer ${token()}`,
+          "X-CSRF-Token": cookie,
+          "Set-Cookie": cookie,
+          Cookie: cookie,
+          Connection: "keep-alive",
+          "Accept-Encoding": "gzip, deflate, br, zstd",
+          "content-type": "application/json",
+          "Cache-Control": "private, maxage=86400, stale-while-revalidate=7200",
+        },
+      });
+      if (!response.ok) {
+        const errorBody = await response.text();
+        throw new Error(
+          `HTTP error! status: ${response.status}, body: ${errorBody}`,
+        );
+      }
+
+      const data: AllResponses = await response.json();
+      if (
+        !data ||
+        !data.user ||
+        !data.attendance ||
+        !data.marks ||
+        !data.courses ||
+        !data.timetable
+      ) {
+        throw new Error("Invalid response format");
+      }
+
+      return data;
+    } catch (error) {
+      if (error instanceof Error) {
+        throw error;
+      }
+      throw new Error("An unexpected error occurred");
+    }
+};
+
+export function useData() {
+  return useContext(DataContext);
+}
+
+export function DataProvider({ children }: { children: ReactNode }) {
+  const cookie = cookies.get("key");
+
+  const {
+    data: data,
+    error,
+    isValidating,
+    mutate,
+  } = useSWR<AllResponses | null>(cookie ? `${revalUrl}/get` : null, fetcher, {
+    revalidateOnFocus: false,
+    revalidateOnReconnect: false,
+    keepPreviousData: true,
+    shouldRetryOnError: false,
+    errorRetryCount: 0,
+    revalidateIfStale: false,
+    dedupingInterval: 1000 * 60 * 3,
+    onErrorRetry: (error, key, config, revalidate, { retryCount }) => {
+      return;
+    },
+    onSuccess: (data) => {
+      if (data) {
+        Storage.set("attendance", data.attendance);
+        Storage.set("marks", data.marks);
+        Storage.set("courses", data.courses);
+        Storage.set("timetable", data.timetable);
+      }
+      return data;
+    },
+  });
+
+  return (
+    <DataContext.Provider
+      value={{
+        attendance: data?.attendance || null,
+        marks: data?.marks || null,
+        courses: data?.courses || null,
+        user: data?.user || null,
+        timetable: data?.timetable || null,
+
+        requestedAt: data?.requestedAt || 0,
+        error: error || null,
+
+        isLoading: isValidating,
+        mutate,
+      }}
+    >
+      {children}
+    </DataContext.Provider>
+  );
+}

types/Response.ts

@@ -0,0 +1,14 @@
+import { AttendanceCourse } from "./Attendance";
+import { Course } from "./Course";
+import { Mark } from "./Marks";
+import { Table } from "./Timetable";
+import { User } from "./User";
+
+export interface AllResponses {
+    user: User;
+    attendance: AttendanceCourse[];
+    marks: Mark[];
+    timetable: Table[];
+    courses: Course[];
+    requestedAt: number
+}

utils/URL.ts

@@ -1,4 +1,4 @@
-export function getUrl(key: string, endpoint: string) {
+export function getUrl() {
   const rand = Math.floor(Math.random() * 4) + 1;
   switch (rand) {
     case 1: