feat(api): add retries on errors (#934)

Author: ValeraS

package-lock.json

@@ -24,6 +24,7 @@
     "@gravity-ui/websql-autocomplete": "^9.1.0",
     "@reduxjs/toolkit": "^2.2.3",
     "axios": "^1.6.8",
+    "axios-retry": "^4.4.0",
     "colord": "^2.9.3",
     "copy-to-clipboard": "^3.3.3",
     "crc-32": "^1.2.2",

package.json

@@ -1,5 +1,7 @@
 import AxiosWrapper from '@gravity-ui/axios-wrapper';
+import type {AxiosWrapperOptions} from '@gravity-ui/axios-wrapper';
 import type {AxiosRequestConfig} from 'axios';
+import axiosRetry from 'axios-retry';
 
 import {backend as BACKEND, metaBackend as META_BACKEND} from '../store';
 import type {ComputeApiRequestParams, NodesApiRequestParams} from '../store/reducers/nodes/types';
@@ -54,6 +56,29 @@ type AxiosOptions = {
 };
 
 export class YdbEmbeddedAPI extends AxiosWrapper {
+    constructor(options?: AxiosWrapperOptions) {
+        super(options);
+
+        axiosRetry(this._axios, {
+            retries: 3,
+            retryDelay: axiosRetry.exponentialDelay,
+        });
+
+        // Interceptor to process OIDC auth
+        this._axios.interceptors.response.use(null, function (error) {
+            const response = error.response;
+
+            // OIDC proxy returns 401 response with authUrl in it
+            // authUrl - external auth service link, after successful auth additional cookies will be appended
+            // that will allow access to clusters where OIDC proxy is a balancer
+            if (response && response.status === 401 && response.data?.authUrl) {
+                return window.location.assign(response.data.authUrl);
+            }
+
+            return Promise.reject(error);
+        });
+    }
+
     getPath(path: string) {
         return `${BACKEND ?? ''}${path}`;
     }

src/services/api.ts

@@ -63,26 +63,6 @@ export function configureStore({
     ]);
     listenForHistoryChange(store, history);
 
-    // Interceptor to process OIDC auth
-    // @ts-expect-error
-    api._axios.interceptors.response.use(
-        function (response) {
-            return Promise.resolve(response);
-        },
-        function (error) {
-            const response = error.response;
-
-            // OIDC proxy returns 401 response with authUrl in it
-            // authUrl - external auth service link, after successful auth additional cookies will be appended
-            // that will allow access to clusters where OIDC proxy is a balancer
-            if (response && response.status === 401 && response.data?.authUrl) {
-                return window.location.assign(response.data.authUrl);
-            }
-
-            return Promise.reject(error);
-        },
-    );
-
     window.api = api;
 
     return {history, store};

src/store/configureStore.ts

@@ -8,7 +8,6 @@ export const api = createApi({
      * which is why no endpoints are shown below.
      */
     endpoints: () => ({}),
-    refetchOnMountOrArgChange: true,
     invalidationBehavior: 'immediately',
     tagTypes: ['All'],
 });

src/store/reducers/api.ts

@@ -9,7 +9,6 @@ import executeTopQueries from './executeTopQueries/executeTopQueries';
 import fullscreen from './fullscreen';
 import header from './header/header';
 import heatmap from './heatmap';
-import host from './host';
 import hotKeys from './hotKeys/hotKeys';
 import partitions from './partitions/partitions';
 import saveQuery from './saveQuery';
@@ -32,7 +31,6 @@ export const rootReducer = {
     tooltip,
     tablets,
     schema,
-    host,
     tenants,
     partitions,
     executeQuery,