184 lines
5.2 KiB
TypeScript
184 lines
5.2 KiB
TypeScript
import axios, { AxiosError } from 'axios';
|
|
import type { AxiosResponse, CreateAxiosDefaults, InternalAxiosRequestConfig } from 'axios';
|
|
import axiosRetry from 'axios-retry';
|
|
import { nanoid } from '@sa/utils';
|
|
import { createAxiosConfig, createDefaultOptions, createRetryOptions } from './options';
|
|
import { BACKEND_ERROR_CODE, REQUEST_ID_KEY } from './constant';
|
|
import type {
|
|
CustomAxiosRequestConfig,
|
|
FlatRequestInstance,
|
|
MappedType,
|
|
RequestInstance,
|
|
RequestOption,
|
|
ResponseType
|
|
} from './type';
|
|
|
|
function createCommonRequest<ResponseData = any>(
|
|
axiosConfig?: CreateAxiosDefaults,
|
|
options?: Partial<RequestOption<ResponseData>>
|
|
) {
|
|
const opts = createDefaultOptions<ResponseData>(options);
|
|
|
|
const axiosConf = createAxiosConfig(axiosConfig);
|
|
const instance = axios.create(axiosConf);
|
|
|
|
const abortControllerMap = new Map<string, AbortController>();
|
|
|
|
// config axios retry
|
|
const retryOptions = createRetryOptions(axiosConf);
|
|
axiosRetry(instance, retryOptions);
|
|
|
|
instance.interceptors.request.use(conf => {
|
|
const config: InternalAxiosRequestConfig = { ...conf };
|
|
|
|
// set request id
|
|
const requestId = nanoid();
|
|
config.headers.set(REQUEST_ID_KEY, requestId);
|
|
|
|
// config abort controller
|
|
if (!config.signal) {
|
|
const abortController = new AbortController();
|
|
config.signal = abortController.signal;
|
|
abortControllerMap.set(requestId, abortController);
|
|
}
|
|
|
|
// handle config by hook
|
|
const handledConfig = opts.onRequest?.(config) || config;
|
|
|
|
return handledConfig;
|
|
});
|
|
|
|
instance.interceptors.response.use(
|
|
async response => {
|
|
const responseType: ResponseType = (response.config?.responseType as ResponseType) || 'json';
|
|
|
|
if (responseType !== 'json' || opts.isBackendSuccess(response)) {
|
|
return Promise.resolve(response);
|
|
}
|
|
|
|
const fail = await opts.onBackendFail(response, instance);
|
|
if (fail) {
|
|
return fail;
|
|
}
|
|
|
|
const backendError = new AxiosError<ResponseData>(
|
|
'the backend request error',
|
|
BACKEND_ERROR_CODE,
|
|
response.config,
|
|
response.request,
|
|
response
|
|
);
|
|
|
|
await opts.onError(backendError);
|
|
|
|
return Promise.reject(backendError);
|
|
},
|
|
async (error: AxiosError<ResponseData>) => {
|
|
await opts.onError(error);
|
|
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
|
|
function cancelRequest(requestId: string) {
|
|
const abortController = abortControllerMap.get(requestId);
|
|
if (abortController) {
|
|
abortController.abort();
|
|
abortControllerMap.delete(requestId);
|
|
}
|
|
}
|
|
|
|
function cancelAllRequest() {
|
|
abortControllerMap.forEach(abortController => {
|
|
abortController.abort();
|
|
});
|
|
abortControllerMap.clear();
|
|
}
|
|
|
|
return {
|
|
instance,
|
|
opts,
|
|
cancelRequest,
|
|
cancelAllRequest
|
|
};
|
|
}
|
|
|
|
/**
|
|
* create a request instance
|
|
*
|
|
* @param axiosConfig axios config
|
|
* @param options request options
|
|
*/
|
|
export function createRequest<ResponseData = any, State = Record<string, unknown>>(
|
|
axiosConfig?: CreateAxiosDefaults,
|
|
options?: Partial<RequestOption<ResponseData>>
|
|
) {
|
|
const { instance, opts, cancelRequest, cancelAllRequest } = createCommonRequest<ResponseData>(axiosConfig, options);
|
|
|
|
const request: RequestInstance<State> = async function request<T = any, R extends ResponseType = 'json'>(
|
|
config: CustomAxiosRequestConfig
|
|
) {
|
|
const response: AxiosResponse<ResponseData> = await instance(config);
|
|
|
|
const responseType = response.config?.responseType || 'json';
|
|
|
|
if (responseType === 'json') {
|
|
return opts.transformBackendResponse(response);
|
|
}
|
|
|
|
return response.data as MappedType<R, T>;
|
|
} as RequestInstance<State>;
|
|
|
|
request.cancelRequest = cancelRequest;
|
|
request.cancelAllRequest = cancelAllRequest;
|
|
request.state = {} as State;
|
|
|
|
return request;
|
|
}
|
|
|
|
/**
|
|
* create a flat request instance
|
|
*
|
|
* The response data is a flat object: { data: any, error: AxiosError }
|
|
*
|
|
* @param axiosConfig axios config
|
|
* @param options request options
|
|
*/
|
|
export function createFlatRequest<ResponseData = any, State = Record<string, unknown>>(
|
|
axiosConfig?: CreateAxiosDefaults,
|
|
options?: Partial<RequestOption<ResponseData>>
|
|
) {
|
|
const { instance, opts, cancelRequest, cancelAllRequest } = createCommonRequest<ResponseData>(axiosConfig, options);
|
|
|
|
const flatRequest: FlatRequestInstance<State, ResponseData> = async function flatRequest<
|
|
T = any,
|
|
R extends ResponseType = 'json'
|
|
>(config: CustomAxiosRequestConfig) {
|
|
try {
|
|
const response: AxiosResponse<ResponseData> = await instance(config);
|
|
|
|
const responseType = response.config?.responseType || 'json';
|
|
|
|
if (responseType === 'json') {
|
|
const data = opts.transformBackendResponse(response);
|
|
|
|
return { data, error: null, response };
|
|
}
|
|
|
|
return { data: response.data as MappedType<R, T>, error: null };
|
|
} catch (error) {
|
|
return { data: null, error, response: (error as AxiosError<ResponseData>).response };
|
|
}
|
|
} as FlatRequestInstance<State, ResponseData>;
|
|
|
|
flatRequest.cancelRequest = cancelRequest;
|
|
flatRequest.cancelAllRequest = cancelAllRequest;
|
|
flatRequest.state = {} as State;
|
|
|
|
return flatRequest;
|
|
}
|
|
|
|
export { BACKEND_ERROR_CODE, REQUEST_ID_KEY };
|
|
export type * from './type';
|
|
export type { CreateAxiosDefaults, AxiosError };
|