site_logiciels/composables/useMaestroRequestService.ts

import {FetchContext, FetchOptions} from "ohmyfetch";
import ApiRequestService from "~/services/data/apiRequestService";
import {Ref} from "@vue/reactivity";

/**
 * Retourne une instance de ApiRequestService configurée pour interroger l'api Ap2i
 *
 * @see https://github.com/unjs/ohmyfetch/blob/main/README.md#%EF%B8%8F-create-fetch-with-default-options
 */
let apiRequestServiceClass:null|ApiRequestService = null
export const useMaestroRequestService = () => {
    const runtimeConfig = useRuntimeConfig()

    const baseURL = runtimeConfig.apiBaseUrl ?? runtimeConfig.public.apiBaseUrl

    const pending: Ref<boolean> = ref(false)

    /**
     * Peuple les headers avant l'envoi de la requête
     *
     * @param request
     * @param options
     */
    const onRequest = async function ({ request, options }: FetchContext) {
        // @ts-ignore
        if(options && options.noXaccessId) {
            return
        }

        pending.value = true
        console.log('Request : ' + request + ' (SSR: ' + process.server + ')')
    }

    const onResponse = async function({ request, options, response }: FetchContext) {
        pending.value = false
    }

    /**
     * Gère les erreurs retournées par l'api
     *
     * @param request
     * @param response
     * @param error
     */


    const config : FetchOptions = {
        baseURL,
        onRequest,
        onResponse,
    }

    //Avoid memory leak
    if (apiRequestServiceClass === null) {
        // Utilise la fonction `create` d'ohmyfetch pour générer un fetcher dédié à l'interrogation de Ap2i
        const fetcher = $fetch.create(config)
        // @ts-ignore
        apiRequestServiceClass = new ApiRequestService(fetcher)
    }

    return { apiRequestService: apiRequestServiceClass, pending: pending }
}