Skip to content
Graffle is a work in progress. Learn more.

Dynamic Headers

This example shows how to leverage the extension system to dynamically manipulate headers per request.

ts

import { 
Graffle
} from 'graffle'
const
graffle
=
Graffle
.
create
()
.
transport
({
url
: `http://localhost:3000/graphql`,
}) .
anyware
(({
exchange
}) => {
if (
exchange
.
input
.
transportType
!== `http`) return
exchange
()
return
exchange
({
input
: {
...
exchange
.
input
,
request
: {
...
exchange
.
input
.
request
,
headers
: [
...new
Headers
(
exchange
.
input
.
request
.
headers
),
[`X-Sent-At-Time`,
Date
.
now
().
toString
()],
], }, }, }) }) .
anyware
(({
exchange
}) => {
console.log(
exchange
.
input
.
request
)
return
exchange
()
}) await
graffle
.
gql
`{ pokemons { name } }`.
send
()

Outputs

txt
{
  methodMode: 'post',
  headers: [
    [
      'accept',
      'application/graphql-response+json; charset=utf-8, application/json; charset=utf-8'
    ],
    [ 'content-type', 'application/json' ],
    [ 'X-Sent-At-Time', '1759776426279' ]
  ],
  method: 'post',
  url: {
    _tag: 'url',
    value: URL {
      href: 'http://localhost:3000/graphql',
      origin: 'http://localhost:3000',
      protocol: 'http:',
      username: '',
      password: '',
      host: 'localhost:3000',
      hostname: 'localhost',
      port: '3000',
      pathname: '/graphql',
      search: '',
      searchParams: URLSearchParams {},
      hash: ''
    }
  },
  body: '{"query":"{ pokemons { name } }"}'
}

Released under the MIT License.