-
-
Save JamesBliss/be3ccaeb0b67d2d4754a72086563ae45 to your computer and use it in GitHub Desktop.
A wrapper around the fetch function that validates the response body against a Zod schema
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import z from "zod"; | |
export async function safeFetch<T>( | |
schema: z.Schema<T>, | |
input: RequestInfo, | |
init?: RequestInit | |
): Promise<T> { | |
const response = await fetch(input, init); | |
if (!response.ok) { | |
throw newHTTPError("Unsuccessful response", response, init?.method); | |
} | |
const json = await response.json().catch(() => { | |
throw newHTTPError("Not a JSON body", response, init?.method); | |
}); | |
const result = schema.safeParse(json); | |
if (!result.success) { | |
throw newHTTPError("Unexpected response schema", response, init?.method); | |
} | |
return result.data; | |
} | |
function newHTTPError(reason: string, response: Response, method?: string) { | |
const text = response.text().catch(() => null); | |
const message = `Error fetching ${method} ${response.url} ${response.status}. ${reason}`; | |
console.error(`${message}. Response body: ${text}`); | |
return new HTTPError(response.status, message); | |
} | |
export class HTTPError extends Error { | |
constructor(public status: number, message: string) { | |
super(message); | |
this.status = status; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment