const gulp = require('gulp'),
	clean = require('gulp-clean'),
	concatCss = require('gulp-concat-css'),
	postcss = require('gulp-postcss'),
	cssnano = require('cssnano'),
	sass = require('gulp-sass')(require('sass'));

// Clean Tasks

gulp.task('clean-style', function () {
	return gulp.src('style.css', {
		read: false,
		allowEmpty: true,
	}).pipe(clean());
});

gulp.task(
	'clean',
	gulp.series(
		'clean-style'
	)
);

// Compile Tasks

gulp.task('compile-style', function () {
	return gulp.src('assets/sass/style.scss', { base: './' })
		.pipe(sass().on('error', sass.logError))
		.pipe(concatCss('style.css'))
		.pipe(postcss(cssnano()))
		.pipe(gulp.dest('assets/css'));
});

gulp.task(
	'compile',
	gulp.series(
		'compile-style'
	)
);

// Default Tasks

gulp.task(
	'default',
	gulp.series(
		'clean',
		'compile'
	)
);

gulp.task('watch', function () {
	gulp.watch(['assets/sass/**/*.scss']).on(
		'change',
		'default'
	);
});