Added some Grunt sugar: Now 'grunt dev' watches the files in /src and magiliciously reloads the page.

Author: jhr007

Gruntfile.js

@@ -4,18 +4,25 @@ module.exports = function(grunt) {
 	// Project configuration.
 	grunt.initConfig({
 		pkg: grunt.file.readJSON('package.json'),
+		formlyConfig: {
+      hostname: '*',
+			base: 'src',
+      port: 4000,
+      livereloadport: 35701,
+		},
 		connect: {
 			dev: {
 				options: {
-					port: 4000,
-					base: 'src',
-					keepalive: true
+					hostname: '<%= formlyConfig.hostname %>',
+					port: '<%= formlyConfig.port %>',
+					base: '<%= formlyConfig.base %>',
+          livereload: '<%= formlyConfig.livereloadport %>',
 				},
 			}
 		},
 		'gh-pages': {
 			options: {
-				base: 'src'
+				base: '<%= formlyConfig.base %>'
 			},
 			src: ['**']
 		},
@@ -27,7 +34,7 @@ module.exports = function(grunt) {
 				files: [
 					{
 						expand: true,
-						cwd: 'src/',
+						cwd: '<%= formlyConfig.base %>/',
 						src: ['directives/formly*.*', 'modules/formly*.*', '!.jshintrc'],
 						dest: '.tmp/'
 					}
@@ -86,7 +93,16 @@ module.exports = function(grunt) {
 				src: '.tmp/formly.js',
 				dest: '.tmp/formly.js'
 			}
+		},
+		watch: {
+      livereload: {
+        files: ['<%= formlyConfig.base %>/**/*.{js,html}'],
+        options: {
+          livereload: '<%= formlyConfig.livereloadport %>'
+        },
+      }
 		}
+
 	});
 
 	// Load the plugin that provides the "uglify" task.
@@ -98,13 +114,15 @@ module.exports = function(grunt) {
 	grunt.loadNpmTasks('grunt-gh-pages');
 	grunt.loadNpmTasks('grunt-angular-templates');
 	grunt.loadNpmTasks('grunt-ngmin');
+  grunt.loadNpmTasks('grunt-contrib-watch');
 
 	grunt.registerTask('publish', [
 		'gh-pages'
 	]);
 
 	grunt.registerTask('dev', [
-		'connect:dev'
+		'connect:dev',
+		'watch'
 	]);
 
 	grunt.registerTask('build', [

bower.json

@@ -26,7 +26,7 @@
   ],
   "dependencies": {
     "angular": "~1.2.10",
-    "bootstrap": "~3.1.0"
+    "bootstrap": "~3.1.1"
   },
   "devDependencies": {
     "angular-ui-router": "#0.2.8-bowratic-tedium",

package.json

@@ -14,6 +14,8 @@
     "grunt-ngmin": "0.0.3",
     "grunt-contrib-copy": "~0.5.0",
     "grunt-contrib-clean": "~0.5.0",
-    "grunt-contrib-uglify": "~0.3.2"
+    "grunt-contrib-uglify": "~0.3.2",
+    "grunt-contrib-watch": "~0.6.1",
+    "connect-livereload": "~0.4.0"
   }
 }

src/index.html

@@ -24,7 +24,8 @@
 		<div class="footer">
 			<div class="container">
 				Created by <a href="http://gonimbly.com">Nimbly</a><br>
-				We're hiring, come help us build amazing applications!
+				We're hiring, come help us build amazing applications!<br>
+                <a href="https://github.com/nimbly/angular-formly">GitHub</a>
 			</div>
 		</div>
 

src/views/home.html

@@ -1,10 +1,11 @@
 <div class="jumbotron">
 	<div class="container">
 		<h1>Formly for Angular</h1>
-		<p>JSON powered forms</p>
+		<p>JSON powered forms <br>
+        <a href="https://github.com/nimbly/angular-formly">https://github.com/nimbly/angular-formly</a></p>
 	</div>
 </div>
-<div class="container">
+<div class="container-fluid">
 	<div class="row">
 		<div class="col-sm-4 col-md-4 col-lg-4"
 			 ng-hide="editJSON">