@gravityforms/gulp-tasks/babel.config.js

Configurable Gulp tasks for use in Gravity Forms projects.

import path from 'node:path';
import { createRequire } from 'node:module';
import { fileURLToPath } from 'node:url';

import getConfig from './config.js';

const cjsRequire = createRequire( import.meta.url );
const { merge } = cjsRequire( 'webpack-merge' );
const { config } = getConfig();
const aliasConfig = config?.webpack?.alias || {};
const __dirname = path.dirname( fileURLToPath( import.meta.url ) );

const defaultAlias = {
	'admin/config': path.resolve( `${ __dirname }/../../../`, 'assets/js/src/admin/config' ),
	'admin/templates': path.resolve( `${ __dirname }/../../../`, 'assets/js/src/admin/templates' ),
	common: path.resolve( `${ __dirname }/../../../`, 'assets/js/src/common' ),
	'common/templates': path.resolve( `${ __dirname }/../../../`, 'assets/js/src/common/templates' ),
	'theme/config': path.resolve( `${ __dirname }/../../../`, 'assets/js/src/theme/config' ),
	'theme/templates': path.resolve( `${ __dirname }/../../../`, 'assets/js/src/theme/templates' ),
};

export default {
	presets: [
		'@babel/preset-react',
		[
			'@babel/preset-env',
			{
				useBuiltIns: 'entry',
				modules: false,
				corejs: '3.1',
			},
		],
	],
	plugins: [
		[
			'module-resolver',
			{
				alias: merge( defaultAlias, aliasConfig ),
			},
		],

		'@babel/plugin-transform-optional-chaining',
		'@babel/plugin-transform-runtime',
		'@babel/plugin-transform-object-rest-spread',
		'@babel/plugin-syntax-dynamic-import',
		'@babel/plugin-transform-regenerator',
		'@babel/plugin-transform-class-properties',
		'@babel/plugin-transform-object-assign',
		'@babel/plugin-transform-unicode-sets-regex',
	],
	env: {
		test: {
			presets: [
				[
					'@babel/preset-env',
					{
						useBuiltIns: 'entry',
						modules: 'commonjs',
						corejs: '3.19.2',
					},
				],
			],
			plugins: [ 'istanbul' ],
		},
	},
};