// Gulp
const gulp = require('gulp');

// Sass/CSS
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
var cssmin = require('gulp-cssmin');
var rename = require('gulp-rename');

// JavaScript
var uglify = require('gulp-uglify');

// Drush
var shell = require('gulp-shell');

// BrowserSync
var browserSync = require('browser-sync').create();

// compile all your Sass
gulp.task('sass', function (){
  gulp.src(['scss/**/*.scss'])
  // Write inline source maps
    .pipe(sourcemaps.init())
    //Sass plugin for Gulp.
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    // Prefix CSS with Autoprefixer
    .pipe(autoprefixer({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    // Minify css and rename using gulp.
    .pipe(cssmin())
    //.pipe(rename({suffix: '.min'}))
    // End sourcemaps + define destination
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('css'));
});

// Uglify JS
gulp.task('js', function(){
  gulp.src('js/*.js')
    /*.pipe(uglify())
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('js'))*/
});

// Run drush to clear cache.
gulp.task('drush', shell.task([
  //'drush cache-clear theme-registry',
  //'drush cache-clear css-js'
]));

// Browsersync
gulp.task('browser-sync', function() {
  browserSync.init({
    proxy: "dev.carperfection.be"
  });
});

// Default task to be run with `gulp`
gulp.task('default', ['sass', 'js', 'drush', 'browser-sync'], function () {
  gulp.watch("scss/**/*.scss", ['sass']);
  gulp.watch("js/*.js", ['js']);
});