Server implementation (WIP)

packages/iiif-graphql/.gitignore

@@ -2,3 +2,4 @@
 /dist
 /node_modules
 npm-debug.log*
+/build

packages/iiif-graphql/nwb.config.js

@@ -1,3 +1,6 @@
 module.exports = {
   type: 'react-app',
+  babel: {
+    plugins: ['graphql-tag', require.resolve('babel-plugin-import-graphql')],
+  },
 };

packages/iiif-graphql/package.json

@@ -7,23 +7,29 @@
     "build": "nwb build-react-app",
     "clean": "nwb clean-app",
     "start": "nwb serve-react-app",
+    "server:dev": "graphpack",
+    "server:build": "graphpack build",
     "test": "echo \"No tests yet\""
   },
   "dependencies": {
-    "iiif-redux": "1.0.0",
     "apollo-cache-inmemory": "^1.3.5",
     "apollo-client": "^2.4.2",
     "apollo-link": "^1.2.3",
     "apollo-link-schema": "^1.1.1",
     "apollo-link-set-context": "^0.5.4",
+    "dataloader": "^1.4.0",
     "graphql": "^14.0.2",
     "graphql-tag": "^2.10.0",
     "graphql-tools": "^4.0.1",
+    "iiif-redux": "1.0.0",
     "react": "^16.5.2",
     "react-apollo": "^2.2.4",
     "react-dom": "^16.5.2"
   },
   "devDependencies": {
+    "babel-plugin-graphql-tag": "^1.6.0",
+    "babel-plugin-import-graphql": "^2.6.2",
+    "graphpack": "^1.0.0-alpha.3",
     "nwb": "0.19.x"
   },
   "author": "",

packages/iiif-graphql/src/App.js → packages/iiif-graphql/src/components/App.js

@@ -1,10 +1,8 @@
-import './App.css';
-
 import React, { Component } from 'react';
 import { ApolloProvider } from 'react-apollo';
-import HelloWorld from './components/HelloWorld';
+import HelloWorld from './HelloWorld';
 
-import client from './graphql/client';
+import client from '../graphql/client';
 
 class App extends Component {
   state = {

packages/iiif-graphql/src/components/HelloWorld.js

@@ -26,9 +26,6 @@ const queryText = gql`
         value
       }
     }
-    getTest {
-      label
-    }
   }
 `;
 

packages/iiif-graphql/src/config.js

@@ -0,0 +1,7 @@
+import schemaDirectives from './graphql/directives';
+
+const config = {
+  schemaDirectives,
+};
+
+export default config;

packages/iiif-graphql/src/context.js

@@ -0,0 +1,12 @@
+import { createStore } from 'iiif-redux';
+
+const store = createStore();
+
+const context = req => ({
+  store,
+  query: selector => {
+    return selector(store.getState());
+  },
+});
+
+export default context;

packages/iiif-graphql/src/dataloaders/collections.js

@@ -0,0 +1,3 @@
+import DataLoader from 'dataloader';
+
+const collectionLoader = new DataLoader({});

packages/iiif-graphql/src/graphql/client.js

@@ -15,7 +15,15 @@ const store = createStore();
 // ]);
 
 const client = new ApolloClient({
-  link: new SchemaLink({ schema, context: { store } }),
+  link: new SchemaLink({
+    schema,
+    context: {
+      store,
+      query: selector => {
+        return selector(store.getState());
+      },
+    },
+  }),
   cache: new InMemoryCache(),
 });
 

packages/iiif-graphql/src/graphql/schema.js

@@ -1,7 +1,7 @@
 import { makeExecutableSchema } from 'graphql-tools';
 
-import typeDefs from './typeDefs';
-import resolvers from './resolvers';
+import typeDefs from '../schema.graphql';
+import resolvers from '../resolvers';
 import schemaDirectives from './directives';
 
 const schema = makeExecutableSchema({

packages/iiif-graphql/src/index.js

@@ -3,6 +3,6 @@ import './index.css';
 import React from 'react';
 import { render } from 'react-dom';
 
-import App from './App';
+import App from './components/App';
 
 render(<App />, document.querySelector('#app'));