rollup.config.mjs

import jscc from 'rollup-plugin-jscc';
import typescript from 'rollup-plugin-typescript2';
import visualizer from 'rollup-plugin-visualizer';
import sourcemaps from 'rollup-plugin-sourcemaps';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import json from '@rollup/plugin-json';
import gitInfo from 'rollup-plugin-git-info';
import { createFilter } from 'rollup-pluginutils';
import serve from 'rollup-plugin-serve';
import * as fs from 'fs';
import * as path from 'path';

const LIB_PARSOID_VERSION = JSON.parse( fs.readFileSync( 'package-lock.json' ).toString() )
	.packages[ 'node_modules/@chlodalejandro/parsoid' ].version;

const production = process.env.NODE_ENV === 'production';
const development = process.env.NODE_ENV === 'development' ||
	/dev(:|$)/.test( process.env.npm_lifecycle_event );

// UTILS

/**
 * Converts standard text to block comments.
 *
 * @param text The text to block comment-ify.
 * @return {string} Block comment-ified text.
 */
function blockCommentIfy( text ) {
	let final = '';
	const lines = text.toString().split( '\n' );
	for ( const lineNo in lines ) {
		const line = lines[ lineNo ];

		if ( +lineNo === 0 ) {
			final += `/*!\n * ${line}\n`;
		} else if ( +lineNo === lines.length - 1 ) {
			final += ` * ${line}\n */`;
		} else {
			final += ` * ${line}\n`;
		}
	}
	return final;
}

/**
 * Loads a banner file.
 *
 * @param {string} bannerPath Path parts to the banner file
 * @return {string} A fully-decorated banner
 */
function loadBanner( ...bannerPath ) {
	// development script, limited impact
	// eslint-disable-next-line security/detect-non-literal-fs-filename
	return blockCommentIfy( fs.readFileSync( path.join( import.meta.dirname, ...bannerPath ) ) );
}

// TRANSFORMS

/**
 * Loads CSS files as strings. Facilitates CSS loading through `mw.util`.
 *
 * @param {Object} options Options for the plugin.
 * @param {boolean} options.minify Whether to perform a simple CSS minify.
 * @return The plugin
 */
function cssString( options = { minify: true } ) {
	const filter = createFilter( 'src/**/*.css' );

	return {
		name: 'CSS as string',
		transform( code, id ) {
			if ( filter( id ) ) {
				return {
					code: `export default ${JSON.stringify(
						options.minify ? code.replace( /[\n\t]/g, '' ) : code
					)};`,
					map: { mappings: '' }
				};
			}
		}
	};
}

// OPTIONS

/**
 * Get plugins for this Rollup instance.
 *
 * @return {Plugin[]}
 */
function getPlugins() {
	return [
		// Inserts sourcemaps
		!production && sourcemaps(),
		// Remove development-only code branches
		jscc( {
			values: {
				_DEV: development,
				_LIB_PARSOID_VERSION: LIB_PARSOID_VERSION
			},
			asloader: false
		} ),
		// Makes Common.js imports possible
		commonjs(),
		// Handles Node-like resolution
		nodeResolve( { browser: false } ),
		gitInfo.default( {
			updateVersion: false,
			versionFormat: '[version]+g[abbrevHash]'
		} ),
		// Transpiles TypeScript
		typescript( {
			tsconfig: './tsconfig.json'
		} ),
		// Allows JSON imports (i18n files)
		json( {
			preferConst: true,
			exclude: [ 'package.json' ]
		} ),
		// Transform CSS to standard JS strings
		cssString(),
		// Bundle analysis
		process.env.DEPUTY_ANALYZE && visualizer( {
			sourcemaps: true,
			emitFile: true,
			open: true
		} ),
		// Serving (if dev)
		process.env.DEPUTY_DEV && serve( {
			contentBase: [ 'build', 'i18n' ],
			headers: {
				'Access-Control-Allow-Origin': '*'
			},
			port: 45000
		} )
	].filter( ( v ) => !!v );
}

/**
 * Gets global watch options
 *
 * @return watch options
 */
function getWatch() {
	return {
		include: [ 'src/**', 'i18n/**', 'package.json', 'rollup.config.js' ]
	};
}

/**
 * Automatically disable a given component based on environment variables.
 *
 * Setting the `DEPUTY_ONLY` environment variable will allow only projects with the
 * assigned key to be built. Setting the `DEPUTY_NO` environment variable will disallow
 * all projects with the assigned key from being built.
 *
 * @param {string} key
 * @param {import('rollup').RollupOptions} options
 * @return {import('rollup').RollupOptions} Options if enabled, `false`, if otherwise.
 */
function auto( key, options ) {
	if ( process.env.DEPUTY_ONLY ) {
		// Filter out not included.
		return process.env.DEPUTY_ONLY.split( ',' ).indexOf( key ) !== -1 && options;
	} else if ( process.env.DEPUTY_NO ) {
		// Filter out disabled.
		return process.env.DEPUTY_NO.split( ',' ).indexOf( key ) === -1 && options;
	} else {
		// Always enable.
		return options;
	}
}

// GLOBALS
const globals = {
	external: [ 'types-mediawiki/mw', 'types-mediawiki/jquery' ]
};

/**
 * @type {import('rollup').RollupOptions[]}
 */
export default [
	// Deputy core
	auto( 'deputy', {
		...globals,
		input: 'src/Deputy.ts',
		output: {
			sourcemap: true,
			file: 'build/deputy.js',
			format: 'iife',
			banner: loadBanner( 'BANNER.txt' ) +
				'\n// <nowiki>',
			footer: '// </nowiki>\n// <3'
		},
		plugins: getPlugins(),
		watch: getWatch()
	} ),
	// Standalone Attribution Notice Template Editor
	auto( 'ante', {
		...globals,
		input: 'src/modules/ante/CopiedTemplateEditorStandalone.ts',
		output: {
			sourcemap: true,
			file: 'build/deputy-ante.js',
			format: 'iife',
			banner: loadBanner( 'src', 'modules', 'ante', 'BANNER.txt' ) +
				'\n// <nowiki>',
			footer: '// </nowiki>\n// <3'
		},
		plugins: getPlugins(),
		watch: getWatch()
	} ),
	// Standalone Infringement Assistant
	auto( 'ia', {
		...globals,
		input: 'src/modules/ia/InfringementAssistantStandalone.ts',
		output: {
			sourcemap: true,
			file: 'build/deputy-ia.js',
			format: 'iife',
			banner: loadBanner( 'src', 'modules', 'ia', 'BANNER.txt' ) +
				'\n// <nowiki>',
			footer: '// </nowiki>\n// <3'
		},
		plugins: getPlugins(),
		watch: getWatch()
	} )
].filter( ( v ) => !!v );