var gulp = require('gulp'),
    gulpLoadPlugins = require('gulp-load-plugins'),
    del = require('del'),

    plugins = gulpLoadPlugins({
      rename: {
        'gulp-util': 'gutil',
        'gulp-minify-css': 'minifyCSS',
        'gulp-sass' : 'sass'
      },
      lazy : true
    });

//PostCSS
var postcss = require('gulp-postcss');


/*

Settings: ---------------------------------------------------------    VARIABLES

*/

var settings = {
  production : true
}

//PATHS & DIRS:

var dir = {
    src: './src/',
    dest: './static/'
};


var paths = {

    dev_files: {
        files: dir.dest + '**/*', //Used so we can watch all files easily
    },

    styles: {
        files: dir.src + 'sass/**/*.scss',
        dest: dir.dest + 'css/'
    }

};




gulp.task('default', function() {
    gulp.start('pipeline:styles');
});


var css_processors = [
      require('pixrem'),
      require('postcss-focus'),//flexbox support
      require('postcss-flexibility'), // comment back in once find a fix!
      require('autoprefixer-core')('last 12 versions', 'safari 5', 'ie >= 10', 'last 4 ios version', 'opera 12.1', 'firefox >= 26'),
      require('postcss-color-rgba-fallback')()
    ];


/*

--------------------------------------------------------------------------------     CORE TASKS

//watch dev files
gulp watch & reload browser if connected

*/


gulp.task('watch', function() {
  plugins.livereload.listen();

  //Need processing
  gulp.watch(paths.styles.files, ['pipeline:styles']);

  //Watch all and refresh if there are changes to the dev directory
  gulp.watch(paths.dev_files.files).on('change', plugins.livereload.changed);
});




/*

Process pipeline: --------------------------------------------------- SCSS / CSS

*/

gulp.task('pipeline:styles', function() {
    //console.log(paths.styles.files, paths.styles.dest);
    gulp.src(paths.styles.files)
    .pipe(plugins.sass.sync()
      .on('error', function (err) { console.log(err.message); })
    )
    .pipe(postcss(css_processors))
    // Uncomment for distribution minifying
    //.pipe(plugins.minifyCSS({
    //   aggressiveMerging : false,
    //   compatibility: '[ie8|ie9|ios6]'
    // })
    //)
    .pipe(gulp.dest(paths.styles.dest));
});