fix: better logging for rewrites

.changeset/blue-jars-hang.md

@@ -0,0 +1,12 @@
+---
+'astro': patch
+---
+
+Enhances the dev server logging when rewrites occur during the lifecycle or rendering.
+
+The dev server will log the status code **before** and **after** a rewrite:
+
+```shell
+08:16:48 [404 → rewrite → 200] /foo/about 200ms
+08:22:13 [200 → rewrite → 404] /about 23ms
+```

packages/astro/src/core/messages.ts

@@ -36,15 +36,23 @@ export function req({
 	method,
 	statusCode,
 	reqTime,
+	formerStatusCode,
 }: {
 	url: string;
 	statusCode: number;
 	method?: string;
 	reqTime?: number;
+	formerStatusCode?: number;
 }): string {
 	const color = statusCode >= 500 ? red : statusCode >= 300 ? yellow : blue;
+	let statusCodeLabel;
+	if (formerStatusCode) {
+		statusCodeLabel = color(`[${formerStatusCode} → rewrite → ${statusCode}]`);
+	} else {
+		statusCodeLabel = color(`[${statusCode}]`);
+	}
 	return (
-		color(`[${statusCode}]`) +
+		statusCodeLabel +
 		` ` +
 		(method && method !== 'GET' ? color(method) + ' ' : '') +
 		url +
@@ -240,6 +248,7 @@ export function formatConfigErrorMessage(err: ZodError) {
 // a regex to match the first line of a stack trace
 const STACK_LINE_REGEXP = /^\s+at /g;
 const IRRELEVANT_STACK_REGEXP = /node_modules|astro[/\\]dist/g;
+
 function formatErrorStackTrace(
 	err: Error | ErrorWithMetadata,
 	showFullStacktrace: boolean
@@ -364,6 +373,7 @@ export function printHelp({
 		function calculateTablePadding(rows: [string, string][]) {
 			return rows.reduce((val, [first]) => Math.max(val, first.length), 0) + 2;
 		}
+
 		const tableEntries = Object.entries(tables);
 		const padding = Math.max(...tableEntries.map(([, rows]) => calculateTablePadding(rows)));
 		for (const [tableTitle, tableRows] of tableEntries) {

packages/astro/src/vite-plugin-astro-server/route.ts

@@ -130,7 +130,7 @@ type HandleRoute = {
 	manifestData: ManifestData;
 	incomingRequest: http.IncomingMessage;
 	incomingResponse: http.ServerResponse;
-	status?: 404 | 500;
+	status?: 404 | 500 | 200;
 	pipeline: DevPipeline;
 };
 
@@ -232,7 +232,8 @@ export async function handleRoute({
 			req({
 				url: pathname,
 				method: incomingRequest.method,
-				statusCode: status ?? response.status,
+				statusCode: isRewrite ? response.status : (status ?? response.status),
+				formerStatusCode: isRewrite ? status : undefined,
 				reqTime: timeEnd - timeStart,
 			})
 		);
@@ -295,8 +296,9 @@ export async function handleRoute({
 	await writeSSRResult(request, response, incomingResponse);
 }
 
-function getStatus(matchedRoute?: MatchedRoute): 404 | 500 | undefined {
+function getStatus(matchedRoute?: MatchedRoute): 404 | 500 | 200 {
 	if (!matchedRoute) return 404;
 	if (matchedRoute.route.route === '/404') return 404;
 	if (matchedRoute.route.route === '/500') return 500;
+	return 200;
 }