webpack.mix.js

const mix = require( 'laravel-mix' ),
	fs = require( 'fs' ),
	path = require( 'path' );

const ALLOWED_FILES = [ '.scss', 'client.js' ];
const MIX_OPTIONS = {
	styles: {
		outputStyle: 'compressed'
	}
};

/**
 * Get all files from specific directory.
 * @param {string} directory path to file from root.
 * @return {string[]}
 */
const getFiles = function ( directory ) {
	return fs.readdirSync( directory ).filter( file => {
		return ( ALLOWED_FILES.includes( path.extname( file ) ) || ALLOWED_FILES.includes( file ) ) ? fs.statSync( `${ directory }/${ file }` ).isFile() : false;
	} );
};

/**
 * Get all directories from a specific directory.
 * @param {string} directory The directory to check.
 * @return {string[]}
 */
const getDirectories = function ( directory ) {
	return fs.readdirSync( directory ).filter( function ( file ) {
		return fs.statSync( path.join( directory, file ) ).isDirectory();
	} );
};

/**
 * Loop through the community block directories and block directories and build any files necessary.
 *
 * @param {string} folder name of the folder to scan.
 * @param {string} outputFolder name of the folder to output.
 * @constructor
 */
const NCB_build_blocks = ( folder, outputFolder = folder ) => {
	Array.from( getDirectories( folder ) ).forEach( ( companyDir ) => {
		Array.from( getDirectories( `${ folder }/${ companyDir }` ) ).forEach( ( blockDir ) => {
			Array.from( getDirectories( `${ folder }/${ companyDir }/${ blockDir }/assets/` ) ).forEach( ( typeDir ) => {
				NCB_build_files( typeDir, `${ folder }/${ companyDir }/${ blockDir }/assets/${ typeDir }`, `${ outputFolder }/${ companyDir }/${ blockDir }` );
			} );
		} );
	} );
};

/**
 * Little helper to reduce duplication.
 *
 * @param {string} typeDir The type of script directory.
 * @param {string} path The path of the input directory.
 * @param outputPath The path of the output directory.
 * @constructor
 */
const NCB_build_files = ( typeDir, path, outputPath = path ) => {
	const files = getFiles( path );

	if( 0 === files.length) {
		return;
	}

	files.forEach( ( file ) => {
		switch ( typeDir ) {
			case 'styles':
				mix.sass(
					`${ path }/${ file }`,
					outputPath
				).options( MIX_OPTIONS.styles );
				break;

			case 'scripts':
				mix.js( `${ path }/${ file }`, outputPath ).vue({ version: 3 });
				break;
		}
	} );
};

/**
 * Loop through the client directory and build any files necessary.
 *
 * @param {string} folder name of the folder to scan.
 * @param {string} outputFolder name of the folder to output.
 * @constructor
 */
const NCB_build_client = ( folder, outputFolder = folder ) => {
	Array.from( getDirectories( folder ) ).forEach( ( typeDir ) => {
		NCB_build_files( typeDir, `${ folder }/${ typeDir }`,  outputFolder );

		const directories =  Array.from( getDirectories( `${ folder }/${ typeDir }` ) );
		if ( directories.length > 0 ) {
			directories.forEach( ( dir ) => NCB_build_files( typeDir, `${ folder }/${ typeDir }/${ dir }`, `${ outputFolder }/${ dir }` ) );
		}
	} );
};



NCB_build_blocks( 'src/blocks', 'blocks' );
NCB_build_client( 'src/client', 'client' );

mix.setPublicPath( 'build' )
	.version()
	.sourceMaps()
	.options( {
		cssnano: { preset: "default" },
	} );