var browserify = require('browserify');
var buffer = require('vinyl-buffer');
var gulp = require('gulp');
var source = require('vinyl-source-stream');
var sourcemaps = require('gulp-sourcemaps');
var uglify = require('gulp-uglify');

var paths = ['./src/*.js', './src/*.jsx'];

var getBundleName = function () {
  // var version = require('./package.json').version;
  var name = require('./package.json').name;
  return name + '.' + 'min';
};

gulp.task('js', function() {
  // place code for your default task here
  var bundler = browserify({
    entries: ['./src/l-systems.jsx'],
    debug: true
  });

  var bundle = function() {
    return bundler
      .bundle()
      .pipe(source(getBundleName() + '.js'))
      .pipe(buffer())
      .pipe(sourcemaps.init({loadMaps: true}))
        // Add transformation tasks to the pipeline here.
        .pipe(uglify())
      .pipe(sourcemaps.write('./'))
      .pipe(gulp.dest('./dist/'));
  };
  return bundle();

});

gulp.task('watch', function() {
  gulp.watch(paths, ['js']);
});

gulp.task('default', ['watch','js']);

@@ -79,28 +79,96 @@
 var 
-gulp = require('gulp
+es6ify = require('es6ify');%0Avar gulp = require('gulp');%0Avar reactify = require('reactify
 ');%0A
@@ -699,22 +699,97 @@
 ) %7B%0A    
-return
+bundler.transform(reactify);%0A    bundler.transform(es6ify.configure(/.jsx/));%0A   
  bundler
@@ -923,68 +923,8 @@
 %7D))%0A
-        // Add transformation tasks to the pipeline here.%0A  
     

add reactify, es6ify to gulpfile