Replace livereload with Browsersync (#639)

Author: lipis

README.md

@@ -30,7 +30,7 @@ $ cd /path/to/project-name
 $ gulp
 ```
 
-To test it visit `http://localhost:8080/` in your browser.
+To test it visit `http://localhost:3000` in your browser.
 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 

gulp/config.coffee

@@ -1,6 +1,8 @@
 paths = require './paths'
 
 config =
+  host: "127.0.0.1"
+  port: "8080"
   ext: [
     "#{paths.static.ext}/jquery/dist/jquery.js"
     "#{paths.static.ext}/moment/moment.js"

gulp/tasks/build.coffee

@@ -1,6 +1,7 @@
 gulp = require('gulp-help') require 'gulp'
 yargs = require 'yargs-parser'
 $ = require('gulp-load-plugins')()
+config = require '../config'
 paths = require '../paths'
 
 
@@ -55,6 +56,12 @@ gulp.task 'run',
           else
             options_str += " -#{k} #{options[k]}"
 
+      if options['p']
+        config.port = options['p']
+      if options['o']
+        config.host = options['o']
+
+      gulp.start('browser-sync')
       gulp.src('run.py').pipe $.start [{
         match: /run.py$/
         cmd: "python run.py #{options_str}"

gulp/tasks/watch.coffee

@@ -1,15 +1,19 @@
 gulp = require('gulp-help') require 'gulp'
+browserSync = require('browser-sync')
 $ = require('gulp-load-plugins')()
+config = require '../config'
 paths = require '../paths'
 
 
-gulp.task 'reload', false, ->
-  $.livereload.listen 35729
+gulp.task 'browser-sync', false, ->
+  browserSync.init
+    proxy: "#{config.host}:#{config.port}"
+    notify: false
   $.watch [
     "#{paths.static.dev}/**/*.{css,js}"
     "#{paths.main}/**/*.{html,py}"
   ], events: ['change'], (file) ->
-    $.livereload.changed file
+    browserSync.reload()
 
 
 gulp.task 'ext_watch_rebuild', false, (callback) ->

gulpfile.coffee

@@ -6,4 +6,4 @@ $ = require('gulp-load-plugins')()
 gulp.task 'default',
   'Start the local server, watch for changes and reload browser automatically.
   For available options refer to "run" task.',
-  $.sequence 'run', ['watch', 'reload']
+  $.sequence 'run', ['watch']

main/templates/bit/script.html

@@ -1,7 +1,6 @@
 # if config.DEVELOPMENT
   <script src="/p/dev/script/ext.js?{{config.CURRENT_VERSION_ID}}"></script>
   <script src="/p/dev/script/script.js?{{config.CURRENT_VERSION_ID}}"></script>
-  <script src="http://{{request.host.split(':')[0]}}:35729/livereload.js"></script>
 # else
   <script src="/p/min/script/ext.js?{{config.CURRENT_VERSION_ID}}"></script>
   <script src="/p/min/script/script.js?{{config.CURRENT_VERSION_ID}}"></script>

package.json

@@ -8,9 +8,11 @@
   },
   "scripts": {
     "install": "gulp init",
-    "postinstall": "echo 'Run `gulp` to start or `gulp help` for more.'"
+    "postinstall": "echo 'Run `gulp` to start or `gulp help` for more.'",
+    "start": "gulp"
   },
   "devDependencies": {
+    "browser-sync": "2.18.8",
     "bower": "1.8.0",
     "coffee-script": "1.12.4",
     "del": "2.2.2",
@@ -23,7 +25,6 @@
     "gulp-help": "1.6.1",
     "gulp-if": "2.0.2",
     "gulp-less": "3.3.0",
-    "gulp-livereload": "3.8.1",
     "gulp-load-plugins": "1.5.0",
     "gulp-plumber": "1.1.0",
     "gulp-sequence": "0.4.6",