graphql-request/src/layers/0_functions/request.ts

Minimal GraphQL client supporting Node and browsers for scripts or simple apps.

import type { ExecutionResult } from 'graphql'
import { print } from 'graphql'
import { parseExecutionResult } from '../../lib/graphqlHTTP.js'
import { CONTENT_TYPE_GQL } from '../../lib/http.js'
import type { BaseInput } from './types.js'

export type URLInput = URL | string

export interface NetworkRequestInput extends BaseInput {
  url: URLInput
  headers?: HeadersInit
}

export type NetworkRequest = (input: NetworkRequestInput) => Promise<ExecutionResult>

/**
 * @see https://graphql.github.io/graphql-over-http/draft/
 */
export const request: NetworkRequest = async (input) => {
  const documentEncoded = typeof input.document === `string` ? input.document : print(input.document)

  const body = {
    query: documentEncoded,
    variables: input.variables,
    operationName: input.operationName,
  }

  const bodyEncoded = JSON.stringify(body)

  const requestObject = new Request(input.url, {
    method: `POST`,
    headers: new Headers({
      'accept': CONTENT_TYPE_GQL,
      ...Object.fromEntries(new Headers(input.headers).entries()),
    }),
    body: bodyEncoded,
  })

  const response = await fetch(requestObject)

  if (!response.ok) {
    throw new Error(`Request to GraphQL endpoint failed. (Status: ${String(response.status)})`)
  }

  const json = await response.json() as object
  const result = parseExecutionResult(json)

  return result
}