fix(vercel): update middleware esbuild settings (#519)

* fix(vercel): update middleware esbuild settings

* Update target

.changeset/grumpy-phones-explode.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/vercel': patch
+---
+
+Updates edge middleware to support esnext syntax

packages/vercel/src/serverless/middleware.ts

@@ -42,10 +42,14 @@ export async function generateEdgeMiddleware(
 			contents: code,
 			resolveDir: fileURLToPath(root),
 		},
-		target: 'es2020',
+		// Vercel Edge runtime targets ESNext, because Cloudflare Workers update v8 weekly
+		// https://github.com/vercel/vercel/blob/1006f2ae9d67ea4b3cbb1073e79d14d063d42436/packages/next/scripts/build-edge-function-template.js
+		target: 'esnext',
 		platform: 'browser',
+		// esbuild automatically adds the browser, import and default conditions
+		// https://esbuild.github.io/api/#conditions
 		// https://runtime-keys.proposal.wintercg.org/#edge-light
-		conditions: ['edge-light', 'worker', 'browser'],
+		conditions: ['edge-light', 'workerd', 'worker'],
 		outfile: bundledFilePath,
 		allowOverwrite: true,
 		format: 'esm',

packages/vercel/test/fixtures/middleware-with-edge-file/src/middleware.js

@@ -1,9 +1,14 @@
+export const hello = async () => 'hello world';
+
+const message = await hello();
+
 /**
  * @type {import("astro").MiddlewareResponseHandler}
  */
 export const onRequest = async (context, next) => {
 	const test = 'something';
 	context.cookies.set('foo', 'bar');
 	const response = await next();
+	response.headers.set('x-message', message);	
 	return response;
 };