Merge pull request #193 from tsmorgan/browser-sync-2

Adding browser-sync to the prototyping kit.

lib/utils.js

@@ -35,7 +35,7 @@ exports.basicAuth = function(username, password) {
 	};
 };
 
-exports.findAvailablePort = function(app){
+exports.findAvailablePort = function(app, callback){
 
   var port = null;
 
@@ -51,10 +51,7 @@ exports.findAvailablePort = function(app){
   portScanner.findAPortNotInUse(port, port+50, '127.0.0.1', function(error, availablePort) {
 
     if (port == availablePort){
-
-      app.listen(port);
-      console.log('Listening on port ' + port + '   url: http://localhost:' + port);
-
+      callback(port);
     } else {
 
       // Default port in use - offer to change to available port
@@ -79,9 +76,9 @@ exports.findAvailablePort = function(app){
           // User answers yes
           port = availablePort;
           fs.writeFileSync(__dirname+'/../.port.tmp', port);
-          app.listen(port);
-          console.log('Changed to port ' + port + '   url: http://localhost:' + port);
+          console.log('Changed to port ' + port);
 
+          callback(port);
         } else {
 
           // User answers no - exit
@@ -103,4 +100,4 @@ exports.forceHttps = function(req, res, next) {
     return res.redirect(302, 'https://' + req.get('Host') + req.url);
   }
   next();
-};
+};

package.json

@@ -13,6 +13,7 @@
     "basic-auth": "^1.0.3",
     "basic-auth-connect": "^1.0.0",
     "body-parser": "^1.14.1",
+    "browser-sync": "^2.11.1",
     "consolidate": "0.x",
     "express": "4.13.3",
     "express-nunjucks": "^0.9.3",

server.js

@@ -1,5 +1,6 @@
 var path = require('path'),
     express = require('express'),
+    browserSync = require('browser-sync'),
     nunjucks = require('express-nunjucks'),
     routes = require(__dirname + '/app/routes.js'),
     favicon = require('serve-favicon'),
@@ -141,4 +142,23 @@ console.log("\nGOV.UK Prototype kit v" + releaseVersion);
 console.log("\nNOTICE: the kit is for building prototypes, do not use it for production services.");
 
 // start the app
-utils.findAvailablePort(app);
+utils.findAvailablePort(app, function(port) {
+  console.log('Listening on port ' + port + '   url: http://localhost:' + port);
+  if (env === 'production') {
+    app.listen(port);
+  } else {
+    app.listen(port-50,function()
+    {
+      browserSync({
+        proxy:'localhost:'+(port-50),
+        port:port,
+        ui:false,
+        files:['public/**/*.*','app/views/**/*.*'],
+        ghostmode:false,
+        open:false,
+        notify:false,
+        logLevel: "error"
+      });
+    });
+  }
+});