implement with own schema

Author: rwieruch

src/index.js

@@ -2,62 +2,60 @@ 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,
-  introspectSchema,
+  // introspectSchema,
 } from 'graphql-tools';
 
-import { printSchema } from 'graphql/utilities/schemaPrinter';
+// import { printSchema } from 'graphql/utilities/schemaPrinter';
 
 import App from './App';
-import {
-  // schema,
-  resolvers,
-} from './schema';
+import { schema, resolvers } from './schema';
 
 import registerServiceWorker from './registerServiceWorker';
 
-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();
+// 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),
+  typeDefs: 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

@@ -3,6 +3,11 @@ export const schema = `
     organization(login: String!): Organization!
   }
 
+  interface Starrable {
+    id: ID!
+    viewerHasStarred: Boolean!
+  }
+
   type Organization {
     name: String!
     url: String!
@@ -18,7 +23,7 @@ export const schema = `
   }
 
   type Repository implements Starrable {
-    id: String!
+    id: ID!
     name: String!
     url: String!
     viewerHasStarred: Boolean!
@@ -35,11 +40,6 @@ export const schema = `
   type AddStarPayload {
     starrable: Starrable!
   }
-
-  type Starrable {
-    id: ID!
-    viewerHasStarred: Boolean!
-  }
 `;
 
 export const resolvers = {