elementor/Gruntfile.js

module.exports = function( grunt ) {
	'use strict';

	const fs = require( 'fs' ),
		pkgInfo = grunt.file.readJSON( 'package.json' ),
		WidgetsCss = require( './.grunt-config/widgets-css' ),
		Eicons = require( './.grunt-config/eicons' );

	const widgetsCss = new WidgetsCss( 'production' ),
		eicons = new Eicons();

	grunt.loadNpmTasks( 'grunt-concurrent' );

	require( 'load-grunt-tasks' )( grunt );

	// Project configuration
	grunt.initConfig( {
		pkg: pkgInfo,

		banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' +
				'<%= grunt.template.today("dd-mm-yyyy") %> */',

		checktextdomain: require( './.grunt-config/checktextdomain' ),
		usebanner: require( './.grunt-config/usebanner' ),
		sass: require( './.grunt-config/sass' ),
		postcss: require( './.grunt-config/postcss' ),
		watch: require( './.grunt-config/watch' ),
		copy: require( './.grunt-config/copy' ),
		clean: require( './.grunt-config/clean' ),
		webpack: require( './.grunt-config/webpack' ),
		karma: require( './.grunt-config/karma' ),
	} );

	grunt.registerTask( 'create_widgets_temp_scss_files', () => widgetsCss.createWidgetsTempScssFiles() );

	grunt.registerTask( 'remove_widgets_unused_style_files', () => widgetsCss.removeWidgetsUnusedStyleFiles() );

	grunt.registerTask( 'create_eicons_frontend_js_file', () => eicons.createFrontendIconsFile() );

	grunt.registerTask( 'i18n', [
		'checktextdomain',
	] );

	grunt.registerTask( 'scripts', ( isDevMode = false ) => {
		const tasksToRun = [];
		tasksToRun.push( isDevMode ? 'webpack:development' : 'webpack:production' );

		tasksToRun.push( 'create_eicons_frontend_js_file' );

		if ( ! isDevMode ) {
			tasksToRun.push( 'webpack:developmentNoWatch' );
		}

		concurrent( tasksToRun );
	} );

	grunt.registerTask( 'watch_scripts', () => {
		grunt.task.run( 'webpack:development' );
	} );

	grunt.registerTask( 'watch_scripts:production', () => {
		grunt.task.run( 'webpack:productionWatch' );
	} );

	grunt.registerTask( 'styles', ( isDevMode = false ) => {
		if ( ! isDevMode ) {
			grunt.task.run( 'create_widgets_temp_scss_files' );
		}

		grunt.task.run( 'sass' );

		if ( ! isDevMode ) {
			grunt.task.run( 'postcss' );
			grunt.task.run( 'css_templates' );

			grunt.task.run( 'remove_widgets_unused_style_files' );
		}
	} );

	grunt.registerTask( 'watch_styles', () => {
		concurrent( [ 'styles', 'watch:styles' ] );
	} );

	grunt.registerTask( 'css_templates', () => {
		grunt.task.run( 'css_templates_proxy:templates' );

		const responsiveWidgetsList = widgetsCss.getResponsiveWidgetsList();

		grunt.config( 'sass.dist', {
			files: [ {
				expand: true,
				cwd: 'assets/dev/scss/direction',
				src: [
					'frontend.scss',
					'frontend-rtl.scss',
					...responsiveWidgetsList,
				],
				dest: 'assets/css/templates',
				ext: '.css',
			} ],
		} );

		grunt.task.run( 'sass' );

		grunt.config( 'postcss.minify.files.0.src', [
			'assets/css/templates/*.css',
			'!assets/css/templates/*.min.css',
		] );

		grunt.task.run( 'postcss:minify' );

		grunt.task.run( 'css_templates_proxy:values' );
	} );

	// Writing the proxy file as a grunt task, in order to fit in with the tasks queue
	grunt.registerTask( 'css_templates_proxy', ( mode ) => {
		fs.writeFileSync( 'assets/dev/scss/frontend/breakpoints/proxy.scss', '@import "' + mode + '";' );
	} );

	grunt.registerTask( 'build', () => {
		concurrent( [ 'i18n', 'scripts', 'styles', 'usebanner' ] );
		grunt.task.run( 'clean' );
		grunt.task.run( 'copy' );
	} );

	grunt.registerTask( 'test', [
		'karma:unit',
	] );

	const concurrent = ( tasks ) => {
		grunt.config.set( 'concurrent.onDemand', {
			tasks,
			options: { logConcurrentOutput: true },
		} );
		grunt.task.run( 'concurrent:onDemand' );
	};
};