gulpfile.js

const { src, dest, parallel, series, watch } = require('gulp');

const browserSync  = require('browser-sync').create();
const concat       = require('gulp-concat');
const uglify       = require('gulp-uglify-es').default;
const sass         = require('gulp-sass')(require('sass'));
const bourbon      = require('node-bourbon');
const rename       = require('gulp-rename');
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS     = require('gulp-clean-css');
const del          = require('del');
const cache        = require('gulp-cache');

// browserSync rules
function browsersync() {
  browserSync.init({
    server: { baseDir: 'app/' },
    notify: true,
    online: true
  })
}

// expanded CSS compilation
function styles() {
  return src('app/sass/**/*.sass')
  .pipe(sass({
    includePaths: bourbon.includePaths,
    outputStyle: 'expanded'
  }))
  .pipe(autoprefixer({
    overrideBrowserslist: [
      'last 15 versions',
      'ie >= 7',
      'Firefox < 20'
    ],
    grid: true
  }))
  .pipe(dest('app/css/'))
  .pipe(browserSync.reload({stream: true}))
}

// minificated CSS compilation to source-files folder
function cssmin() {
  return src('app/sass/**/*.sass')
  .pipe(sass({ includePaths: bourbon.includePaths }))
  .pipe(rename({ suffix: '.min', prefix : '' }))
  .pipe(autoprefixer({
    overrideBrowserslist: [
      'last 15 versions',
      'ie >= 7',
      'Firefox < 20'
    ],
    grid: true
  }))
  .pipe(cleanCSS())
  .pipe(dest('dist/source-files/braxton-css-min-files/'))
}

// expanded CSS compilation to source-files folder
function cssexp() {
  return src('app/sass/**/*.sass')
  .pipe(sass({
    includePaths: bourbon.includePaths,
    outputStyle: 'expanded'
  }))
  .pipe(autoprefixer({
    overrideBrowserslist: [
      'last 15 versions',
      'ie >= 7',
      'Firefox < 20'
    ],
    grid: true
  }))
  .pipe(dest('dist/source-files/braxton-css-files/'))
}

// HTML build
function html() {
  return src('app/*.html')
  .pipe(dest('dist/'))
}

// JS libs for template minification
function libs() {
  return src([
    'node_modules/jquery/dist/jquery.js',
    'assets/modernizr/modernizr.js',
    'node_modules/gsap/dist/gsap.js',
    'node_modules/gsap/dist/ScrollTrigger.js',
    'node_modules/bootstrap/dist/js/bootstrap.bundle.js',
    'node_modules/lenis/dist/lenis.js',
    'node_modules/imagesloaded/imagesloaded.pkgd.js',
    'node_modules/swiper/swiper-bundle.js',
    'node_modules/particles.js/particles.js',
    'node_modules/photoswipe/dist/photoswipe.js',
    'node_modules/photoswipe/dist/photoswipe-ui-default.js'
    // 'assets/app.js'
  ])
  .pipe(concat('libs.min.js'))
  .pipe(uglify().on('error', console.error))
  .pipe(uglify())
  .on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
  .pipe(dest('app/js/'))
  .pipe(browserSync.stream())
}

// JS libs for demo minification
function libsdemo() {
  return src([
    'node_modules/jquery/dist/jquery.js',
    'assets/modernizr/modernizr.js',
    'node_modules/ajaxchimp/jquery.ajaxchimp.js',
    'node_modules/gsap/dist/gsap.js',
    'node_modules/gsap/dist/ScrollTrigger.js',
    'node_modules/lenis/dist/lenis.js',
    'node_modules/imagesloaded/imagesloaded.pkgd.js'
  ])
  .pipe(concat('libsdemo.min.js'))
  .pipe(uglify().on('error', console.error))
  .pipe(uglify())
  .on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
  .pipe(dest('app/js/demo/'))
  .pipe(browserSync.stream())
}

// expanded JS libs compilation to source-files folder
function libsexp() {
  return src([
    'node_modules/jquery/dist/jquery.js',
    'assets/modernizr/modernizr.js',
    'node_modules/gsap/dist/gsap.js',
    'node_modules/gsap/dist/ScrollTrigger.js',
    'node_modules/bootstrap/dist/js/bootstrap.bundle.js',
    'node_modules/lenis/dist/lenis.js',
    'node_modules/imagesloaded/imagesloaded.pkgd.js',
    'node_modules/swiper/swiper-bundle.js',
    'node_modules/particles.js/particles.js',
    'node_modules/photoswipe/dist/photoswipe.js',
    'node_modules/photoswipe/dist/photoswipe-ui-default.js'
    // 'assets/app.js'
  ])
  .pipe(concat('libs.js'))
  .pipe(dest('dist/source-files/braxton-js-files/'))
}

// clean dist folder
function cleandist() {
  return del(['dist/**'])
}

// files copy to dist
function buildcopy() {
  return src([
    'app/css/**/*.css',
    'app/*.html',
    'app/js/**/*.js',
    'app/fonts/**/*',
    'app/img/**/*',
    'app/.htaccess',
    'app/mail.php'
  ], { base: 'app', encoding: false })
  .pipe(dest('dist'))
}

// app.js copy to dist
function buildalljs() {
  return src([
    //'assets/app.js',
    'app/js/demo/demo.js',
    'app/js/app.js',
    'app/js/gallery-init.js'
  ])
  .pipe(dest('dist/source-files/braxton-js-files/'))
}

// files watch
function startwatch() {
  watch('app/**/*.html').on('change', browserSync.reload);
  watch([ 'app/**/*.js', '!app/**/*.min.js' ], libs);
  watch([ 'app/sass/**/*.sass' ], styles);
}

// clear cache
function clearcache() {
  return cache.clearAll();
}

// all functions export
exports.browsersync   = browsersync;
exports.libs          = libs;
exports.libsdemo      = libsdemo;
exports.libsexp       = libsexp;
exports.styles        = styles;
exports.cssmin        = cssmin;
exports.cssexp        = cssexp;
exports.html          = html;
exports.clearcache    = clearcache;

// build function
exports.build         = series(cleandist, styles, cssmin, cssexp, html, libs, libsdemo, libsexp, buildcopy, buildalljs);

// default function (gulp)
exports.default       = parallel(styles, libs, libsdemo, browsersync, startwatch);