const gulp = require("gulp"),
    source = require('vinyl-source-stream'),
    buffer = require('vinyl-buffer'),
    browserify = require('browserify'),
    plumber = require('gulp-plumber'),
    autoprefixer = require('gulp-autoprefixer'),
    browserSync = require('browser-sync').create(),
    uglify = require('gulp-uglify'),
    sass = require('gulp-sass'),
    notify = require('gulp-notify'),
    babel = require('gulp-babel'),


    paths = {
        src: {
            html: "./index.html",
            js: "./src/js/**/*.js",
            css: "./src/scss/**/*.scss",
        },
        dest: {
            js: "./public/js/",
            css: "./public/css/"
        }

    },
    showError = function (error) {
        console.log(error.toString());
        this.emit('end');
    };


function html() {
    return gulp.src(paths.src.html)
        .pipe(browserSync.stream());
};

exports.html = html;

function css() {
    return gulp.src(paths.src.css)
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest(paths.dest.css))
        .pipe(browserSync.stream());
};
exports.css = css;

function js() {
    var b = browserify({
        entries: "./src/js/main.js",
        debug: true
    })

    return b

        .transform('babelify', {
            presets: ["@babel/preset-env"],
            sourceMaps: true
        })
        .bundle()
        .pipe(plumber({
            errorHandler: function (err) {
                notify.onError({
                    title: "Gulp error in " + err.plugin,
                    message: err.toString()
                })(err);
            }
        }))
        .pipe(source('main.js'))
        .pipe(buffer())
        //.pipe(uglify())
        .pipe(gulp.dest(paths.dest.js))
        .pipe(browserSync.stream());
};
exports.js = js;

function jsprod() {
    return gulp.src("./src/js/module360-prod.js")
        .pipe(babel({
            presets: ['@babel/env']
        }))

        .pipe(plumber({
            errorHandler: function (err) {
                notify.onError({
                    title: "Gulp error in " + err.plugin,
                    message: err.toString()
                })(err);
            }
        }))
        //.pipe(uglify())
        .pipe(gulp.dest(paths.dest.js));
    //.pipe(browserSync.stream());
}
exports.jsprod = jsprod;


function watch() {
    gulp.watch(paths.src.js, js);
    gulp.watch(paths.src.css, css);
    gulp.watch(paths.src.html, html);
}
exports.watch = watch;

function serve() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
}

exports.serve = serve;

const dev = gulp.series(gulp.parallel(watch, serve), gulp.parallel(js, css, html));

exports.default = dev;