Livereload when styles, javascript or theme changes

gulpfile.coffee

@@ -4,33 +4,44 @@ coffee = require 'gulp-coffee'
 sass = require 'gulp-sass'
 tictail = require 'gulp-tictail'
 plumber = require 'gulp-plumber'
+livereload = require 'gulp-livereload'
 
 
 src =
   scripts: 'src/scripts/*.coffee'
   styles: 'src/styles/*.scss'
+  theme: 'src/*.mustache'
 dest = 'dist'
 
 errorHandler = (error) ->
   util.log error
-  @emit('end')
+  @emit 'end'
 
 gulp.task 'styles', ->
-  gulp.src(src.styles)
-    .pipe(plumber(errorHandler))
-    .pipe(sass())
-    .pipe(gulp.dest(dest))
+  gulp.src src.styles
+    .pipe plumber errorHandler
+    .pipe sass()
+    .pipe gulp.dest dest
+    .pipe livereload()
 
 gulp.task 'scripts', ->
-  gulp.src(src.scripts)
-    .pipe(plumber(errorHandler: errorHandler))
-    .pipe(coffee())
-    .pipe(gulp.dest(dest))
+  gulp.src src.scripts
+    .pipe plumber errorHandler: errorHandler
+    .pipe coffee()
+    .pipe gulp.dest dest
+    .pipe livereload()
+
+gulp.task 'theme', ->
+  gulp.src src.theme
+    .pipe livereload()
 
 gulp.task 'watch', ->
-  gulp.watch(src.styles, ['styles'])
-  gulp.watch(src.scripts, ['scripts'])
+  gulp.watch src.styles, ['styles']
+  gulp.watch src.scripts, ['scripts']
+  gulp.watch src.theme, ['theme']
 
-gulp.task 'serve', -> tictail.serve(store_id: 't')
+gulp.task 'serve', ->
+  tictail.serve store_id: 't'
+  livereload.listen basePath: dest
 
 gulp.task 'default', ['watch', 'serve']

package.json

@@ -14,6 +14,7 @@
     "gulp": "^3.8.10",
     "gulp-coffee": "^2.2.0",
     "gulp-less": "^2.0.1",
+    "gulp-livereload": "^3.0.2",
     "gulp-plumber": "^0.6.6",
     "gulp-sass": "^1.2.4",
     "gulp-tictail": "0.0.1",