gulpfile.babel.js

/**
 * External dependencies
 */
import gulp from 'gulp';
import log from 'fancy-log';
import { spawn } from 'child_process';

/**
 * Internal dependencies
 */
import frontendcss from './tools/builder/frontend-css';
import admincss from './tools/builder/admin-css';
import { watch as react_watch, build as react_build } from './tools/builder/react';
import {
	watch as sass_watch,
	build as sass_build,
	watchPackages as sass_watch_packages,
} from './tools/builder/sass';

gulp.task( 'old-styles:watch', function () {
	return gulp.watch( 'scss/**/*.scss', gulp.parallel( 'old-styles' ) );
} );

gulp.task( 'blocks:watch', function () {
	const child = require( 'child_process' ).execFile( 'yarn', [ 'build-extensions', '--watch' ] );

	child.stdout.on( 'data', function ( data ) {
		log( data.toString() );
	} );
} );

gulp.task( 'search:watch', function () {
	const child = require( 'child_process' ).execFile( 'yarn', [
		'build-search:scripts',
		'--watch',
	] );

	child.stdout.on( 'data', function ( data ) {
		log( data.toString() );
	} );
} );

gulp.task( 'php:module-headings', function ( callback ) {
	const process = spawn( 'php', [ 'tools/build-module-headings-translations.php' ] );
	process.stderr.on( 'data', function ( data ) {
		log( data.toString() );
	} );
	process.stdout.on( 'data', function ( data ) {
		log( data.toString() );
	} );
	process.on( 'exit', function ( code ) {
		if ( 0 !== code ) {
			log( 'Failed building module headings translations: process exited with code ', code );
		}
		callback();
	} );
} );

gulp.task( 'old-styles', gulp.parallel( frontendcss, admincss, 'sass:old', 'sass:packages' ) );

// Default task
gulp.task(
	'default',
	gulp.series( gulp.parallel( react_build, 'old-styles', 'php:module-headings' ), sass_build )
);
gulp.task(
	'watch',
	gulp.parallel(
		react_watch,
		sass_watch,
		sass_watch_packages,
		'old-styles:watch',
		'blocks:watch',
		'search:watch'
	)
);

// Keeping explicit task names to allow for individual runs
gulp.task( 'sass:build', sass_build );
gulp.task( 'react:build', react_build );
gulp.task( 'sass:watch', gulp.parallel( sass_watch, sass_watch_packages ) );
gulp.task( 'react:watch', react_watch );