feat(cache): use cache more often

Author: avivkeller

apps/site/components/EOL/EOLReleaseTable/index.tsx

@@ -9,7 +9,7 @@ import EOLReleaseTableBody from './TableBody';
 
 const EOLReleaseTable: FC = async () => {
   const releaseData = await provideReleaseData();
-  const vulnerabilities = provideVulnerabilities();
+  const vulnerabilities = await provideVulnerabilities();
 
   const eolReleases = releaseData.filter(
     release => release.status === EOL_VERSION_IDENTIFIER

apps/site/components/withSupporters.tsx

@@ -2,12 +2,13 @@
 
 import type { FC, PropsWithChildren } from 'react';
 
+import provideSupporters from '#site/next-data/providers/supportersData';
+
 import SupportersList from './Common/Supporters';
 
-import provideSupporters from '#site/next-data/providers/supportersData';
 
-const WithSupporters: FC<PropsWithChildren> = () => {
-  const supporters = provideSupporters();
+const WithSupporters: FC<PropsWithChildren> = async () => {
+  const supporters = await provideSupporters();
 
   return (
     <div className="flex max-w-full flex-wrap items-center gap-1">

apps/site/next-data/generators/supportersData.mjs

@@ -25,4 +25,4 @@ async function fetchOpenCollectiveData() {
   return members;
 }
 
-export { fetchOpenCollectiveData };
+export default fetchOpenCollectiveData;

apps/site/next-data/providers/releaseData.ts

@@ -1,7 +1,5 @@
 'use cache';
 
-import generateReleaseData from '#site/next-data/generators/releaseData.mjs';
-
-const provideReleaseData = async () => generateReleaseData();
+import provideReleaseData from '#site/next-data/generators/releaseData.mjs';
 
 export default provideReleaseData;

apps/site/next-data/providers/releaseVersions.ts

@@ -1,9 +1,5 @@
-import { cache } from 'react';
+'use cache';
 
-import generateAllVersionsData from '#site/next-data/generators/releaseVersions.mjs';
-
-const releaseVersions = await generateAllVersionsData();
-
-const provideReleaseVersions = cache(() => releaseVersions);
+import provideReleaseVersions from '#site/next-data/generators/releaseVersions.mjs';
 
 export default provideReleaseVersions;

apps/site/next-data/providers/supportersData.mjs

@@ -0,0 +1,5 @@
+'use cache';
+
+import provideSupporters from '#site/next-data/generators/supportersData.mjs';
+
+export default provideSupporters;

apps/site/next-data/providers/supportersData.ts

@@ -1,9 +1,5 @@
-import { cache } from 'react';
+'use cache';
 
-import generateVulnerabilities from '#site/next-data/generators/vulnerabilities.mjs';
-
-const vulnerabilities = await generateVulnerabilities();
-
-const provideVulnerabilities = cache(() => vulnerabilities);
+import provideVulnerabilities from '#site/next-data/generators/vulnerabilities.mjs';
 
 export default provideVulnerabilities;

apps/site/next-data/providers/vulnerabilities.ts

@@ -38,7 +38,7 @@ export const BLOG_DYNAMIC_ROUTES = [
 export const ARCHIVE_DYNAMIC_ROUTES = [
   // Creates dynamic routes for downloads archive pages for each version
   // (e.g., /download/archive/v18.20.8, /download/archive/v20.19.2)
-  ...provideReleaseVersions(),
+  ...(await provideReleaseVersions()),
 ];
 
 /**