Custom axios http client

httpClient.ts

/*
 *   Copyright (c) 2023
 *   All rights reserved. @Patrick Waweru
 */
import axios, {AxiosInstance, AxiosRequestConfig, AxiosResponse} from 'axios';
import {destory, getAccessToken} from './SharePreference';
import {AppConstants} from './Constants';

export class HttpClient {
  private axiosInstance?: AxiosInstance;
  private static instance: HttpClient;

  constructor() {
    this.setupAxios();
    this.setupInterceptors();
  }

  public static getInstance(): HttpClient {
    if (!HttpClient.instance) {
      HttpClient.instance = new HttpClient();
    }
    return HttpClient.instance;
  }

  private setupAxios() {
    this.axiosInstance = axios.create({
      baseURL: AppConstants.apiBaseUrl, // https://localhost:9001/api
      timeout: 10000,
    });
  }

  private setupInterceptors(): void {
    // Request interceptor
    this.axiosInstance?.interceptors.request.use(
      async config => {
        // Modify request config here if needed
        // e.g., add headers, tokens, etc.
        const token = await getAccessToken();
        if (token) {
          config.headers.Authorization = `Bearer ${token}`;
        }
        return config;
      },
      error => {
        return Promise.reject(error);
      },
    );

    // Response interceptor
    this.axiosInstance?.interceptors.response.use(
      (response: AxiosResponse) => {
        return response;
      },
      error => {
        if (error.response.status === 401) {
          // refresh token
        } else {
          return Promise.reject(error);
        }
      },
    );
  }

  private refreshToken(refreshToken: string): Promise<string> {
    // Make a request to the /refresh endpoint with the refresh token
    // Return a Promise that resolves with the new access token
    return this.axiosInstance!.post('/refresh', {refreshToken}).then(
      response => response.data.accessToken,
    );
  }

  public get(url: string, config?: AxiosRequestConfig): Promise<AxiosResponse> {
    return this.axiosInstance!.get(url, config);
  }

  public post(
    url: string,
    data?: any,
    config?: AxiosRequestConfig,
  ): Promise<AxiosResponse> {
    return this.axiosInstance!.post(url, data, config);
  }

  public put(
    url: string,
    data?: any,
    config?: AxiosRequestConfig,
  ): Promise<AxiosResponse> {
    return this.axiosInstance!.put(url, data, config);
  }

  public patch(
    url: string,
    data?: any,
    config?: AxiosRequestConfig,
  ): Promise<AxiosResponse> {
    return this.axiosInstance!.patch(url, data, config);
  }

  public delete(
    url: string,
    config?: AxiosRequestConfig,
  ): Promise<AxiosResponse> {
    return this.axiosInstance!.delete(url, config);
  }
}