GraphQL micro client

graphql.js

// Client
const query = (query, data, headers) => {
  return fetch('/api', {
    method: 'POST',
    headers: headers || {},
    body: JSON.stringify({
      query: query,
      variables: data
    })
  }).then((response) => {
    return response.json()
  }).then((json) => {        
    return json.data
  })
}

// Example
query(`
  query($id: Int) {
    user(id: $id) {
      username
      email
      photo {
        url
        size
        mime
      }
    }
  }
`, 
{
  id: 1234
}).then((result) => {
  console.log(result.user)
}).catch((error) => {
  console.log(error)
})

Why POST, for a query ?

@deanius the request body contains the query and variables as json encoded string. It wouldn't be useful to send this over as get request. You should not think too much in a RESTful way with Graph.