From 1ffe964bf3078b0a732411997be9dfbdea6b3b6f Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 13:38:29 +0530
Subject: [PATCH 01/21] fix: add GitHub API version header, PAT usage, router
 cleanup; contributors + profile working

---
 src/App.tsx                                   |  53 ++--
 src/Routes/Router.tsx                         |  30 ++-
 src/lib/githubFetch.ts                        |  18 ++
 .../ContributorProfile/ContributorProfile.tsx |  64 +++--
 src/pages/Contributors/Contributors.tsx       | 230 ++++++++----------
 5 files changed, 219 insertions(+), 176 deletions(-)
 create mode 100644 src/lib/githubFetch.ts

diff --git a/src/App.tsx b/src/App.tsx
index b00eba8..8a46000 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,24 +1,29 @@
+import { createBrowserRouter, RouterProvider, Outlet } from "react-router-dom";
 import Navbar from "./components/Navbar";
 import Footer from "./components/Footer";
 import ScrollProgressBar from "./components/ScrollProgressBar";
 import { Toaster } from "react-hot-toast";
-import Router from "./Routes/Router";
 import ThemeWrapper from "./context/ThemeContext";
 
-function App() {
+import Tracker from "./pages/Tracker/Tracker.tsx";
+import About from "./pages/About/About";
+import Contact from "./pages/Contact/Contact";
+import Contributors from "./pages/Contributors/Contributors";
+import Signup from "./pages/Signup/Signup.tsx";
+import Login from "./pages/Login/Login.tsx";
+import ContributorProfile from "./pages/ContributorProfile/ContributorProfile.tsx";
+import Home from "./pages/Home/Home.tsx";
+
+function RootLayout() {
   return (
     <ThemeWrapper>
       <div className="relative flex flex-col min-h-screen">
         <ScrollProgressBar />
-
         <Navbar />
-
         <main className="flex-grow bg-gray-50 dark:bg-gray-800 flex justify-center items-center">
-          <Router />
+          <Outlet />
         </main>
-
         <Footer />
-
         <Toaster
           position="top-center"
           reverseOrder={false}
@@ -27,13 +32,7 @@ function App() {
           toastOptions={{
             className: "bg-white dark:bg-gray-800 text-black dark:text-white",
             duration: 5000,
-            success: {
-              duration: 3000,
-              iconTheme: {
-                primary: "green",
-                secondary: "white",
-              },
-            },
+            success: { duration: 3000, iconTheme: { primary: "green", secondary: "white" } },
           }}
         />
       </div>
@@ -41,4 +40,28 @@ function App() {
   );
 }
 
-export default App;
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <RootLayout />,
+    children: [
+      { index: true, element: <Home /> },
+      { path: "track", element: <Tracker /> },
+      { path: "signup", element: <Signup /> },
+      { path: "login", element: <Login /> },
+      { path: "about", element: <About /> },
+      { path: "contact", element: <Contact /> },
+      { path: "contributors", element: <Contributors /> },
+      { path: "contributor/:username", element: <ContributorProfile /> },
+    ],
+  },
+]);
+
+export default function AppRouter() {
+  return (
+    <RouterProvider
+      router={router}
+      future={{ v7_startTransition: true } as any}
+    />
+  );
+}
diff --git a/src/Routes/Router.tsx b/src/Routes/Router.tsx
index 40a7861..83aeb23 100644
--- a/src/Routes/Router.tsx
+++ b/src/Routes/Router.tsx
@@ -1,4 +1,4 @@
-import { Routes, Route } from "react-router-dom";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import Tracker from "../pages/Tracker/Tracker.tsx";
 import About from "../pages/About/About";
 import Contact from "../pages/Contact/Contact";
@@ -8,19 +8,17 @@ import Login from "../pages/Login/Login.tsx";
 import ContributorProfile from "../pages/ContributorProfile/ContributorProfile.tsx";
 import Home from "../pages/Home/Home.tsx";
 
-const Router = () => {
-  return (
-    <Routes>
-      <Route path="/" element={<Home />} />
-      <Route path="/track" element={<Tracker />} />
-      <Route path="/signup" element={<Signup />} />
-      <Route path="/login" element={<Login />} />
-      <Route path="/about" element={<About />} />
-      <Route path="/contact" element={<Contact />} />
-      <Route path="/contributors" element={<Contributors />} />
-      <Route path="/contributor/:username" element={<ContributorProfile />} />
-    </Routes>
-  );
-};
+const router = createBrowserRouter([
+  { path: "/", element: <Home /> },
+  { path: "/track", element: <Tracker /> },
+  { path: "/signup", element: <Signup /> },
+  { path: "/login", element: <Login /> },
+  { path: "/about", element: <About /> },
+  { path: "/contact", element: <Contact /> },
+  { path: "/contributors", element: <Contributors /> },
+  { path: "/contributor/:username", element: <ContributorProfile /> },
+]);
 
-export default Router;
+export default function AppRouter() {
+  return <RouterProvider router={router} />;
+}
diff --git a/src/lib/githubFetch.ts b/src/lib/githubFetch.ts
new file mode 100644
index 0000000..4c01dbe
--- /dev/null
+++ b/src/lib/githubFetch.ts
@@ -0,0 +1,18 @@
+// src/lib/githubFetch.ts
+export const GITHUB_API_VERSION = "2022-11-28";
+
+export async function ghFetch(
+  path: string,
+  token: string,
+  init: RequestInit = {}
+) {
+  const base = "https://api.github.com";
+  const headers = new Headers(init.headers || {});
+  if (token) {
+    headers.set("Authorization", `Bearer ${token}`); // or `token ${token}`
+  }
+  headers.set("Accept", "application/vnd.github+json");
+  headers.set("X-GitHub-Api-Version", GITHUB_API_VERSION);
+
+  return fetch(`${base}${path}`, { ...init, headers });
+}
\ No newline at end of file
diff --git a/src/pages/ContributorProfile/ContributorProfile.tsx b/src/pages/ContributorProfile/ContributorProfile.tsx
index b4ab931..8f29111 100644
--- a/src/pages/ContributorProfile/ContributorProfile.tsx
+++ b/src/pages/ContributorProfile/ContributorProfile.tsx
@@ -1,16 +1,25 @@
+import { ghFetch as gh } from "../../lib/githubFetch";
 import { useParams } from "react-router-dom";
 import { useEffect, useState } from "react";
 import toast from "react-hot-toast";
 
+type Profile = {
+  login: string;
+  avatar_url: string;
+  bio?: string | null;
+  html_url: string;
+};
+
 type PR = {
+  id: number;
   title: string;
   html_url: string;
   repository_url: string;
 };
 
 export default function ContributorProfile() {
-  const { username } = useParams();
-  const [profile, setProfile] = useState<any>(null);
+  const { username } = useParams<{ username: string }>();
+  const [profile, setProfile] = useState<Profile | null>(null);
   const [prs, setPRs] = useState<PR[]>([]);
   const [loading, setLoading] = useState(true);
 
@@ -18,18 +27,28 @@ export default function ContributorProfile() {
     async function fetchData() {
       if (!username) return;
 
+      const token =
+        localStorage.getItem("gh_pat") ||
+        localStorage.getItem("github_pat") ||
+        localStorage.getItem("token") ||
+        "";
+
       try {
-        const userRes = await fetch(`https://api.github.com/users/${username}`);
-        const userData = await userRes.json();
+        // fetch user profile
+        const userRes = await gh(`/users/${encodeURIComponent(username)}`, token);
+        const userData = (await userRes.json()) as Profile;
         setProfile(userData);
 
-        const prsRes = await fetch(
-          `https://api.github.com/search/issues?q=author:${username}+type:pr`
+        // fetch PRs authored by the user (latest first)
+        const q = `author:${encodeURIComponent(username)}+type:pr`;
+        const prsRes = await gh(
+          `/search/issues?q=${q}&per_page=100&sort=updated&order=desc`,
+          token
         );
         const prsData = await prsRes.json();
-        setPRs(prsData.items);
-      } catch (error) {
-        toast.error("Failed to fetch user data.");
+        setPRs(Array.isArray(prsData.items) ? (prsData.items as PR[]) : []);
+      } catch (error: any) {
+        toast.error(`Failed to fetch user data. ${error?.message ?? ""}`);
       } finally {
         setLoading(false);
       }
@@ -39,8 +58,12 @@ export default function ContributorProfile() {
   }, [username]);
 
   const handleCopyLink = () => {
-    navigator.clipboard.writeText(window.location.href);
-    toast.success("🔗 Shareable link copied to clipboard!");
+    try {
+      navigator.clipboard.writeText(window.location.href);
+      toast.success("🔗 Shareable link copied to clipboard!");
+    } catch {
+      toast.error("Could not copy link");
+    }
   };
 
   if (loading) return <div className="text-center mt-10">Loading...</div>;
@@ -55,11 +78,20 @@ export default function ContributorProfile() {
       <div className="text-center">
         <img
           src={profile.avatar_url}
-          alt="Avatar"
+          alt={`${profile.login} avatar`}
           className="w-24 h-24 mx-auto rounded-full"
         />
-        <h2 className="text-2xl font-bold mt-2">{profile.login}</h2>
-        <p className="">{profile.bio}</p>
+        <h2 className="text-2xl font-bold mt-2">
+          <a
+            href={profile.html_url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:underline"
+          >
+            {profile.login}
+          </a>
+        </h2>
+        {profile.bio && <p className="mt-1 opacity-90">{profile.bio}</p>}
         <button
           onClick={handleCopyLink}
           className="mt-4 px-4 py-2 bg-blue-600 rounded hover:bg-blue-800 transition text-white"
@@ -71,10 +103,10 @@ export default function ContributorProfile() {
       <h3 className="text-xl font-semibold mt-6 mb-2">Pull Requests</h3>
       {prs.length > 0 ? (
         <ul className="list-disc ml-6 space-y-2">
-          {prs.map((pr, i) => {
+          {prs.map((pr) => {
             const repoName = pr.repository_url.split("/").slice(-2).join("/");
             return (
-              <li key={i}>
+              <li key={pr.id}>
                 <a
                   href={pr.html_url}
                   target="_blank"
diff --git a/src/pages/Contributors/Contributors.tsx b/src/pages/Contributors/Contributors.tsx
index 60270b1..6c57391 100644
--- a/src/pages/Contributors/Contributors.tsx
+++ b/src/pages/Contributors/Contributors.tsx
@@ -1,144 +1,116 @@
+import { ghFetch as gh } from "../../lib/githubFetch";
 import { useEffect, useState } from "react";
-import {
-  Container,
-  Grid,
-  Card,
-  CardContent,
-  Avatar,
-  Typography,
-  Button,
-  Box,
-  CircularProgress,
-  Alert,
-} from "@mui/material";
-import { FaGithub } from "react-icons/fa";
-import { Link } from "react-router-dom";
-import axios from "axios";
-import { GITHUB_REPO_CONTRIBUTORS_URL } from "../../utils/constants";
 
-interface Contributor {
-  id: number;
-  login: string;
-  avatar_url: string;
-  contributions: number;
-  html_url: string;
-}
-
-const ContributorsPage = () => {
-  const [contributors, setContributors] = useState<Contributor[]>([]);
+export default function Contributors() {
+  const [contributors, setContributors] = useState<any[]>([]);
+  const [error, setError] = useState<string>("");
   const [loading, setLoading] = useState<boolean>(true);
-  const [error, setError] = useState<string | null>(null);
 
-  // Fetch contributors from GitHub API
   useEffect(() => {
-    const fetchContributors = async () => {
-      try {
-        const response = await axios.get(GITHUB_REPO_CONTRIBUTORS_URL, {
-          withCredentials: false,
-        });
-        setContributors(response.data);
-      } catch (err) {
-        setError("Failed to fetch contributors. Please try again later.");
-      } finally {
-        setLoading(false);
+    async function getToken() {
+      return (
+        localStorage.getItem("gh_pat") ||
+        localStorage.getItem("github_pat") ||
+        localStorage.getItem("token") ||
+        ""
+      );
+    }
+
+    async function resolveRepoFullName(token: string): Promise<string | null> {
+      // Try to find the repo by searching both org and user scopes and dash/underscore variants
+      const owners = ["GitMetricsLab", "gitmetricsslab", "ASR1015"]; // include common forks/owners
+      const names = ["github-tracker", "github_tracker"]; // dash vs underscore
+
+      for (const owner of owners) {
+        for (const name of names) {
+          // org search
+          try {
+            const q = `org:${owner}+${name}+in:name`;
+            const res = await gh(`/search/repositories?q=${encodeURIComponent(q)}&per_page=5`, token);
+            const json = await res.json();
+            const match = (json.items || []).find(
+              (it: any) => it.name.toLowerCase() === name.toLowerCase()
+            );
+            if (match?.full_name) return match.full_name as string;
+          } catch {}
+
+          // user search
+          try {
+            const q2 = `user:${owner}+${name}+in:name`;
+            const res2 = await gh(`/search/repositories?q=${encodeURIComponent(q2)}&per_page=5`, token);
+            const json2 = await res2.json();
+            const match2 = (json2.items || []).find(
+              (it: any) => it.name.toLowerCase() === name.toLowerCase()
+            );
+            if (match2?.full_name) return match2.full_name as string;
+          } catch {}
+        }
       }
-    };
+      return null;
+    }
 
-    fetchContributors();
-  }, []);
+    async function loadContributors() {
+      setLoading(true);
+      setError("");
+      setContributors([]);
+      const token =
+        localStorage.getItem("gh_pat") ||
+        localStorage.getItem("github_pat") ||
+        localStorage.getItem("token") ||
+        "";
 
-  if (loading) {
-    return (
-      <Box sx={{ display: "flex", justifyContent: "center", mt: 4 }}>
-        <CircularProgress />
-      </Box>
-    );
-  }
+      try {
+        const owner = "ASR1015"; // exact slug from your repo tab
+        const repo = "github_tracker"; // underscore version
+        console.log("[contributors] fetching for ASR1015/github_tracker");
 
-  if (error) {
-    return (
-      <Box sx={{ mt: 4 }}>
-        <Alert severity="error">{error}</Alert>
-      </Box>
-    );
-  }
+        const res = await gh(
+          `/repos/${owner}/${repo}/contributors?per_page=50`,
+          token
+        );
 
-  return (
-    <div className="bg-white dark:bg-gray-900 text-black dark:text-white min-h-screen p-4 mt-4">
-      <Container>
-        <Typography sx={{ pb: 2 }} variant="h4" align="center" gutterBottom>
-          🤝 Contributors
-        </Typography>
+        if (!res.ok) {
+          const txt = await res.text();
+          throw new Error(`GitHub ${res.status}: ${txt}`);
+        }
 
-        <Grid container spacing={4}>
-          {contributors.map((contributor) => (
-            <Grid item xs={12} sm={6} md={3} key={contributor.id}>
-                <Card
-                  sx={{
-                    textAlign: "center",
-                    p: 2,
-                    borderRadius: "10px",
-                    border: "1px solid #E0E0E0",
-                    boxShadow: "0 4px 10px rgba(0,0,0,0.1)",
-                    transition: "transform 0.3s ease-in-out",
-                    "&:hover": {
-                      transform: "scale(1.05)",
-                      boxShadow: "0 8px 15px rgba(0,0,0,0.2)",
-                      borderColor: "#C0C0C0",
-                      outlineColor: "#B3B3B3",
-                    },
-                  }}
-                >
-                    <Link
-                        to={`/contributor/${contributor.login}`}
-                        style={{ textDecoration: "none" }}
-                    >
-                    <Avatar
-                        src={contributor.avatar_url}
-                        alt={contributor.login}
-                        sx={{ width: 100, height: 100, mx: "auto", mb: 2 }}
-                    />
-                    <CardContent>
-                        <Typography variant="h6" sx={{ fontWeight: "bold" }}>
-                        {contributor.login}
-                        </Typography>
+        const data = await res.json();
+        setContributors(Array.isArray(data) ? data : []);
+      } catch (err: any) {
+        setError(
+          err?.message ||
+            "Failed to fetch contributors. Check owner/repo and token (use 'repo' scope if private)."
+        );
+        console.error("[contributors] error", err);
+      } finally {
+        setLoading(false);
+      }
+    }
 
-                        <Typography variant="body2" color="text.secondary">
-                        {contributor.contributions} Contributions
-                        </Typography>
-                        {/*
-                        <Typography variant="body2" sx={{ mt: 2 }}>
-                        Thank you for your valuable contributions to our
-                        community!
-                        </Typography> */}
-                    </CardContent>
-                    </Link>
+    loadContributors();
+  }, []);
 
-                    <Box sx={{ mt: 2 }}>
-                        <Button
-                            variant="contained"
-                            startIcon={<FaGithub />}
-                            href={contributor.html_url}
-                            target="_blank"
-                            sx={{
-                                backgroundColor: "#333333",
-                                textTransform: "none",
-                                color: "#FFFFFF",
-                                "&:hover": {
-                                backgroundColor: "#555555",
-                                },
-                            }}
-                            >
-                            GitHub
-                        </Button>
-                    </Box>
-                </Card>
-            </Grid>
-          ))}
-        </Grid>
-      </Container>
+  return (
+    <div className="p-6 w-full max-w-3xl mx-auto">
+      <h1 className="text-2xl font-semibold mb-4">Contributors</h1>
+      {loading && <div className="opacity-70 mb-2">Loading…</div>}
+      {error && (
+        <div className="mb-4 rounded-md border border-red-300 bg-red-50 p-3 text-red-700">{error}</div>
+      )}
+      <ul className="space-y-2">
+        {contributors.map((c) => (
+          <li key={c.id} className="flex items-center gap-3">
+            <img src={c.avatar_url} alt={c.login} width={32} height={32} className="rounded-full" />
+            <a href={c.html_url} target="_blank" rel="noreferrer" className="text-blue-700 hover:underline">
+              {c.login}
+            </a>
+            <span className="opacity-70">({c.contributions} contributions)</span>
+          </li>
+        ))}
+        {!loading && contributors.length === 0 && !error && (
+          <li className="opacity-70">No contributors found.</li>
+        )}
+      </ul>
     </div>
   );
-};
-
-export default ContributorsPage;
+}

From 1985c85ed14730c09b10a35bf17843569e5a45ef Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 14:01:40 +0530
Subject: [PATCH 02/21] perf(router): lazy-load routes + suspense fallback

---
 src/App.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 8a46000..4485005 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,18 +1,19 @@
 import { createBrowserRouter, RouterProvider, Outlet } from "react-router-dom";
+import { lazy, Suspense } from "react";
 import Navbar from "./components/Navbar";
 import Footer from "./components/Footer";
 import ScrollProgressBar from "./components/ScrollProgressBar";
 import { Toaster } from "react-hot-toast";
 import ThemeWrapper from "./context/ThemeContext";
 
-import Tracker from "./pages/Tracker/Tracker.tsx";
-import About from "./pages/About/About";
-import Contact from "./pages/Contact/Contact";
-import Contributors from "./pages/Contributors/Contributors";
-import Signup from "./pages/Signup/Signup.tsx";
-import Login from "./pages/Login/Login.tsx";
-import ContributorProfile from "./pages/ContributorProfile/ContributorProfile.tsx";
-import Home from "./pages/Home/Home.tsx";
+const Home = lazy(() => import("./pages/Home/Home.tsx"));
+const Tracker = lazy(() => import("./pages/Tracker/Tracker.tsx"));
+const About = lazy(() => import("./pages/About/About"));
+const Contact = lazy(() => import("./pages/Contact/Contact"));
+const Contributors = lazy(() => import("./pages/Contributors/Contributors"));
+const Signup = lazy(() => import("./pages/Signup/Signup.tsx"));
+const Login = lazy(() => import("./pages/Login/Login.tsx"));
+const ContributorProfile = lazy(() => import("./pages/ContributorProfile/ContributorProfile.tsx"));
 
 function RootLayout() {
   return (
@@ -21,7 +22,9 @@ function RootLayout() {
         <ScrollProgressBar />
         <Navbar />
         <main className="flex-grow bg-gray-50 dark:bg-gray-800 flex justify-center items-center">
-          <Outlet />
+          <Suspense fallback={<div className="p-6">Loading…</div>}>
+            <Outlet />
+          </Suspense>
         </main>
         <Footer />
         <Toaster
@@ -44,6 +47,7 @@ const router = createBrowserRouter([
   {
     path: "/",
     element: <RootLayout />,
+    errorElement: <div className="p-6">Something went wrong loading this page.</div>,
     children: [
       { index: true, element: <Home /> },
       { path: "track", element: <Tracker /> },
@@ -61,7 +65,6 @@ export default function AppRouter() {
   return (
     <RouterProvider
       router={router}
-      future={{ v7_startTransition: true } as any}
     />
   );
 }

From df1f6b0091cfd675bbe89bc3bcb505a2962c24d4 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 14:06:32 +0530
Subject: [PATCH 03/21] feat: add ghJson helper for API error handling

---
 src/lib/githubFetch.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/lib/githubFetch.ts b/src/lib/githubFetch.ts
index 4c01dbe..ff0a75f 100644
--- a/src/lib/githubFetch.ts
+++ b/src/lib/githubFetch.ts
@@ -15,4 +15,19 @@ export async function ghFetch(
   headers.set("X-GitHub-Api-Version", GITHUB_API_VERSION);
 
   return fetch(`${base}${path}`, { ...init, headers });
+}
+
+export async function ghJson<T>(
+  path: string,
+  token: string,
+  init: RequestInit = {}
+): Promise<T> {
+  const res = await ghFetch(path, token, init);
+  if (!res.ok) {
+    const text = await res.text().catch(() => "");
+    throw new Error(
+      `GitHub API ${res.status} ${res.statusText}${text ? `: ${text}` : ""}`
+    );
+  }
+  return res.json() as Promise<T>;
 }
\ No newline at end of file

From f594f4e9298c9fe6f6a55e09aff36174f913db20 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 14:41:12 +0530
Subject: [PATCH 04/21] fix: handle GitHub API deprecations + robust profile/PR
 fetching

---
 package.json                                  |  3 +++
 src/lib/octokit.ts                            | 22 +++++++++++++++++
 src/main.tsx                                  |  3 ---
 .../ContributorProfile/ContributorProfile.tsx | 24 ++++++++++++++++++-
 src/utils/constants.ts                        |  5 +++-
 5 files changed, 52 insertions(+), 5 deletions(-)
 create mode 100644 src/lib/octokit.ts

diff --git a/package.json b/package.json
index f2d89f5..4a80d3c 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,9 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.15.6",
     "@mui/material": "^5.15.6",
+    "@octokit/core": "^6.1.6",
+    "@octokit/plugin-paginate-rest": "^11.6.0",
+    "@octokit/plugin-throttling": "^9.6.1",
     "@primer/octicons-react": "^19.15.5",
     "@vitejs/plugin-react": "^4.3.3",
     "axios": "^1.7.7",
diff --git a/src/lib/octokit.ts b/src/lib/octokit.ts
new file mode 100644
index 0000000..52f2464
--- /dev/null
+++ b/src/lib/octokit.ts
@@ -0,0 +1,22 @@
+import { Octokit } from "@octokit/core";
+import { paginateRest } from "@octokit/plugin-paginate-rest";
+import { throttling } from "@octokit/plugin-throttling";
+
+const MyOctokit = Octokit.plugin(paginateRest, throttling);
+
+export const makeOctokit = (token: string) =>
+  new MyOctokit({
+    auth: token,
+    userAgent: "github-tracker/1.0",
+    request: {
+      // IMPORTANT: stops “deprecated / unversioned” warnings
+      headers: { "X-GitHub-Api-Version": "2022-11-28" },
+    },
+    throttle: {
+      onRateLimit: (retryAfter, options, octokit) => {
+        console.warn(`Rate limit hit for ${options.method} ${options.url}. Retrying in ${retryAfter}s.`);
+        return true; // auto-retry once
+      },
+      onSecondaryRateLimit: () => true,
+    },
+  });
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index 4c5b79d..b9ef808 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,15 +2,12 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
-import { BrowserRouter } from "react-router-dom";
 import ThemeWrapper from "./context/ThemeContext.tsx";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <ThemeWrapper>
-    <BrowserRouter>
       <App />
-    </BrowserRouter>
     </ThemeWrapper>
   </StrictMode>
 );
\ No newline at end of file
diff --git a/src/pages/ContributorProfile/ContributorProfile.tsx b/src/pages/ContributorProfile/ContributorProfile.tsx
index 8f29111..070addb 100644
--- a/src/pages/ContributorProfile/ContributorProfile.tsx
+++ b/src/pages/ContributorProfile/ContributorProfile.tsx
@@ -36,15 +36,37 @@ export default function ContributorProfile() {
       try {
         // fetch user profile
         const userRes = await gh(`/users/${encodeURIComponent(username)}`, token);
+        if (!userRes.ok) {
+          if (userRes.status === 404) {
+            // user not found — clear state and bail early
+            setProfile(null);
+            setPRs([]);
+            return;
+          }
+          const msg = await userRes.text().catch(() => "");
+          throw new Error(
+            `User fetch failed: ${userRes.status} ${userRes.statusText}${
+              msg ? ` – ${msg}` : ""
+            }`
+          );
+        }
         const userData = (await userRes.json()) as Profile;
         setProfile(userData);
 
         // fetch PRs authored by the user (latest first)
-        const q = `author:${encodeURIComponent(username)}+type:pr`;
+        const q = encodeURIComponent(`author:${username} type:pr`);
         const prsRes = await gh(
           `/search/issues?q=${q}&per_page=100&sort=updated&order=desc`,
           token
         );
+        if (!prsRes.ok) {
+          const msg = await prsRes.text().catch(() => "");
+          throw new Error(
+            `PR search failed: ${prsRes.status} ${prsRes.statusText}${
+              msg ? ` – ${msg}` : ""
+            }`
+          );
+        }
         const prsData = await prsRes.json();
         setPRs(Array.isArray(prsData.items) ? (prsData.items as PR[]) : []);
       } catch (error: any) {
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 09717e0..9d04259 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -1,4 +1,7 @@
-export const GITHUB_REPO_API_BASE = "https://api.github.com/repos/GitMetricsLab/github_tracker";
+export const GITHUB_API_VERSION = "2022-11-28";
+
+export const GITHUB_API_BASE = "https://api.github.com";
+export const GITHUB_REPO_API_BASE = `${GITHUB_API_BASE}/repos/GitMetricsLab/github_tracker`;
 
 // endpoints:
 export const GITHUB_REPO_CONTRIBUTORS_URL = `${GITHUB_REPO_API_BASE}/contributors`;

From d367be4bf92ac5eba3d9c62b1b6fe1b26aa0919e Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 14:51:25 +0530
Subject: [PATCH 05/21] fix: migrate /search/issues to GraphQL + improve error
 handling

---
 src/hooks/useGitHubData.ts                    | 41 +++++++++++++++----
 .../ContributorProfile/ContributorProfile.tsx | 38 +++++++++++++----
 2 files changed, 63 insertions(+), 16 deletions(-)

diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index a0ebe10..2fcf6a0 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -10,18 +10,41 @@ export const useGitHubData = (getOctokit: () => any) => {
   const [rateLimited, setRateLimited] = useState(false);
 
   const fetchPaginated = async (octokit: any, username: string, type: string, page = 1, per_page = 10) => {
-    const q = `author:${username} is:${type}`;
-    const response = await octokit.request('GET /search/issues', {
-      q,
-      sort: 'created',
-      order: 'desc',
-      per_page,
-      page,
+    const query = `
+      query ($queryString: String!, $first: Int!, $after: String) {
+        search(query: $queryString, type: ISSUE, first: $first, after: $after) {
+          issueCount
+          edges {
+            cursor
+            node {
+              ... on Issue {
+                id
+                title
+                url
+                createdAt
+              }
+              ... on PullRequest {
+                id
+                title
+                url
+                createdAt
+              }
+            }
+          }
+        }
+      }
+    `;
+
+    const queryString = `author:${username} is:${type}`;
+    const response = await octokit.graphql(query, {
+      queryString,
+      first: per_page,
+      after: page > 1 ? btoa(`cursor:${(page - 1) * per_page}`) : null,
     });
 
     return {
-      items: response.data.items,
-      total: response.data.total_count,
+      items: response.search.edges.map((edge: any) => edge.node),
+      total: response.search.issueCount,
     };
   };
 
diff --git a/src/pages/ContributorProfile/ContributorProfile.tsx b/src/pages/ContributorProfile/ContributorProfile.tsx
index 070addb..4fa30eb 100644
--- a/src/pages/ContributorProfile/ContributorProfile.tsx
+++ b/src/pages/ContributorProfile/ContributorProfile.tsx
@@ -53,12 +53,34 @@ export default function ContributorProfile() {
         const userData = (await userRes.json()) as Profile;
         setProfile(userData);
 
-        // fetch PRs authored by the user (latest first)
-        const q = encodeURIComponent(`author:${username} type:pr`);
-        const prsRes = await gh(
-          `/search/issues?q=${q}&per_page=100&sort=updated&order=desc`,
-          token
-        );
+        // fetch PRs authored by the user (latest first) using GraphQL
+        const gqlQuery = {
+          query: `
+            query($query: String!) {
+              search(query: $query, type: ISSUE, first: 100) {
+                nodes {
+                  ... on PullRequest {
+                    id
+                    title
+                    url
+                    repository {
+                      nameWithOwner
+                    }
+                  }
+                }
+              }
+            }
+          `,
+          variables: {
+            query: `author:${username} type:pr sort:updated-desc`,
+          },
+        };
+
+        const prsRes = await gh("/graphql", token, {
+          method: "POST",
+          body: JSON.stringify(gqlQuery),
+        });
+
         if (!prsRes.ok) {
           const msg = await prsRes.text().catch(() => "");
           throw new Error(
@@ -67,8 +89,10 @@ export default function ContributorProfile() {
             }`
           );
         }
+
         const prsData = await prsRes.json();
-        setPRs(Array.isArray(prsData.items) ? (prsData.items as PR[]) : []);
+        const prs = prsData.data?.search?.nodes || [];
+        setPRs(prs as PR[]);
       } catch (error: any) {
         toast.error(`Failed to fetch user data. ${error?.message ?? ""}`);
       } finally {

From 5b67edef754f2d5f92314416dc7c032567223b12 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 14:54:41 +0530
Subject: [PATCH 06/21] fix: await clipboard write for reliable copy + error
 handling

---
 src/pages/ContributorProfile/ContributorProfile.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/ContributorProfile/ContributorProfile.tsx b/src/pages/ContributorProfile/ContributorProfile.tsx
index 4fa30eb..88fe17d 100644
--- a/src/pages/ContributorProfile/ContributorProfile.tsx
+++ b/src/pages/ContributorProfile/ContributorProfile.tsx
@@ -103,9 +103,9 @@ export default function ContributorProfile() {
     fetchData();
   }, [username]);
 
-  const handleCopyLink = () => {
+  const handleCopyLink = async () => {
     try {
-      navigator.clipboard.writeText(window.location.href);
+      await navigator.clipboard.writeText(window.location.href);
       toast.success("🔗 Shareable link copied to clipboard!");
     } catch {
       toast.error("Could not copy link");

From 9bc8d72775f7d56f839d40d3b8f84f5b8a8173a8 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 14:57:33 +0530
Subject: [PATCH 07/21] fix: leverage resolveRepoFullName with fallback in
 Contributors page

---
 src/pages/Contributors/Contributors.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Contributors/Contributors.tsx b/src/pages/Contributors/Contributors.tsx
index 6c57391..2cc2b4a 100644
--- a/src/pages/Contributors/Contributors.tsx
+++ b/src/pages/Contributors/Contributors.tsx
@@ -60,12 +60,12 @@ export default function Contributors() {
         "";
 
       try {
-        const owner = "ASR1015"; // exact slug from your repo tab
-        const repo = "github_tracker"; // underscore version
-        console.log("[contributors] fetching for ASR1015/github_tracker");
+        const fallback = "ASR1015/github_tracker";
+        const fullName = (await resolveRepoFullName(token)) ?? fallback;
+        console.log(`[contributors] fetching for ${fullName}`);
 
         const res = await gh(
-          `/repos/${owner}/${repo}/contributors?per_page=50`,
+          `/repos/${fullName}/contributors?per_page=50`,
           token
         );
 

From 60a8c6439129e763b905404599e726d3b9af84cc Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 15:00:14 +0530
Subject: [PATCH 08/21] fix(router): remove duplicate RouterProvider and export
 router config only

---
 src/Routes/Router.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/Routes/Router.tsx b/src/Routes/Router.tsx
index 83aeb23..eeb7e2f 100644
--- a/src/Routes/Router.tsx
+++ b/src/Routes/Router.tsx
@@ -1,4 +1,4 @@
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { createBrowserRouter } from "react-router-dom";
 import Tracker from "../pages/Tracker/Tracker.tsx";
 import About from "../pages/About/About";
 import Contact from "../pages/Contact/Contact";
@@ -19,6 +19,4 @@ const router = createBrowserRouter([
   { path: "/contributor/:username", element: <ContributorProfile /> },
 ]);
 
-export default function AppRouter() {
-  return <RouterProvider router={router} />;
-}
+export default router;

From 74eee8faa4331aa97289bd0ad4ab7dd3d449cadd Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 15:08:43 +0530
Subject: [PATCH 09/21] feat: migrate Tracker to GraphQL search, add missing
 fields, better errors; contributors repo resolution; clipboard await; router
 cleanup

---
 src/hooks/useGitHubData.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index 2fcf6a0..c90365d 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -14,20 +14,29 @@ export const useGitHubData = (getOctokit: () => any) => {
       query ($queryString: String!, $first: Int!, $after: String) {
         search(query: $queryString, type: ISSUE, first: $first, after: $after) {
           issueCount
+          pageInfo {
+            hasNextPage
+            endCursor
+          }
           edges {
             cursor
             node {
               ... on Issue {
-                id
+                databaseId
                 title
                 url
                 createdAt
+                state
+                repository { url }
               }
               ... on PullRequest {
-                id
+                databaseId
                 title
                 url
                 createdAt
+                state
+                mergedAt
+                repository { url }
               }
             }
           }

From 14bfce2d7dc9268f628b9886e70caef85888d454 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 15:11:57 +0530
Subject: [PATCH 10/21] fix(github-data): improve GraphQL query with correct
 fields, pagination and cursor handling

---
 src/hooks/useGitHubData.ts | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index c90365d..ae381f2 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useRef } from 'react';
 
 export const useGitHubData = (getOctokit: () => any) => {
   const [issues, setIssues] = useState([]);
@@ -9,6 +9,11 @@ export const useGitHubData = (getOctokit: () => any) => {
   const [totalPrs, setTotalPrs] = useState(0);
   const [rateLimited, setRateLimited] = useState(false);
 
+  const cursorsRef = useRef<{ issue: Record<number, string | null>, pr: Record<number, string | null> }>({
+    issue: {},
+    pr: {},
+  });
+
   const fetchPaginated = async (octokit: any, username: string, type: string, page = 1, per_page = 10) => {
     const query = `
       query ($queryString: String!, $first: Int!, $after: String) {
@@ -44,13 +49,18 @@ export const useGitHubData = (getOctokit: () => any) => {
       }
     `;
 
-    const queryString = `author:${username} is:${type}`;
+    const queryString = `author:${username} is:${type} sort:updated-desc`;
     const response = await octokit.graphql(query, {
       queryString,
-      first: per_page,
-      after: page > 1 ? btoa(`cursor:${(page - 1) * per_page}`) : null,
+      first: Math.min(100, per_page),
+      after: page > 1 ? (cursorsRef.current?.[type]?.[page - 1] ?? null) : null,
     });
 
+    if (!cursorsRef.current[type]) {
+      cursorsRef.current[type] = {};
+    }
+    cursorsRef.current[type][page] = response.search.pageInfo.endCursor;
+
     return {
       items: response.search.edges.map((edge: any) => edge.node),
       total: response.search.issueCount,

From 232cfe9a405c2dd44d60253fb2d8c6ff5ea7968a Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 15:14:15 +0530
Subject: [PATCH 11/21] fix: map GitHub response to Tracker fields + cache
 endCursor

---
 src/hooks/useGitHubData.ts | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index ae381f2..2fbebdd 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -56,15 +56,24 @@ export const useGitHubData = (getOctokit: () => any) => {
       after: page > 1 ? (cursorsRef.current?.[type]?.[page - 1] ?? null) : null,
     });
 
-    if (!cursorsRef.current[type]) {
-      cursorsRef.current[type] = {};
-    }
-    cursorsRef.current[type][page] = response.search.pageInfo.endCursor;
+    const items = response.search.edges.map((edge: any) => {
+      const n = edge.node;
+      const base = {
+        id: n.databaseId,
+        title: n.title,
+        html_url: n.url,
+        created_at: n.createdAt,
+        state: n.state,
+        repository_url: n.repository.url,
+      };
+      return n.mergedAt ? { ...base, pull_request: { merged_at: n.mergedAt } } : base;
+    });
+
+    // cache cursor for pagination
+    if (!cursorsRef.current[type]) cursorsRef.current[type] = {};
+    cursorsRef.current[type][page] = response.search.pageInfo.endCursor ?? null;
 
-    return {
-      items: response.search.edges.map((edge: any) => edge.node),
-      total: response.search.issueCount,
-    };
+    return { items, total: response.search.issueCount };
   };
 
   const fetchData = useCallback(

From 7ba06b20b9980bdabb262f2561e9c494820c8c94 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 15:15:59 +0530
Subject: [PATCH 12/21] fix: align PR.id with GraphQL databaseId

---
 src/pages/ContributorProfile/ContributorProfile.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ContributorProfile/ContributorProfile.tsx b/src/pages/ContributorProfile/ContributorProfile.tsx
index 88fe17d..56e317e 100644
--- a/src/pages/ContributorProfile/ContributorProfile.tsx
+++ b/src/pages/ContributorProfile/ContributorProfile.tsx
@@ -11,7 +11,7 @@ type Profile = {
 };
 
 type PR = {
-  id: number;
+  id: number; // from databaseId
   title: string;
   html_url: string;
   repository_url: string;

From 949406a3c6b1bf9028eaa3263a4d3f31e42355c7 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 15:18:09 +0530
Subject: [PATCH 13/21] fix: align PR GraphQL fields with Tracker requirements
 (databaseId, repo.url, state, mergedAt)

---
 src/pages/ContributorProfile/ContributorProfile.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/ContributorProfile/ContributorProfile.tsx b/src/pages/ContributorProfile/ContributorProfile.tsx
index 56e317e..bf860c0 100644
--- a/src/pages/ContributorProfile/ContributorProfile.tsx
+++ b/src/pages/ContributorProfile/ContributorProfile.tsx
@@ -60,11 +60,14 @@ export default function ContributorProfile() {
               search(query: $query, type: ISSUE, first: 100) {
                 nodes {
                   ... on PullRequest {
-                    id
+                    databaseId
                     title
                     url
+                    state
+                    mergedAt
                     repository {
                       nameWithOwner
+                      url
                     }
                   }
                 }
@@ -72,7 +75,7 @@ export default function ContributorProfile() {
             }
           `,
           variables: {
-            query: `author:${username} type:pr sort:updated-desc`,
+            query: `author:${username} is:pr sort:updated-desc`,
           },
         };
 

From b8a87eb429988db7cc6fe08e1a7a0c4545d4c46a Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 18:00:58 +0530
Subject: [PATCH 14/21] fix(contributors): handle 204 No Content to avoid JSON
 parse error

---
 src/pages/Contributors/Contributors.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/pages/Contributors/Contributors.tsx b/src/pages/Contributors/Contributors.tsx
index 2cc2b4a..3e5b61b 100644
--- a/src/pages/Contributors/Contributors.tsx
+++ b/src/pages/Contributors/Contributors.tsx
@@ -69,6 +69,13 @@ export default function Contributors() {
           token
         );
 
+        // Some repos return 204 No Content when there are no contributors.
+        // res.ok is true for 204, but res.json() would throw; handle it explicitly.
+        if (res.status === 204) {
+          setContributors([]);
+          return;
+        }
+
         if (!res.ok) {
           const txt = await res.text();
           throw new Error(`GitHub ${res.status}: ${txt}`);

From 1d3341a61c4ae5188fa764d77836b1149289ae1f Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 18:36:13 +0530
Subject: [PATCH 15/21] types: make GitHub cursor paging type-safe (SearchType
 + typed cursorsRef)

---
 src/hooks/useGitHubData.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index 2fbebdd..d36653e 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -1,6 +1,7 @@
-import { useState, useCallback, useRef } from 'react';
+import { useState, useRef, useCallback } from 'react';
 
 export const useGitHubData = (getOctokit: () => any) => {
+  type SearchType = 'issue' | 'pr';
   const [issues, setIssues] = useState([]);
   const [prs, setPrs] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -9,12 +10,12 @@ export const useGitHubData = (getOctokit: () => any) => {
   const [totalPrs, setTotalPrs] = useState(0);
   const [rateLimited, setRateLimited] = useState(false);
 
-  const cursorsRef = useRef<{ issue: Record<number, string | null>, pr: Record<number, string | null> }>({
+  const cursorsRef = useRef<Record<SearchType, Record<number, string | null>>>({
     issue: {},
     pr: {},
   });
 
-  const fetchPaginated = async (octokit: any, username: string, type: string, page = 1, per_page = 10) => {
+  const fetchPaginated = async (octokit: any, username: string, type: SearchType, page = 1, per_page = 10) => {
     const query = `
       query ($queryString: String!, $first: Int!, $after: String) {
         search(query: $queryString, type: ISSUE, first: $first, after: $after) {
@@ -53,7 +54,7 @@ export const useGitHubData = (getOctokit: () => any) => {
     const response = await octokit.graphql(query, {
       queryString,
       first: Math.min(100, per_page),
-      after: page > 1 ? (cursorsRef.current?.[type]?.[page - 1] ?? null) : null,
+      after: page > 1 ? (cursorsRef.current[type]?.[page - 1] ?? null) : null,
     });
 
     const items = response.search.edges.map((edge: any) => {

From 3e82610daa406b80f86d9d29f9b67d2ff3792b03 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 18:54:59 +0530
Subject: [PATCH 16/21] fix(search): key GraphQL pagination cursors by
 username+page size to prevent collisions

---
 src/hooks/useGitHubData.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index d36653e..8d076e0 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -10,7 +10,7 @@ export const useGitHubData = (getOctokit: () => any) => {
   const [totalPrs, setTotalPrs] = useState(0);
   const [rateLimited, setRateLimited] = useState(false);
 
-  const cursorsRef = useRef<Record<SearchType, Record<number, string | null>>>({
+  const cursorsRef = useRef<Record<SearchType, Record<string, Record<number, string | null>>>>({
     issue: {},
     pr: {},
   });
@@ -51,10 +51,11 @@ export const useGitHubData = (getOctokit: () => any) => {
     `;
 
     const queryString = `author:${username} is:${type} sort:updated-desc`;
+    const cursorKey = `${username}:${Math.min(100, per_page)}`;
     const response = await octokit.graphql(query, {
       queryString,
       first: Math.min(100, per_page),
-      after: page > 1 ? (cursorsRef.current[type]?.[page - 1] ?? null) : null,
+      after: page > 1 ? (cursorsRef.current[type]?.[cursorKey]?.[page - 1] ?? null) : null,
     });
 
     const items = response.search.edges.map((edge: any) => {
@@ -70,9 +71,10 @@ export const useGitHubData = (getOctokit: () => any) => {
       return n.mergedAt ? { ...base, pull_request: { merged_at: n.mergedAt } } : base;
     });
 
-    // cache cursor for pagination
+    // cache cursor for pagination (keyed by username + page size)
     if (!cursorsRef.current[type]) cursorsRef.current[type] = {};
-    cursorsRef.current[type][page] = response.search.pageInfo.endCursor ?? null;
+    if (!cursorsRef.current[type][cursorKey]) cursorsRef.current[type][cursorKey] = {};
+    cursorsRef.current[type][cursorKey][page] = response.search.pageInfo.endCursor ?? null;
 
     return { items, total: response.search.issueCount };
   };

From b90005ac776f15d6eb8ad29c7c14726fd6431777 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 19:01:55 +0530
Subject: [PATCH 17/21] fix(profile): map GraphQL PR nodes to local PR shape +
 handle GraphQL errors

---
 .../ContributorProfile/ContributorProfile.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/pages/ContributorProfile/ContributorProfile.tsx b/src/pages/ContributorProfile/ContributorProfile.tsx
index bf860c0..764dd63 100644
--- a/src/pages/ContributorProfile/ContributorProfile.tsx
+++ b/src/pages/ContributorProfile/ContributorProfile.tsx
@@ -93,9 +93,22 @@ export default function ContributorProfile() {
           );
         }
 
-        const prsData = await prsRes.json();
-        const prs = prsData.data?.search?.nodes || [];
-        setPRs(prs as PR[]);
+        const prsPayload = await prsRes.json();
+        // GraphQL responses may include an `errors` array even when the HTTP status is 200
+        if (Array.isArray(prsPayload.errors) && prsPayload.errors.length) {
+          throw new Error(prsPayload.errors.map((e: any) => e?.message ?? "").join("; "));
+        }
+
+        const nodes: any[] = prsPayload?.data?.search?.nodes ?? [];
+        const mapped: PR[] = nodes.map((n: any) => ({
+          id: n?.databaseId as number,
+          title: n?.title as string,
+          html_url: n?.url as string,
+          // GitHub repo URL lets us derive owner/repo downstream
+          repository_url: n?.repository?.url as string,
+        }));
+
+        setPRs(mapped);
       } catch (error: any) {
         toast.error(`Failed to fetch user data. ${error?.message ?? ""}`);
       } finally {

From b5b4b5eb991e686d2ea5947384c9301b7edb9dbb Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 19:05:22 +0530
Subject: [PATCH 18/21] octokit: use shared API version/base, skip empty auth,
 add Accept header, single-retry throttling

---
 src/lib/octokit.ts | 35 +++++++++++++++++++++++++++--------
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/lib/octokit.ts b/src/lib/octokit.ts
index 52f2464..4b09884 100644
--- a/src/lib/octokit.ts
+++ b/src/lib/octokit.ts
@@ -1,22 +1,41 @@
 import { Octokit } from "@octokit/core";
 import { paginateRest } from "@octokit/plugin-paginate-rest";
 import { throttling } from "@octokit/plugin-throttling";
+import { GITHUB_API_VERSION, GITHUB_API_BASE } from "../utils/constants";
 
 const MyOctokit = Octokit.plugin(paginateRest, throttling);
 
-export const makeOctokit = (token: string) =>
+// Make token optional; when empty/undefined we avoid sending an empty Authorization header
+export const makeOctokit = (token?: string) =>
   new MyOctokit({
-    auth: token,
+    auth: token || undefined,
+    baseUrl: GITHUB_API_BASE,
     userAgent: "github-tracker/1.0",
     request: {
-      // IMPORTANT: stops “deprecated / unversioned” warnings
-      headers: { "X-GitHub-Api-Version": "2022-11-28" },
+      // IMPORTANT: stops “deprecated / unversioned” warnings and aligns with fetch helpers
+      headers: {
+        Accept: "application/vnd.github+json",
+        "X-GitHub-Api-Version": GITHUB_API_VERSION,
+      },
     },
     throttle: {
-      onRateLimit: (retryAfter, options, octokit) => {
-        console.warn(`Rate limit hit for ${options.method} ${options.url}. Retrying in ${retryAfter}s.`);
-        return true; // auto-retry once
+      // Retry once on primary rate limit, then surface to caller
+      onRateLimit: (retryAfter, options, octokit, retryCount?: number) => {
+        const count = retryCount ?? 0;
+        if (count === 0) {
+          console.warn(
+            `Rate Limit: ${options.method} ${options.url}. Retrying in ${retryAfter}s.`
+          );
+          return true; // single retry
+        }
+        return false;
+      },
+      // Retry once on secondary rate limit as well
+      onSecondaryRateLimit: (_retryAfter, options) => {
+        console.warn(
+          `Secondary rate limit: ${options.method} ${options.url}.`
+        );
+        return true; // single retry
       },
-      onSecondaryRateLimit: () => true,
     },
   });
\ No newline at end of file

From 58bbb995bdfd16ff347759326e3b74542c8f418a Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 19:07:35 +0530
Subject: [PATCH 19/21] fix: always tag PRs with pull_request; avoid
 misclassifying open PRs as issues

---
 src/hooks/useGitHubData.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useGitHubData.ts b/src/hooks/useGitHubData.ts
index 8d076e0..ee4cd5d 100644
--- a/src/hooks/useGitHubData.ts
+++ b/src/hooks/useGitHubData.ts
@@ -68,7 +68,11 @@ export const useGitHubData = (getOctokit: () => any) => {
         state: n.state,
         repository_url: n.repository.url,
       };
-      return n.mergedAt ? { ...base, pull_request: { merged_at: n.mergedAt } } : base;
+      // Always tag PRs with a pull_request marker; merged_at may be null for open PRs
+      if (type === 'pr') {
+        return { ...base, pull_request: { merged_at: n.mergedAt ?? null } };
+      }
+      return base;
     });
 
     // cache cursor for pagination (keyed by username + page size)

From 47f8948bc3937f783592ff1672593744ef6ebb1b Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 19:36:29 +0530
Subject: [PATCH 20/21] feat(contributors): type Contributor, DRY token,
 unmount-safe state updates

---
 src/pages/Contributors/Contributors.tsx | 52 +++++++++++++++----------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/pages/Contributors/Contributors.tsx b/src/pages/Contributors/Contributors.tsx
index 3e5b61b..fc9cf33 100644
--- a/src/pages/Contributors/Contributors.tsx
+++ b/src/pages/Contributors/Contributors.tsx
@@ -1,20 +1,28 @@
 import { ghFetch as gh } from "../../lib/githubFetch";
 import { useEffect, useState } from "react";
 
+type Contributor = {
+  id: number;
+  login: string;
+  avatar_url: string;
+  html_url: string;
+  contributions: number;
+};
+
 export default function Contributors() {
-  const [contributors, setContributors] = useState<any[]>([]);
+  const [contributors, setContributors] = useState<Contributor[]>([]);
   const [error, setError] = useState<string>("");
   const [loading, setLoading] = useState<boolean>(true);
 
   useEffect(() => {
-    async function getToken() {
-      return (
-        localStorage.getItem("gh_pat") ||
-        localStorage.getItem("github_pat") ||
-        localStorage.getItem("token") ||
-        ""
-      );
-    }
+    const ac = new AbortController();
+    let isMounted = true;
+
+    const getToken = () =>
+      localStorage.getItem("gh_pat") ||
+      localStorage.getItem("github_pat") ||
+      localStorage.getItem("token") ||
+      "";
 
     async function resolveRepoFullName(token: string): Promise<string | null> {
       // Try to find the repo by searching both org and user scopes and dash/underscore variants
@@ -53,11 +61,7 @@ export default function Contributors() {
       setLoading(true);
       setError("");
       setContributors([]);
-      const token =
-        localStorage.getItem("gh_pat") ||
-        localStorage.getItem("github_pat") ||
-        localStorage.getItem("token") ||
-        "";
+      const token = getToken();
 
       try {
         const fallback = "ASR1015/github_tracker";
@@ -72,6 +76,7 @@ export default function Contributors() {
         // Some repos return 204 No Content when there are no contributors.
         // res.ok is true for 204, but res.json() would throw; handle it explicitly.
         if (res.status === 204) {
+          if (!isMounted) return;
           setContributors([]);
           return;
         }
@@ -82,19 +87,26 @@ export default function Contributors() {
         }
 
         const data = await res.json();
-        setContributors(Array.isArray(data) ? data : []);
+        if (!isMounted) return;
+        setContributors(Array.isArray(data) ? (data as Contributor[]) : []);
       } catch (err: any) {
-        setError(
-          err?.message ||
-            "Failed to fetch contributors. Check owner/repo and token (use 'repo' scope if private)."
-        );
+        if (isMounted)
+          setError(
+            err?.message ||
+              "Failed to fetch contributors. Check owner/repo and token (use 'repo' scope if private)."
+          );
         console.error("[contributors] error", err);
       } finally {
-        setLoading(false);
+        if (isMounted) setLoading(false);
       }
     }
 
     loadContributors();
+
+    return () => {
+      isMounted = false;
+      ac.abort();
+    };
   }, []);
 
   return (

From 5847da226b232cfe84a1d4fdc0db94117d9d47e4 Mon Sep 17 00:00:00 2001
From: Anushka Srivastava <asrockstar555@gmail.com>
Date: Tue, 2 Sep 2025 19:46:47 +0530
Subject: [PATCH 21/21] feat(contributors): type Contributor, DRY token,
 unmount-safe state updates

---
 src/pages/Contributors/Contributors.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Contributors/Contributors.tsx b/src/pages/Contributors/Contributors.tsx
index fc9cf33..5487da1 100644
--- a/src/pages/Contributors/Contributors.tsx
+++ b/src/pages/Contributors/Contributors.tsx
@@ -33,7 +33,7 @@ export default function Contributors() {
         for (const name of names) {
           // org search
           try {
-            const q = `org:${owner}+${name}+in:name`;
+            const q = ['org:' + owner, name, 'in:name'].join(' ');
             const res = await gh(`/search/repositories?q=${encodeURIComponent(q)}&per_page=5`, token);
             const json = await res.json();
             const match = (json.items || []).find(
@@ -44,7 +44,7 @@ export default function Contributors() {
 
           // user search
           try {
-            const q2 = `user:${owner}+${name}+in:name`;
+            const q2 = ['user:' + owner, name, 'in:name'].join(' ');
             const res2 = await gh(`/search/repositories?q=${encodeURIComponent(q2)}&per_page=5`, token);
             const json2 = await res2.json();
             const match2 = (json2.items || []).find(