'use strict';

// instanciando módulos
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-minify-css');
var autoprefixer = require('gulp-autoprefixer');
var rename = require('gulp-rename');
var watch = require('gulp-watch');
var concat = require('gulp-concat');
var gulpCopy = require('gulp-copy');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');




/* IMPORT DEV DEPENDENCIES*/

var gnf = require('gulp-npm-files');

gulp.task('copy', function() {
  gulp.src(gnf(), {base: './'})

        .pipe(gulp.dest('./assets/vendor'));
});

/* IMAGES */

gulp.task('images', function(){
	gulp.src(['./assets/images/**/*', '!./assets/images/*.psd', '!./assets/images/*.ai'])
		.pipe(imagemin({
                progressive: true,
                plugins: [{removeViewBox: true}],
                use: [pngquant()]
            }))
		.pipe(gulp.dest('dist/images'));
});

/* @js */
gulp.task('js', function(){

    return gulp.src([
            './assets/vendor/node_modules/bootstrap-sass/bootstrap.js',
            './assets/vendor/node_modules/jquery/dist/jquery.js',
            './assets/vendor/node_modules/jquery.inputmask/dist/inputmask.js'

        ])
        .pipe(concat('general.js'))
        // .pipe(gulp.dest('./dist/js/'))
        .pipe(uglify())
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(gulp.dest('dist/js'));
});

/* @sass */
gulp.task('sass', function(){

    return gulp
        .src('./assets/sass/general.scss')
        // .pipe(sass().on('error', sass.logError))
        // .pipe(gulp.dest('dist/css'))
        .pipe(sass({outputStyle: 'compressed'}))
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(gulp.dest('dist/css'));

});

gulp.task('build', ['copy','js','sass', 'images']);

gulp.task('watch', ['js', 'sass', 'images'], function(){
    gulp.watch('./assets/js/**/*.js', ['js']);
    gulp.watch('./assets/sass/**/*', ['sass']);
    gulp.watch('./assets/images/**', ['mages']);

});