$ mkdir blacklist
$ cd blacklist
$ npm init
$ git init
$ vim .gitignore # https://gist.github.com/pmq20/2887714

$ npm install --save koa

varkoa=require('koa');varapp=koa();app.use(function*(){this.body='Hello from koajs';});app.listen(3000);

$ npm install --save koa-route
($ npm install --save koa-cors)

$ npm install --save koa-static co-views

varkoa=require('koa');varroute=require('koa-route');varserve=require('koa-static');varviews=require('co-views');varapp=koa();// Viewvarrender=views(__dirname+'/views');app.use(route.get('/',function*(){this.body=yieldrender('index.html');}));// API// Staticapp.use(serve(__dirname+'/app/dist'));app.listen(3000);

.
├── app
│   ├── dist
│   │   └── bundle.js
│   └── src
│       └── main.js
├── package.json
├── server.js
├── views
│   └── index.html
└── webpack.config.js

$ npm install --save webpack
$ npm install --save-dev webpack-dev-server 

module.exports={entry:['./app/src/main.js'],output:{path:__dirname+'/app/dist',publicPath:'/',filename:'bundle.js'},devServer:{contentBase:'./app/dist'}};

$ ./node_modules/.bin/webpack
Hash: 448a36d28f029188e4ee
Version: webpack 1.13.1
Time: 51ms
    Asset     Size  Chunks             Chunk Names
bundle.js  1.51 kB       0[emitted]  main
   [0] multi main 28 bytes {0}[built][1] ./app/src/main.js 0 bytes {0}[built]

"scripts": {
    "webserver": "node server.js",
    "build": "./node_modules/.bin/webpack",
    "dev": "./node_modules/.bin/webpack-dev-server"
  },

varwebpack=require('webpack');module.exports={entry:['./app/src/main.js'],module:{loaders:[{test:/\.jsx?$/,exclude:/node_modules/,loader:'babel'}]},resolve:{extensions:['','.js','.jsx']},output:{path:__dirname+'/app/dist',publicPath:'/',filename:'bundle.js'},devServer:{contentBase:'./app/dist',historyApiFallback:true,hot:true,inline:true,progress:true},plugins:[newwebpack.HotModuleReplacementPlugin()]};

$ npm install --save babel-loader

varkoa=require('koa');varroute=require('koa-route');varserve=require('koa-static');varapp=koa();// Viewapp.use(serve(__dirname+'/app/dist'));// API// app.use(route.get('/api/xxx', function *(next) {// }));app.listen(3000);

.
├── app
│   ├── dist
│   │   ├── bundle.js
│   │   └── index.html
│   └── src
│       ├── components
│       │   └── App.jsx
│       └── index.jsx
├── package.json
├── server.js
└── webpack.config.js

varwebpack=require('webpack');module.exports={entry:['./app/src/index'],module:{loaders:[{test:/\.jsx?$/,exclude:/node_modules/,loaders:['babel']}]},resolve:{extensions:['','.js','.jsx']},output:{path:__dirname+'/app/dist',publicPath:'/',filename:'bundle.js'},devServer:{contentBase:'./app/dist',historyApiFallback:true,hot:true,inline:true,progress:true},plugins:[newwebpack.HotModuleReplacementPlugin()]};

$ npm install --save react react-dom

$ npm install --save-dev babel-preset-es2015 babel-preset-react

{
  "presets": ["react", "es2015"]
}

varpath=require('path');varwebpack=require('webpack');module.exports={devtool:'source-map',entry:[path.resolve(__dirname,'app/src/index')],module:{loaders:[{test:/\.jsx?$/,exclude:/node_modules/,loaders:['babel']}]},resolve:{extensions:['','.js','.jsx']},output:{path:path.resolve(__dirname,'app/dist'),publicPath:'/',filename:'bundle.js'},devServer:{contentBase:path.resolve(__dirname,'app/dist'),historyApiFallback:true,hot:true,inline:true,progress:true},plugins:[newwebpack.HotModuleReplacementPlugin()]};

$npminstall--save-deveslint$./node_modules/.bin/eslint--init?HowwouldyouliketoconfigureESLint?Answerquestionsaboutyourstyle?AreyouusingECMAScript6features?Yes?AreyouusingES6modules?Yes?Wherewillyourcoderun?Browser?DoyouuseCommonJS?No?DoyouuseJSX?Yes?DoyouuseReactYes?Whatstyleofindentationdoyouuse?Spaces?Whatquotesdoyouuseforstrings?Single?Whatlineendingsdoyouuse?Unix?Doyourequiresemicolons?Yes?Whatformatdoyouwantyourconfigfiletobein?JavaScriptInstallingeslint-plugin-reactblacklist@1.0.0└─┬eslint-plugin-react@6.1.2└──jsx-ast-utils@1.3.1

letg:syntastic_javascript_checkers = ['eslint']

"rules": {
    "react/jsx-uses-react": "error",
    "react/jsx-uses-vars": "error",
  }

"extends": ["eslint:recommended", "plugin:react/recommended"],

"lint": "./node_modules/.bin/eslint server.js app/src/* --ext .js --ext .jsx",

$ npm install --save-dev babel-core mocha

npm install --save-dev intelli-espower-loader power-assert

test: "./node_modules/mocha/bin/mocha --require intelli-espower-loader --recursive"

varassert=require('power-assert');varapp=require('../server');varrequest=require('supertest').agent(app.listen());describe('api',()=>{it('hello',(done)=>{request.get('/api/hello').expect(200).expect('hello',done);});});

.
├── .babelrc
├── .eslintrc.js
├── .gitignore
├── app
│   ├── dist
│   │   ├── bundle.js
│   │   └── index.html
│   ├── src
│   │   ├── components
│   │   └── index.jsx
│   ├── test
│   │   └── model-test.js
│   └── webpack.config.js
├── package.json
├── server.js
└── test
    └── server-test.js

"scripts": {
    "lint": "./node_modules/.bin/eslint server.js app/src/* --ext .js --ext .jsx",
    "build:front": "cd app && ../node_modules/.bin/webpack",
    "dev:front": "cd app && ../node_modules/.bin/webpack-dev-server",
    "dev:server": "node server.js",
    "test:front": "./node_modules/mocha/bin/mocha --compilers js:babel-core/register --require intelli-espower-loader app/test/*.js",
    "test:server": "./node_modules/mocha/bin/mocha --require intelli-espower-loader test/*.js"
  },

$ docker run -d \
--name blacklist-runner \
--restart always \
-v /var/run/docker.sock:/var/run/docker.sock \
-v /srv/blacklist-runner/config:/etc/gitlab-runner \
gitlab/gitlab-runner:latest
$ docker exec -it blacklist-runner gitlab-runner register

image:node:6.3before_script:-npminstallstages:-testeslint:stage:testscript:-npmrunlintmocha-test:stage:testscript:-npmruntest:server-npmruntest:front

const mongoose = require('mongoose');

const mongoUrl = process.env.MONGO_URL ? process.env.MONGO_URL
                                     : 'localhost/blacklist';

mongoose.connect(mongoUrl);
mongoose.connection.on('error', (err) => {
  console.log(err);
});

const Blacklist = mongoose.model( 'blacklist', new mongoose.Schema({
  company: { type: String, required: true },
  sender:  String,
  target:  String,
  date:    { type: Date, default: Date.now() },
  comment: String,
  black:   { type: Boolean, default: true }
}));

app.use(route.get('/api/set',function*(){constparams=querystring.parse(this.request.querystring);letblacklist=newBlacklist();blacklist.company=params.company?params.company:null;blacklist.sender=params.sender?params.sender:null;blacklist.target=params.target?params.target:null;blacklist.comment=params.comment?params.comment:null;blacklist.black=params.black?params.black:true;try{yieldblacklist.save();}catch(e){this.body={ok:false,response:e.message};return;}this.body={ok:true,response:JSON.stringify(blacklist)};}));app.use(route.get('/api/get',function*(){constparams=querystring.parse(this.request.querystring);this.body=yieldBlacklist.find(params);}));app.use(route.get('/api/update',function*(){letparams=querystring.parse(this.request.querystring);if(!('_id'inparams)){this.body={ok:false};return;}constquery={_id:params._id};deleteparams._id;params.date=Date.now();letblacklist=null;try{blacklist=yieldBlacklist.findOneAndUpdate(query,params);}catch(e){this.body={ok:false,response:e.message};return;}this.body={ok:true,response:JSON.stringify(blacklist)};}));app.use(route.get('/api/delete',function*(){constparams=querystring.parse(this.request.querystring);constquery={_id:params._id};constres=yieldBlacklist.remove(query);this.body={ok:Boolean(res.result.ok),response:res.result.n};// res.result.nは消えた数}));

mongoose.Promise=global.Promise;

$ npm install --save react-tap-event-plugin material-ui

importPhoneMissedfrom'material-ui/svg-icons/notification/phone-missed';

handleCsvUpload(){letfileUploadDom=ReactDOM.findDOMNode(this.refs.fileUpload);fileUploadDom.click();}handleVirtualClickCsvUpload(e){varreader=newFileReader();reader.onload=()=>{constcsv=reader.result;// TODO: Server: web api未実装};reader.readAsText(e.target.files[0],'UTF-8');}// ...<FlatButtonlabel='CSV import'labelPosition='after'icon={<ImportExport/>}onTouchTap={this.handleCsvUpload}/><inputref='fileUpload'type='file'style={{'display':'none'}}accept={'text/csv'}onChange={this.handleChange}/>