FM / hooks

/home/vianto5/realtylifestyleproperties.mx/wp-content/plugins/code-snippets/js/hooks/

/home/vianto5/realtylifestyleproperties.mx/wp-content/plugins/code-snippets/js/hooks

Name	Size	Mode	Actions
useAxios.ts	1368	0644	edit dl rm
useSnippetForm.tsx	3408	0644	edit dl rm
useSnippets.ts	2640	0644	edit dl rm
useSnippetSubmit.ts	2696	0644	edit dl rm

Edit: /home/vianto5/realtylifestyleproperties.mx/wp-content/plugins/code-snippets/js/hooks/useAxios.ts (1368B)

import { useMemo } from 'react'
import axios from 'axios'
import type { AxiosInstance, AxiosResponse, CreateAxiosDefaults } from 'axios'

export interface AxiosAPI {
	get: <T>(url: string) => Promise<AxiosResponse<T, never>>
	post: <T, D>(url: string, data?: D) => Promise<AxiosResponse<T, D>>
	del: <T>(url: string) => Promise<AxiosResponse<T, never>>
	axiosInstance: AxiosInstance
}

const debugRequest = async <T, D = never>(
	method: 'GET' | 'POST' | 'PUT' | 'DELETE',
	url: string,
	doRequest: Promise<AxiosResponse<T, D>>,
	data?: D
): Promise<AxiosResponse<T, D>> => {
	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: <T>(url: string): Promise<AxiosResponse<T, never>> =>
			debugRequest('GET', url, axiosInstance.get<T, AxiosResponse<T, never>, never>(url)),

post: <T, D>(url: string, data?: D) =>
			debugRequest('POST', url, axiosInstance.post<T, AxiosResponse<T, D>, D>(url, data), data),

del: <T>(url: string) =>
			debugRequest('DELETE', url, axiosInstance.delete<T, AxiosResponse<T, never>, never>(url)),

axiosInstance
	}), [axiosInstance])
}

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]) }