'use strict'

const gulp          = require('gulp'),
      babel         = require('gulp-babel'),
      sass          = require('gulp-sass'),
      autoprefixer  = require('gulp-autoprefixer'),
      sourcemaps    = require('gulp-sourcemaps'),
      browserify    = require('browserify'),
      source        = require('vinyl-source-stream'),
      buffer        = require('vinyl-buffer'),
      uglify        = require('gulp-uglify'),
      plumber       = require('gulp-plumber')

gulp.task('styles', () => {
  return gulp.src('src/stylesheets/master.scss')
         .pipe(sourcemaps.init())
         .pipe(plumber())
         .pipe(sass({outputStyle: 'expanded'}))
         .pipe(autoprefixer())
         .pipe(sourcemaps.write())
         .pipe(gulp.dest('app/assets/stylesheets'))
})

gulp.task('scripts', () => {
  return gulp.src('src/scripts/**/*')
         .pipe(sourcemaps.init())
         .pipe(plumber())
         .pipe(babel({
           presets : ['es2015', 'react'],
           plugins : ['transform-runtime']
         }))
         .pipe(sourcemaps.write())
         .pipe(gulp.dest('app/assets/scripts'))
})

gulp.task('browserify', () => {
  return browserify('app/assets/scripts/app.js', {debug: true})
         .bundle()
         .pipe(source('master.js'))
         .pipe(gulp.dest('app/assets/scripts'))
})

gulp.task('watch', () => {
  gulp.watch('src/stylesheets/**/*', gulp.series('styles'))
  gulp.watch('src/scripts/**/*', gulp.series('scripts', 'browserify'))
})

gulp.task('default', gulp.series('styles', 'scripts', 'browserify', 'watch'))