rivet-switch/gulpfile.js

An accessible switch component for Rivet

const { dest, series, src, watch } = require("gulp");
const autoprefixer = require("autoprefixer");
const browserSync = require("browser-sync").create();
const cssnano = require("gulp-cssnano");
const del = require("del");
const eslint = require("gulp-eslint");
const header = require("gulp-header");
const postcss = require("gulp-postcss");
const pump = require("pump");
const rename = require("gulp-rename");
const sass = require("gulp-sass");
const stylelint = require("gulp-stylelint");
const uglify = require("gulp-uglify");

const package = require("./package.json");

const banner = `/*!
 *
 * Copyright (C) 2018 The Trustees of Indiana University
 * SPDX-License-Identifier: BSD-3-Clause

 * ${package.name} - @version ${package.version}
 */

`;

// Development server
function watchFiles(callback) {
  browserSync.init({
    server: {
      baseDir: "./docs"
    }
  });
  watch("src/sass/**/*.scss", { ignoreInitial: false }, series(lintSassWatch, compileSass));
  watch("src/js/**/*.js", { ignoreInitial: false }, series(lintJSWatch, compileJS));
  watch("src/index.html", { ignoreInitial: false }, compileHTML);

  callback();
}

// Headless development server
function headless(callback) {
  browserSync.init({
    server: {
      baseDir: "./docs"
    },
    open: false
  });
  watch("src/sass/**/*.scss", { ignoreInitial: false }, series(lintSassWatch, compileSass));
  watch("src/js/**/*.js", { ignoreInitial: false }, series(lintJSWatch, compileJS));
  watch("src/index.html", { ignoreInitial: false }, compileHTML);

  callback();
}

function compileHTML() {
  return src("src/index.html")
    .pipe(dest("docs/"))
    .pipe(browserSync.stream());
}

function lintSassWatch() {
  return src("src/sass/**/*.scss")
  .pipe(stylelint({
    failAfterError: false,
    reporters: [
      {formatter: 'string', console: true}
    ]
  }));
}

function lintSassBuild() {
  return src("src/sass/**/*.scss")
  .pipe(stylelint({
    reporters: [
      {formatter: 'string', console: true}
    ]
  }));
}

function compileSass() {
  return src("src/sass/**/*.scss")
    .pipe(sass({ outputStyle: "expanded" }).on("error", sass.logError))
    .pipe(dest("docs/css/"))
    .pipe(browserSync.stream());
}

function sassProd() {
  return src("src/sass/**/*.scss")
    .pipe(sass({ outputStyle: "expanded" }).on("error", sass.logError))
    .pipe(dest("dist/css/"));
}

function cleanCSS() {
  return del(["dist/css/**/*"]);
}

function minifyCSS() {
  return src("dist/css/" + package.name + ".css")
    .pipe(cssnano())
    .pipe(
      rename({
        suffix: ".min"
      })
    )
    .pipe(dest("dist/css/"));
}

function prefixCSS() {
  return src("dist/css/" + package.name + ".css")
    .pipe(postcss([autoprefixer({ browsers: ["last 2 versions"] })]))
    .pipe(dest("dist/css/"));
}

function headerCSS(callback) {
  src("dist/css/" + package.name + ".css")
    .pipe(header(banner, { package: package }))
    .pipe(dest("dist/css/"));

  src("dist/css/" + package.name + ".min.css")
    .pipe(header(banner, { package: package }))
    .pipe(dest("dist/css/"));

  callback();
}

// This task is used to watch durring development only.
function lintJSBuild() {
  return src(["src/js/**/*.js", "!node_modules/**"])
    .pipe(eslint())
    .pipe(eslint.format())
    .pipe(eslint.failAfterError());
}

function lintJSWatch() {
  return src(["src/js/**/*.js", "!node_modules/**"])
    .pipe(eslint())
    .pipe(eslint.format());
}

function compileJS() {
  return src("src/js/**/*.js")
    .pipe(dest("docs/js/"))
    .pipe(browserSync.stream());
}

function cleanJS() {
  return del(["dist/js/**/*"]);
}

function copyJS() {
  return src("src/js/**/*.js").pipe(dest("dist/js/"));
}

function minifyJS(callback) {
  pump(
    [
      src("dist/js/" + package.name + ".js"),
      uglify(),
      rename({ suffix: ".min" }),
      dest("dist/js")
    ],
    callback
  );
}

function headerJS(callback) {
  src("dist/js/" + package.name + ".js")
    .pipe(header(banner, { package: package }))
    .pipe(dest("dist/js/"));

  src("dist/js/" + package.name + ".min.js")
    .pipe(header(banner, { package: package }))
    .pipe(dest("dist/js/"));

  callback();
}

// Deletes everything in the dist/js and dist/css folders
exports.clean = series(cleanCSS, cleanJS);

// Run release tasks
exports.release = series(
  cleanCSS,
  lintSassBuild,
  sassProd,
  prefixCSS,
  minifyCSS,
  headerCSS,
  lintJSBuild,
  cleanJS,
  copyJS,
  minifyJS,
  headerJS
);

exports.headless = headless;

exports.buildDocs = series(compileHTML, lintSassBuild, compileSass, lintJSBuild, compileJS);

// Default dev server
exports.default = watchFiles;