const { src, dest } = require("gulp");
const cleanCss = require('gulp-clean-css');
const rename = require('gulp-rename');
const uglify = require('gulp-uglify');
const cheerio = require('gulp-cheerio');

function generateHTML(cb) {
    console.log('HTML generálás ...');
    src('src/**/*.html')
    .pipe(cheerio(function($) {
        $('link').remove();
        $('script').remove();
        $('head').append('<link rel="stylesheet" href="style.min.css">');
        $('body').append('<script src="app.min.js"></script');
    }))
    .pipe(dest('public'));
    cb();
}

function generateCSS(cb) {
    console.log('CSS generálás ...');
    src('src/css/*.css')
    .pipe(cleanCss())
    .pipe(rename({extname: ".min.css"}))
    .pipe(dest('public/css'));
    cb();    
}

function generateJS(cb) {
    console.log('JavaScript generálás ...');
    src('src/js/*.js')
    .pipe(uglify())
    .pipe(rename({extname: ".min.js"}))
    .pipe(dest('public/js'));
    cb();    
}

exports.html = generateHTML;
exports.css = generateCSS;
exports.js = generateJS;