var gulp = require('gulp'),
    sass = require('gulp-sass'),
    browserSync = require('browser-sync'),
    concat = require('gulp-concat'),
    autoprefixer = require('gulp-autoprefixer'),
    rename = require('gulp-rename'),
    imagemin = require('gulp-imagemin'),
    pngquant = require('imagemin-pngquant'),
    plumber = require('gulp-plumber'),
    newer = require('gulp-newer'),
    del = require('del'),
    cleanCSS = require('gulp-clean-css'),
    uncss = require('gulp-uncss'),
    uglify = require('gulp-uglify'),
    useref = require('gulp-useref'),
    neat = require('node-neat').includePaths;

gulp.task('browser-sync', function() {
  browserSync({
    server: {
      baseDir: 'src'
    },
    notify: false
  });
});

gulp.task('styles', function() {
  return gulp.src('src/sass/main.scss')
    .pipe(plumber())
    .pipe(sass({
		includePaths: ['styles'].concat(neat)
	}))
    //.pipe(uncss({ html: '*.html' }))
    .pipe(autoprefixer({ browsers: ['last 15 versions', '> 1%', 'ie 9'], cascade: true }))
    .pipe(gulp.dest('src/css'))
    .pipe(browserSync.reload({stream: true}));
});

gulp.task('scripts', function() {
  return gulp.src([
    'src/libs/jquery/dist/jquery.min.js',
    'src/libs/modernizr/modernizr-custom.js',
    'src/libs/waypoints/waypoints.min.js',
    'src/libs/swiper/js/swiper.min.js'
    ])
    .pipe(plumber())
    .pipe(concat('libs.min.js'))
    //.pipe(uglify())
    .pipe(gulp.dest('src/js'));
});

gulp.task('watch', ['styles', 'scripts', 'browser-sync'], function() {
  gulp.watch('src/sass/**/*.+(sass|scss)', ['styles']);
  gulp.watch('src/*.html', browserSync.reload);
  gulp.watch('src/js/**/*.js', browserSync.reload);
});

gulp.task('clean', function() {
  return del.sync('build');
});

gulp.task('images', function() {
  return gulp.src('src/img/**/*')
    //.pipe(newer('build/img'))
    .pipe(plumber())
    .pipe(imagemin({
      interlaced: true,
      progressive: true,
      svgoPlugins: [{removeViewBox: false}],
      use: [pngquant()]
    }))
    .pipe(gulp.dest('build/img'));
});

gulp.task('build', ['clean', 'styles', 'scripts', 'images'], function() {

  gulp.src([
    'src/css/main.css'
    ])
  //.pipe(uncss({ html: '*.html' }))
  .pipe(cleanCSS({compatibility: 'ie9'}))
  .pipe(rename({suffix: '.min'}))
  .pipe(gulp.dest('build/css'));

  // gulp.src('src/fonts/**/*')
  // .pipe(gulp.dest('build/fonts'))

  gulp.src([
    'src/js/libs.min.js',
    'src/js/common.js'
    ])
  .pipe(concat('main.min.js'))
  .pipe(uglify())
  .pipe(gulp.dest('build/js'));

  gulp.src('src/*.html')
  .pipe(useref({noAssets:true}))
  .pipe(gulp.dest('build'));

  gulp.src('src/*.php')
  .pipe(useref({noAssets:true}))
  .pipe(gulp.dest('build'));

});

gulp.task('default', ['watch']);