42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import { GraphQLClient, Variables } from 'graphql-request'
|
|
import { TypedDocumentNode } from '@graphql-typed-document-node/core'
|
|
import { GraphQLResponse } from 'graphql-request/build/esm/types'
|
|
|
|
export const gqlClient = new GraphQLClient(
|
|
`${process.env.NEXT_PUBLIC_TABBY_SERVER_URL ?? ''}/graphql`
|
|
)
|
|
|
|
export interface ValidationError {
|
|
path: string,
|
|
message: string,
|
|
}
|
|
|
|
export interface ValidationErrors {
|
|
errors: Array<ValidationError>
|
|
}
|
|
|
|
export function useGraphQLForm<TResult, TVariables extends Variables | undefined>(
|
|
document: TypedDocumentNode<TResult, TVariables>,
|
|
options?: {
|
|
onError?: (path: string, message: string) => void,
|
|
}
|
|
) {
|
|
const onSubmit = async (values: TVariables) => {
|
|
try {
|
|
await gqlClient.request(document, values)
|
|
} catch (err) {
|
|
const { errors = [] } = (err as any).response as GraphQLResponse
|
|
for (const error of errors) {
|
|
if (error.extensions && error.extensions["validation-errors"]) {
|
|
const validationErrors = error.extensions["validation-errors"] as ValidationErrors
|
|
for (const error of validationErrors.errors) {
|
|
options?.onError && options?.onError(error.path, error.message)
|
|
}
|
|
} else {
|
|
options?.onError && options?.onError("root", error.message)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return { onSubmit };
|
|
} |