import { src, dest }    from 'gulp';
import { path }         from '../gulp.path';
import env              from 'gulp-environment';
import plumber          from 'gulp-plumber';
import notify           from 'gulp-notify';
import newer            from 'gulp-newer';
import webpackStream    from 'webpack-stream';
import bs               from 'browser-sync';
import webpackConfig     from '../../webpack.config';

export const Script = (done) => {
    src(path.pug.src)
        .pipe(env.if.development(newer({
            dest: './dist/',
            extra: './src/{components,layouts,pages,sections}/**/*.*'
        })))
        .pipe(plumber({errorHandler: notify.onError("JavaScript: <%= error.message %>")}))
        .pipe(webpackStream(webpackConfig))
        .pipe(env.if.production(dest(path.pug.dist.prod)).else(dest(path.pug.dist.dev)))
        .pipe(env.if.development(bs.reload({stream: true})))
        done();
}