react-blips/src/components/Provider.js

Official React bindings for Blips

import { Component, Children, } from 'react'
import { GraphQLDirective, DirectiveLocation, } from 'graphql'
import PropTypes from 'prop-types'

export default class Provider extends Component {
  static propTypes = {
    client: PropTypes.shape({
      state: PropTypes.object.isRequired,
      schema: PropTypes.object.isRequired,
      query: PropTypes.func.isRequired,
      mutate: PropTypes.func.isRequired,
      subscribe: PropTypes.func.isRequired,
      fetch: PropTypes.func.isRequired,
    }).isRequired,
    children: PropTypes.element.isRequired,
  }

  static childContextTypes = {
    client: PropTypes.object.isRequired,
  }

  getChildContext () {
    return { client: this.client, }
  }

  constructor (props, context) {
    super(props, context)
    this.client = props.client

    const apiDirective = new GraphQLDirective({
      name: 'api',
      description:
        'Sends this operation to a real GraphQL server for execution',
      locations: [
        DirectiveLocation.QUERY,
        DirectiveLocation.MUTATION,
        DirectiveLocation.SUBSCRIPTION,
      ],
    })

    this.client.schema._directives.push(apiDirective)
  }

  render () {
    return Children.only(this.props.children)
  }
}