const gulp = require('gulp');

const autoprefixer = require('gulp-autoprefixer');

const babel = require('gulp-babel');

const cleanCSS = require('gulp-clean-css');

const minify = require('gulp-minify');

const rename = require("gulp-rename");

const source = require('vinyl-source-stream');

const buffer = require('vinyl-buffer');

const uglify = require('gulp-uglify');

const browserify = require('browserify');

const babelify = require('babelify');

// const sourcemaps = require('gulp-sourcemaps');

gulp.task('css', () =>

gulp.src('src/styles/main.css')

.pipe(autoprefixer({cascade: false}))

.pipe(cleanCSS())

.pipe(rename((path) => {

path.basename = "main.min";

}))

.pipe(gulp.dest('dist/styles/'))

);

gulp.task('js', () =>

gulp.src('src/scripts/script.js')

.pipe(babel({ presets: ['@babel/preset-env'] }))

.pipe(uglify())

.pipe(rename((path) => {

path.basename = "script.min";

}))

.pipe(gulp.dest('dist/scripts/'))

);

gulp.task('libs', () =>

browserify({entries: 'src/scripts/libs.js', debug: true})

.transform("babelify", { presets: ["@babel/preset-env"] })

.bundle()

.pipe(source('libs.js'))

.pipe(buffer())

// .pipe(sourcemaps.init())

.pipe(uglify())

// .pipe(sourcemaps.write('./maps'))

.pipe(rename((path) => {

path.basename = "libs.min";

}))

.pipe(gulp.dest('dist/scripts/'))

);

gulp.task('html', () =>

gulp.src(['src/*.html'])

.pipe(gulp.dest('dist/'))

);

gulp.task('static', () =>

gulp.src(['static/**/*', 'static/**/.*', 'static/.**/*', 'static/.**/.*'], {base: 'static'})

.pipe(gulp.dest('dist'))

);

gulp.task('assets', () =>

gulp.src(['src/assets/**/*'], {base: 'src/assets'})

.pipe(gulp.dest('dist'))

);

gulp.task('watch', () => {

gulp.watch('src/styles/main.css', gulp.series('css'));

gulp.watch('src/scripts/script.js', gulp.series('js'));

gulp.watch('src/*.html', gulp.series('html'));

});

gulp.task('default', gulp.parallel('css','js','libs','html','static','assets'));

gulp.task('build', gulp.parallel('css','js','libs','html','static','assets'));