Vercel edge middleware targets es2020, which doesn't support top level await

[ibodev1]

Astro Info

Astro                    v5.1.2
Node                     v22.12.0
System                   Windows (x64)
Package Manager          npm
Output                   server
Adapter                  @astrojs/vercel
Integrations             @astrojs/tailwind
                         @astrojs/sitemap
                         astro-robots-txt
                         @astrojs/partytown
                         @astrojs/web-vitals
                         astro:db
                         @astrojs/db/file-url

If this issue only occurs in one browser, which browser is a problem?

Chrome, Brave

Describe the Bug

When I upgraded my project to the latest version of Astro, astro:db started giving errors. The error is available below;

11:13:35 [build] Rearranging server assets...
11:13:35 [@astrojs/vercel] Bundling function ..\..\..\..\dist\server\entry.mjs
✘ [ERROR] Top-level await is not available in the configured target environment ("es2020")

    dist/server/chunks/_astro_db_HwI--WRx.mjs:3:11:
      3 │ const db = await createRemoteDatabaseClient({
        ╵            ~~~~~

11:13:38 [build] Waiting for integration "@astrojs/vercel", hook "astro:build:done"...
Top-level await is not available in the configured target environment ("es2020")
  Location:
    dist/server/chunks/_astro_db_HwI--WRx.mjs:3:11
  Stack trace:
    at failureErrorWithLog (C:\Users\Administrator\Desktop\...\node_modules\esbuild\lib\main.js:1476:15)
    at runOnEndCallbacks (C:\Users\Administrator\Desktop\...\node_modules\esbuild\lib\main.js:1316:45)
    at C:\Users\Administrator\Desktop\...\node_modules\esbuild\lib\main.js:970:16
    at handleIncomingPacket (C:\Users\Administrator\Desktop\...\node_modules\esbuild\lib\main.js:677:12)
    at Socket.emit (node:events:524:28)

I am try to fix astro config;

vite: {
    server: {
      host: true,
      open: true
    },
    build: {
      minify: 'esbuild',
      target: 'es2022'
    }
  }

and with tsconfig.json file;

{
  "extends": "astro/tsconfigs/strict",
  "compilerOptions": {
    "strictNullChecks": true,
    "allowImportingTsExtensions": true,
    "baseUrl": ".",
    "target": "ESNext",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

But it doesnt working.

What's the expected result?

I am waiting for the project to be built properly and published on the Vercel server.

Link to Minimal Reproducible Example

https://astro.new/repro

Participation

• I am willing to submit a pull request for this issue.

[github-actions]

Hello @ibodev1. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs repro will be closed if they have no activity within 3 days.

[ibodev1]

Github Repo : https://github.com/ibodev1/ibrahimo.dev/tree/dev

[ibodev1]

@florian-lefebvre

[florian-lefebvre]

This is not a minimal reproduction but that may be enough for whoever triaging this

[ascorbic]

The issue seems to be Vercel edge middleware. If I disable that then it works fine. It currently builds middleware for es2020, but should probably be fine to update, though I'm not 100% sure what the edge runtime supports.

Either way I'll transfer this to the adapters repo and rename

[ibodev1]

Vercel Supported Node.js versions

My current vercel node version;

Esbuild Supported Targets

I hope I helped :)

[ascorbic]

Yeah, that's separate. Edge middleware runs on Cloudflare, but with special settings. It should work, but I'd like to check properly before changing the setting.

[ibodev1]

Hi @ascorbic , is there any progress on fixing the esbuild issue? Have you checked for compatibility with vercel and cloudflare for trouble-free development?

[ascorbic]

@ibodev1 Not yet. If anyone would like to give it a try that could help things along.