Function updateTailwindConfig

packages/cli/src/utils/tailwindSetup.ts:173–228

(
	componentDir: string
)

// Update Tailwind config to include Cedar component paths
export async function updateTailwindConfig(
	componentDir: string
): Promise<void> {
	const tailwindInfo = await detectTailwindCSS();

	if (!tailwindInfo.configPath) {
		console.log(pc.yellow('⚠️  No Tailwind config file found to update.'));
		return;
	}

	try {
		const configPath = path.join(process.cwd(), tailwindInfo.configPath);
		let configContent = await fs.readFile(configPath, 'utf-8');

		// Add Cedar component paths to content array
		const cedarPaths = `\n    './${componentDir}/**/*.{js,ts,jsx,tsx}',`;

		// Try to find the content array and add our paths
		if (configContent.includes('content:')) {
			// Check if our specific path is already there
			const expectedPath = `'./${componentDir}/**/*.{js,ts,jsx,tsx}'`;
			if (!configContent.includes(expectedPath)) {
				// Find content array and add our path
				configContent = configContent.replace(
					/(content:\s*\[)/,
					`$1${cedarPaths}`
				);

				await fs.writeFile(configPath, configContent, 'utf-8');
				console.log(
					pc.green(
						`✅ Updated ${tailwindInfo.configPath} to include Cedar components`
					)
				);
			}
		} else {
			console.log(
				pc.yellow('⚠️  Could not find content array in Tailwind config.')
			);
			console.log(
				pc.gray(`   Please add the following to your content array:`)
			);
			console.log(pc.cyan(`   './${componentDir}/**/*.{js,ts,jsx,tsx}'`));
		}
	} catch {
		console.log(
			pc.yellow('⚠️  Could not update Tailwind config automatically.')
		);
		console.log(
			pc.gray(
				`   Please add the following to your content array in ${tailwindInfo.configPath}:`
			)
		);
		console.log(pc.cyan(`   './${componentDir}/**/*.{js,ts,jsx,tsx}'`));
	}
}

// Main function to handle Tailwind setup