feat : ajout de la génération du bon de reception, correction de la base du formulaire multi-etape de reception et ajout d'une gestion d'erreur global

frontend/composables/useApi.ts

@@ -4,22 +4,72 @@ import { $fetch, FetchError } from 'ofetch'
 export type AnyObject = Record<string, unknown>
 
 export type ApiClient = {
-  get<T>(url: string, query?: AnyObject, options?: FetchOptions<'json'>): Promise<T>
-  post<T>(url: string, body?: AnyObject, options?: FetchOptions<'json'>): Promise<T>
-  put<T>(url: string, body?: AnyObject, options?: FetchOptions<'json'>): Promise<T>
-  patch<T>(url: string, body?: AnyObject, options?: FetchOptions<'json'>): Promise<T>
-  delete<T>(url: string, query?: AnyObject, options?: FetchOptions<'json'>): Promise<T>
+  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 client = $fetch.create({ baseURL, retry: 0 })
+  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: FetchOptions<'json'> = {}
+    options: ApiFetchOptions<'json'> = {}
   ) => {
     const needsJsonBody = method === 'POST' || method === 'PUT'
     const needsMergePatch = method === 'PATCH'
@@ -36,19 +86,22 @@ export const useApi = (): ApiClient => {
   }
 
   return {
-    get<T>(url: string, query: AnyObject = {}, options: FetchOptions<'json'> = {}) {
+    get<T>(url: string, query: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
       return request<T>('GET', url, { ...options, query })
     },
-    post<T>(url: string, body: AnyObject = {}, options: FetchOptions<'json'> = {}) {
+    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: FetchOptions<'json'> = {}) {
+    put<T>(url: string, body: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
       return request<T>('PUT', url, { ...options, body })
     },
-    patch<T>(url: string, body: AnyObject = {}, options: FetchOptions<'json'> = {}) {
+    patch<T>(url: string, body: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
       return request<T>('PATCH', url, { ...options, body })
     },
-    delete<T>(url: string, query: AnyObject = {}, options: FetchOptions<'json'> = {}) {
+    delete<T>(url: string, query: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
       return request<T>('DELETE', url, { ...options, query })
     }
   }