import { enableTailwind } from '@remotion/tailwind';
import { WebpackOverrideFn } from '@remotion/bundler';

export const webpackOverride: WebpackOverrideFn = (currentConfiguration) => {
	const config = enableTailwind(currentConfiguration);

	// Disable minification so symbols and names are preserved for debugging
	config.optimization = config.optimization || {};
	config.optimization.minimize = false;

	// Remove any minimizers (e.g., Terser) if present
	if (Array.isArray(config.optimization.minimizer)) {
		config.optimization.minimizer.length = 0;
	}

	// Keep readable module/chunk ids so stack traces and names are preserved
	// (supported values: 'named' or 'deterministic' / 'size' etc.)
	config.optimization.moduleIds = 'named';
	config.optimization.chunkIds = 'named';

	// Emit full source maps for better debugging
	config.devtool = config.devtool || 'source-map';

	// Include path info in the output for easier inspection
	config.output = config.output || {};
	config.output.pathinfo = true;

	return config;
};