const { src, dest, watch, parallel } = require('gulp')
const sass = require('gulp-dart-sass')
const babel = require('gulp-babel')
const uglify = require('gulp-uglify')

sass.compiler = require('sass')

const StylesEntry = './src/sass/**/*.scss'
const StylesOutput = './static/css'
const JsEntry = './src/js/**/*.js'
const JsOutput = './static/js'

const sassProd = () =>
  src(StylesEntry)
    .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
    .pipe(dest(StylesOutput))
const sassWatch = () => watch(StylesEntry, sassProd)

const jsProd = () =>
  src(JsEntry)
    .pipe(
      babel({
        presets: ['@babel/preset-env'],
      })
    )
    .pipe(uglify())
    .pipe(dest(JsOutput))
const jsWatch = () => watch(JsEntry, jsProd)

exports.prod = parallel(sassProd, jsProd)
exports.watch = parallel(sassWatch, jsWatch)