feat(Chore): Run the babel transpiled code

Author: revathskumar

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
 public/javascripts/
+dist/

bin/www

@@ -4,7 +4,7 @@
  * Module dependencies.
  */
 
-var app = require('../app');
+var app = require('../dist/app');
 var debug = require('debug')('server-render:server');
 var http = require('http');
 

package.json

@@ -5,10 +5,10 @@
   "scripts": {
     "start": "node ./bin/www",
     "dev": "DEBUG=server-render/* nodemon ./bin/www",
+    "build": "rm -rf dist/ && babel --watch src/ -d dist/",
     "webpack:server": "webpack --debug --hot --output-path-info --devtool=eval --display-modules --watch -d"
   },
   "dependencies": {
-    "babel-register": "^6.9.0",
     "body-parser": "~1.13.2",
     "cookie-parser": "~1.3.5",
     "debug": "~2.2.0",
@@ -22,7 +22,7 @@
     "serve-favicon": "~2.3.0"
   },
   "devDependencies": {
-    "babel-cli": "^6.6.5",
+    "babel-cli": "^6.23.0",
     "babel-core": "^6.9.1",
     "babel-eslint": "^6.0.4",
     "babel-loader": "^6.2.4",
@@ -36,6 +36,7 @@
     "eslint-config-xo-space": "^0.13.0",
     "eslint-plugin-babel": "^3.2.0",
     "eslint-plugin-react": "^5.1.1",
+    "nodemon": "^1.11.0",
     "webpack": "^1.13.1",
     "webpack-dev-server": "^1.14.1",
     "xo": "^0.15.1"

app.js renamed to src/app.js

@@ -1,19 +1,20 @@
-require('babel-register');
-var express = require('express');
-var path = require('path');
-var favicon = require('serve-favicon');
-var logger = require('morgan');
-var cookieParser = require('cookie-parser');
-var bodyParser = require('body-parser');
+import express from 'express';
+import path from 'path';
+import favicon from 'serve-favicon';
+import logger from 'morgan';
+import cookieParser from 'cookie-parser';
+import bodyParser from 'body-parser';
 
-var routes = require('./routes/index');
-var users = require('./routes/users');
+import routes from './routes/index';
+import users from './routes/users';
 
-var app = express();
+const app = express();
+
+console.log(path.join(__dirname, '..', 'views'));
 
 // view engine setup
-app.set('views', path.join(__dirname, 'views'));
-app.set('view engine', 'jade');
+app.set('views', path.join(__dirname, '..', 'views'));
+app.set('view engine', 'pug');
 
 app.locals.pretty = true;
 // uncomment after placing your favicon in /public
@@ -22,7 +23,7 @@ app.use(logger('dev'));
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: false }));
 app.use(cookieParser());
-app.use(express.static(path.join(__dirname, 'public')));
+app.use(express.static(path.join(__dirname, '..', 'public')));
 
 app.use('/', routes);
 app.use('/users', users);

client/app-root.jsx renamed to src/client/app-root.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {render} from 'react-dom';
 // import {Router, history, match} from 'react-router';
 
-import AppRouter from './router.jsx';
+import AppRouter from './router';
 
 // match({history, routes}, (error, redirectLocation, renderProps) => {
 // //   render(<Router {...renderProps}/>, document.querySelector('#app'));

client/app.jsx renamed to src/client/app.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import {Router, browserHistory, Route} from 'react-router';
 
-import AppRoot from './app-root.jsx';
-import Home from './home.jsx';
-import List from './list.jsx';
+import AppRoot from './app-root';
+import Home from './home';
+import List from './list';
 
 const AppRouter = () => {
   return (

client/home.jsx renamed to src/client/home.jsx

@@ -4,7 +4,7 @@ import React, {Component} from 'react';
 import {renderToString} from 'react-dom/server';
 import {RouterContext, match, createRoutes} from 'react-router';
 
-import appRouter from '../client/router.jsx';
+import appRouter from '../client/router';
 
 const routes = createRoutes(appRouter());