gulpfile.js

const fs = require('fs');
const { series, parallel } = require('gulp');
const rimraf = require('rimraf');
const { copyFA, copySource, copyAssets, copyDocs, watchCopyDocs } = require('./scripts/gulp/copy');
const { compileSASS, minifyCSS, watchSASS } = require('./scripts/gulp/sass');
const { pfIconFont, pfIcons } = require('./scripts/gulp/icons');
const { compileHBS, compileMD, watchHBS, watchMD } = require('./scripts/gulp/html');
const { lintCSSComments, lintCSSFunctions } = require('./scripts/gulp/lint');
const { generateSnippets } = require('./scripts/gulp/snippets');
const { start } = require('@patternfly/documentation-framework/scripts/cli/start');
const { build } = require('@patternfly/documentation-framework/scripts/cli/build');

const sassFiles = [
  './src/patternfly/patternfly*.scss',
  './src/patternfly/base/patternfly*.scss',
  './src/patternfly/{components,layouts,patterns,utilities}/**/*.scss',
  '!./src/patternfly/**/_all.scss',
  // No need to compile component theme sass files to empty css files
  '!./src/patternfly/components/**/themes/**/*.scss'
];
const hbsFiles = ['./src/patternfly/**/*.hbs'];
const mdFiles = ['./src/patternfly/**/*.md'];

function clean(cb) {
  const cleanGlobs = [
    'dist',
    'src/icons/PfIcons',
    '.circleci/css-size-report/node_modules',
    '.circleci/css-size-report/package-lock.json',
    '.circleci/css-size-report/report.html',
    'src/icons/PfIcons/',
    'static/assets/fontawesome/',
    'static/assets/fonts/',
    'static/assets/pficon/',
    'test/results/',
    'test/scenario_tests/',
    '.cache',
    'public',
    'patternfly-docs/generated/**/*.js'
  ];
  cleanGlobs.forEach(glob => rimraf.sync(glob));
  cb();
}

function copySourceFiles() {
  return copySource();
}

function compileSrcSASS() {
  return compileSASS(sassFiles);
}

function watchSrcSASS() {
  return watchSASS(['./src/patternfly/**/*.scss', '!./src/patternfly/assets/**']);
}

function compileSrcHBS() {
  return compileHBS(hbsFiles);
}

function watchSrcHBS() {
  return watchHBS(hbsFiles);
}

function compileSrcMD() {
  return compileMD(mdFiles);
}

function watchSrcMD() {
  return watchMD(mdFiles);
}

function generateWorkspaceSnippets() {
  return generateSnippets('workspace/**/index.html');
}

const themeCLIOptions = {
  parent: {
    config: './patternfly-docs/patternfly-docs.config.js',
    cssconfig: './patternfly-docs/patternfly-docs.css.js',
    source: './patternfly-docs/patternfly-docs.source.js'
  }
};

async function buildWebpack() {
  await build('all', themeCLIOptions);
}

function startWebpackDevServer() {
  start(themeCLIOptions);
}

const buildSrc = parallel(compileSrcSASS, series(compileSrcHBS, compileSrcMD));
const buildDocs = series(buildSrc, copyDocs);
const watchAll = parallel(watchSrcSASS, watchSrcHBS, watchSrcMD, watchCopyDocs, startWebpackDevServer);

// Builds `dist` folder
const buildPatternfly = parallel(series(buildDocs, minifyCSS), pfIcons, copyFA, copySourceFiles);

function checkBuildPatternfly(cb) {
  if (!fs.existsSync('dist')) {
    buildPatternfly(cb);
  } else {
    cb();
  }
}

module.exports = {
  build: series(buildPatternfly, buildWebpack), // Builds `dist` and `public` folders
  buildPatternfly, // Builds `dist` folder
  buildWebpack, // Builds `public` folder
  develop: series(checkBuildPatternfly, buildDocs, watchAll),
  compileSASS: compileSrcSASS,
  minifyCSS,
  watchSASS: watchSrcSASS,
  watchHBS: watchSrcHBS,
  watchMD: watchSrcMD,
  watchCopyDocs,
  clean,
  pfIconFont,
  pfIcons,
  copyFA,
  copySource: copySourceFiles,
  copyAssets,
  copyDocs,
  lintCSSFunctions,
  lintCSSComments,
  lintCSS: parallel(lintCSSFunctions, lintCSSComments),
  snippets: series(compileSrcHBS, compileSrcMD, generateWorkspaceSnippets),
  compileSrcSASS
};