Bruce/857 axios retry (#211)

* feat: adding retry logic to axios requests #857

* feat: fixing interceptor creator to after config is set #857

* feat: updated axios with response inceptors (#857)

---------

Co-authored-by: Fran McDade <franmcdade@Frans-MacBook-Pro.local>

packages/data-explorer-ui/src/components/Support/components/SupportRequest/components/SupportRequestForm/common/utils.ts

@@ -61,6 +61,7 @@ export function getSupportRequestOptions(
  * Upload file to add as attachment to request.
  * @param url - Upload URL.
  * @param file - File.
+ * @returns upload response.
  */
 export async function uploadAttachment<T extends File>(
   url: string,
@@ -81,6 +82,7 @@ export async function uploadAttachment<T extends File>(
  * Execute fetch, throwing error on non-200 response.
  * @param input - Request URL.
  * @param options - Request options.
+ * @returns response.
  */
 async function fetchWithErrorRejection(
   input: RequestInfo | URL,

packages/data-explorer-ui/src/entity/api/service.ts

@@ -145,6 +145,7 @@ export const fetchSummary = async (
  * Fetch summary from given URL.
  * @param path - URL.
  * @param accessToken - Auth token.
+ * @returns summary response.
  */
 export const fetchSummaryFromURL = async (
   path: string,
@@ -160,6 +161,7 @@ export const fetchSummaryFromURL = async (
 /**
  * Fetch system status from given URL.
  * @param URL - URL.
+ * @returns system status.
  */
 export const fetchSystemStatusFromURL = async <R>(URL: string): Promise<R> => {
   const res = await api().get<AzulSummaryResponse>(URL);

packages/data-explorer-ui/src/entity/common/client.ts

@@ -1,8 +1,36 @@
-import axios, { AxiosInstance } from "axios";
+import axios, {
+  AxiosError,
+  AxiosInstance,
+  AxiosResponse,
+  HttpStatusCode,
+} from "axios";
 import { getURL } from "../../shared/utils";
 
 let axiosInstance: AxiosInstance | null = null;
 
+/**
+ * Adding response interceptors to axios instances.
+ * @param api - AxiosInstance.
+ */
+export const configureInterceptors = (api: AxiosInstance): void => {
+  api.interceptors.response.use(
+    (response: AxiosResponse) => response,
+    (error: AxiosError) => {
+      const { config, response } = error;
+
+      if (response?.status === HttpStatusCode.ServiceUnavailable && config) {
+        const retryAfterValue = response.headers["Retry-After"];
+        const waitingTime = retryAfterValue ? +retryAfterValue : 0;
+        return new Promise((resolve) => {
+          setTimeout(() => resolve(api(config)), waitingTime);
+        });
+      }
+
+      Promise.reject(error);
+    }
+  );
+};
+
 /**
  * Returns a singleton Axios instance configured for making HTTP requests to a specified base URL.
  * @param baseURL - The base URL to use for the AxiosInstance.
@@ -14,6 +42,7 @@ export const api = (baseURL = getURL()): AxiosInstance => {
       baseURL,
       timeout: 20 * 1000,
     });
+    configureInterceptors(axiosInstance);
   }
   return axiosInstance;
 };