Remove API access token and implement local cache for Github API requ…

…ests to get around their rate limit

.github/workflows/deploy.yml

@@ -16,7 +16,6 @@ jobs:
     env:
       NEXT_PUBLIC_CONTENTFUL_SPACE_ID: ${{ secrets.NEXT_PUBLIC_CONTENTFUL_SPACE_ID }}
       NEXT_PUBLIC_CONTENTFUL_ACCESS_TOKEN: ${{ secrets.NEXT_PUBLIC_CONTENTFUL_ACCESS_TOKEN }}
-      NEXT_PUBLIC_GITHUB_PERSONAL_ACCESS_TOKEN: ${{ secrets.NEXT_PUBLIC_GITHUB_PERSONAL_ACCESS_TOKEN }}
 
     steps:
       - name: Get files

lib/github.js

@@ -1,3 +1,24 @@
+// Create a cache to store the data we fetch from GitHub
+// Github API has a rate limit of 60 requests per hour for unauthenticated users, so when developing locally, we can cache the data to avoid hitting the rate limit.
+let cache = {};
+
+async function fetchData(url) {
+  if (cache[url]) {
+    console.log("cached", cache[url]);
+    return cache[url];
+  }
+
+  const res = await fetch(url, {
+    headers: {
+      Accept: "application/vnd.github.v3+json",
+      // "User-Agent": "samvera/samvera.org",
+    },
+  });
+  const data = await res.json();
+  cache[url] = data;
+  return data;
+}
+
 export async function getGithubRepoData(featuredApps) {
   const apiRootUrl = "https://api.github.com/repos/";
 
@@ -11,23 +32,9 @@ export async function getGithubRepoData(featuredApps) {
 
   try {
     // Fetch the data
-    const repoDataResponses = await Promise.all(
-      urls.map((url) =>
-        fetch(url, {
-          headers: {
-            Accept: "application/vnd.github.v3+json",
-            // "User-Agent": "samvera/samvera.org",
-            Authorization: `token ${process.env.NEXT_PUBLIC_GITHUB_PERSONAL_ACCESS_TOKEN}`,
-          },
-        }).then((res) => {
-          return res.json();
-        })
-      )
-    );
-
-    const releaseResponses = await Promise.all(
-      releaseUrls.map((url) => fetch(url).then((res) => res.json()))
-    );
+    const repoDataResponses = await Promise.all(urls.map(fetchData));
+
+    const releaseResponses = await Promise.all(releaseUrls.map(fetchData));
 
     // Update the featuredApps with the data we fetched
     const updateFeaturedApps = featuredApps.map((featuredApp, index) => {