4
0
forked from crowetic/commerce

48 lines
1011 B
TypeScript
Raw Normal View History

2020-09-30 11:44:38 -05:00
import {
CommerceProvider as CoreCommerceProvider,
Connector,
useCommerce as useCoreCommerce,
2020-10-01 20:40:40 -05:00
} from 'lib/commerce'
2020-09-30 11:44:38 -05:00
async function getText(res: Response) {
try {
2020-10-01 20:40:40 -05:00
return (await res.text()) || res.statusText
2020-09-30 11:44:38 -05:00
} catch (error) {
2020-10-01 20:40:40 -05:00
return res.statusText
2020-09-30 11:44:38 -05:00
}
}
async function getError(res: Response) {
if (res.headers.get('Content-Type')?.includes('application/json')) {
2020-10-01 20:40:40 -05:00
const data = await res.json()
return data.errors[0]
2020-09-30 11:44:38 -05:00
}
2020-10-01 20:40:40 -05:00
return { message: await getText(res) }
2020-09-30 11:44:38 -05:00
}
async function fetcher(url: string, query: string) {
2020-10-01 20:40:40 -05:00
const res = await fetch(url)
2020-09-30 11:44:38 -05:00
if (res.ok) {
2020-10-01 20:40:40 -05:00
return res.json()
2020-09-30 11:44:38 -05:00
}
2020-10-01 20:40:40 -05:00
throw await getError(res)
2020-09-30 11:44:38 -05:00
}
export const bigcommerce: Connector = {
locale: 'en-us',
fetcher,
2020-10-01 20:40:40 -05:00
}
2020-09-30 11:44:38 -05:00
// TODO: The connector should be extendable when a developer is using it
export function CommerceProvider({ children }) {
return (
<CoreCommerceProvider connector={bigcommerce}>
{children}
</CoreCommerceProvider>
2020-10-01 20:40:40 -05:00
)
2020-09-30 11:44:38 -05:00
}
2020-10-01 20:40:40 -05:00
export const useCommerce = () => useCoreCommerce()