'use strict';

const babelify = require("babelify")
const browserify = require('browserify')
const gulp = require('gulp')
const source = require('vinyl-source-stream')
const buffer = require('vinyl-buffer')
const rename = require('gulp-rename')
const gutil = require('gulp-util')
const sass = require('gulp-sass')
const uglify = require('gulp-uglify')
const pump = require('pump')
const es = require('event-stream');
const debug = process.env.NODE_ENV !== 'production';

let defaultTasks = [ 'browserify', 'sass', 'html', 'img' ] ;
if( ! debug ) {
  defaultTasks.push( 'minify' );
}

gulp.task('default', defaultTasks);

gulp.task('browserify', function () {
  let files = [
    './assets/js/script.js',
    './assets/js/tracker.js',
  ];

  var tasks = files.map(function(entry) {
      return browserify({
            entries: entry,
            debug: debug
        })
        .transform("babelify", {
          presets: ["es2015"],
          plugins: [ 
            "transform-decorators-legacy", 
            ["transform-react-jsx", { "pragma":"h" } ] 
          ]
        })
        .bundle()  
        .pipe(source(entry.split('/').pop()))
        .pipe(gulp.dest('./build/js/'))
      });
      // create a merged stream
      return es.merge.apply(null, tasks);
});

gulp.task('minify', function(cb) {
  process.env.NODE_ENV = 'production'; // why is this here?

  pump([
    gulp.src('./build/js/*.js'),
    uglify().on('error', gutil.log),
    gulp.dest('./build/js/')
  ], cb)
});

gulp.task('img', function() {
  return gulp.src('./assets/img/**/*')
    .pipe(gulp.dest('./build/img'))
});

gulp.task('html', function() {
  return gulp.src('./assets/**/*.html')
    .pipe(gulp.dest('./build'))
});

gulp.task('sass', function () {
	var files = './assets/sass/[^_]*.scss';
	return gulp.src(files)
		.pipe(sass())
    .on('error', gutil.log)
		.pipe(rename({ extname: '.css' }))
		.pipe(gulp.dest('./build/css'))
});

gulp.task('watch', ['default'], function() {
  gulp.watch(['./assets/js/**/*.js'], ['browserify'] );
  gulp.watch(['./assets/sass/**/**/*.scss'], ['sass'] );
  gulp.watch(['./assets/**/*.html'], ['html'] );
  gulp.watch(['./assets/img/**/*'], ['img'] );
});