forked from crowetic/commerce
75 lines
2.0 KiB
TypeScript
75 lines
2.0 KiB
TypeScript
import useSWR, { ConfigInterface, responseInterface } from 'swr'
|
|
import type { HookSwrInput, HookFetcher, HookFetcherOptions } from './types'
|
|
import defineProperty from './define-property'
|
|
import { CommerceError } from './errors'
|
|
import { useCommerce } from '..'
|
|
|
|
export type SwrOptions<Data, Input = null, Result = any> = ConfigInterface<
|
|
Data,
|
|
CommerceError,
|
|
HookFetcher<Data, Input, Result>
|
|
>
|
|
|
|
export type ResponseState<Result> = responseInterface<Result, CommerceError> & {
|
|
isLoading: boolean
|
|
}
|
|
|
|
export type UseData = <Data = any, Input = null, Result = any>(
|
|
options: HookFetcherOptions | (() => HookFetcherOptions | null),
|
|
input: HookSwrInput,
|
|
fetcherFn: HookFetcher<Data, Input, Result>,
|
|
swrOptions?: SwrOptions<Data, Input, Result>
|
|
) => ResponseState<Data>
|
|
|
|
const useData: UseData = (options, input, fetcherFn, swrOptions) => {
|
|
const { fetcherRef } = useCommerce()
|
|
const fetcher = async (
|
|
url?: string,
|
|
query?: string,
|
|
method?: string,
|
|
...args: any[]
|
|
) => {
|
|
try {
|
|
return await fetcherFn(
|
|
{ url, query, method },
|
|
// Transform the input array into an object
|
|
args.reduce((obj, val, i) => {
|
|
obj[input[i][0]!] = val
|
|
return obj
|
|
}, {}),
|
|
fetcherRef.current
|
|
)
|
|
} catch (error) {
|
|
// SWR will not log errors, but any error that's not an instance
|
|
// of CommerceError is not welcomed by this hook
|
|
if (!(error instanceof CommerceError)) {
|
|
console.error(error)
|
|
}
|
|
throw error
|
|
}
|
|
}
|
|
const response = useSWR(
|
|
() => {
|
|
const opts = typeof options === 'function' ? options() : options
|
|
return opts
|
|
? [opts.url, opts.query, opts.method, ...input.map((e) => e[1])]
|
|
: null
|
|
},
|
|
fetcher,
|
|
swrOptions
|
|
)
|
|
|
|
if (!('isLoading' in response)) {
|
|
defineProperty(response, 'isLoading', {
|
|
get() {
|
|
return response.data === undefined
|
|
},
|
|
enumerable: true,
|
|
})
|
|
}
|
|
|
|
return response
|
|
}
|
|
|
|
export default useData
|