Function addTailwindImportToCSS

packages/cli/src/utils/tailwindSetup.ts:120–170

()

// Add Tailwind import to global CSS file
export async function addTailwindImportToCSS(): Promise<void> {
	const commonCssFiles = [
		'src/styles/globals.css',
		'src/app/globals.css',
		'styles/globals.css',
		'app/globals.css',
		'src/index.css',
		'index.css',
	];

	let cssFilePath: string | undefined;
	
	// Find existing CSS file
	for (const filePath of commonCssFiles) {
		const fullPath = path.join(process.cwd(), filePath);
		try {
			await fs.access(fullPath);
			cssFilePath = fullPath;
			break;
		} catch {
			// File doesn't exist, continue checking
		}
	}

	if (!cssFilePath) {
		console.log(pc.yellow('⚠️  Could not find a global CSS file.'));
		console.log(pc.gray('   Please add the following to your main CSS file:'));
		console.log(pc.cyan('   @import "tailwindcss";'));
		return;
	}

	try {
		let cssContent = await fs.readFile(cssFilePath, 'utf-8');
		
		// Check if Tailwind import already exists
		if (cssContent.includes('@import "tailwindcss"') || cssContent.includes("@import 'tailwindcss'")) {
			console.log(pc.green('✅ Tailwind import already exists in CSS'));
			return;
		}

		// Add import to the top of the file
		cssContent = `@import "tailwindcss";\n\n${cssContent}`;
		
		await fs.writeFile(cssFilePath, cssContent, 'utf-8');
		console.log(pc.green(`✅ Added Tailwind import to ${path.relative(process.cwd(), cssFilePath)}`));
	} catch {
		console.log(pc.yellow('⚠️  Could not update CSS file automatically.'));
		console.log(pc.gray('   Please add the following to your main CSS file:'));
		console.log(pc.cyan('   @import "tailwindcss";'));
	}
}

// Update Tailwind config to include Cedar component paths
export async function updateTailwindConfig(