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