How to add headers per-query?

[MarcelloTheArcane]

With Hasura, you specify user roles with a header called X-Hasura-Role.

I've managed to set the JWT using the example, however that seems to set the header for the whole client, rather than each request.

In Apollo, I'd do something like this:

apollo.query({
  query: // some query
  context: {
    headers: {
      'X-Hasura-Role': 'user'
    }
  }
})

[MarcelloTheArcane]

Looks like #28 will be helpful. It would mean I need to create a separate client for each role I think

[logaretm]

Sounds like you want to provide a custom object to the plugin's function, I think it's simple to add to villus. So would something like this work?

useQuery({
  query: SomeQuery,
  context: { hasuraRole: 'user' }
})

Then you would have a global plugin handling this:

function rolePlugin({ queryContext }) {
  opContext.headers['X-Hasura-Role'] = queryContext.hasuraRole;
}

Not yet sure about the naming but it's reasonable to have.

[MarcelloTheArcane]

@logaretm thanks for the quick reply!

Yes, that looks great.

[logaretm]

This was tagged in rc.12, although a little bit different.

It's similar to what you suggested initially:

useQuery({
  query: SomeQuery,
  context: {
    headers: {
      // some headers
    }
  }
})

// can be reactive as well
useQuery({
  query: SomeQuery,
  context: computed(() => { .... })
})

useMutation(SomeMutation, {
  context: {
    headers: {
      // some headers
    }
  }
})

// can be reactive as well
useMutation(SomeMutation, {
  context: computed(() => { .... })
})