front-hub/src/stores/makeRequest.ts

import axios, { AxiosResponse } from "axios";
import { create } from "zustand";
import { persist } from "zustand/middleware";


type Token = string;

interface AuthStore {
  token: Token;
  makeRequest: <TRequest = unknown, TResponse = unknown>(props: FirstRequest<TRequest>) => Promise<TResponse>;
  clearToken: () => void;
}

interface FirstRequest<T> {
  method?: string;
  url: string;
  body?: T;
  useToken?: boolean;
  contentType?: boolean;
  signal?: AbortSignal;
}

export const authStore = create<AuthStore>()(
  persist(
    (set, get) => ({
      token: "",
      makeRequest: <TRequest, TResponse>(props: FirstRequest<TRequest>): Promise<TResponse> => {
        const newProps = { ...props, HC: (newToken: Token) => set({ token: newToken }), token: get().token };

        return makeRequest<TRequest, TResponse>(newProps);
      },
      clearToken: () => set({ token: "" }),
    }),
    {
      name: "token",
    }
  )
);

interface MakeRequest<T> extends FirstRequest<T> {
  HC: (newToken: Token) => void;
  token: Token;
}

async function makeRequest<TRequest, TResponse>({
  method = "post",
  url,
  body,
  useToken = true,
  contentType = false,
  HC,
  token,
  signal,
}: MakeRequest<TRequest>) {
  //В случае 401 рефреш должен попробовать вызваться 1 раз
  let headers: any = {};
  if (useToken) headers["Authorization"] = token;
  if (contentType) headers["Content-Type"] = "application/json";

  try {
    const response = await axios<TRequest, AxiosResponse<TResponse & { accessToken?: string; }>>(
      { url, method, headers, data: body, signal }
    );

    if (response.data?.accessToken) {
      HC(response.data.accessToken);
    }

    return response.data;
  } catch (error: any) {
    if (error?.response?.status === 401) {
      const refreshResponse = await refresh();
      if (refreshResponse.data?.accessToken) HC(refreshResponse.data.accessToken);

      headers["Authorization"] = refreshResponse.data.accessToken;
      const response = await axios<TRequest, AxiosResponse<TResponse>>(
        { url, method, headers, data: body, signal }
      );

      return response.data;
    }

    throw error;
  }
}

function refresh() {
  return axios<never, AxiosResponse<{ accessToken: string; }>>("https://admin.pena.digital/auth/refresh", {
    headers: {
      Authorization: localStorage.getItem("AT"),
      "Content-Type": "application/json",
    },
  });
}