Name	Size	Mode	Actions
useAxios.ts	1368	0644	editdlrm
useFileUploadAPI.ts	2000	0644	editdlrm
useHorizontalScrollOverflow.ts	1399	0644	editdlrm
useImportersAPI.ts	1445	0644	editdlrm
useRestAPI.tsx	2525	0644	editdlrm
useSelection.ts	1240	0644	editdlrm
useSnippetForm.tsx	2760	0644	editdlrm
useSnippetsAPI.tsx	3751	0644	editdlrm
useSnippetsList.tsx	1467	0644	editdlrm
useSnippetView.ts	1241	0644	editdlrm
useSubmitSnippet.ts	4860	0644	editdlrm
useSubmitSnippet.tsx	5459	0644	editdlrm

import { useMemo } from 'react' import axios from 'axios' import type { AxiosInstance, AxiosResponse, CreateAxiosDefaults } from 'axios' export interface AxiosAPI { get: (url: string) => Promise> post: (url: string, data?: D) => Promise> del: (url: string) => Promise> axiosInstance: AxiosInstance } const debugRequest = async ( method: 'GET' | 'POST' | 'PUT' | 'DELETE', url: string, doRequest: Promise>, data?: D ): Promise> => { console.debug(`${method} ${url}`, ...data ? [data] : []) const response = await doRequest console.debug('Response', response) return response } export const useAxios = (defaultConfig: CreateAxiosDefaults): AxiosAPI => { const axiosInstance = useMemo(() => axios.create(defaultConfig), [defaultConfig]) return useMemo((): AxiosAPI => ({ get: (url: string): Promise> => debugRequest('GET', url, axiosInstance.get, never>(url)), post: (url: string, data?: D) => debugRequest('POST', url, axiosInstance.post, D>(url, data), data), del: (url: string) => debugRequest('DELETE', url, axiosInstance.delete, never>(url)), axiosInstance }), [axiosInstance]) }