Eu tenho uma função toma leva um arbitrário assíncrono função e retorna o resultado de estar aguardando que assíncrona função, mas envolto em um try/catch que adiciona alguma lógica adicional. Ver ts parque infantil.
const with401Redirection =
<T extends (...args: any[]) => Promise<any>>(
call: T
): ((...args: Parameters<T>) => ReturnType<T>) =>
// @ts-expect-error
async (...args: Parameters<T>): ReturnType<T> => {
try {
return await call(...args);
} catch (error) {
if ((error as any).httpStatus === 401) {
// do some stuff here
}
throw error;
}
};
interface User {
id: string;
name: string;
}
interface ItemPayload {
field1: string;
field2: string;
}
interface ItemResponse {
id: string;
field1: string;
field2: string;
}
const client = {
get<ResponseType>(url: string): Promise<ResponseType> {
// logic to hit server and return result here
return '' as any;
},
post<ResponseType>(url: string, body: Record<string, any>): Promise<ResponseType> {
// logic to hit server and return result here
return '' as any;
}
};
const getUser = with401Redirection(() =>
client.get<User>('url_1')
);
const saveItem = with401Redirection((body: ItemPayload) =>
client.post<ItemResponse>('url_2', body)
);
Eu sinto como se o // @ts-expect-error
no with401Redirection
não deveria ser necessário-como posso removê-lo ou, geralmente, limpar a digitação de with401Redirection
função? Tenha em mente que eu quero manter o fato de que o getUser
e saveItem
funções de ter seus tipos automaticamente inferida para mim.