var gulp            = require('gulp');
var less            = require('gulp-less');
var cssnano         = require('gulp-cssnano');
var rename          = require('gulp-rename');
var uglify          = require('gulp-uglify');
var autoprefixer    = require('gulp-autoprefixer');
var plumber         = require('gulp-plumber');
var browserSync     = require('browser-sync').create();


gulp.task('less', function() {

    return gulp.src('src/less/*.less')
        // .pipe(plumber())
        .pipe(less())
        .pipe(cssnano())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('dist/css'))
        .pipe(browserSync.stream());

});

gulp.task('js', function() {

    return gulp.src('src/js/*.js')
        // .pipe(plumber())
        .pipe(uglify())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('dist/js'))
        .pipe(browserSync.stream());

});

gulp.task('bootstrap', function() {

    return gulp.src('src/bootstrap/less/bootstrap.less')
        // .pipe(plumber())
        .pipe(less())
        .pipe(cssnano())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('dist/bs/dist/css'))
        .pipe(browserSync.stream());

});

gulp.task('browser-sync', function() {

    browserSync.init({
        proxy: 'localhost/cms/dist',
        port: 8080,
        timestamps: true
    });

    gulp.watch('src/less/*.less', ['less']);
    gulp.watch('src/js/*.js', ['js']);
    gulp.watch('src/bootstrap/less/custom.less', ['bootstrap']);
    gulp.watch('dist/*.php').on('change', browserSync.reload);

});

gulp.task('default', ['bootstrap', 'less', 'js', 'browser-sync']);