Replace playground with graphiql

README.md

@@ -9,8 +9,8 @@ Generate GraphQL schemas and server based on SQL table structure.
 `sql-to-graphql` is a command-line utility that can help you get started. You give it the credentials to an SQL database (MySQL, PostgreSQL and SQLite currently) and it will inspect the tables it finds and do the following:
 
 - Generate GraphQL-types for each table (including resolvers)
-- Generate an HTTP-server based on Hapi that accepts GraphQL queries
-- Sets up a basic web-frontend that lets you query the server
+- Generate an HTTP-server based on Express that accepts GraphQL queries
+- Exposes a graphiql playground to query the server
 
 ## Disclaimer
 
@@ -28,7 +28,6 @@ This utility is intended to help people get started with GraphQL. It is **NOT**
 
   - `--relay`, `-r` - Generate Relay-style schema *`(boolean [default: false])`*
   - `--output-dir`, `-o` - Directory to use when generating app *`(string [required])`*
-  - `--es6` - Use ES6 for generated code *`(boolean [default: false])`*
   - `--database`, `--db` - Database name *`(string [required])`*
   - `--db-filename` - Database filename, used for SQLite *`(string)`*
   - `--host`, `-h` - Hostname of database server *`(string [default: "localhost"])`*

cli/prompts.js

@@ -13,11 +13,6 @@ module.exports = {
 
     styleOptions: function(opts, cb) {
         return inquirer.prompt([{
-            type: 'confirm',
-            message: 'Do you want to use babel + ES6?',
-            name: 'es6',
-            default: opts.es6
-        }, {
             type: 'confirm',
             name: 'relay',
             message: 'Do you want a Relay-style GraphQL schema?',

server/server.js

@@ -0,0 +1,17 @@
+const express = require('express')
+const graphqlHTTP = require('express-graphql')
+const MyGraphQLSchema = require('./schema.js')
+
+const app = express()
+
+app.use(
+  '/graphql',
+  graphqlHTTP({
+    schema: MyGraphQLSchema,
+    graphiql: true
+  })
+)
+
+app.listen(4000, () => {
+  console.log('listening on port 4000...')
+})

steps/ast-builders/config.js

@@ -14,6 +14,7 @@ module.exports = function buildConfig(opts) {
 };
 
 function getConfigAst(opts) {
+
     return b.objectExpression([
         b.property('init', b.identifier('client'), b.literal(opts.backend)),
         b.property('init', b.identifier('connection'), buildObject(

steps/copy-server.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var copy = require('copy-dir');
+var path = require('path');
+
+module.exports = function copyServer( toDir) {
+    var fromDir = path.resolve(path.join(__dirname, '..', 'server'));
+    copy.sync(fromDir, toDir);
+};

steps/output-data.js

@@ -12,7 +12,7 @@ var buildResolveMap = require('./ast-builders/resolve-map');
 var buildSchemaModule = require('./ast-builders/schema-module');
 var buildNodeDefinitions = require('./ast-builders/node-definitions');
 var updatePackageManifest = require('./update-package');
-var copyTemplates = require('./copy-templates');
+var copyServer = require('./copy-server');
 
 function outputData(data, opts, callback) {
     if (opts.relay) {
@@ -64,8 +64,8 @@ function outputData(data, opts, callback) {
         var resolveMap = recast.prettyPrint(buildResolveMap(data, opts), opts).code;
         fs.writeFileSync(path.join(outputDir, 'resolve-map.js'), resolveMap);
 
-        // Copy templates ("static" ones, should probably be named something else)
-        copyTemplates(opts.es6 ? 'es6' : 'cjs', outputDir);
+        // Copy server files
+        copyServer( outputDir);
 
         // Write the schema!
         var schemaCode = recast.prettyPrint(buildSchemaModule(data, opts), opts).code;