webpack.config.js

/**
 **** WARNING: No ES6 modules here. Not transpiled! ****
 */
/* eslint-disable import/no-nodejs-modules */
/* eslint-disable @typescript-eslint/no-var-requires */

/**
 * External dependencies
 */
const fs = require( 'fs' );
const getBaseWebpackConfig = require( 'newspack-scripts/config/getWebpackConfig' );
const path = require( 'path' );
const wizardsDir = path.join( __dirname, 'src', 'wizards' );

// Get files for wizards scripts.
const wizardsScripts = fs
	.readdirSync( wizardsDir )
	.filter(
		wizard =>
			fs.existsSync(
				path.join( __dirname, 'src', 'wizards', wizard, 'index.js' )
			) ||
			fs.existsSync(
				path.join( __dirname, 'src', 'wizards', wizard, 'index.tsx' )
			)
	);
const wizardsScriptFiles = {
	'plugins-screen': path.join(
		__dirname,
		'src',
		'plugins-screen',
		'plugins-screen.js'
	),
};
wizardsScripts.forEach( function ( wizard ) {
	let wizardFileName = wizard;
	if ( wizard === 'advertising' ) {
		// "advertising.js" might be blocked by ad-blocking extensions.
		wizardFileName = 'billboard';
	}
	wizardsScriptFiles[ wizardFileName ] = path.join(
		__dirname,
		'src',
		'wizards',
		wizard,
		fs.existsSync(
			path.join( __dirname, 'src', 'wizards', wizard, 'index.tsx' )
		)
			? 'index.tsx'
			: 'index.js'
	);
} );

const entry = {
	'reader-activation': path.join(
		__dirname,
		'src',
		'reader-activation',
		'index.js'
	),
	'reader-auth': path.join(
		__dirname,
		'src',
		'reader-activation-auth',
		'index.js'
	),
	'newsletters-signup': path.join(
		__dirname,
		'src',
		'reader-activation-newsletters',
		'index.js'
	),
	'reader-registration-block': path.join(
		__dirname,
		'src',
		'blocks',
		'reader-registration',
		'view.js'
	),
	'correction-box-block': path.join(
		__dirname,
		'src',
		'blocks',
		'correction-box',
		'index.js'
	),
	'correction-item-block': path.join(
		__dirname,
		'src',
		'blocks',
		'correction-item',
		'index.js'
	),
	'my-account': path.join(
		__dirname,
		'includes',
		'reader-revenue',
		'my-account',
		'index.js'
	),
	admin: path.join( __dirname, 'src', 'admin', 'index.js' ),
	'memberships-gate': path.join(
		__dirname,
		'src',
		'memberships-gate',
		'gate.js'
	),
	'memberships-gate-metering': path.join(
		__dirname,
		'src',
		'memberships-gate',
		'metering.js'
	),

	// Newspack wizard assets.
	...wizardsScriptFiles,
	blocks: path.join( __dirname, 'src', 'blocks', 'index.js' ),
	'memberships-gate-editor': path.join(
		__dirname,
		'src',
		'memberships-gate',
		'editor.js'
	),
	'memberships-gate-block-patterns': path.join(
		__dirname,
		'src',
		'memberships-gate',
		'block-patterns.js'
	),
	wizards: path.join( __dirname, 'src', 'wizards', 'index.tsx' ),
	'newspack-ui': path.join( __dirname, 'src', 'newspack-ui', 'index.js' ),
	bylines: path.join( __dirname, 'src', 'bylines', 'index.js' ),
	'nicename-change': path.join(
		__dirname,
		'src',
		'nicename-change',
		'index.js'
	),
};

// Get files for other scripts.
const otherScripts = fs
	.readdirSync( path.join( __dirname, 'src', 'other-scripts' ) )
	.filter( script =>
		fs.existsSync(
			path.join( __dirname, 'src', 'other-scripts', script, 'index.js' )
		)
	);
otherScripts.forEach( function ( script ) {
	entry[ `other-scripts/${ script }` ] = path.join(
		__dirname,
		'src',
		'other-scripts',
		script,
		'index.js'
	);
} );

const webpackConfig = getBaseWebpackConfig( {
	entry,
} );

webpackConfig.output.chunkFilename = '[name].[contenthash].js';

// Overwrite default optimisation.
webpackConfig.optimization.splitChunks.cacheGroups.commons = {
	name: 'commons',
	chunks: 'initial',
	minChunks: 2,
};

// Fonts handling.
webpackConfig.module.rules.push( {
	test: /\.(woff|woff2|eot|ttf|otf)$/i,
	type: 'asset/resource',
} );

module.exports = webpackConfig;