automock 0.0.1

data/server/app/index.js

@@ -0,0 +1,75 @@
+'use strict';
+
+const express = require('express');
+const app = express();
+const recursive = require('recursive-readdir');
+const path = require('path');
+const SelectedFile = require('./models/selected_file');
+const bodyParser = require('body-parser');
+const fs = require('fs');
+
+app.use(express.static(__dirname + '/assets'));
+app.use(bodyParser.urlencoded());
+app.use(bodyParser.json());
+let proxyServer;
+
+app.get('/mock_files', function(_req, res){
+  recursive(process.env.AUTOMOCK_DATA_PATH, (_err, filePaths) => {
+    Promise.all(filePaths.map((filePath) =>
+      new Promise((resolve) => {
+        fs.readFile(filePath, 'utf8', (_err2, text) => {
+          const mockData = JSON.parse(text);
+          mockData.name = path.relative(process.env.AUTOMOCK_DATA_PATH, filePath);
+          resolve(mockData);
+        });
+      })
+    )).then((files) => {
+      res.status(200).send(files);
+    });
+  });
+});
+
+app.get('/selected_files', function(req, res){
+  SelectedFile.findAll().
+    then((files) => {
+      const response = files.map((file) => {
+        return {
+          id: file.id,
+          name: file.name
+        };
+      });
+      res.status(200).send(response);
+    });
+});
+
+app.post('/selected_files', function(req, res){
+  SelectedFile.create({
+    name: req.body.name,
+    uri: req.body.uri,
+    method: req.body.method
+  }).then((selectedFile) => {
+    res.status(201).send(selectedFile);
+    if (proxyServer) {
+      proxyServer.loadSelectedFiles();
+    }
+  });
+});
+
+app.delete('/selected_files/:id', function(req, res){
+  SelectedFile.destroy({ where: { id: req.params.id } }).then(() => {
+    res.status(204).send();
+    if (proxyServer) {
+      proxyServer.loadSelectedFiles();
+    }
+  });
+});
+
+if (!module.parent) {
+  app.listen(process.env.AUTOMOCK_PORT || 8000);
+  const ProxyServer = require('./proxy_server');
+  proxyServer = new ProxyServer();
+  proxyServer.start();
+}
+
+
+module.exports = app;

data/server/app/models/selected_file.js

@@ -0,0 +1,11 @@
+const Sequelize = require('sequelize');
+const sequelize = require('./../db/sequelize');
+const SelectedFile = sequelize.define('selected_files', {
+  name: { type: Sequelize.STRING },
+  method: { type: Sequelize.STRING },
+  uri: { type: Sequelize.STRING }
+}, {
+  freezeTableName: true
+});
+
+module.exports = SelectedFile;

data/server/app/proxy_server.js

@@ -0,0 +1,50 @@
+'use strict';
+
+const httpProxy = require('http-proxy');
+const SelectedFile = require('./models/selected_file');
+const _ = require('underscore');
+const fs = require('fs');
+
+class ProxyServer {
+  constructor() {
+    const targetPort = process.env.AUTOMOCK_TARGET_PORT || 3000;
+    const proxyPort = process.env.AUTOMOCK_PROXY_PORT || 8001;
+    this.server = httpProxy.createProxyServer({
+      target:`http://localhost:${targetPort}`
+    }).listen(proxyPort);
+    this.selectedFiles = [];
+  }
+
+  loadSelectedFiles() {
+    SelectedFile.findAll().then((records) => {
+      this.selectedFiles = records;
+    });
+  }
+
+  start() {
+    this.loadSelectedFiles();
+    this.server.on('proxyRes', (_proxyRes, req, res) => {
+      const lookupedSelectedFile = _.find(this.selectedFiles, (selectedFile) =>
+        (selectedFile.uri === req.url) && (selectedFile.method === req.method)
+      );
+      if (lookupedSelectedFile) {
+        const write = res.write, writeHead = res.writeHead, end = res.end, bufs = [];
+        res.writeHead = (_status, _headers) => {
+          res.write = (body) => {
+            bufs.push(body);
+          };
+          res.end = () => {
+            fs.readFile(`${process.env.AUTOMOCK_DATA_PATH}/${lookupedSelectedFile.name}`, 'utf8', function (_err, text) {
+              const mockData = JSON.parse(text);
+              writeHead.call(res, mockData.status, mockData.response_header);
+              write.call(res, mockData.response_body);
+              end.call(res);
+            });
+          };
+        };
+      }
+    });
+  }
+}
+
+module.exports = ProxyServer;

data/server/assets/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>automock</title>
+    <link rel="stylesheet" href="stylesheets/application.css" media="screen">
+  </head>
+  <body>
+    <div id="application"></div>
+    <script src="bundle.js"></script>
+  </body>
+</html>

data/server/assets/javascripts/actions/mock_files_actions.js

@@ -0,0 +1,18 @@
+/* flow */
+
+import request from 'superagent';
+export const GET_MOCK_FILES = 'GET_MOCK_FILES';
+
+export function getMockFiles() {
+  return (dispatch) => {
+    request.
+      get('./mock_files').
+      end((_err, res) => {
+        dispatch({
+          type: GET_MOCK_FILES,
+          mockFiles: res.body
+        });
+      }
+    );
+  };
+}

data/server/assets/javascripts/actions/selected_files_actions.js

@@ -0,0 +1,46 @@
+/* flow */
+
+import request from 'superagent';
+export const GET_SELECTED_FILES = 'GET_SELECTED_FILES';
+export const CREATE_SELECTED_FILES = 'CREATE_SELECTED_FILES';
+export const DELETE_SELECTED_FILES = 'DELETE_SELECTED_FILES';
+
+export function getSelectedFiles() {
+  return (dispatch) => {
+    request.
+      get('/selected_files').
+      end((_err, res) => {
+        dispatch({
+          type: GET_SELECTED_FILES,
+          selectedFiles: res.body
+        });
+      }
+    );
+  };
+}
+
+export function createSelectedFile(file) {
+  return (dispatch) => {
+    request.
+      post('/selected_files').
+      send(file).
+      end((_err, res) => {
+        dispatch({
+          type: CREATE_SELECTED_FILES,
+          selectedFile: res.body
+        });
+      }
+    );
+  };
+}
+
+export function deleteSelectedFile(id) {
+  return (dispatch) => {
+    request.
+      delete(`/selected_files/${id}`).
+      end((_err, _res) => {
+        dispatch({ type: DELETE_SELECTED_FILES, id });
+      }
+    );
+  };
+}

data/server/assets/javascripts/components/file_list.react.js

@@ -0,0 +1,23 @@
+import React from 'react';
+
+export default class FileList extends React.Component {
+  handleSelect(e) {
+    const selectedFile = this.props.files.filter((file) => file.name === e.target.value).toArray()[0];
+    this.props.onChange(selectedFile);
+  }
+  render() {
+    const options = this.props.files.map((file) =>
+      <option value={file.name} key={file.name}>{file.name}</option>
+    );
+    return(
+      <div className="file-list col-xs-5">
+        <div className="title">{this.props.title}</div>
+        <div>
+          <select size="10" onChange={this.handleSelect.bind(this)}>
+            {options}
+          </select>
+        </div>
+      </div>
+    );
+  }
+};

data/server/assets/javascripts/components/select_buttons.react.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+export default class SelectButtons extends React.Component {
+  handleClickSelectButton() {
+    this.props.onClickSelectButton(this.props.selectedFromNotSelectedFiles);
+  }
+  handleClickUnselectButton() {
+    this.props.onClickUnselectButton(this.props.selectedFromSelectedFiles.id);
+  }
+  render() {
+    return(
+      <div className="select-buttons col-xs-1">
+        <button className="btn btn-primary" onClick={this.handleClickSelectButton.bind(this)}>→</button>
+        <button className="btn" onClick={this.handleClickUnselectButton.bind(this)}>←</button>
+      </div>
+    );
+  }
+};

data/server/assets/javascripts/components/selectable_lists.react.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import FileList from './file_list';
+import SelectButtons from './select_buttons';
+
+export default class SelectableLists extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      selectedFromNotSelectedFiles: '',
+      selectedFromSelectedFiles: ''
+    };
+  }
+
+  handleSelectFromNotSelectedFiles(selectedFile) {
+    this.setState({ selectedFromNotSelectedFiles: selectedFile });
+  }
+
+  handleSelectFromSelectedFiles(selectedFile) {
+    this.setState({ selectedFromSelectedFiles: selectedFile });
+  }
+
+  render() {
+    const { selectedFiles, unselectedFiles } = this.props;
+    return(
+      <div className="selectable-lists row">
+        <FileList
+          title={"not selected files"}
+          files={unselectedFiles}
+          onChange={this.handleSelectFromNotSelectedFiles.bind(this)}
+        />
+        <SelectButtons
+          onClickSelectButton={this.props.onCreateSelectedFile}
+          onClickUnselectButton={this.props.onDeleteSelectedFile}
+          {...this.state}
+        />
+        <FileList
+          title={"selected files"}
+          files={selectedFiles}
+          onChange={this.handleSelectFromSelectedFiles.bind(this)}
+        />
+      </div>
+    );
+  }
+};

data/server/assets/javascripts/containers/app.react.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import * as SelectedFilesActions from '../actions/selected_files_actions';
+import * as MockFilesActions from '../actions/mock_files_actions';
+import SelectableLists from './../components/selectable_lists';
+import assign from 'object-assign';
+import _ from 'underscore';
+
+class AppContainer extends React.Component {
+  componentDidMount() {
+    const { getSelectedFiles, getMockFiles } = this.props;
+    getSelectedFiles();
+    getMockFiles();
+  }
+
+  handleCreateSelectedFile(file) {
+    const { createSelectedFile } = this.props;
+    createSelectedFile(file);
+  }
+
+  handleDeleteSelectedFile(id) {
+    const { deleteSelectedFile } = this.props;
+    deleteSelectedFile(id);
+  }
+
+  render() {
+    const { selectedFiles, mockFiles } = this.props;
+    const selectedFileNames = selectedFiles.map((file) => file.name).toArray();
+    const unselectedFiles = mockFiles.filter((file) => !_.includes(selectedFileNames, file.name));
+    return (
+      <div className="container">
+        <SelectableLists
+          selectedFiles={selectedFiles}
+          unselectedFiles={unselectedFiles}
+          onCreateSelectedFile={this.handleCreateSelectedFile.bind(this)}
+          onDeleteSelectedFile={this.handleDeleteSelectedFile.bind(this)}
+        />
+      </div>
+    );
+  }
+}
+
+function mapStateToProps(state) {
+  return {
+    selectedFiles: state.selectedFiles,
+    mockFiles: state.mockFiles
+  };
+}
+
+function mapDispatchToProps(dispatch) {
+  const actions = assign({}, SelectedFilesActions, MockFilesActions);
+  return bindActionCreators(actions, dispatch);
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(AppContainer);

data/server/assets/javascripts/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { createStore, applyMiddleware } from 'redux';
+import { Provider } from 'react-redux';
+import App from './containers/app';
+import reducers from './reducers';
+import thunk from 'redux-thunk';
+import logger from 'redux-logger';
+
+const middleware = process.env.NODE_ENV === 'production' ?
+  [ thunk ] :
+  [ thunk, logger() ];
+
+const createStoreWithMiddleware = applyMiddleware(...middleware)(createStore);
+const store = createStoreWithMiddleware(reducers);
+
+const rootElement = document.getElementById('application');
+render(
+  <Provider store={store}>
+    <App />
+  </Provider>,
+  rootElement
+);

data/server/assets/javascripts/reducers/index.js

@@ -0,0 +1,7 @@
+import { combineReducers } from 'redux';
+import selectedFiles from './selected_files';
+import mockFiles from './mock_files';
+
+const rootReducer = combineReducers({ selectedFiles, mockFiles });
+
+export default rootReducer;

data/server/assets/javascripts/reducers/mock_files.js

@@ -0,0 +1,11 @@
+import { List } from 'immutable';
+import { GET_MOCK_FILES } from '../actions/mock_files_actions';
+
+export default function mockFiles(state = List(), action) {
+  switch (action.type) {
+  case GET_MOCK_FILES:
+    return List(action.mockFiles);
+  default:
+    return state;
+  }
+}

data/server/assets/javascripts/reducers/selected_files.js

@@ -0,0 +1,15 @@
+import { List } from 'immutable';
+import { GET_SELECTED_FILES, CREATE_SELECTED_FILES, DELETE_SELECTED_FILES } from '../actions/selected_files_actions';
+
+export default function selectedFiles(state = List(), action) {
+  switch (action.type) {
+  case GET_SELECTED_FILES:
+    return List(action.selectedFiles);
+  case CREATE_SELECTED_FILES:
+    return state.push(action.selectedFile);
+  case DELETE_SELECTED_FILES:
+    return state.filter((file) => file.id !== action.id);
+  default:
+    return state;
+  }
+}

data/server/assets/stylesheets/application.scss

@@ -0,0 +1,4 @@
+@import 'bootstrap/scss/bootstrap';
+@import './components/selectable_list';
+@import './components/file_list';
+@import './components/select_buttons';

data/server/assets/stylesheets/components/_file_list.scss

@@ -0,0 +1,9 @@
+.file-list {
+  select { width: 100%; }
+  .title {
+    background-color: gray;
+    color: white;
+    padding: 6px;
+    text-align: center;
+  }
+}

data/server/assets/stylesheets/components/_select_buttons.scss

@@ -0,0 +1,6 @@
+.select-buttons {
+  button {
+    display: block;
+    margin: 50px 0;
+  }
+}

data/server/assets/stylesheets/components/_selectable_list.scss

@@ -0,0 +1,3 @@
+.selectable-lists {
+  margin-top: 50px;
+}

data/server/bin/server

@@ -0,0 +1,13 @@
+# starting server from rake task
+
+if [ $# -ne 4 ]; then
+  echo "empty args!" 1>&2
+  exit 1
+fi
+
+export AUTOMOCK_DATA_PATH=$1
+export AUTOMOCK_PORT=$2
+export AUTOMOCK_TARGET_PORT=$3
+export AUTOMOCK_PROXY_PORT=$4
+
+node app/index.js

data/server/gulpfile.coffee

@@ -0,0 +1,35 @@
+gulp        = require 'gulp'
+babelify    = require 'babelify'
+browserify  = require 'browserify'
+source      = require 'vinyl-source-stream'
+sass        = require 'gulp-sass'
+seq         = require 'run-sequence'
+
+gulp.path =
+  src: 'assets'
+  dist: 'app/assets'
+
+gulp.task 'build', ->
+  seq ['build:html', 'build:browserify', 'build:scss']
+
+gulp.task 'build:html', ->
+  gulp.src "#{@path.src}/**/*.html"
+    .pipe gulp.dest(@path.dist)
+
+gulp.task 'build:browserify', ->
+  browserify(
+    entries: ["#{@path.src}/javascripts/index.js"]
+    extensions: ['.js', '.react.js']
+  ).transform(babelify)
+   .bundle()
+   .pipe source 'bundle.js'
+   .pipe gulp.dest(@path.dist)
+
+gulp.task 'build:scss', ->
+  gulp.src "#{@path.src}/**/*.scss"
+    .pipe sass({ includePaths: [ 'node_modules' ] }).on('error', sass.logError)
+    .pipe gulp.dest(@path.dist)
+
+gulp.task 'watch', ['build'], ->
+  gulp.watch("#{@path.src}/**/*.js", ['build:browserify'])
+  gulp.watch("#{@path.src}/**/*.scss", ['build:scss'])

data/server/migrations/20160101185711-add-selected-files.js

@@ -0,0 +1,15 @@
+var dbm = global.dbm || require('db-migrate');
+var type = dbm.dataType;
+
+exports.up = function(db, callback) {
+  db.createTable('selected_files', {
+    id: { type: 'int', primaryKey: true, autoIncrement: true },
+    name: { type: 'string', unique: true, notNull: 'true' },
+    createdAt: { type: 'datetime' },
+    updatedAt: { type: 'datetime' }
+  }, callback);
+};
+
+exports.down = function(db, callback) {
+  callback();
+};

data/server/migrations/20160102233558-add-columns-to-selected-files.js

@@ -0,0 +1,17 @@
+var dbm = global.dbm || require('db-migrate');
+var type = dbm.dataType;
+var async = require('async');
+
+exports.up = function(db, callback) {
+  async.series([
+    db.addColumn.bind(db, 'selected_files', 'method', { type: 'string', notNull: true, defaultValue: 'dummy' }),
+    db.addColumn.bind(db, 'selected_files', 'uri', { type: 'string', notNull: true, defaultValue: 'dummy' })
+  ], callback);
+};
+
+exports.down = function(db, callback) {
+  async.series([
+    db.removeColumn.bind(db, 'selected_files', 'method'),
+    db.removeColumn.bind(db, 'selected_files', 'uri')
+  ], callback);
+};

data/server/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "automock",
+  "devDependencies": {
+    "async": "^1.5.1",
+    "babel": "^6.1.18",
+    "babel-cli": "^6.2.0",
+    "babel-core": "^6.3.26",
+    "babel-preset-es2015": "^6.1.18",
+    "babel-preset-react": "^6.3.13",
+    "babelify": "^7.2.0",
+    "browserify": "^12.0.1",
+    "coffee-script": "^1.10.0",
+    "db-migrate": "^0.9.23",
+    "gulp": "^3.9.0",
+    "gulp-sass": "^2.1.1",
+    "http-proxy": "^1.12.0",
+    "mocha": "^2.3.4",
+    "power-assert": "^1.2.0",
+    "redux-devtools": "^3.0.1",
+    "run-sequence": "^1.1.5",
+    "supertest": "^1.1.0",
+    "vinyl-source-stream": "^1.1.0"
+  },
+  "dependencies": {
+    "body-parser": "^1.14.2",
+    "bootstrap": "^4.0.0-alpha.2",
+    "express": "^4.13.3",
+    "immutable": "^3.7.6",
+    "object-assign": "^4.0.1",
+    "react": "^0.14.3",
+    "react-dom": "^0.14.3",
+    "react-redux": "^4.0.5",
+    "recursive-readdir": "^1.3.0",
+    "redux": "^3.0.5",
+    "redux-logger": "^2.3.1",
+    "redux-thunk": "^1.0.2",
+    "sequelize": "^3.15.1",
+    "sqlite3": "^3.1.1",
+    "superagent": "^1.6.1",
+    "underscore": "^1.8.3"
+  },
+  "scripts": {
+    "test": "mocha --require babel-core/register --recursive test",
+    "build": "gulp build",
+    "watch": "gulp watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/joe-re/automock.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/joe-re/automock/issues"
+  },
+  "homepage": "https://github.com/joe-re/automock#readme"
+}

data/server/test/fixtures/mock/api/v1/api_test.json

@@ -0,0 +1 @@
+{"description":"description","method":"GET","uri":"/api/v1/users","status": "200","response_body":"{\"users\":[{\"username\":\"sample\",\"email\":\"sample@ggg.com\"}]}"}

data/server/test/fixtures/mock/test.json

@@ -0,0 +1 @@
+{"description":"api description","method":"POST","uri":"/api/v1/users","status": "201","response_body":"{\"users\":[{\"username\":\"sample\",\"email\":\"sample@ggg.com\"}]}"}

data/server/test/request/common_hooks.js

@@ -0,0 +1,20 @@
+process.env.AUTOMOCK_DATA_PATH=__dirname + '/../fixtures/mock';
+process.env.NODE_ENV='test';
+
+const sequelize = require('../../app/db/sequelize');
+const SelectedFile = require('../../app/models/selected_file');
+
+before(function() {
+  const execSync = require('child_process').execSync;
+  execSync('node ./node_modules/db-migrate/bin/db-migrate up --config app/db/database.json -e test');
+});
+
+beforeEach(function () {
+  SelectedFile.truncate();
+});
+
+after(function() {
+  sequelize.
+    getQueryInterface().
+    dropAllTables();
+});

data/server/test/request/mock_files_test.js

@@ -0,0 +1,34 @@
+'use strict';
+
+require('./common_hooks');
+const request = require('supertest');
+
+let server;
+describe('GET /mock_files', function () {
+  beforeEach(function () {
+    server = require('./../../app/index');
+  });
+  it('receives mock_files and 200', function testSlash(done) {
+    request(server).
+      get('/mock_files').
+      expect(200, [
+        {
+          description: 'api description',
+          method: 'POST',
+          name: 'test.json',
+          status: '201',
+          response_body: '{\"users\":[{\"username\":\"sample\",\"email\":\"sample@ggg.com\"}]}',
+          uri: '/api/v1/users'
+        },
+        {
+          description: 'description',
+          method: 'GET',
+          name: 'api/v1/api_test.json',
+          status: '200',
+          response_body: '{\"users\":[{\"username\":\"sample\",\"email\":\"sample@ggg.com\"}]}',
+          uri: '/api/v1/users'
+        }
+      ], done);
+  });
+});
+