var gulp = require('gulp');
var plumber = require('gulp-plumber');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
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 & Minify JS
gulp.task('scripts_combine_min', function () {

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

});

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

	gulp.src(['assets/js/*.js', '!assets/js/site.js', '!assets/js/mobile.js'])
		.pipe(plumber())
		.pipe(uglify())
		.pipe(rename({ suffix: '-min' }))
		.pipe(gulp.dest('js/min'))
		.pipe(reload({ stream: true }))

});

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

// Compile Responsive Styles
gulp.task('responsive_styles_min', function(){
	return gulp.src('assets/scss/responsive.scss')
	.pipe(sass({outputStyle: 'compressed'}))
	.pipe(rename({ suffix: '-min' }))
	.pipe(gulp.dest('css/min'))
	.pipe(reload({ stream: true }))
});

// Compile RTL Styles
gulp.task('rtl_styles_min', function(){
	return gulp.src('assets/scss/rtl.scss')
	.pipe(sass({outputStyle: 'compressed'}))
	.pipe(rename({ suffix: '-min' }))
	.pipe(gulp.dest('css/min'))
	.pipe(reload({ stream: true }))
});

// Compile EDD Styles
gulp.task('edd_styles_min', function(){
	return gulp.src('assets/edd/scss/edd.scss')
	.pipe(sass({outputStyle: 'compressed'})) 
	.pipe(rename({ suffix: '-min' }))
	.pipe(gulp.dest('css/min'))
	.pipe(reload({ stream: true }))
});

// Compile LifterLMS Styles
gulp.task('lifterlms_styles_min', function(){
	return gulp.src('assets/lifterlms/scss/lifterlms.scss')
	.pipe(sass({outputStyle: 'compressed'})) 
	.pipe(rename({ suffix: '-min' }))
	.pipe(gulp.dest('css/min'))
	.pipe(reload({ stream: true }))
});

// Compile Woo Styles
gulp.task('woo_styles_min', function(){
	return gulp.src(['assets/woocommerce/scss/woocommerce-layout.scss', 'assets/woocommerce/scss/woocommerce.scss', 'assets/woocommerce/scss/woocommerce-smallscreen.scss'])
	.pipe(sass({outputStyle: 'compressed'}))
	.pipe(rename({ suffix: '-min' }))
	.pipe(gulp.dest('css/min'))
	.pipe(reload({ stream: true }))
});

// Browser Sync
gulp.task('serve', function() {
	browserSync.init( {
		proxy: "http://" + config.url,
		host: config.host,
		notify: false,
	});
});

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

	// Styles & Scripts to be watched
	gulp.watch(['assets/js/site.js', 'assets/js/mobile.js'], ['scripts_combine_min']);
	gulp.watch(['assets/js/*.js', '!assets/js/site.js', '!assets/js/mobile.js'], ['scripts_min']);

	gulp.watch('assets/scss/**/*.scss', ['styles']);
	gulp.watch('assets/scss/**/*.scss', ['responsive_styles_min']);
	gulp.watch('assets/scss/**/*.scss', ['rtl_styles_min']);
	gulp.watch('assets/woocommerce/scss/**/*.scss', ['woo_styles_min']);
	gulp.watch('assets/edd/scss/**/*.scss', ['edd_styles_min']);
	gulp.watch('assets/lifterlms/scss/**/*.scss', ['lifterlms_styles_min']);

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

// Gulp
gulp.task('default', ['scripts_combine_min', 'scripts_min', 'styles', 'responsive_styles_min', 'rtl_styles_min', 'edd_styles_min', 'lifterlms_styles_min', 'woo_styles_min', 'watch', 'serve']);