var gulp = require('gulp');
var plumber = require('gulp-plumber');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload;
var manifest = require('./assets/manifest.json');
var config = manifest.config;

// Scripts Task
// Combine JS
gulp.task('scripts_combine', function () {

	gulp.src(['assets/js/site.js', 'assets/js/menu.js', 'assets/js/sticky-navigation.js'])
		.pipe(plumber())
		.pipe(concat('site.js'))
		.pipe(uglify())
		.pipe(gulp.dest('js'))
		.pipe(reload({ stream: true }))

});

// Minify JS
gulp.task('scripts', function(){

	gulp.src(['assets/js/*.js', '!assets/js/site.js', '!assets/js/menu.js', '!assets/js/sticky-navigation.js'])
	.pipe(plumber())
	.pipe(uglify())
	.pipe(gulp.dest('js'))
	.pipe(reload({ stream: true }))

});

// Styles Task
// Compile Main Styles
gulp.task('styles', function() {
	return gulp.src('assets/scss/wpbf-premium.scss')
	.pipe(sass({outputStyle: 'compressed'})) 
	.pipe(gulp.dest('css'))
	.pipe(reload({ stream: true }))
});

gulp.task('woocommerce_styles', function(){
	return gulp.src('assets/scss/wpbf-premium-woocommerce.scss')
	.pipe(sass({outputStyle: 'compressed'}))  // Converts Sass to CSS with gulp-sass
	.pipe(gulp.dest('css'))
	.pipe(reload({ stream: true }))
});

// Browser Sync
gulp.task('serve', function() {

	browserSync.init( {
		proxy: "http://" + config.url,
		host: config.host,
		notify: false,
		logLevel: 'debug'
	});

});

// Watch Tasks
gulp.task('watch', function() {

	// Styles & Scripts to be watched
	gulp.watch(['assets/js/site.js', 'assets/js/menu.js', 'assets/js/sticky-navigation.js'], ['scripts_combine']);
	gulp.watch(['assets/js/*.js', '!assets/js/site.js', '!assets/js/menu.js', '!assets/js/sticky-navigation.js'], ['scripts']);
	gulp.watch('assets/scss/**/*.scss', ['styles']);
	gulp.watch('assets/scss/**/*.scss', ['woocommerce_styles']);

	// browserSync
	gulp.watch('**/*.php').on('change', reload);
})

// Gulp
gulp.task('default', ['scripts_combine', 'scripts', 'styles', 'woocommerce_styles', 'watch', 'serve']);