Merge pull request #65 from pattern-lab/plnode1-5

Plnode1 5

CHANGELOG

@@ -1,5 +1,9 @@
 THIS CHANGELOG IS AN ATTEMPT TO DOCUMENT CHANGES TO THIS PROJECT.
 
+PL-node-v0.1.5
+ - ADD: Live reload support for grunt serve task
+ - THX: thanks @marcinmodestowicz for the configuration fix. VERY useful :)
+
 PL-node-v0.1.4
  - FIX: Resolved issue with nested pattern rendering
  - FIX: Supporting flat pattern name regex's in unix-systems

Gruntfile.js

@@ -51,6 +51,9 @@ module.exports = function(grunt) {
 			// 	tasks: ['default']
 			// },
 			all: {
+				options: {
+					livereload: true
+				},
 				files: [
 				'source/_patterns/**/*.mustache',
 				'source/_patterns/**/*.json',
@@ -81,7 +84,8 @@ module.exports = function(grunt) {
 					port: 9001,
 					base: './public',
 					hostname: 'localhost',
-					keepalive: true
+					open: true,
+					livereload: 35729
 				}
 			}
 		}
@@ -99,9 +103,6 @@ module.exports = function(grunt) {
 	//travis CI task
 	grunt.registerTask('travis', ['clean', 'concat', 'patternlab', /*'sass',*/ 'copy', 'nodeunit']);
 
-	grunt.registerTask('serve', ['clean', 'concat', 'patternlab', /*'sass',*/ 'copy', 'connect:app']);
-	//need to get livereload working
-	//http://www.thecrumb.com/2014/03/16/using-grunt-for-live-reload-revisited/
-	//http://rhumaric.com/2013/07/renewing-the-grunt-livereload-magic/
+	grunt.registerTask('serve', ['clean', 'concat', 'patternlab', /*'sass',*/ 'copy', 'connect', 'watch']);
 
 };

README.md

@@ -76,9 +76,7 @@ Pattern states should be lowercase and use hyphens where spaces are present.
 ```
 
 ##### Server
-Running `grunt serve` will compile the patternlab front end and host it on <a href="http://localhost:9001">http://localhost:9001</a> by default. This can be changed in the `Gruntfile.js`
-
-**Next steps: Livereload and watches**
+Running `grunt serve` will compile the patternlab front end and host it on <a href="http://localhost:9001">http://localhost:9001</a> by default. Page will reload on any saved source code change.
 
 ### Under Active Development
 

builder/object_factory.js

@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.1.4 - 2014 
+ * patternlab-node - v0.1.5 - 2014 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 

builder/patternlab.js

@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.1.4 - 2014 
+ * patternlab-node - v0.1.5 - 2014 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 

package.json

@@ -1,10 +1,10 @@
 {
   "name": "patternlab-node",
   "description": "Pattern Lab is a collection of tools to help you create atomic design systems. This is the node command line interface (CLI).",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "devDependencies": {
     "grunt": "~0.4.0",
-    "grunt-contrib-watch": "~0.2.0",
+    "grunt-contrib-watch": "~0.6.1",
     "grunt-contrib-sass": "~0.2.2",
     "grunt-contrib-copy": "~0.4.0",
     "grunt-contrib-jshint": "~0.4.0",

public/listeners/synclisteners.js

@@ -18,7 +18,7 @@ var wsnConnected = false;
 var wsc;
 var wscConnected = false;
 var dataPrevious = 0;
-var host = (window.location.host != "") ? window.location.host : "127.0.0.1";
+var host = (window.location.host !== '') ? window.location.hostname : '127.0.0.1';
 
 // handle page updates from one browser to another
 function connectNavSync() {