upgrade to introsepctive mock

Author: rwieruch

src/index.js

@@ -2,43 +2,62 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { ApolloProvider } from 'react-apollo';
 import { ApolloClient } from 'apollo-client';
-// import { HttpLink } from 'apollo-link-http';
+import { HttpLink } from 'apollo-link-http';
 import { InMemoryCache } from 'apollo-cache-inmemory';
 
 import { SchemaLink } from 'apollo-link-schema';
-import { makeExecutableSchema } from 'graphql-tools';
+import {
+  makeExecutableSchema,
+  introspectSchema,
+} from 'graphql-tools';
+
+import { printSchema } from 'graphql/utilities/schemaPrinter';
 
 import App from './App';
-import { typeDefs, resolvers } from './schema';
+import {
+  // schema,
+  resolvers,
+} from './schema';
 
 import registerServiceWorker from './registerServiceWorker';
 
-const cache = new InMemoryCache();
-
-// const GITHUB_BASE_URL = 'https://api.github.com/graphql';
-
-// const httpLink = new HttpLink({
-//   uri: GITHUB_BASE_URL,
-//   headers: {
-//     authorization: `Bearer ${
-//       process.env.REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN
-//     }`,
-//   },
-// });
-
-const schema = makeExecutableSchema({ typeDefs, resolvers });
-
-const client = new ApolloClient({
-  // link: httpLink,
-  link: new SchemaLink({ schema }),
-  cache,
-});
-
-ReactDOM.render(
-  <ApolloProvider client={client}>
-    <App />
-  </ApolloProvider>,
-  document.getElementById('root'),
-);
+async function render() {
+  const cache = new InMemoryCache();
+
+  const GITHUB_BASE_URL = 'https://api.github.com/graphql';
+
+  const httpLink = new HttpLink({
+    uri: GITHUB_BASE_URL,
+    headers: {
+      authorization: `Bearer ${
+        process.env.REACT_APP_GITHUB_PERSONAL_ACCESS_TOKEN
+      }`,
+    },
+  });
+
+  const schema = await introspectSchema(httpLink);
+
+  const executableSchema = makeExecutableSchema({
+    typeDefs: printSchema(schema),
+    resolvers,
+    resolverValidationOptions: {
+      requireResolversForResolveType: false,
+    },
+  });
+
+  const client = new ApolloClient({
+    link: new SchemaLink({ schema: executableSchema }),
+    cache,
+  });
+
+  ReactDOM.render(
+    <ApolloProvider client={client}>
+      <App />
+    </ApolloProvider>,
+    document.getElementById('root'),
+  );
+}
+
+render();
 
 registerServiceWorker();

src/schema.js

@@ -1,4 +1,4 @@
-export const typeDefs = `
+export const schema = `
   type Query {
     organization(login: String!): Organization!
   }
@@ -17,22 +17,22 @@ export const typeDefs = `
     node: Repository!
   }
 
-  type Repository {
+  type Repository implements Starrable {
     id: String!
     name: String!
     url: String!
     viewerHasStarred: Boolean!
   }
 
   type Mutation {
-    addStar(input: AddStarInput!): AddStarResult!
+    addStar(input: AddStarInput!): AddStarPayload!
   }
 
   input AddStarInput {
     starrableId: ID!
   }
 
-  type AddStarResult {
+  type AddStarPayload {
     starrable: Starrable!
   }
 
@@ -43,14 +43,6 @@ export const typeDefs = `
 `;
 
 export const resolvers = {
-  Mutation: {
-    addStar: (parent, { input }) => ({
-      starrable: {
-        id: input.starrableId,
-        viewerHasStarred: true,
-      },
-    }),
-  },
   Query: {
     organization: (parent, { login }) => ({
       name: login,
@@ -77,4 +69,15 @@ export const resolvers = {
       },
     }),
   },
+  Mutation: {
+    addStar: (parent, { input }) => ({
+      starrable: {
+        id: input.starrableId,
+        viewerHasStarred: true,
+      },
+    }),
+  },
+  Starrable: {
+    __resolveType: () => 'Repository',
+  },
 };