var gulp = require('gulp')
  , jade = require('gulp-jade')
  , stylus = require('gulp-stylus')
  , livereload  = require('gulp-livereload')
  , autoprefixer = require('autoprefixer-stylus');

gulp.task('templates', function() {
  return gulp.src('./index.jade')
    .pipe(jade({
      pretty: true
    }))
    .pipe(gulp.dest('./'))
    .pipe(livereload());
});

gulp.task('stylus', function () {
  gulp.src('./styles/stylus/app.styl')
    .pipe(stylus({
			use: [autoprefixer('iOS >= 7', 'last 1 Chrome version')]
		}))
    .pipe(gulp.dest('./styles/css'))
    .pipe(livereload());
});

gulp.task('watch', function () {
  livereload.listen();

  gulp.watch('./*.jade',['templates']);
  gulp.watch('./styles/stylus/**/*.styl',['stylus']);

});

// Default Task
gulp.task('default', ['templates', 'stylus', 'watch']);