var gulp = require('gulp');
var gutil = require('gulp-util');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();

gulp.task('fonts', function() {
    gulp.src('./node_modules/bootstrap-sass/assets/fonts/bootstrap/*')
        .pipe(gulp.dest('./public/fonts'));
});

gulp.task('serve', ['fonts', 'sass'] , function () {
    browserSync.init({ server: { baseDir: "./public" } });
    gulp.watch("public/**/*.scss", ['sass']);
    gulp.watch("public/*.html").on('change', browserSync.reload);
});

gulp.task('sass', function() {
    return gulp.src("./public/**/*.scss")
        .pipe(sass().on('error', handleError))
        .pipe(gulp.dest('./public'))
        .pipe(browserSync.stream());
});

function handleError(err) {
    gutil.log(err);
    this.emit('end');
}