Update compile.ts

withastro · Sep 26, 2024 · 07a1294 · 07a1294
1 parent 1720c5b
commit 07a1294
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/astro/src/vite-plugin-astro/compile.ts b/packages/astro/src/vite-plugin-astro/compile.ts
@@ -34,6 +34,17 @@ export async function compileAstro({
 
 	try {
 		transformResult = await compile(compileProps);
+
+		// Check for client: hydration directives in the compiled JSX structure
+		const hasHydrationDirective = transformResult.code.includes('client:');
+		if (hasHydrationDirective) {			
+			// Optionally log a warning or error for devs
+			logger.warn(
+				null,
+				`Hydration directive found in ${compileProps.filename}. Astro components should not use client-side rendering.`
+			);			
+		}
+
 		// Compile all TypeScript to JavaScript.
 		// Also, catches invalid JS/TS in the compiled output before returning.
 		esbuildResult = await transformWithEsbuild(transformResult.code, compileProps.filename, {