// js
import gulp from 'gulp';
import gulpif from 'gulp-if';
import sourcemaps from 'gulp-sourcemaps';
import uglify from 'gulp-uglify';
import source from 'vinyl-source-stream';
import buffer from 'vinyl-buffer';

import pathConfig from '../paths.js'
import browserify from 'browserify';

export const scriptsBuild = () => {
  return gulp.src(`${pathConfig.src.js}/**/*.js`)

  .pipe(gulpif(pathConfig.isDevelop, sourcemaps.init()))
  .pipe(gulpif(pathConfig.isProd, uglify()))
  .pipe(gulpif(pathConfig.isDevelop, sourcemaps.write('./')))

  .pipe(gulp.dest(pathConfig.assets.js))
}

// export const scriptsBuild = () => (
//     browserify(`${pathConfig.src.js}/script.js`, { debug: true })
//         .transform('babelify', { presets: ['@babel/preset-env'] })
//         .bundle()
//         .on('error', function browserifyError(error) {
//           console.log(error.stack);
//           this.emit('end');
//         })
//         .pipe(source('main.js'))
//         .pipe(buffer())
//         .pipe(gulpif(pathConfig.isDevelop, sourcemaps.init()))
//         .pipe(gulpif(pathConfig.isProd, uglify()))
//         .pipe(gulpif(pathConfig.isDevelop, sourcemaps.write('./')))

//         .pipe(gulp.dest(pathConfig.assets.js))
// );

export const scriptsDevelop = () => gulp.watch(`${pathConfig.src.js}/**/*.js`, scriptsBuild);