vite.config.js

import { defineConfig } from 'vite';
import { resolve } from 'node:path';

/**
 * Separate bundles for the plugin's different loading schedules.
 *
 * They are separate because they load on entirely different schedules: `form`
 * ships to every visitor on a page with a form on it, `builder` only to somebody
 * editing one, `entries` only to somebody reading submissions, and `widget` only
 * to somebody who has put the widget on their desktop. The small `dock` and
 * `titlebar` bundles load with OpenStation, without pulling in the builder.
 * A single bundle would make every visitor download the form builder.
 *
 * Each target builds twice: `--mode development` emits the readable file
 * WordPress serves under `SCRIPT_DEBUG`, `--mode production` the minified one.
 * `emptyOutDir` is off so the second pass does not delete the first pass's
 * output — and so `builder` does not delete `form`.
 *
 * Which target a pass builds comes from `ATF_TARGET`, because Vite's library
 * mode takes one entry per config.
 */
const TARGETS = {
	form: {
		entry: 'src/form.ts',
		fileBase: 'form',
		iifeName: 'allTerrainFormsFront',
	},
	builder: {
		entry: 'src/builder.ts',
		fileBase: 'builder',
		iifeName: 'allTerrainFormsBuilder',
	},
	entries: {
		entry: 'src/entries.ts',
		fileBase: 'entries',
		iifeName: 'allTerrainFormsEntries',
	},
	widget: {
		entry: 'src/widget.ts',
		fileBase: 'widget',
		iifeName: 'allTerrainFormsWidget',
	},
	analytics: {
		entry: 'src/analytics.ts',
		fileBase: 'analytics',
		iifeName: 'allTerrainFormsAnalytics',
	},
	titlebar: {
		entry: 'src/titlebar.ts',
		fileBase: 'titlebar',
		iifeName: 'allTerrainFormsTitlebar',
	},
	dock: {
		entry: 'src/dock.ts',
		fileBase: 'dock',
		iifeName: 'allTerrainFormsDock',
	},
};

export default defineConfig( ( { mode } ) => {
	const name = process.env.ATF_TARGET || 'form';
	const target = TARGETS[ name ];

	if ( ! target ) {
		throw new Error(
			`Unknown ATF_TARGET "${ name }". Expected one of: ${ Object.keys( TARGETS ).join( ', ' ) }.`
		);
	}

	const isProd = mode === 'production';

	return {
		...( process.env.ATF_MIO_SOURCE ? { server: { fs: { allow: [ process.cwd(), resolve( process.env.ATF_MIO_SOURCE ) ] } } } : {} ),
		build: {
			outDir: 'assets/js',
			// CommonJS auto-detection can wrap AJV differently with a different
			// module load order. Preserve require semantics consistently so the
			// committed bundles match clean CI builds.
			commonjsOptions: { strictRequires: true },
			emptyOutDir: false,
			target: 'es2020',
			minify: isProd ? 'esbuild' : false,
			sourcemap: false,
			lib: {
				entry: target.entry,
				formats: [ 'iife' ],
				name: target.iifeName,
				fileName: () => `${ target.fileBase }${ isProd ? '.min' : '' }.js`,
			},
		},
		test: {
			environment: 'jsdom',
			include: [ 'tests/vitest/**/*.test.ts' ],
		},
	};
} );