Upgrade Remix to beta 4

Co-authored-by: Kent C. Dodds <me+github@kentcdodds.com>

Author: cursoragent

bun.lock

@@ -69,7 +69,7 @@
     "@modelcontextprotocol/sdk": "1.26.0",
     "agents": "^0.7.6",
     "get-port": "^7.1.0",
-    "remix": "3.0.0-beta.0",
+    "remix": "3.0.0-beta.4",
     "workers-ai-provider": "^3.1.2",
     "zod": "^4.3.6"
   }

package.json

@@ -1,4 +1,4 @@
-import { type BuildAction } from 'remix/fetch-router'
+import { type Action } from 'remix/router'
 import { readAuthSessionResult } from '#server/auth-session.ts'
 import { redirectToLogin } from '#server/auth-redirect.ts'
 import { Layout } from '#server/layout.ts'
@@ -25,7 +25,4 @@ export const account = {
 
 		return response
 	},
-} satisfies BuildAction<
-	typeof routes.account.method,
-	typeof routes.account.pattern
->
+} satisfies Action<typeof routes.account>

server/handlers/account.ts

@@ -1,6 +1,6 @@
 /// <reference types="bun" />
 import { beforeAll, expect, test } from 'vitest'
-import { RequestContext } from 'remix/fetch-router'
+import { RequestContext } from 'remix/router'
 import { setAuthSessionSecret } from '#server/auth-session.ts'
 import { createPasswordHash } from '#server/password-hash.ts'
 import { createAuthHandler } from './auth.ts'

server/handlers/auth-handler.test.ts

@@ -1,4 +1,4 @@
-import { type BuildAction } from 'remix/fetch-router'
+import { type Action } from 'remix/router'
 import { enum_, object, parseSafe, string } from 'remix/data-schema'
 import { createAuthCookie, isSecureRequest } from '#server/auth-session.ts'
 import { getRequestIp, logAuditEvent } from '#server/audit-log.ts'
@@ -235,5 +235,5 @@ export function createAuthHandler(appEnv: AppEnv) {
 				},
 			)
 		},
-	} satisfies BuildAction<typeof routes.auth.method, typeof routes.auth.pattern>
+	} satisfies Action<typeof routes.auth>
 }

server/handlers/auth.ts

@@ -1,4 +1,4 @@
-import { type BuildAction } from 'remix/fetch-router'
+import { type Action } from 'remix/router'
 import { readAuthenticatedAppUser } from '#server/authenticated-user.ts'
 import { type routes } from '#server/routes.ts'
 import { createChatThreadsStore } from '#server/chat-threads.ts'
@@ -58,10 +58,7 @@ export function createChatThreadsHandler(appEnv: AppEnv) {
 			const thread = await store.createForUser(user.userId)
 			return jsonResponse({ ok: true, thread }, { status: 201 })
 		},
-	} satisfies BuildAction<
-		typeof routes.chatThreadsCreate.method | typeof routes.chatThreads.method,
-		typeof routes.chatThreads.pattern
-	>
+	} satisfies Action<typeof routes.chatThreads>
 }
 
 export function createDeleteChatThreadHandler(appEnv: AppEnv) {
@@ -111,10 +108,7 @@ export function createDeleteChatThreadHandler(appEnv: AppEnv) {
 
 			return jsonResponse({ ok: true })
 		},
-	} satisfies BuildAction<
-		typeof routes.chatThreadsDelete.method,
-		typeof routes.chatThreadsDelete.pattern
-	>
+	} satisfies Action<typeof routes.chatThreadsDelete>
 }
 
 export function createUpdateChatThreadHandler(appEnv: AppEnv) {
@@ -176,8 +170,5 @@ export function createUpdateChatThreadHandler(appEnv: AppEnv) {
 
 			return jsonResponse({ ok: true, thread })
 		},
-	} satisfies BuildAction<
-		typeof routes.chatThreadsUpdate.method,
-		typeof routes.chatThreadsUpdate.pattern
-	>
+	} satisfies Action<typeof routes.chatThreadsUpdate>
 }

server/handlers/chat-threads.ts

@@ -1,4 +1,4 @@
-import { type BuildAction } from 'remix/fetch-router'
+import { type Action } from 'remix/router'
 import { readAuthSessionResult } from '#server/auth-session.ts'
 import { redirectToLogin } from '#server/auth-redirect.ts'
 import { Layout } from '#server/layout.ts'
@@ -21,4 +21,4 @@ export const chat = {
 
 		return response
 	},
-} satisfies BuildAction<typeof routes.chat.method, typeof routes.chat.pattern>
+} satisfies Action<typeof routes.chat>

server/handlers/chat.ts

@@ -1,6 +1,6 @@
 /// <reference types="bun" />
 import { expect, test } from 'vitest'
-import { RequestContext } from 'remix/fetch-router'
+import { RequestContext } from 'remix/router'
 import { createHealthHandler } from './health.ts'
 
 function createHealthRequestContext() {

server/handlers/health-handler.test.ts

@@ -1,4 +1,4 @@
-import { type BuildAction } from 'remix/fetch-router'
+import { type Action } from 'remix/router'
 import { type routes } from '#server/routes.ts'
 import { type AppEnv } from '#types/env-schema.ts'
 
@@ -21,8 +21,5 @@ export function createHealthHandler(appEnv: HealthEnv) {
 				},
 			)
 		},
-	} satisfies BuildAction<
-		typeof routes.health.method,
-		typeof routes.health.pattern
-	>
+	} satisfies Action<typeof routes.health>
 }

server/handlers/health.ts

@@ -1,4 +1,4 @@
-import { type BuildAction } from 'remix/fetch-router'
+import { type Action } from 'remix/router'
 import { Layout } from '#server/layout.ts'
 import { render } from '#server/render.ts'
 import { type routes } from '#server/routes.ts'
@@ -8,4 +8,4 @@ export const home = {
 	async handler() {
 		return render(Layout({}))
 	},
-} satisfies BuildAction<typeof routes.home.method, typeof routes.home.pattern>
+} satisfies Action<typeof routes.home>