Jigsaw1601 / requests.ts

export enum Method { GET = "GET", POST = "POST", PUT = "PUT", DELETE = "DELETE", PATCH = "PATCH", } export type ResponseInterceptor = (r: Response, rq?: RequestInit) => void; export interface TResponse<T> { status: number; error: boolean; data: T; response: Response; } export type RequestArgs<T> = { url: string; body?: T; data?: FormData; headers?: Record<string, string>; }; export class Requests { private headers: Record<string, string> = {}; private responseInterceptors: ResponseInterceptor[] = []; private bearer: () => string | null = () => null; withResponseInterceptor(interceptor: ResponseInterceptor) { this.responseInterceptors.push(interceptor); return this; } withBearer(bearer: () => string | null) { this.bearer = bearer; return this; } private callResponseInterceptors(response: Response, request?: RequestInit) { this.responseInterceptors.forEach(i => i(response, request)); } constructor(headers: Record<string, string> = {}) { this.headers = headers; } public get<T>(args: RequestArgs<T>): Promise<TResponse<T>> { return this.do<T>(Method.GET, args); } public post<T, U>(args: RequestArgs<T>): Promise<TResponse<U>> { return this.do<U>(Method.POST, args); } public put<T, U>(args: RequestArgs<T>): Promise<TResponse<U>> { return this.do<U>(Method.PUT, args); } public delete<T>(args: RequestArgs<T>): Promise<TResponse<T>> { return this.do<T>(Method.DELETE, args); } public patch<T, U>(args: RequestArgs<T>): Promise<TResponse<U>> { return this.do<U>(Method.PATCH, args); } private methodSupportsBody(method: Method): boolean { return method === Method.POST || method === Method.PUT || method === Method.PATCH; } private async do<T>(method: Method, rargs: RequestArgs<unknown>): Promise<TResponse<T>> { const payload: RequestInit = { method, headers: { ...rargs.headers, ...this.headers, } as Record<string, string>, }; if (this.methodSupportsBody(method)) { if (rargs.data) { payload.body = rargs.data; } else { // @ts-expect-error - we know that the header is there payload.headers["Content-Type"] = "application/json"; payload.body = JSON.stringify(rargs.body); } } const maybeBearer = this.bearer(); if (maybeBearer) { // @ts-expect-error - we know that the header is there payload.headers.Authorization = `Bearer ${maybeBearer}`; } const response = await fetch(rargs.url, payload); this.callResponseInterceptors(response, payload); const data: T = await (async () => { if (response.status === 204) { return {} as T; } if (response.headers.get("Content-Type")?.startsWith("application/json")) { try { return await response.json(); } catch (e) { return {} as T; } } return response.body as unknown as T; })(); return { status: response.status, error: !response.ok, data, response, }; } }