gulpfile.mjs

import gulp from 'gulp'
import taskListing from 'gulp-task-listing'

import { updateAssetsVersion } from './tasks/asset-version.mjs'
import { clean } from './tasks/clean.mjs'
import { compileJavaScripts } from './tasks/compile-javascripts.mjs'
import { compileStylesheets } from './tasks/compile-stylesheets.mjs'
import { copyAssets, copyFiles } from './tasks/gulp/copy-to-destination.mjs'
import { watch } from './tasks/gulp/watch.mjs'
import { npmScriptTask } from './tasks/run.mjs'

/**
 * Umbrella scripts tasks (for watch)
 * Runs JavaScript code quality checks, documentation, compilation
 */
gulp.task(
  'scripts',
  gulp.series(
    gulp.parallel(npmScriptTask('lint:js'), compileJavaScripts),
    npmScriptTask('build:jsdoc')
  )
)

/**
 * Umbrella styles tasks (for watch)
 * Runs Sass code quality checks, documentation, compilation
 */
gulp.task(
  'styles',
  gulp.series(
    gulp.parallel(npmScriptTask('lint:scss'), compileStylesheets),
    npmScriptTask('build:sassdoc')
  )
)

/**
 * Compile task for local & heroku
 * Runs JavaScript and Sass compilation, including documentation
 */
gulp.task(
  'compile',
  gulp.series(clean, copyAssets, compileJavaScripts, compileStylesheets)
)

/**
 * Dev task
 * Runs a sequence of tasks on start
 */
gulp.task(
  'dev',
  gulp.series('compile', watch, npmScriptTask('serve', ['--workspace', 'app']))
)

/**
 * Build package task
 * Prepare package folder for publishing
 */
gulp.task(
  'build:package',
  gulp.series(clean, copyFiles, compileJavaScripts, compileStylesheets)
)

/**
 * Build dist task
 * Prepare dist folder for release
 */
gulp.task('build:dist', gulp.series(clean, copyAssets, compileJavaScripts, compileStylesheets, updateAssetsVersion))

/**
 * Build dist storybook task
 * Prepare dist folder for storybook
 */
gulp.task('build:storybook:dist', gulp.series(clean, 'compile'))

/**
 * Default task
 * Lists out available tasks
 */
gulp.task('default', taskListing)