'use strict';

var gulp = require('gulp'),
  browserSync = require('browser-sync').create(),
  sass = require('gulp-sass'),
  scsslint = require('gulp-scss-lint'),
  plumber = require('gulp-plumber'),
  notify = require("gulp-notify"),
  sourcemaps = require('gulp-sourcemaps');

// Development Tasks

gulp.task('serve', ['scss-lint', 'sass'], function() {
  browserSync.init({
    server: "./.tmp"
  });

  gulp.watch("./scss/**/*.scss", ['scss-lint', 'sass']);
  gulp.watch("./.tmp/*.html").on('change', browserSync.reload);
});

gulp.task('sass', function() {
  return gulp.src("./scss/style.scss")
    .pipe(plumber({errorHandler: notify.onError("Error: <%= error.message %>")}))
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest("./.tmp/css"))
    .pipe(browserSync.stream());
});

gulp.task('scss-lint', function(){
  return gulp.src('./scss/**/*.scss')
    .pipe(plumber({errorHandler: notify.onError("Error: <%= error.message %>")}))
    .pipe(scsslint({
      filePipeOutput: 'scssReport.json'
    }))
    .pipe(gulp.dest('./.tmp/reports'));
})

gulp.task('default', ['serve']);