fix: fetch contributors from server

Author: Yaros1ove

src/api/index.ts

@@ -250,6 +250,11 @@ export class Api {
         return contributors;
     }
 
+    async fetchAllContributorsFromClient(): Promise<Contributor[]> {
+        const res = await fetch('api/contributors');
+        return (await res.json()).contributors;
+    }
+
     async fetchNpmInfo(npmId: string): Promise<NpmInfo | null> {
         try {
             const npmApiUrl = 'https://registry.npmjs.org/';

src/components/ExpandableContributorList/LazyExpandableContributorsList.tsx

@@ -20,7 +20,7 @@ const getComponent = async () => {
 };
 
 const getComponentProps = async () => {
-    const contributors = await Api.instance.fetchAllContributorsWithCache();
+    const contributors = await Api.instance.fetchAllContributorsFromClient();
 
     return {contributors};
 };

src/pages/api/contributors.ts

@@ -0,0 +1,14 @@
+import type {NextApiRequest, NextApiResponse} from 'next';
+import {Api} from 'src/api';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+    if (req.method !== 'GET') {
+        res.setHeader('Allow', ['GET']);
+        res.status(405).end(`Method ${req.method} Not Allowed`);
+        return;
+    }
+
+    const contributors = await Api.instance.fetchAllContributorsWithCache();
+
+    res.status(200).json({contributors});
+}