initial commit

Author: Rishabh Pandey

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+package-lock.json/

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}

README.md

@@ -0,0 +1,27 @@
+# GraphQL MongoDB  Express Server
+
+GraphQL server on Node using Express and connect to Mongo DB using Mongoose.
+
+### Important Files and Folders
+
+|File/Folder|Description|
+|-----------|-----------|
+|**index.html**| The main HTML file|
+|**index.js**| GraphQL Express Server|
+|**graphql**| Folder related to graphQL Schema.|
+|**model**| Folder related to Mongoose(mongodb) *Schema* and *Model*|
+
+
+* Run ``` npm start ``` to start dev mode .
+
+* Once the server is up, go to browser and run http://localhost:3000/. 
+
+
+## Todo 
+
+* Write Gulp task for build in production 
+* use Express Middlewares (Passport , cors , multer etc .) 
+* Use MongoDb geospatial query with graphQl
+* Make it CRUD .
+* Add more query, mutation , subscription with GrahQl.
+

graphql/Schema/Schema.js

@@ -0,0 +1,73 @@
+import {
+  GraphQLObjectType,
+  GraphQLNonNull,
+  GraphQLSchema,
+  GraphQLString,
+  GraphQLList,
+  GraphQLInt,
+  GraphQLBoolean
+} from 'graphql/type';
+
+import ToDoMongo from '../../model/todo'
+
+/**
+ * generate projection object for mongoose
+ * @param  {Object} fieldASTs
+ * @return {Project}
+ */
+export function getProjection (fieldASTs) {
+  return fieldASTs.fieldNodes[0].selectionSet.selections.reduce((projections, selection) => {
+    projections[selection.name.value] = true;
+    return projections;
+  }, {});
+}
+
+var todoType = new GraphQLObjectType({
+  name: 'todo',
+  description: 'todo item',
+  fields: () => ({
+    itemId: {
+      type: (GraphQLInt),
+      description: 'The id of the todo.',
+    },
+    item: {
+      type: GraphQLString,
+      description: 'The name of the todo.',
+    },
+    completed: {
+      type: GraphQLBoolean,
+      description: 'Completed todo? '
+    }
+  })
+});
+
+var schema = new GraphQLSchema({
+  query: new GraphQLObjectType({
+    name: 'RootQueryType',
+    fields: {
+      todo: {
+        type: new GraphQLList(todoType),
+        args: {
+          itemId: {
+            name: 'itemId',
+            type: new GraphQLNonNull(GraphQLInt)
+          }
+        },
+        resolve: (root, {itemId}, source, fieldASTs) => {
+          var projections = getProjection(fieldASTs);
+          var foundItems = new Promise((resolve, reject) => {
+              ToDoMongo.find({itemId}, projections,(err, todos) => {
+                  err ? reject(err) : resolve(todos)
+              })
+          })
+
+          return foundItems
+        }
+      }
+    }
+  })
+  
+});
+
+export default schema;
+

gulpfile.babel.js

@@ -0,0 +1,65 @@
+import gulp from 'gulp';
+import gulpLoadPlugins from 'gulp-load-plugins';
+import path from 'path';
+import del from 'del';
+import runSequence from 'run-sequence';
+import babelCompiler from 'babel-core/register';
+import babel from 'gulp-babel';
+
+const plugins = gulpLoadPlugins();
+
+const paths = {
+    js: ['./**/*.js', '!dist/**', '!node_modules/**', '!coverage/**'],
+    nonJs: ['./package.json', './.gitignore', './**/*.ejs'],
+    tests: './server/tests/*.js'
+};
+
+// Clean up dist and coverage directory
+gulp.task('clean', () =>
+    del(['dist/**', 'coverage/**', '!dist', '!coverage']));
+
+// Set env variables
+gulp.task('set-env', () => {
+    plugins.env({
+        vars: {
+            NODE_ENV: 'test'
+        }
+    });
+});
+
+// Copy non-js files to dist
+gulp.task('copy', () =>
+    gulp.src(paths.nonJs)
+        .pipe(plugins.newer('dist'))
+        .pipe(gulp.dest('dist')));
+
+// Compile ES6 to ES5 and copy to dist
+gulp.task('babel', () =>
+    gulp.src([...paths.js, '!gulpfile.babel.js'], { base: '.' })
+        .pipe(plugins.newer('dist'))
+        .pipe(plugins.sourcemaps.init())
+        .pipe(babel())
+        .pipe(plugins.sourcemaps.write('.', {
+            includeContent: false,
+            sourceRoot(file) {
+                return path.relative(file.path, __dirname);
+            }
+        }))
+        .pipe(gulp.dest('dist')));
+
+// Start server with restart on file changes
+gulp.task('nodemon', ['copy', 'babel'], () =>
+    plugins.nodemon({
+        script: path.join('dist', 'index.js'),
+        ext: 'js',
+        ignore: ['node_modules/**/*.js', 'dist/**/*.js'],
+        tasks: ['copy', 'babel']
+    }));
+
+// gulp serve for development
+gulp.task('serve', ['clean'], () => runSequence('nodemon'));
+
+// default task: clean dist, compile js files and copy non-js files.
+gulp.task('default', ['clean'], () => {
+    runSequence(['copy', 'babel']);
+});

index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>GraphQL Express</title>
+</head>
+<body>
+	<hr>
+	<h1>GraphQL Server</h2>
+	<hr>
+	<h2>This is just a normal POST</h2>	
+	<div>Enter a new item in the text box and hit Submit to save it to the database</div>
+	<form action="/quotes" method="POST">
+		<input type="text" placeholder="item" name="item">
+		<button type="submit">Submit</button>
+	</form>
+	<hr>
+	<h2>GraphQL Test</h2>
+	<hr>
+	<div>
+		<a href="/graphql?query={todo(itemId:1){itemId,item}}">GraphQL Test</a>
+	</div>
+</body>
+</html>

index.js

@@ -0,0 +1,45 @@
+import express from 'express';
+import mongoose from 'mongoose';
+import bodyParser from 'body-parser';
+import ToDo from './mongoose/todo'
+import schema from './graphql/Schema/Schema'
+const app = express();
+
+import {graphql} from 'graphql'
+import graphqlHTTP from 'express-graphql';
+
+app.use(bodyParser.urlencoded({extended:true}))
+
+mongoose.connect('mongodb://localhost:27017/Graphql')
+
+var db = mongoose.connection;
+db.on('error', ()=> {console.log( 'FAILED to connect to mongoose')})
+db.once('open', () => {
+	console.log( 'Connected to MongoDb')
+})
+
+app.listen(3000,()=> {console.log("Express Server is Running @ Port -> 3000!!!")})
+
+app.get('/',(req,res)=>{
+	res.sendFile(__dirname + '/index.html')
+})
+
+app.use('/graphql', graphqlHTTP (req => ({
+	schema
+	//,graphiql:true
+})))
+
+app.post('/quotes',(req,res)=>{
+	// Insert into TodoList Collection
+	var todoItem = new ToDo({
+		itemId:1,
+		item:req.body.item,
+		completed: false
+	})
+
+	todoItem.save((err,result)=> {
+		if (err) {console.log("---TodoItem save failed " + err)}
+		console.log("TodoItem saved successfully "+todoItem.item)
+		res.redirect('/')
+	})
+})

model/todo.js

@@ -0,0 +1,16 @@
+import mongoose from 'mongoose';
+
+var Schema = mongoose.Schema;
+
+// create a schema
+var toDoSchema = new Schema({
+    itemId: Number,
+    item: String,
+    completed: Boolean
+}, {collection:"TodoList"});
+
+// the schema is useless so far
+// we need to create a model using it
+var ToDo = mongoose.model('ToDo', toDoSchema);
+
+export default ToDo

package.json

@@ -0,0 +1,54 @@
+{
+  "name": "graphql-express",
+  "version": "1.0.0",
+  "description": "Graphql Express-MongoDB server",
+  "main": "index.js",
+  "scripts": {
+    "start": "nodemon index.js --exec babel-node --presets es2015,stage-2",
+    "build": "gulp",
+    "dev": "nodemon index.js"
+  },
+  "dependencies": {
+    "body-parser": "^1.15.2",
+    "express": "^4.14.0",
+    "express-graphql": "^0.6.1",
+    "graphql": "^0.8.2",
+    "mongoose": "^4.7.2"
+  },
+  "devDependencies": {
+    "babel": "^6.5.2",
+    "babel-cli": "^6.18.0",
+    "babel-core": "^6.26.0",
+    "babel-plugin-add-module-exports": "0.2.1",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-es2015": "^6.18.0",
+    "babel-preset-stage-0": "^6.16.0",
+    "babel-preset-stage-2": "6.24.1",
+    "del": "^3.0.0",
+    "gulp": "3.9.1",
+    "gulp-env": "^0.4.0",
+    "gulp-babel": "^7.0.0",
+    "gulp-eslint": "^4.0.0",
+    "gulp-istanbul": "1.1.2",
+    "gulp-load-plugins": "^1.5.0",
+    "gulp-mocha": "^4.3.1",
+    "gulp-newer": "^1.3.0",
+    "gulp-nodemon": "^2.2.1",
+    "gulp-plumber": "^1.1.0",
+    "gulp-sourcemaps": "^2.6.1",
+    "gulp-util": "^3.0.8",
+    "isparta": "4.0.0",
+    "mocha": "4.0.1",
+    "run-sequence": "^2.2.0",
+    "nodemon": "^1.11.0"
+  },
+  "babel": {
+    "presets": [
+      "es2015",
+      "stage-2"
+    ],
+    "plugins": [
+      "add-module-exports"
+    ]
+  }
+}