import { FetcherError } from '@vercel/commerce/utils/errors'

export function getError(err: any[] | string | null, status: number) {
  console.log(JSON.stringify(err, null, 2))

  const errors = Array.isArray(err)
    ? err
    : [{ message: err || 'Failed to fetch Shopify API' }]
  return new FetcherError({ errors, status })
}

export async function getAsyncError(res: Response) {
  const data = await res.json()

  return getError(data.errors, res.status)
}

export const handleFetchResponse = async (res: Response) => {
  if (res.ok) {
    const { data, errors } = await res.json()

    if (errors && errors.length) {
      throw getError(errors, res.status)
    }

    return data
  }

  throw await getAsyncError(res)
}