hops-graphql/lib/common.js

React and GraphQL implementation for Hops

'use strict';
require('isomorphic-fetch');

var React = require('react');
var ReactApollo = require('react-apollo');

var ApolloClient = require('apollo-client').default;
var ApolloCache = require('apollo-cache-inmemory');
var ApolloLink = require('apollo-link-http');

var hopsConfig = require('hops-config');

module.exports = {
  constructor: function(options) {
    if (!options) {
      options = {};
    }
    this.client = this.createClient(options.graphql || {});
  },
  createClient: function(options) {
    return new ApolloClient(this.enhanceClientOptions(options));
  },
  enhanceClientOptions: function(options) {
    return Object.assign({}, options, {
      link: options.link || this.createLink(),
      cache: options.cache || this.createCache(),
    });
  },
  createLink: function() {
    return new ApolloLink.HttpLink({
      uri: hopsConfig.graphqlUri,
    });
  },
  createCache: function() {
    return new ApolloCache.InMemoryCache({
      fragmentMatcher: this.createFragmentMatcher(),
    });
  },
  createFragmentMatcher: function() {
    var result = this.getIntrospectionResult();
    if (result) {
      return new ApolloCache.IntrospectionFragmentMatcher({
        introspectionQueryResultData: this.getIntrospectionResult(),
      });
    } else {
      return new ApolloCache.HeuristicFragmentMatcher();
    }
  },
  enhanceElement: function(reactElement) {
    return React.createElement(
      ReactApollo.ApolloProvider,
      {
        client: this.client,
      },
      reactElement
    );
  },
};