var gulp = require('gulp');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var connect = require('gulp-connect');
var autoprefixer = require('gulp-autoprefixer');

var paths = {
  sass: ['./scss/**/*.scss','./www/lib/ionic/scss/**/*.scss']
};

gulp.task('sass', function(done) {
  gulp.src(paths.sass)
    .pipe(sass())
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest('./www/css/'))
    .pipe(minifyCss({
      keepSpecialComments: 0
    }))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('./www/css/'))
    .on('end', done);
});

gulp.task('reload', function() {
  gulp.src('./www/*.html')
    .pipe(connect.reload());
});

gulp.task('watch', function() {
  gulp.watch(paths.sass, ['sass']);
  gulp.watch([
    './www/*.html',
    './www/css/*.css',
    './www/js/*/js'
    ], ['reload']);
});

gulp.task('connect', connect.server({
  root: ['www'],
  livereload: true,
  open: {
    browser: 'Google Chrome'
  }
}));

gulp.task('default', ['connect', 'watch']);