'use strict';

let gulp            = require( 'gulp' ),
    rename          = require( 'gulp-rename' ),
    notify          = require( 'gulp-notify' ),
    sass            = require( 'gulp-sass')(require('sass')),
    plumber         = require( 'gulp-plumber' ),
    autoprefixer     = require( 'gulp-autoprefixer' );

gulp.task('jet-popup-frontend-css', () => {
	return gulp.src('./assets/scss/jet-popup-frontend.scss')
		.pipe(
			plumber( {
				errorHandler: function ( error ) {
					console.log('=================ERROR=================');
					console.log(error.message);
					this.emit( 'end' );
				}
			})
		)
		.pipe(sass( { outputStyle: 'compressed' } ))
		.pipe(autoprefixer({
				browsers: ['last 10 versions'],
				cascade: false
		}))
		.pipe(rename('jet-popup-frontend.css'))
		.pipe(gulp.dest('./assets/css/'))
		.pipe(notify('Compile Sass Done!'));
});

gulp.task('jet-popup-admin-css', () => {
	return gulp.src('./assets/scss/jet-popup-admin.scss')
		.pipe(
			plumber( {
				errorHandler: function ( error ) {
					console.log('=================ERROR=================');
					console.log(error.message);
					this.emit( 'end' );
				}
			})
		)
		.pipe(sass( { outputStyle: 'compressed' } ))
		.pipe(autoprefixer({
				browsers: ['last 10 versions'],
				cascade: false
		}))
		.pipe(rename('jet-popup-admin.css'))
		.pipe(gulp.dest('./assets/css/'))
		.pipe(notify('Compile Sass Done!'));
});

gulp.task('jet-popup-block-editor-css', () => {
	return gulp.src('./assets/scss/jet-popup-block-editor.scss')
		.pipe(
			plumber( {
				errorHandler: function ( error ) {
					console.log('=================ERROR=================');
					console.log(error.message);
					this.emit( 'end' );
				}
			})
		)
		.pipe(sass( { outputStyle: 'compressed' } ))
		.pipe(autoprefixer({
			browsers: ['last 10 versions'],
			cascade: false
		}))
		.pipe(rename('jet-popup-block-editor.css'))
		.pipe(gulp.dest('./assets/css/'))
		.pipe(notify('Compile Sass Done!'));
});

gulp.task('jet-popup-preview-css', () => {
	return gulp.src('./assets/scss/jet-popup-preview.scss')
		.pipe(
			plumber( {
				errorHandler: function ( error ) {
					console.log('=================ERROR=================');
					console.log(error.message);
					this.emit( 'end' );
				}
			})
		)
		.pipe(sass( { outputStyle: 'compressed' } ))
		.pipe(autoprefixer({
				browsers: ['last 10 versions'],
				cascade: false
		}))

		.pipe(rename('jet-popup-preview.css'))
		.pipe(gulp.dest('./assets/css/'))
		.pipe(notify('Compile Sass Done!'));
});

// js
/*
gulp.task( 'jet-popup-frontend-minify', () => {
	return gulp.src( './assets/js/jet-popup-frontend.js' )
		.pipe( uglify() )
		.pipe( rename({ extname: '.min.js' }) )
		.pipe( gulp.dest( './assets/js/') )
		.pipe( notify('js Minify Done!') );
});

gulp.task( 'jet-popup-admin-minify', () => {
	return gulp.src( './assets/js/jet-popup-admin.js' )
		.pipe( uglify() )
		.pipe( rename({ extname: '.min.js' }) )
		.pipe( gulp.dest( './assets/js/') )
		.pipe( notify('js Minify Done!') );
});

gulp.task( 'jet-popup-editor-minify', () => {
	return gulp.src( './assets/js/jet-popup-editor.js' )
		.pipe( uglify() )
		.pipe( rename({ extname: '.min.js' }) )
		.pipe( gulp.dest( './assets/js/') )
		.pipe( notify('js Minify Done!') );
});
*/

//watch
gulp.task( 'watch', () => {
	gulp.watch( './assets/scss/**', gulp.series( ...[
		'jet-popup-frontend-css',
		'jet-popup-admin-css',
		'jet-popup-block-editor-css',
		'jet-popup-preview-css'
	] ) );

	/*gulp.watch( './assets/js/jet-popup-frontend.js', gulp.series( 'jet-popup-frontend-minify' ) );
	gulp.watch( './assets/js/jet-popup-admin.js', gulp.series( 'jet-popup-admin-minify' ) );
	gulp.watch( './assets/js/jet-popup-editor.js', gulp.series( 'jet-popup-editor-minify' ) );*/

});