gulpfile.js

'use strict'

const { parallel, series, watch } = require('gulp')
const createTask = require('./gulp.d/lib/create-task')
const exportTasks = require('./gulp.d/lib/export-tasks')

const bundleName = 'ui'
const buildDir = process.env.CONTEXT === 'deploy-preview' ? 'public/dist' : 'build'
const previewSrcDir = 'preview-site-src'
const previewJpSrcDir = 'preview-site-src-jp'
const previewDestDir = 'public'
const srcDir = 'src'
const destDir = `${previewDestDir}/_`
const partialsDir = `${srcDir}/partials`
const { reload: livereload } = process.env.LIVERELOAD === 'true' ? require('gulp-connect') : {}
const serverConfig = {
  host: '0.0.0.0',
  port: 8080,
  livereload,
}

const task = require('./gulp.d/tasks')
const glob = {
  all: [srcDir, previewSrcDir],
  css: [`${srcDir}/css/**/*.css`, `!${srcDir}/css/**/*.min.css`],
  js: ['gulpfile.js', 'gulp.d/**/*.js', `${srcDir}/{helpers,js}/**/*.js`, `!${srcDir}/js/**/*.min.js`],
}

const updateTask = createTask({
  name: 'update',
  desc: 'Update header and footer partials from endpoint',
  call: task.update(partialsDir),
})

const cleanTask = createTask({
  name: 'clean',
  desc: 'Clean files and folders generated by build',
  call: task.remove(['build', 'public']),
})

const lintCssTask = createTask({
  name: 'lint:css',
  desc: 'Lint the CSS source files using stylelint (standard config)',
  call: task.lintCss(glob.css),
})

const lintJsTask = createTask({
  name: 'lint:js',
  desc: 'Lint the JavaScript source files using eslint (JavaScript Standard Style)',
  call: task.lintJs(glob.js),
})

const lintTask = createTask({
  name: 'lint',
  desc: 'Lint the CSS and JavaScript source files',
  call: parallel(lintCssTask, lintJsTask),
})

const formatTask = createTask({
  name: 'format',
  desc: 'Format the JavaScript source files using prettify (JavaScript Standard Style)',
  call: task.format(glob.js),
})

const buildTask = createTask({
  name: 'build',
  desc: 'Build and stage the UI assets for bundling',
  call: task.build(
    srcDir,
    destDir,
    process.argv.slice(2).some((name) => name.startsWith('preview'))
  ),
})

const bundleBuildTask = createTask({
  name: 'bundle:build',
  call: series(cleanTask, lintTask, buildTask),
})

const bundlePackTask = createTask({
  name: 'bundle:pack',
  desc: 'Create a bundle of the staged UI assets for publishing',
  call: task.pack(destDir, buildDir, bundleName),
})

const bundleTask = createTask({
  name: 'bundle',
  desc: 'Clean, lint, build, and bundle the UI for publishing',
  call: series(bundleBuildTask, bundlePackTask),
})

const buildPreviewPagesTask = createTask({
  name: 'preview:build-pages',
  call: task.buildPreviewPages(srcDir, previewSrcDir, previewDestDir, livereload),
})

const buildJpPreviewPagesTask = createTask({
  name: 'preview:build-pages-jp',
  call: task.buildPreviewPages(srcDir, previewJpSrcDir, previewDestDir, livereload),
})

const prTask = createTask({
  name: 'pr',
  desc: 'Create a PR in docs-site-playbook',
  call: task.pr(process.env.TAG_NAME, process.env.GH_TOKEN_EMU, process.env.SECRET_KEY),
})

const previewBuildTask = createTask({
  name: 'preview:build',
  desc: 'Process and stage the UI assets and generate pages for the preview',
  call: parallel(buildTask, buildPreviewPagesTask),
})

const previewBuildJpTask = createTask({
  name: 'preview:build-jp',
  desc: 'Process and stage the JP site UI assets and generate pages for the preview',
  call: parallel(buildTask, buildJpPreviewPagesTask),
})

const previewServeTask = createTask({
  name: 'preview:serve',
  call: task.serve(previewDestDir, serverConfig, () => watch(glob.all, previewBuildTask)),
})

const previewServeJpTask = createTask({
  name: 'preview:serve-jp',
  call: task.serve(previewDestDir, serverConfig, () => watch(glob.all, previewBuildJpTask)),
})

const previewTask = createTask({
  name: 'preview',
  desc: 'Generate a preview site and launch a server to view it',
  call: series(updateTask, previewBuildTask, previewServeTask),
})

const previewJpTask = createTask({
  name: 'preview-jp',
  desc: 'Generate a JP preview site and launch a server to view it',
  call: series(updateTask, previewBuildJpTask, previewServeJpTask),
})

module.exports = exportTasks(
  buildTask,
  bundleTask,
  bundlePackTask,
  bundleBuildTask,
  cleanTask,
  formatTask,
  lintTask,
  prTask,
  previewBuildJpTask,
  previewBuildTask,
  previewJpTask,
  previewServeJpTask,
  previewServeTask,
  previewTask,
  updateTask
)