var gulp            = require("gulp"),
    browserSync     = require('browser-sync'),
    jade            = require('gulp-jade'),
    compass         = require('gulp-compass'),
    plumber         = require('gulp-plumber'),
    autoprefixer    = require('gulp-autoprefixer'),
    pathsFactory    = ['dev/jade/pages/*.jade', 'dev/scss/pages/*.scss'],
    pathsWatch      = ['dev/jade/**/*.jade', 'dev/scss/**/*.scss', 'production/css/*.css'],
    pathsProd       = ['production/css/*.css', 'production/*.html'];

// Сервер
gulp.task('server', function () {
    browserSync({
        port: 9000,
        server: {
            baseDir: 'production'
        }
    });
});

// Настройка jade
gulp.task('jade', function() {
    var YOUR_LOCALS = {};   // можно подключить JSON с данными

    gulp.src(pathsFactory[0])  // Пути где лежат .jade файлы сохранены в переменную
        .pipe(plumber())
        .pipe(jade({
            locals: YOUR_LOCALS,
            pretty: '\t'    // Отступы в 1 таб
        }))
        .pipe(gulp.dest('./production')); // Пути куда сохранять .html файлы
});

// Настройка compass
gulp.task('compass', function() {
    gulp.src(pathsFactory[1])
        .pipe(plumber())
        .pipe(compass({
            config_file: './config.rb',
            css: 'production/css',
            sass: 'dev/scss/pages'
        }))
        .pipe(gulp.dest('production/css'));
});

// Автоматическое добавление префиксов CSS3
gulp.task('autopref', function () {
    return gulp.src(pathsProd[0])
        .pipe(plumber())
        .pipe(autoprefixer({
            browsers: ['last 2 versions', 'IE 9'],
            cascade: false
        }))
        .pipe(gulp.dest('production/css'));
});

// Слежка
gulp.task('watch', function () {
    gulp.watch(pathsProd).on('change', browserSync.reload);         // пути к файлам за которыми
    gulp.watch(pathsWatch[0], ['jade']);                          // нужно следить сохранены в переменные
    gulp.watch(pathsWatch[1], ['compass']);
    gulp.watch(pathsWatch[2], ['autopref']);
});

// Задача по-умолчанию
gulp.task('default', ['server', 'watch']);