AUTIN Tristan
109 lines
3.7 KiB
TypeScript
109 lines
3.7 KiB
TypeScript
import type { FetchOptions } from 'ofetch'
|
|
import { $fetch, FetchError } from 'ofetch'
|
|
|
|
export type AnyObject = Record<string, unknown>
|
|
|
|
export type ApiClient = {
|
|
get<T>(url: string, query?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
|
|
getBlob(url: string, query?: AnyObject, options?: ApiFetchOptions<'blob'>): Promise<Blob>
|
|
post<T>(url: string, body?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
|
|
put<T>(url: string, body?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
|
|
patch<T>(url: string, body?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
|
|
delete<T>(url: string, query?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
|
|
}
|
|
|
|
export type ApiFetchOptions<ResponseType extends 'json' | 'blob'> =
|
|
FetchOptions<ResponseType> & {
|
|
toast?: boolean
|
|
toastTitle?: string
|
|
}
|
|
|
|
export const useApi = (): ApiClient => {
|
|
const config = useRuntimeConfig()
|
|
const baseURL = config.public.apiBase ?? '/api'
|
|
const toast = useToast()
|
|
|
|
const extractErrorMessage = (error: unknown, responseData?: unknown): string => {
|
|
const data = responseData ?? (error as FetchError)?.data
|
|
|
|
if (typeof data === 'string') {
|
|
return data
|
|
}
|
|
|
|
if (data && typeof data === 'object') {
|
|
const record = data as Record<string, unknown>
|
|
return (
|
|
(record['hydra:description'] as string) ||
|
|
(record.detail as string) ||
|
|
(record.message as string) ||
|
|
(record.error as string) ||
|
|
(record.title as string) ||
|
|
(record['hydra:title'] as string) ||
|
|
''
|
|
)
|
|
}
|
|
|
|
return (error as FetchError)?.message ?? 'Erreur inconnue.'
|
|
}
|
|
|
|
const client = $fetch.create({
|
|
baseURL,
|
|
retry: 0,
|
|
onResponseError({ response, error, options }) {
|
|
const apiOptions = options as ApiFetchOptions<'json'>
|
|
if (apiOptions?.toast === false) {
|
|
return
|
|
}
|
|
|
|
const message =
|
|
extractErrorMessage(error, response?._data) ||
|
|
'Une erreur est survenue.'
|
|
|
|
toast.error({
|
|
title: apiOptions?.toastTitle ?? 'Erreur',
|
|
message
|
|
})
|
|
}
|
|
})
|
|
|
|
const request = <T>(
|
|
method: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE',
|
|
url: string,
|
|
options: ApiFetchOptions<'json'> = {}
|
|
) => {
|
|
const needsJsonBody = method === 'POST' || method === 'PUT'
|
|
const needsMergePatch = method === 'PATCH'
|
|
|
|
const headers = new Headers(options.headers as HeadersInit | undefined)
|
|
|
|
if (needsMergePatch && !headers.has('Content-Type')) {
|
|
headers.set('Content-Type', 'application/merge-patch+json')
|
|
} else if (needsJsonBody && !headers.has('Content-Type')) {
|
|
headers.set('Content-Type', 'application/json')
|
|
}
|
|
|
|
return client<T>(url, { ...options, method, headers })
|
|
}
|
|
|
|
return {
|
|
get<T>(url: string, query: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
|
|
return request<T>('GET', url, { ...options, query })
|
|
},
|
|
getBlob(url: string, query: AnyObject = {}, options: ApiFetchOptions<'blob'> = {}) {
|
|
return client<Blob>(url, { ...options, method: 'GET', query, responseType: 'blob' })
|
|
},
|
|
post<T>(url: string, body: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
|
|
return request<T>('POST', url, { ...options, body })
|
|
},
|
|
put<T>(url: string, body: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
|
|
return request<T>('PUT', url, { ...options, body })
|
|
},
|
|
patch<T>(url: string, body: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
|
|
return request<T>('PATCH', url, { ...options, body })
|
|
},
|
|
delete<T>(url: string, query: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
|
|
return request<T>('DELETE', url, { ...options, query })
|
|
}
|
|
}
|
|
}
|