feat(@astrojs/netlify): Add on-demand builders Netlify functions

.changeset/twenty-pans-agree.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/netlify': minor
+---
+
+Add on-demand builders Netlify functions

packages/integrations/netlify/src/integration-edge-functions.ts

@@ -179,7 +179,7 @@ export function netlifyEdgeFunctions({ dist }: NetlifyEdgeFunctionsOptions = {})
 			'astro:build:done': async ({ routes, dir }) => {
 				await bundleServerEntry(_buildConfig, _vite);
 				await createEdgeManifest(routes, entryFile, _config.root);
-				await createRedirects(routes, dir, entryFile, true);
+				await createRedirects(routes, dir, entryFile, 'edge-functions');
 			},
 		},
 	};

packages/integrations/netlify/src/integration-functions.ts

@@ -13,11 +13,13 @@ export function getAdapter(args: Args = {}): AstroAdapter {
 
 interface NetlifyFunctionsOptions {
 	dist?: URL;
+	builders?: boolean;
 	binaryMediaTypes?: string[];
 }
 
 function netlifyFunctions({
 	dist,
+	builders,
 	binaryMediaTypes,
 }: NetlifyFunctionsOptions = {}): AstroIntegration {
 	let _config: AstroConfig;
@@ -36,7 +38,7 @@ function netlifyFunctions({
 				});
 			},
 			'astro:config:done': ({ config, setAdapter }) => {
-				setAdapter(getAdapter({ binaryMediaTypes }));
+				setAdapter(getAdapter({ binaryMediaTypes, builders }));
 				_config = config;
 				entryFile = config.build.serverEntry.replace(/\.m?js/, '');
 
@@ -48,7 +50,8 @@ function netlifyFunctions({
 				}
 			},
 			'astro:build:done': async ({ routes, dir }) => {
-				await createRedirects(routes, dir, entryFile, false);
+				const type = builders ? 'builders' : 'functions'
+				await createRedirects(routes, dir, entryFile, type);
 			},
 		},
 	};

packages/integrations/netlify/src/netlify-functions.ts

@@ -1,5 +1,5 @@
 import { polyfill } from '@astrojs/webapi';
-import type { Handler } from '@netlify/functions';
+import { builder, Handler } from '@netlify/functions';
 import { SSRManifest } from 'astro';
 import { App } from 'astro/app';
 
@@ -8,6 +8,7 @@ polyfill(globalThis, {
 });
 
 export interface Args {
+	builders?: boolean;
 	binaryMediaTypes?: string[];
 }
 
@@ -20,6 +21,7 @@ const clientAddressSymbol = Symbol.for('astro.clientAddress');
 export const createExports = (manifest: SSRManifest, args: Args) => {
 	const app = new App(manifest);
 
+	const builders = args.builders ?? false;
 	const binaryMediaTypes = args.binaryMediaTypes ?? [];
 	const knownBinaryMediaTypes = new Set([
 		'audio/3gpp',
@@ -53,7 +55,7 @@ export const createExports = (manifest: SSRManifest, args: Args) => {
 		...binaryMediaTypes,
 	]);
 
-	const handler: Handler = async (event) => {
+	const myHandler: Handler = async (event) => {
 		const { httpMethod, headers, rawUrl, body: requestBody, isBase64Encoded } = event;
 		const init: RequestInit = {
 			method: httpMethod,
@@ -143,6 +145,8 @@ export const createExports = (manifest: SSRManifest, args: Args) => {
 		return fnResponse;
 	};
 
+	const handler = builders ? builder(myHandler) : myHandler
+
 	return { handler };
 };
 

packages/integrations/netlify/src/shared.ts

@@ -5,10 +5,10 @@ export async function createRedirects(
 	routes: RouteData[],
 	dir: URL,
 	entryFile: string,
-	edge: boolean
+	type: 'functions' | 'edge-functions' | 'builders'
 ) {
 	const _redirectsURL = new URL('./_redirects', dir);
-	const kind = edge ? 'edge-functions' : 'functions';
+	const kind = type ?? 'functions';
 
 	// Create the redirects file that is used for routing.
 	let _redirects = '';