Added a new Post component to display a full page post

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bloql",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Blog engine powered by blog engine powered by React using Relay and GraphQL to interact with data",
   "scripts": {
     "clean": "rm -rf dist/",

src/client.js

@@ -2,4 +2,5 @@
 module.exports = {
   createPostList: require('./client/PostList').create,
   createPostItem: require('./client/PostItem').create,
+  createPost: require('./client/Post').create,
 };

src/client/Post.js

@@ -0,0 +1,40 @@
+
+import Relay, { RootContainer } from 'react-relay';
+import React, { Component } from 'react';
+import Route from './routes/PostRoute';
+
+function createPost(Post) {
+  return Relay.createContainer(Post, {
+    fragments: {
+      post: () => Relay.QL`
+        fragment on Post {
+          meta {
+            title
+            slug
+            date
+            categories
+            tags
+          },
+          content
+        }
+      `,
+    },
+  });
+}
+
+function createRoot(Post) {
+  return class Root extends Component {
+    render() {
+      return (
+        <RootContainer Component={ Post } route={ new Route({
+          slug: this.props.slug
+        }) }/>
+      );
+    }
+  };
+}
+
+export const create = function (Post) {
+  var post = createPost(Post);
+  return createRoot(post);
+};

src/client/PostList.js

@@ -1,7 +1,7 @@
 
 import Relay, { RootContainer } from 'react-relay';
 import React, { Component } from 'react';
-import Routes from './Routes';
+import Route from './routes/BlogRoute';
 
 function createPostList(PostList, PostItem) {
   return Relay.createContainer(PostList, {
@@ -46,7 +46,7 @@ function createRoot(Blog) {
   return class Root extends Component {
     render() {
       return (
-        <RootContainer Component={ Blog } route={ new Routes() }/>
+        <RootContainer Component={ Blog } route={ new Route() }/>
       );
     }
   };

src/client/Routes.js → src/client/routes/BlogRoute.js

@@ -4,9 +4,9 @@ import Relay from 'react-relay';
 export default class extends Relay.Route {
 
   static queries = {
-    blog: () => Relay.QL`query { blog }`,
+    blog: () => Relay.QL`query { blog }`
   };
 
-  static routeName = 'HomeRoute';
+  static routeName = 'BlogRoute';
 
 }

src/client/routes/PostRoute.js

@@ -0,0 +1,12 @@
+
+import Relay from 'react-relay';
+
+export default class extends Relay.Route {
+
+  static queries = {
+    post: () => Relay.QL`query { post(slug: $slug) }`,
+  };
+
+  static routeName = 'PostRoute';
+
+}

src/config.js

@@ -1,5 +1,4 @@
 
-var path = require('path');
 var postsPath = 'posts';
 
 module.exports.setConfig = function (options) {
@@ -11,7 +10,3 @@ module.exports.setConfig = function (options) {
 module.exports.getPostsPath = function () {
   return postsPath;
 };
-
-module.exports.getWebpackPluginPath = function () {
-  return path.join(__dirname, 'server', 'build', 'babelRelayPlugin');
-};

src/server/schema/database.js

@@ -65,17 +65,19 @@ export const getPostList = function (filters) {
     } else {
 
       for (let filter in filters) {
+        if ({}.hasOwnProperty.call(filters, filter)) {
 
-        // Filter by string filter
-        if (STRING_FILTERS.indexOf(filter) > -1 && post.meta[filter] === filters[filter]) {
-          retPostList.push(post);
-        }
+          // Filter by string filter
+          if (_.contains(STRING_FILTERS, filter) && post.meta[filter] === filters[filter]) {
+            retPostList.push(post);
+          }
 
-        // Filter by array filter
-        if (ARRAY_FILTERS.indexOf(filter) > -1 && _.intersection(post.meta[filter], filters[filter]).length) {
-          retPostList.push(post);
-        }
+          // Filter by array filter
+          if (_.contains(ARRAY_FILTERS, filter) && _.intersection(post.meta[filter], filters[filter]).length) {
+            retPostList.push(post);
+          }
 
+        }
       }
 
     }

src/server/schema/schema.js

@@ -2,20 +2,37 @@
 import {
   GraphQLObjectType,
   GraphQLSchema,
+  GraphQLString,
 } from 'graphql/type';
 
-import { getBlog } from './database';
-import { blogType, node } from './types';
+import { getBlog, getPostList } from './database';
+import { blogType, postType, node } from './types';
 
 var Root = new GraphQLObjectType({
+
   name: 'Root',
+
   fields: () => ({
+
     node: node.nodeField,
+
     blog: {
       type: blogType,
       resolve: () => getBlog()
+    },
+
+    post: {
+      type: postType,
+      args: {
+        slug: {
+          type: GraphQLString,
+        },
+      },
+      resolve: (root, args) => getPostList(args)[0],
     }
-  }),
+
+  })
+
 });
 
 var schema = new GraphQLSchema({