// Setup project
var source = {
  styles: 'source/style/example.scss',
  scripts: ['source/code/variables.js', 'source/code/functions.js', 'source/code/global.js', 'source/code/**/*.coffee', '!source/vendor/**/*', ],
  images: 'source/art/**/*'
};
var build = {
  styles: 'build/css',
  scripts: 'build/js',
  images: 'build/art'
}

// Load plugins
const gulp = require('gulp'),
      rename = require('gulp-rename'),
      del = require('del');
      concat = require('gulp-concat'),
      pump = require('pump'),
      sourcemap = require('gulp-sourcemaps'),
      prefix = require('gulp-autoprefixer'),
      sass = require('gulp-ruby-sass'),
      cssnano = require('gulp-cssnano'),
      jshint = require('gulp-jshint'),
      uglify = require('gulp-uglify'),
      // imagemin = require('gulp-imagemin'),
      cache = require('gulp-cached'),
      remember = require('gulp-remember'),
      changed = require('gulp-changed'),
      notify = require('gulp-notify'),
      browsersync = require('browser-sync').create();


// Task - Clean build directory
gulp.task('clean', function() {
  return del([build.scripts, build.styles, 'build/**']);
});

// Task - Styles
gulp.task('styles', () =>
  sass(source.styles, {sourcemap: true})
  .on('error', sass.logError)
  .pipe(prefix('last 2 version'))
  .pipe(gulp.dest(build.styles))
  .pipe(rename({suffix: '.min'}))
  .pipe(cssnano())
  .pipe(sourcemap.write('.', {
    includeContent: false,
    sourceRoot: 'source'
  }))
  .pipe(gulp.dest(build.styles))
  .pipe(browsersync.stream({match: '**/*.css'}))
  // .pipe(notify({message: 'Style task complete'}))
);

// Task - Scripts
gulp.task('scripts', function(cb) {
  pump([
    gulp.src(source.scripts),
    cache('scripts'),
    jshint('.jshintrc'),
    jshint.reporter('default'),
    sourcemap.init(),
    uglify(),
    remember('scripts'),
    concat('all.min.js'),
    sourcemap.write(),
    gulp.dest(build.scripts),
    browsersync.stream()
  ], cb);
});

// Task - Images
gulp.task('images', function() {
  return gulp.src(source.images)
  .pipe(changed(cache(imagemin({
    optimizationLevel: 3,
    progressive: true,
    interlaced: true })))
  )
  .pipe(gulp.dest(build.images))
  .pipe(notify({ message: 'Images task complete' }))
  ;
});

// Watch for file changes
gulp.task('watch', ['clean', 'styles', 'scripts'], function() {
  browsersync.init({
    server: ".",
    // proxy: "http://verser.vrt/virtual/"
  });

  gulp.watch(source.styles, ['styles']);
  gulp.watch(source.scripts, ['scripts']).on('change', function(event) {
    if (event.type === 'deleted') {
      delete cache.caches['scripts'][event.path];
      remember.forget('scripts', event.path);
    }
  });
  gulp.watch("./*.html").on('change', browsersync.reload);
  // gulp.watch(['build/**']).on('change', browsersync.reload);
  // gulp.watch(source.images, ['images']);
});

// The default task (called when you run `gulp` from cli)
gulp.task('default', ['clean', 'styles', 'scripts']);