var gulp = require('gulp');
var gutil = require('gulp-util');
var path = require('path');
var less = require('gulp-less');
var uglify = require('gulp-uglify');
var browserify = require('browserify');
var watchify = require('watchify');
var source = require('vinyl-source-stream');
var streamify = require('gulp-streamify');

var src = {
  less: ['./src/less/*.less'],
  js: ['./src/js/**/*.js?(x)'],
  main_js: ['./src/js/main.js']
};

var build = {
  css: './build/css/',
  js: './build/js/',
  main_js: 'bundle.js'
};

gulp.task('css', function () {
  return gulp.src(src.less)
    .pipe(less({
      paths: [ path.join(__dirname, 'src', 'less', 'includes') ]
    }))
    .pipe(gulp.dest(build.css));
});

function bundlejs(watch) {
  var bundler = browserify(src.main_js, watchify.args)
    .transform('reactify')
    .transform('browserify-shim')
    .external('react')
    .external('react/addons')
    .external('socket.io-client')
    .external('superagent');
  if(watch) {
    bundler = watchify(bundler);
  }

  var rebundle = function() {
    gutil.log('Start browserify');
    var stream = bundler.bundle();
    stream.on('error', gutil.log.bind(gutil, 'Browserify error'));
    stream.on('end', gutil.log.bind(gutil, 'End browserify'));
    stream = stream.pipe(source(build.main_js));
    stream = stream.pipe(streamify(uglify()))
    return stream.pipe(gulp.dest(build.js));
  };

  bundler.on('update', rebundle);
  return rebundle();
}

gulp.task('js', function() {
  return bundlejs(false);
});

gulp.task('watch', function() {
  gulp.watch(src.less, ['css']);
  return bundlejs(true);
});

gulp.task('default', ['css', 'js']);
@@ -847,123 +847,8 @@
 im')
-%0A    .external('react')%0A    .external('react/addons')%0A    .external('socket.io-client')%0A    .external('superagent')
 ;%0A  

Remove external references for browserify (not needed)