fix(vercel): trailingSlash fix for non-html pages (#3185)

* fix(vercel): `trailingSlash` fix for non-html pages

* Changeset

.changeset/swift-houses-itch.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/vercel': patch
+---
+
+Fixed `trailingSlash` for non-HTML pages

packages/integrations/vercel/src/index.ts

@@ -88,39 +88,47 @@ export default function vercel(): AstroIntegration {
 					basePath: '/',
 					pages404: false,
 					redirects:
-						// Extracted from Next.js v12.1.5
+						_config.trailingSlash !== 'ignore'
-						_config.trailingSlash === 'always'
+							? routes
-							? [
+									.filter((route) => route.type === 'page' && !route.pathname?.endsWith('/'))
-									{
+									.map((route) => {
-										source: '/:file((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/]+\\.\\w+)/',
+										const path =
-										destination: '/:file',
+											'/' +
-										internal: true,
+											route.segments
-										statusCode: 308,
+												.map((segments) =>
-										regex: '^(?:/((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/]+\\.\\w+))/$',
+													segments
-									},
+														.map((part) =>
-									{
+															part.spread
-										source: '/:notfile((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/\\.]+)',
+																? `:${part.content}*`
-										destination: '/:notfile/',
+																: part.dynamic
-										internal: true,
+																? `:${part.content}`
-										statusCode: 308,
+																: part.content
-										regex: '^(?:/((?!\\.well-known(?:/.*)?)(?:[^/]+/)*[^/\\.]+))$',
+														)
-									},
+														.join('')
-							  ]
+												)
-							: _config.trailingSlash === 'never'
+												.join('/');
-							? [
+
-									{
+										let source, destination;
-										source: '/:path+/',
+
-										destination: '/:path+',
+										if (_config.trailingSlash === 'always') {
-										internal: true,
+											source = path;
-										statusCode: 308,
+											destination = path + '/';
-										regex: '^(?:/((?:[^/]+?)(?:/(?:[^/]+?))*))/$',
+										} else {
-									},
+											source = path + '/';
-							  ]
+											destination = path;
+										}
+
+										return { source, destination, statusCode: 308 };
+									})
 							: undefined,
 					rewrites: staticRoutes.map((route) => {
 						let source = route.pathname as string;
 
-						if (_config.trailingSlash === 'always' && !source.endsWith('/')) {
+						if (
+							route.type === 'page' &&
+							_config.trailingSlash === 'always' &&
+							!source.endsWith('/')
+						) {
 							source += '/';
 						}