From 700c5f752221e8d871f3ea565db0d9c06cf75575 Mon Sep 17 00:00:00 2001
From: bkellam <bshizzle1234@gmail.com>
Date: Wed, 11 Sep 2024 12:15:12 -0700
Subject: [PATCH] no-store caching strategy

---
 src/app/page.tsx                  |  2 --
 src/app/repos/page.tsx            |  7 ++++---
 src/app/repos/repositoryTable.tsx | 32 ++++++++++++-------------------
 src/lib/server/searchService.ts   |  3 ++-
 src/lib/server/zoektClient.ts     |  3 +++
 5 files changed, 21 insertions(+), 26 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 32c7da01..82e3634a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import Image from "next/image";
 import logoDark from "../../public/sb_logo_dark_large.png";
 import logoLight from "../../public/sb_logo_light_large.png";
diff --git a/src/app/repos/page.tsx b/src/app/repos/page.tsx
index f6e66b75..5d871038 100644
--- a/src/app/repos/page.tsx
+++ b/src/app/repos/page.tsx
@@ -1,5 +1,4 @@
-'use client';
-
+import { Suspense } from "react";
 import { NavigationMenu } from "../navigationMenu";
 import { RepositoryTable } from "./repositoryTable";
 
@@ -7,7 +6,9 @@ export default function ReposPage() {
     return (
         <div className="h-screen flex flex-col items-center">
             <NavigationMenu />
-            <RepositoryTable />
+            <Suspense fallback={<div>Loading...</div>}>
+                <RepositoryTable />
+            </Suspense>
         </div>
     )
 }
\ No newline at end of file
diff --git a/src/app/repos/repositoryTable.tsx b/src/app/repos/repositoryTable.tsx
index 386bc5fd..2e7d0da6 100644
--- a/src/app/repos/repositoryTable.tsx
+++ b/src/app/repos/repositoryTable.tsx
@@ -1,25 +1,17 @@
-'use client';
-
 import { DataTable } from "@/components/ui/data-table";
 import { columns, RepositoryColumnInfo } from "./columns";
+import { listRepositories } from "@/lib/server/searchService";
 import { isServiceError } from "@/lib/utils";
-import { useQuery } from "@tanstack/react-query";
-import { useMemo } from "react";
-import { getRepos } from "../api/(client)/client";
 
-export const RepositoryTable = () => {
-    const { data: _repos } = useQuery({
-        queryKey: ["repos"],
-        queryFn: () => getRepos(),
-        enabled: typeof window !== "undefined",
-    });
+export const RepositoryTable = async () => {
+    const _repos = await listRepositories();
 
-    const repos = useMemo(() => {
-        if (isServiceError(_repos)) {
-            return [];
-        }
+    if (isServiceError(_repos)) {
+        return <div>Error fetching repositories</div>;
+    }
 
-        return _repos?.List.Repos.map((repo): RepositoryColumnInfo => ({
+    const repos = _repos.List.Repos.map((repo): RepositoryColumnInfo => {
+        return {
             name: repo.Repository.Name,
             branches: repo.Repository.Branches.map((branch) => {
                 return {
@@ -34,10 +26,10 @@ export const RepositoryTable = () => {
             latestCommit: repo.Repository.LatestCommitDate,
             indexedFiles: repo.Stats.Documents,
             commitUrlTemplate: repo.Repository.CommitURLTemplate,
-        })).sort((a, b) => {
-            return new Date(b.lastIndexed).getTime() - new Date(a.lastIndexed).getTime();
-        }) ?? [];
-    }, [_repos]);
+        }
+    }).sort((a, b) => {
+        return new Date(b.lastIndexed).getTime() -  new Date(a.lastIndexed).getTime();
+    });
 
     return (
         <DataTable
diff --git a/src/lib/server/searchService.ts b/src/lib/server/searchService.ts
index 330408ba..0d537be8 100644
--- a/src/lib/server/searchService.ts
+++ b/src/lib/server/searchService.ts
@@ -74,7 +74,8 @@ export const listRepositories = async (): Promise<ListRepositoriesResponse | Ser
     const listResponse = await zoektFetch({
         path: "/api/list",
         body,
-        method: "POST"
+        method: "POST",
+        cache: "no-store",
     });
 
     if (!listResponse.ok) {
diff --git a/src/lib/server/zoektClient.ts b/src/lib/server/zoektClient.ts
index 55dd9230..1b9a80ce 100644
--- a/src/lib/server/zoektClient.ts
+++ b/src/lib/server/zoektClient.ts
@@ -5,12 +5,14 @@ interface ZoektRequest {
     path: string,
     body: string,
     method: string,
+    cache?: RequestCache,
 }
 
 export const zoektFetch = async ({
     path,
     body,
     method,
+    cache,
 }: ZoektRequest) => {
     const start = Date.now();
 
@@ -22,6 +24,7 @@ export const zoektFetch = async ({
                 "Content-Type": "application/json",
             },
             body,
+            cache,
         }
     );