'use strict';

const gulp = require('gulp');
const concat = require('gulp-concat');
const cleanCss = require('gulp-clean-css');
const browsersync = require('browser-sync').create();
const uglify = require('gulp-uglify');
const del = require('del');
const htmlmin = require('gulp-htmlmin');
const copy = require('gulp-copy');
const sass = require('gulp-sass')(require('sass'));


gulp.task('build-css', function () {
    return gulp.src('src/Scss/main.scss')
            .pipe(sass().on('error', sass.logError))
            .pipe(concat('index.css'))
            .pipe(cleanCss())
            .pipe(gulp.dest('build/css'));
});

gulp.task('build-js', function () {
    return gulp.src(['src/JavaScript/Css.js',
        'src/JavaScript/Firework.js',
        'src/JavaScript/PWA.js',
        'src/JavaScript/Memory.js',
        'src/JavaScript/main.js'])
            .pipe(concat('index.js'))
            .pipe(uglify())
            .pipe(gulp.dest('build/js'));
});

gulp.task('build-sw', function () {
    return gulp.src(['src/sw.js'])
            .pipe(concat('sw.js'))
            .pipe(uglify())
            .pipe(gulp.dest('build'));
});

gulp.task('minify-html', () => {
    return gulp.src('src/index.html')
            .pipe(htmlmin({collapseWhitespace: true}))
            .pipe(gulp.dest('build'));
});

gulp.task('copy-sitemap', function () {
    return gulp.src('src/sitemap.xml')
            .pipe(gulp.dest('build'));
});

gulp.task('copy-robots', function () {
    return gulp.src('src/robots.txt')
            .pipe(gulp.dest('build'));
});

gulp.task('copy-media', function () {
    return gulp.src('src/media/*')
            .pipe(gulp.dest('build/media'));
});

gulp.task('copy-data', function () {
    return gulp.src('src/config/*.json')
            .pipe(gulp.dest('build/config'));
});
gulp.task('copy-fonts', function () {
    return gulp.src('src/fonts/*')
            .pipe(gulp.dest('build/fonts'));
});

gulp.task('copy-favicon', function () {
    return gulp.src('src/favicon/*')
            .pipe(gulp.dest('build/favicon'));
});

gulp.task('copy-favicon-maskable', function () {
    return gulp.src('src/favicon/maskable/*')
            .pipe(gulp.dest('build/favicon/maskable'));
});

gulp.task('clean', async () => {
    return del.sync('build');
});


gulp.task("clean build", (cb) => {
    return gulp.series('clean',
            'build-css', 'build-js', 'build-sw', 'minify-html',
            'copy-media', 'copy-data', 'copy-favicon', 'copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap'
            )(cb);
});

gulp.task("session-start", (cb) => {
    return gulp.series('clean',
            'build-css', 'build-js', 'build-sw', 'minify-html',
            'copy-media', 'copy-data', 'copy-favicon', 'copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap'
            )(cb);
});

gulp.task("build", (cb) => {
    return gulp.series(
            'build-css', 'build-js', 'build-sw', 'minify-html',
            'copy-media', 'copy-data', 'copy-favicon', 'copy-favicon-maskable', 'copy-fonts', 'copy-robots', 'copy-sitemap'
            )(cb);
});

// static server and watching CSS/JS/HTML files for changes
gulp.task("server", (done) => {
    browsersync.init({
        server: './build',
        directory: true
    });

    // Watch for file changes
    gulp.watch('./src/Scss/*.scss', gulp.series('session-start'), browsersync.reload);
    gulp.watch('./src/JavaScript/*.js', gulp.series('session-start'), browsersync.reload);
    gulp.watch('./src/*.html', gulp.series('session-start'), browsersync.reload);
});


gulp.task('default', gulp.series('session-start'));