feat: support async getLoadContext in all adapters (#6170)

Co-authored-by: Jacob Ebey <[email protected]>

.changeset/async-load-context.md

@@ -0,0 +1,12 @@
+---
+"remix": patch
+"@remix-run/architect": patch
+"@remix-run/cloudflare": patch
+"@remix-run/cloudflare-pages": patch
+"@remix-run/cloudflare-workers": patch
+"@remix-run/express": patch
+"@remix-run/netlify": patch
+"@remix-run/vercel": patch
+---
+
+feat: support async `getLoadContext` in all adapters

packages/remix-architect/server.ts

@@ -29,7 +29,7 @@ import { isBinaryType } from "./binaryTypes";
  */
 export type GetLoadContextFunction = (
   event: APIGatewayProxyEventV2
-) => AppLoadContext;
+) => Promise<AppLoadContext> | AppLoadContext;
 
 export type RequestHandler = APIGatewayProxyHandlerV2;
 
@@ -50,7 +50,7 @@ export function createRequestHandler({
 
   return async (event) => {
     let request = createRemixRequest(event);
-    let loadContext = getLoadContext?.(event);
+    let loadContext = await getLoadContext?.(event);
 
     let response = (await handleRequest(request, loadContext)) as NodeResponse;
 

packages/remix-cloudflare-pages/worker.ts

@@ -10,7 +10,7 @@ import { createRequestHandler as createRemixRequestHandler } from "@remix-run/cl
  */
 export type GetLoadContextFunction<Env = unknown> = (
   context: Parameters<PagesFunction<Env>>[0]
-) => AppLoadContext;
+) => Promise<AppLoadContext> | AppLoadContext;
 
 export type RequestHandler<Env = any> = PagesFunction<Env>;
 
@@ -27,8 +27,8 @@ export function createRequestHandler<Env = any>({
 }: createPagesFunctionHandlerParams<Env>): RequestHandler<Env> {
   let handleRequest = createRemixRequestHandler(build, mode);
 
-  return (context) => {
-    let loadContext = getLoadContext?.(context);
+  return async (context) => {
+    let loadContext = await getLoadContext?.(context);
 
     return handleRequest(context.request, loadContext);
   };

packages/remix-cloudflare-workers/worker.ts

@@ -17,7 +17,9 @@ import { createRequestHandler as createRemixRequestHandler } from "@remix-run/cl
  * You can think of this as an escape hatch that allows you to pass
  * environment/platform-specific values through to your loader/action.
  */
-export type GetLoadContextFunction = (event: FetchEvent) => AppLoadContext;
+export type GetLoadContextFunction = (
+  event: FetchEvent
+) => Promise<AppLoadContext> | AppLoadContext;
 
 export type RequestHandler = (event: FetchEvent) => Promise<Response>;
 
@@ -36,8 +38,8 @@ export function createRequestHandler({
 }): RequestHandler {
   let handleRequest = createRemixRequestHandler(build, mode);
 
-  return (event: FetchEvent) => {
-    let loadContext = getLoadContext?.(event);
+  return async (event: FetchEvent) => {
+    let loadContext = await getLoadContext?.(event);
 
     return handleRequest(event.request, loadContext);
   };

packages/remix-express/server.ts

@@ -24,7 +24,7 @@ import {
 export type GetLoadContextFunction = (
   req: express.Request,
   res: express.Response
-) => AppLoadContext;
+) => Promise<AppLoadContext> | AppLoadContext;
 
 export type RequestHandler = (
   req: express.Request,
@@ -53,7 +53,7 @@ export function createRequestHandler({
   ) => {
     try {
       let request = createRemixRequest(req, res);
-      let loadContext = getLoadContext?.(req, res);
+      let loadContext = await getLoadContext?.(req, res);
 
       let response = (await handleRequest(
         request,

packages/remix-netlify/server.ts

@@ -30,7 +30,7 @@ import { isBinaryType } from "./binaryTypes";
 export type GetLoadContextFunction = (
   event: HandlerEvent,
   context: HandlerContext
-) => AppLoadContext;
+) => Promise<AppLoadContext> | AppLoadContext;
 
 export type RequestHandler = Handler;
 
@@ -47,7 +47,7 @@ export function createRequestHandler({
 
   return async (event, context) => {
     let request = createRemixRequest(event);
-    let loadContext = getLoadContext?.(event, context);
+    let loadContext = await getLoadContext?.(event, context);
 
     let response = (await handleRequest(request, loadContext)) as NodeResponse;
 

packages/remix-vercel/server.ts

@@ -23,7 +23,7 @@ import {
 export type GetLoadContextFunction = (
   req: VercelRequest,
   res: VercelResponse
-) => AppLoadContext;
+) => Promise<AppLoadContext> | AppLoadContext;
 
 export type RequestHandler = (
   req: VercelRequest,
@@ -47,7 +47,7 @@ export function createRequestHandler({
 
   return async (req, res) => {
     let request = createRemixRequest(req, res);
-    let loadContext = getLoadContext?.(req, res);
+    let loadContext = await getLoadContext?.(req, res);
 
     let response = (await handleRequest(request, loadContext)) as NodeResponse;