gulp

var gulp             = require('gulp'),
        sass         = require('gulp-sass'),
        autoprefixer = require('gulp-autoprefixer'),
        rename       = require('gulp-rename'),
        browserSync  = require('browser-sync').create(),
        concat       = require('gulp-concat'),
        runSequence = require('run-sequence'),
        uglify       = require('gulp-uglify');

gulp.task('browser-sync', ['styles', 'scripts'], function() {
        browserSync.init({
                server: {
                        baseDir: "./app"
                },
                notify: false
        });
});


gulp.task('styles', function () {
    return gulp.src('sass/*.sass')
    .pipe(sass({outputStyle: 'compressed',
        includePaths: require('node-bourbon').includePaths
    }).on('error', sass.logError))
    .pipe(rename({suffix: '.min', prefix : ''}))
    .pipe(autoprefixer({browsers: ['last 15 versions'], cascade: false}))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.stream())
});


gulp.task('scripts', function() {
    return gulp.src([
        './app/libs/modernizr/modernizr.js',
        './app/libs/jquery/jquery-1.11.2.min.js',
        './app/libs/waypoints/waypoints.min.js',
        './app/libs/animate/animate-css.js',
        ])
        .pipe(concat('libs.js'))
        // .pipe(uglify()) //Minify libs.js
        .pipe(gulp.dest('./app/js/'))
        .pipe(browserSync.stream())
});



gulp.task('default', ['browser-sync'], function () {
    gulp.watch('sass/*.sass', ['styles']);
    gulp.watch('app/libs/**/*.js', ['scripts']);
    gulp.watch('app/*.html').on('change', browserSync.reload);
});