Improve request retry experience in API

src/helpers/utils.ts

@@ -34,26 +34,30 @@ export const truncateWithEllipsis = (str: string, maxLength: number): string =>
 
 export async function withTimeout<T>(
   asyncTask: (signal: AbortSignal) => Promise<T>,
-  timeout: number = 3000
+  timeout: number = 3500,
+  retries: number = 3
 ): Promise<T> {
   const controller = new AbortController();
   const timeoutId = setTimeout(() => controller.abort(), timeout);
 
   try {
     const result = await asyncTask(controller.signal);
-    /* Clear the timeout if the task completes in time */
     clearTimeout(timeoutId);
     return result;
   } catch (error) {
     if ((error as Error).name === 'AbortError') {
-      throw new Error('Asynchronous task was aborted due to timeout');
+      if (retries > 0) {
+        // Try again, reducing the retries count
+        return withTimeout(asyncTask, timeout, retries - 1);
+      }
+      throw new Error('Request has timed out too many times');
     } else {
-      /* Re-throw other errors for further handling */
       throw error as Error;
     }
   }
 }
 
+
 const numberFormat = new Intl.NumberFormat('en-US');
 
 export const formatNumber = (num: number) => numberFormat.format(num);

src/worker.ts

@@ -8,7 +8,6 @@ import { Constants } from './constants';
 import { api } from './realms/api/router';
 import { twitter } from './realms/twitter/router';
 import { cacheMiddleware } from './caches';
-import { withTimeout } from './helpers/utils';
 
 const noCache = 'max-age=0, no-cache, no-store, must-revalidate';
 
@@ -137,7 +136,7 @@ app.all('/error', async c => {
 export default {
   async fetch(request: Request, env: Env, ctx: ExecutionContext) {
     try {
-      return await withTimeout(async () => app.fetch(request, env, ctx), 10);
+      return await app.fetch(request, env, ctx);
     } catch (err) {
       console.error(err);
       const e = err as Error;