limit api request concurrency

audioverse-org · Jan 10, 2025 · ae93873 · ae93873
1 parent 9f2c6a5
commit ae93873
Show file tree

Hide file tree

Showing 3 changed files with 161 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -59,6 +59,7 @@
         "next-pwa": "^5.6.0",
         "node-forge": "^1.3.1",
         "normalize.css": "^8.0.1",
+        "p-limit": "^6.2.0",
         "p-memoize": "^7.1.1",
         "p-throttle": "^7.0.0",
         "p-timeout": "^6.1.4",

diff --git a/src/lib/api/fetchApi.ts b/src/lib/api/fetchApi.ts
@@ -1,3 +1,4 @@
+import pLimit from 'p-limit';
 import pMemoize from 'p-memoize';
 import pThrottle from 'p-throttle';
 import pTimeout from 'p-timeout';
@@ -10,6 +11,7 @@ const API_URL =
 	'https://graphql-staging.audioverse.org/graphql';
 
 const throttle = pThrottle({ limit: 10, interval: 1000 });
+const limit = pLimit(1);
 
 const getResponse = throttle(
 	async (headers: HeadersInit, query: string, variables: unknown) => {
@@ -42,7 +44,7 @@ const fetchJson = pMemoize(
 		query: string;
 		variables: unknown;
 	}) => {
-		const res = await getResponse(headers, query, variables);
+		const res = await limit(() => getResponse(headers, query, variables));
 
 		if (!res.ok) {
 			console.error({ text: await res.text(), res, query, variables, headers });