fix: server action redirects use soft RSC navigation instead of hard reload (#654)#698
fix: server action redirects use soft RSC navigation instead of hard reload (#654)#698yunus25jmi1 wants to merge 24 commits intocloudflare:mainfrom
Conversation
…reload (cloudflare#654) - Pre-render redirect target's RSC payload in app-rsc-entry.ts - Client detects RSC payload and performs soft navigation in app-browser-entry.ts - Falls back to hard redirect for external URLs or pre-render failures - Add E2E test verifying no hard navigation events on same-origin redirects This fixes the parity gap where server action redirects caused full page reloads instead of SPA-style soft navigation like Next.js does. Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
The glob function from node:fs/promises is only available in Node.js 22.14+. This replaces it with a manual recursive directory scan that supports glob patterns like **/page for matching files at any directory depth. Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
- Update client-side to properly detect RSC payload via content-type header - Fix test to correctly detect soft vs hard navigation using page load events - All 11 server actions tests now pass This completes the fix for issue cloudflare#654. Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
commit: |
- Handle **/* pattern for matching all files with given extensions - Handle **/page pattern for matching specific files at any depth - Properly exclude api directories and _ prefixed files - Update entry-templates snapshots to reflect soft navigation changes Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
|
@southpolesteve @james-elicx review the PR. |
|
You don't need to tag us to ask for a review - we'll take a look when we get a chance :) |
|
/bigbonk review |
There was a problem hiding this comment.
Thanks for working on this — the feature direction is right (pre-rendering the redirect target for soft RSC navigation is how Next.js does it). However, there are several correctness issues that need to be fixed before this can be merged.
Critical bugs
-
Duplicate Set-Cookie headers — cookies are appended to
redirectHeadersat lines 1896-1899, then the same cookies are appended again to theredirectResponseat lines 1946-1951. SinceredirectResponsewas constructed withredirectHeaders(which already contain the cookies), every cookie will appear twice in the response. This will cause duplicate cookie writes on the client. -
Missing
setNavigationContext(null)cleanup — the navigation context is set for the redirect target at line 1915 but never cleaned up. If pre-rendering fails (catch block at 1956) or the fallback path is taken, the navigation context is left pointing at the redirect target instead of being reset. The original code callssetNavigationContext(null)at line 1888 and the new code overwrites it at 1915 without restoring it on failure. -
Client-side
setNavigationContext/setClientParamsnot called — whennavigateRsc()does a normal soft navigation (lines 285-298 inapp-browser-entry.ts), it callssetClientParams()to update the client-side navigation shims. The new soft-redirect code path (lines 155-190) skips this entirely. After a server action redirect,usePathname(),useSearchParams(), anduseParams()will return stale values from the previous page, not the redirect target.
Significant concerns
-
Middleware is bypassed for the redirect target — the pre-render calls
matchRoute()+buildPageElement()directly, skipping the entire middleware pipeline. If a user's middleware sets auth headers, rewrites the path, or injects cookies for the target route, none of that will happen. Next.js does run middleware for the redirect target. This is a correctness gap that should at minimum be documented as a known limitation. -
file-matcher.tsrewrite is unrelated and risky — replacingnode:fs/promisesglob()with a hand-rolled recursivereaddirimplementation is a large behavioral change bundled into a feature PR. The original code used Node's built-inglob()(which handles brace expansion,**, and edge cases correctly). The replacement has subtle issues:- The
excludecallback receivesentry.name(just the filename), but the originalglobAPI's function-form exclude receives the full relative path. Callers pass(name) => name === "api"which happens to work for directory names but would break for file-name exclusions at nested paths. - Non-glob stems (e.g., a literal path like
pages/index) go through a convoluted matching path withrelativeBasethat may not match correctly whenstemcontains path separators. - The
isGlobcheck only looks for*and**, missing?,[...], and{...}patterns thatbuildExtensionGlobgenerates. - There are no new tests for
scanWithExtensionsdespite rewriting its internals completely.
This should either be a separate PR with dedicated tests, or the Node.js version requirement should be documented instead.
- The
Minor issues
-
Test is in the wrong
describeblock — the new soft-navigation test is insidetest.describe("useActionState")but it tests basic server action redirect behavior, notuseActionState. It belongs in the"Server Actions"describe block. -
content-typedetection is fragile — the client checkscontentType.includes("text/x-component")to decide if there's an RSC payload, but the fallback path also sendsContent-Type: text/x-component(set inredirectHeaders) with anullbody. The check works because of the&& fetchResponse.bodyguard, butnew Response(null)can still have a non-null.bodyin some environments. A more robust signal (e.g., a dedicated header likex-action-rsc-prerender: 1) would be safer.
| // Append cookies to the response | ||
| if (actionPendingCookies.length > 0 || actionDraftCookie) { | ||
| for (const cookie of actionPendingCookies) { | ||
| redirectResponse.headers.append("Set-Cookie", cookie); | ||
| } | ||
| if (actionDraftCookie) redirectResponse.headers.append("Set-Cookie", actionDraftCookie); | ||
| } |
There was a problem hiding this comment.
Bug: duplicate Set-Cookie headers. redirectHeaders already has the cookies appended at lines 1896-1899 above. Since redirectResponse was constructed from redirectHeaders, appending again here doubles every cookie.
This entire block should be removed:
| // Append cookies to the response | |
| if (actionPendingCookies.length > 0 || actionDraftCookie) { | |
| for (const cookie of actionPendingCookies) { | |
| redirectResponse.headers.append("Set-Cookie", cookie); | |
| } | |
| if (actionDraftCookie) redirectResponse.headers.append("Set-Cookie", actionDraftCookie); | |
| } |
| // Set navigation context for the redirect target | ||
| setNavigationContext({ | ||
| pathname: redirectUrl.pathname, | ||
| searchParams: redirectUrl.searchParams, | ||
| params: redirectParams, | ||
| }); |
There was a problem hiding this comment.
Bug: navigation context is not cleaned up on failure. If the try block throws after this point, setNavigationContext is left pointing at the redirect target. The catch block at line 1956 doesn't reset it.
This should be wrapped in a try/finally, or the catch block should call setNavigationContext(null).
| if (isServerActionResult(result)) { | ||
| // Update the React tree with the redirect target's RSC payload | ||
| startTransition(() => { | ||
| getReactRoot().render(result.root); | ||
| }); | ||
|
|
||
| // Update the browser URL without a reload | ||
| if (redirectType === "push") { | ||
| window.history.pushState(null, "", actionRedirect); | ||
| } else { | ||
| window.history.replaceState(null, "", actionRedirect); | ||
| } |
There was a problem hiding this comment.
Bug: client-side navigation context is not updated. After soft-navigating to the redirect target, usePathname(), useSearchParams(), and useParams() will return stale values from the previous page.
Compare with the navigateRsc function (lines 285-294) which calls setClientParams() after navigation. This code path needs equivalent updates:
// After startTransition + history update:
setNavigationContext({
pathname: new URL(actionRedirect, window.location.origin).pathname,
searchParams: new URL(actionRedirect, window.location.origin).searchParams,
params: {}, // or parse from X-Vinext-Params header
});| * Scans for files matching stem with extensions recursively under cwd. | ||
| * Supports glob patterns in stem. | ||
| */ | ||
| export async function* scanWithExtensions( |
There was a problem hiding this comment.
This is a complete rewrite of scanWithExtensions from a 6-line glob() wrapper to a 70-line hand-rolled recursive directory walker. This is unrelated to the server action redirect feature and should be in a separate PR with dedicated unit tests.
The original used Node's built-in glob() which correctly handles brace expansion, ** recursion, and other edge cases. The replacement has several issues:
excludereceivesentry.name(bare filename) instead of the relative path thatglob's function-form exclude receivesisGlobonly checks for*/**, missing?,[...],{...}whichbuildExtensionGlobgenerates- No tests were added for the new implementation
If the goal is Node < 22.14 compatibility, that's worth doing — but as a focused, well-tested change.
| await expect(page.locator("h1")).toHaveText("useActionState Test"); | ||
| }); | ||
|
|
||
| test("server action redirect performs soft RSC navigation (issue #654)", async ({ page }) => { |
There was a problem hiding this comment.
Nit: this test is inside test.describe("useActionState") but it doesn't test useActionState. It should be in the "Server Actions" describe block above (after line 122).
| // If so, we can perform a soft RSC navigation (SPA-style) instead of | ||
| // a hard page reload. This is the fix for issue #654. | ||
| const contentType = fetchResponse.headers.get("content-type") ?? ""; | ||
| const hasRscPayload = contentType.includes("text/x-component"); |
There was a problem hiding this comment.
The content-type check is fragile: the fallback Response(null) path also sends Content-Type: text/x-component because it uses the same redirectHeaders. The && fetchResponse.body guard saves you today, but new Response(null).body is non-null in some environments (it's an empty ReadableStream).
Consider adding an explicit signal header on the server side (e.g., x-action-rsc-prerender: 1) to distinguish pre-rendered responses from empty fallbacks, rather than relying on content-type + body presence.
|
Review posted. Here's a summary of the findings: 3 critical bugs:
2 significant concerns: 2 minor issues: |
- Fix duplicate Set-Cookie headers (collect cookies after rendering, not before) - Add setNavigationContext(null) cleanup on pre-render failure and fallback - Update client-side navigation context (setNavigationContext/setClientParams) so usePathname(), useSearchParams(), useParams() return correct values - Add x-action-rsc-prerender header for robust RSC payload detection - Document middleware bypass as known limitation in code comment - Move soft navigation test to correct describe block (Server Actions) - Remove file-matcher.ts changes (will be separate PR) Fixes review comments from ask-bonk on PR cloudflare#654 Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
|
Changes done. |
|
/bigbonk review |
There was a problem hiding this comment.
Thanks for working on this — the approach is correct (pre-rendering the redirect target for soft RSC navigation), and the update addresses several issues from the previous review (duplicate cookies in the fallback path are fixed, x-action-rsc-prerender header was added for robust detection, setNavigationContext cleanup in the catch block was added). However, there are still a few correctness issues and the file-matcher.ts rewrite remains bundled in.
Issues to fix
1. Action cookies are dropped on successful pre-render (bug)
actionPendingCookies (cookies set during the server action itself, e.g. cookies().set(...)) are collected at line 1889 but never appended to the response when the pre-render succeeds. Only redirectPendingCookies (cookies set during the pre-render of the redirect target) are appended. This means any Set-Cookie calls made in the action before redirect() are silently lost.
The fallback path correctly uses actionPendingCookies, but the success path at lines 1950-1956 only appends redirectPendingCookies.
2. X-Vinext-Params header missing from pre-rendered response
The pre-render response doesn't include the X-Vinext-Params header with the matched route params. On the client side (line 185), fetchResponse.headers.get("X-Vinext-Params") will always be null, so setClientParams({}) is called. This means useParams() will return {} after a soft redirect to any route with dynamic segments (e.g., redirecting to /posts/[slug] would lose the slug param).
Compare with buildAppPageRscResponse in server/app-page-response.ts:169-172 which sets this header.
3. file-matcher.ts rewrite should be a separate PR
The previous review flagged this and it still applies: replacing node:fs/promises glob() with a 70-line hand-rolled recursive walker is a significant behavioral change that is unrelated to the server action redirect feature. It has no tests, and the implementation has known gaps (only checks for */** in isGlob, missing ?/[...]/{...}). Even though the current callers only use **/*, **/page, and **/route patterns (so the gaps don't bite today), this should be a focused, separately-tested change.
4. notifyListeners() not called after pushState/replaceState
This is a minor correctness issue. The normal client-side navigation path in navigation.ts calls notifyListeners() after history.pushState/replaceState to trigger useSyncExternalStore re-renders for usePathname(), useSearchParams(), etc. The new soft-redirect code path skips this. In practice, render(result.root) replaces the entire React tree so components remount with correct values from window.location, but any persistent components (e.g. in a layout that survives the transition) won't be notified of the URL change.
| // Append cookies (collected after rendering, not duplicated) | ||
| if (redirectPendingCookies.length > 0 || redirectDraftCookie) { | ||
| for (const cookie of redirectPendingCookies) { | ||
| redirectResponse.headers.append("Set-Cookie", cookie); | ||
| } | ||
| if (redirectDraftCookie) redirectResponse.headers.append("Set-Cookie", redirectDraftCookie); | ||
| } |
There was a problem hiding this comment.
Bug: actionPendingCookies (cookies set by the server action before calling redirect()) are collected at line 1889 but never appended to this response. Only redirectPendingCookies (from the pre-render) are appended.
This means cookies like cookies().set('session', token) called before redirect('/dashboard') in a server action will be silently dropped.
Both sets of cookies need to be included:
| // Append cookies (collected after rendering, not duplicated) | |
| if (redirectPendingCookies.length > 0 || redirectDraftCookie) { | |
| for (const cookie of redirectPendingCookies) { | |
| redirectResponse.headers.append("Set-Cookie", cookie); | |
| } | |
| if (redirectDraftCookie) redirectResponse.headers.append("Set-Cookie", redirectDraftCookie); | |
| } | |
| if (actionPendingCookies.length > 0 || actionDraftCookie || redirectPendingCookies.length > 0 || redirectDraftCookie) { | |
| for (const cookie of actionPendingCookies) { | |
| redirectResponse.headers.append("Set-Cookie", cookie); | |
| } | |
| if (actionDraftCookie) redirectResponse.headers.append("Set-Cookie", actionDraftCookie); | |
| for (const cookie of redirectPendingCookies) { | |
| redirectResponse.headers.append("Set-Cookie", cookie); | |
| } | |
| if (redirectDraftCookie) redirectResponse.headers.append("Set-Cookie", redirectDraftCookie); | |
| } |
| const redirectHeaders = { | ||
| "Content-Type": "text/x-component; charset=utf-8", | ||
| "Vary": "RSC, Accept", | ||
| "x-action-redirect": actionRedirect.url, | ||
| "x-action-redirect-type": actionRedirect.type, | ||
| "x-action-redirect-status": String(actionRedirect.status), | ||
| "x-action-rsc-prerender": "1", |
There was a problem hiding this comment.
Missing X-Vinext-Params header. The client-side code at app-browser-entry.ts:185 reads this header to call setClientParams(). Without it, useParams() will return {} after a soft redirect to a dynamic route.
Add the params header (same as buildAppPageRscResponse does):
| const redirectHeaders = { | |
| "Content-Type": "text/x-component; charset=utf-8", | |
| "Vary": "RSC, Accept", | |
| "x-action-redirect": actionRedirect.url, | |
| "x-action-redirect-type": actionRedirect.type, | |
| "x-action-redirect-status": String(actionRedirect.status), | |
| "x-action-rsc-prerender": "1", | |
| const redirectHeaders = { | |
| "Content-Type": "text/x-component; charset=utf-8", | |
| "Vary": "RSC, Accept", | |
| "x-action-redirect": actionRedirect.url, | |
| "x-action-redirect-type": actionRedirect.type, | |
| "x-action-redirect-status": String(actionRedirect.status), | |
| "x-action-rsc-prerender": "1", | |
| ...(Object.keys(redirectParams).length > 0 ? { "X-Vinext-Params": encodeURIComponent(JSON.stringify(redirectParams)) } : {}), | |
| }; |
| // Update the browser URL without a reload | ||
| if (redirectType === "push") { | ||
| window.history.pushState(null, "", actionRedirect); | ||
| } else { | ||
| window.history.replaceState(null, "", actionRedirect); | ||
| } |
There was a problem hiding this comment.
After pushState/replaceState, the normal navigation path in navigation.ts:608 calls notifyListeners() to trigger useSyncExternalStore re-renders for usePathname(), useSearchParams(), and useParams(). This code path skips that notification.
In practice, render(result.root) replaces the entire tree so most components remount with correct values. But any persistent layout components that use these hooks won't re-render with updated values.
Consider importing and calling notifyListeners (it would need to be exported from navigation.ts), or dispatching a popstate event after the URL update.
| * Scans for files matching stem with extensions recursively under cwd. | ||
| * Supports glob patterns in stem. | ||
| */ | ||
| export async function* scanWithExtensions( |
There was a problem hiding this comment.
This is still an unrelated change bundled into a feature PR. The rewrite replaces a 6-line glob() wrapper with a 70-line hand-rolled recursive walker, with no new tests.
Additional issues beyond what the previous review noted:
- Always recurses into all subdirectories even for non-glob stems (e.g., a literal
"page"stem would scan the entire tree instead of checking a single file) - The
relativeBaseparameter passed to recursive calls is the relative path of the current directory, but for non-glob stems the matching logic at line 150 comparesrelativePathagainstrelativeBase.${ext}— sincerelativeBaseis the directory path andrelativePathis the file path, this comparison is unlikely to match correctly for files in subdirectories
This doesn't affect the current callers (all use ** glob patterns), but it means the non-glob branch is dead/broken code.
Please move this to a separate PR with dedicated tests.
| await expect(page.locator('[data-testid="redirect-btn"]')).toBeVisible(); | ||
| }); | ||
|
|
||
| test("server action redirect performs soft RSC navigation (issue #654)", async ({ page }) => { |
There was a problem hiding this comment.
The test looks good and validates the core behavior well. One note: this is inside the "Server Actions" describe block (which is correct — the previous review's concern about it being in useActionState was addressed by the fact that it's placed before line 150 where useActionState begins).
Consider adding a test case for redirecting to a dynamic route (e.g., /posts/[slug]) to verify that useParams() works correctly after soft redirect. That would catch the missing X-Vinext-Params issue.
| // Set navigation context for the redirect target | ||
| setNavigationContext({ | ||
| pathname: redirectUrl.pathname, | ||
| searchParams: redirectUrl.searchParams, | ||
| params: redirectParams, | ||
| }); |
There was a problem hiding this comment.
Nit: this setNavigationContext call is correct for the pre-render, but if buildPageElement or renderToReadableStream throws, the catch block at line 1961 resets it to null. However, if the renderToReadableStream call succeeds but the stream itself errors during lazy consumption (after the return redirectResponse), the navigation context will be left pointing at the redirect target for any subsequent requests in the same isolate.
This is the same pattern as the normal RSC render path (line 1995-1999), so it's not a regression — just worth noting as a pre-existing concern with streaming responses.
|
Review posted on PR #698. Here's a summary of the findings: 2 bugs found:
2 other concerns:
The PR also addressed several issues from the previous review: duplicate cookies in the fallback path were fixed, |
|
/bigbonk review |
There was a problem hiding this comment.
Thanks for the continued work on this. The approach is correct and the file-matcher.ts change was removed as requested — good. However, there are still two bugs that need fixing (one flagged in the previous review and still present, one new), plus a correctness concern.
Bugs
1. Action cookies dropped on successful pre-render (from previous review, still present)
actionPendingCookies — cookies set by the server action before calling redirect() (e.g. cookies().set('session', token)) — are collected at line 1889 but never appended to the response when pre-rendering succeeds. Only redirectPendingCookies (from rendering the target page) are included. This silently drops session cookies and similar state.
2. headersContext is null during pre-render
setHeadersContext(null) is called at line 1891, before the pre-render attempt starts. The redirect target page's server components may call headers() or cookies() during rendering. Worse, renderToReadableStream returns a lazily-consumed stream — async server components will read headersContext during stream consumption, well after it's been cleared.
Compare with the normal action re-render path (lines 2015-2019), which explicitly says: "Do NOT clear headers/navigation context here — the RSC stream is consumed lazily by the client, and async server components that run during consumption need the context to still be live." The redirect pre-render violates this same principle.
The fix is to either: (a) not clear headersContext before the pre-render, or (b) create a fresh headersContextFromRequest(request) for the redirect target rendering.
3. Missing X-Vinext-Params header (from previous review, still present)
The pre-rendered response doesn't include the X-Vinext-Params header. The client reads it at line 185 to call setClientParams(). Without it, useParams() returns {} after a soft redirect to any dynamic route.
Minor
4. notifyListeners() not called after URL update
The normal navigation path in navigation.ts:608 calls notifyListeners() after pushState/replaceState to trigger useSyncExternalStore re-renders. The soft-redirect path skips this. Persistent layout components using usePathname() or useSearchParams() won't re-render. Since notifyListeners isn't exported, you could dispatch a synthetic popstate event or export the function.
| redirectResponse.headers.append("Set-Cookie", cookie); | ||
| } | ||
| if (redirectDraftCookie) redirectResponse.headers.append("Set-Cookie", redirectDraftCookie); | ||
| } |
There was a problem hiding this comment.
Bug (from previous review, still present): actionPendingCookies are collected at line 1889 but never appended here. Only redirectPendingCookies are included. This drops cookies set by the action before redirect() was called (e.g., cookies().set('session', token)).
Both sets need to be included:
| } | |
| if (actionPendingCookies.length > 0 || actionDraftCookie || redirectPendingCookies.length > 0 || redirectDraftCookie) { | |
| for (const cookie of actionPendingCookies) { | |
| redirectResponse.headers.append("Set-Cookie", cookie); | |
| } | |
| if (actionDraftCookie) redirectResponse.headers.append("Set-Cookie", actionDraftCookie); | |
| for (const cookie of redirectPendingCookies) { | |
| redirectResponse.headers.append("Set-Cookie", cookie); | |
| } | |
| if (redirectDraftCookie) redirectResponse.headers.append("Set-Cookie", redirectDraftCookie); | |
| } |
| if (actionRedirect) { | ||
| const actionPendingCookies = getAndClearPendingCookies(); | ||
| const actionDraftCookie = getDraftModeCookieHeader(); | ||
| setHeadersContext(null); |
There was a problem hiding this comment.
Bug: headersContext is cleared here, but the pre-render at lines 1915-1931 builds and renders the redirect target page. If any server component in that page calls headers() or cookies(), it will get null context.
Worse, renderToReadableStream returns a lazily-consumed stream. Async server components that run during stream consumption (after return redirectResponse) will also see null headersContext. Compare with the normal re-render path at lines 2015-2019, which explicitly documents: "Do NOT clear headers/navigation context here — the RSC stream is consumed lazily."
Don't clear headersContext before the pre-render. Either leave it alive (matching the normal action re-render path), or create a fresh context for the redirect target:
| setHeadersContext(null); | |
| setHeadersContext(headersContextFromRequest(request)); | |
| setNavigationContext(null); |
| "x-action-redirect": actionRedirect.url, | ||
| "x-action-redirect-type": actionRedirect.type, | ||
| "x-action-redirect-status": String(actionRedirect.status), | ||
| "x-action-rsc-prerender": "1", |
There was a problem hiding this comment.
Bug (from previous review, still present): missing X-Vinext-Params header. The client at app-browser-entry.ts:185 reads this to call setClientParams(). Without it, useParams() returns {} after soft redirect to a dynamic route (e.g., /posts/[slug]).
Compare with buildAppPageRscResponse at server/app-page-response.ts:169-172.
| "x-action-rsc-prerender": "1", | |
| const redirectHeaders = { | |
| "Content-Type": "text/x-component; charset=utf-8", | |
| "Vary": "RSC, Accept", | |
| "x-action-redirect": actionRedirect.url, | |
| "x-action-redirect-type": actionRedirect.type, | |
| "x-action-redirect-status": String(actionRedirect.status), | |
| "x-action-rsc-prerender": "1", | |
| ...(Object.keys(redirectParams).length > 0 ? { "X-Vinext-Params": encodeURIComponent(JSON.stringify(redirectParams)) } : {}), | |
| }; |
| window.history.pushState(null, "", actionRedirect); | ||
| } else { | ||
| window.history.replaceState(null, "", actionRedirect); | ||
| } |
There was a problem hiding this comment.
Minor: after pushState/replaceState, the normal navigation path in navigation.ts:608 calls notifyListeners() to trigger useSyncExternalStore re-renders for usePathname(), useSearchParams(), etc. This code path skips that.
In practice, render(result.root) replaces the tree so most components remount correctly. But persistent layout components that use these hooks won't re-render with the updated URL.
Since notifyListeners isn't currently exported, one option is to dispatch a synthetic popstate event after the URL update:
window.dispatchEvent(new PopStateEvent("popstate"));(Though this would also trigger the popstate listener at line 326 which calls navigateRsc — so it needs care. Exporting notifyListeners from navigation.ts is probably cleaner.)
|
|
||
| // Fallback: external URL or unmatched route — client will hard-navigate. | ||
| // Clean up navigation context before returning. | ||
| setNavigationContext(null); |
There was a problem hiding this comment.
Nit: this setNavigationContext(null) is redundant when falling through from the catch block, since line 1964 already resets it. Not harmful, but a bit confusing to read — it looks like it should be unreachable from that path.
|
Review posted successfully. Here's a summary of what I found: 2 bugs (still present from previous review):
1 new bug:
1 minor issue:
All issues have inline suggestions with code fixes. |
- Fix action cookies being dropped on successful pre-render - Fix headersContext being null during pre-render by refreshing it - Fix missing X-Vinext-Params header in pre-rendered responses - Fix client-side hooks not re-rendering after soft redirect (export and call notifyListeners) - Remove type annotation from app-rsc-entry.ts to avoid parse errors
When rewrites resolve to static files in public/, middleware response headers (Set-Cookie, security headers, etc.) were being silently dropped. This fix ensures middleware headers are merged into static file responses across all three server paths. Changes: - prod-server.ts: Pass middlewareHeaders to tryServeStatic() for both afterFiles and fallback rewrites - index.ts: Call applyDeferredMwHeaders() before sending static file responses; add CONTENT_TYPES map for MIME types; use try/catch for error handling This maintains parity with the existing tryServeStatic() call which already included middleware headers. Fixes cloudflare#654
6df9ef5 to
f14713c
Compare
- Fix navigation context timing: Move context updates inside startTransition to ensure they only execute after successful RSC parsing. This prevents inconsistent state if fallback to hard redirect occurs. - Document middleware limitation: Add comment explaining that middleware does not execute for pre-rendered redirect targets. This is a known limitation tracked for future work. - Add same-route redirect test: Verify useActionState form state resets properly when a form redirects back to itself, matching Next.js behavior where redirect causes tree remount. All checks pass (lint, type, format).
Implements soft RSC navigation for server action redirects, replacing hard page reloads with SPA-style navigation via startTransition + RSC stream parsing. Critical fixes: - Always send X-Vinext-Params header (was missing for routes without params, breaking useParams() after redirect) - Preserve headersContext during pre-render for lazy stream consumption - Append action cookies unconditionally to redirect response - Call notifyListeners() inside startTransition for layout re-renders - Merge middleware headers into redirect response via __applyRouteHandlerMiddlewareContext Client-side improvements: - Detect pre-rendered payload via x-action-rsc-prerender header - Update navigation context inside startTransition (prevents inconsistent state on fallback) - Parse X-Vinext-Params for dynamic route params - Graceful fallback to hard redirect on RSC parse failure Test coverage: - Add E2E test verifying soft navigation (no page load event) - Add useActionState self-redirect test (form state reset after same-route redirect) Documentation: - Document middleware limitation (request matching doesn't run for redirect target, but response headers are preserved) Fixes cloudflare#654 Fixes review findings from PR cloudflare#698
|
Review submitted successfully. Here's a summary of what I found: Remaining bugs (2):
Unrelated changes that should be separate PRs (2):
Minor (2):
Credit: The PR has addressed most issues from previous review rounds — duplicate cookies are fixed, |
|
Review the changes. |
|
/bigbonk review |
There was a problem hiding this comment.
Thanks for the continued iteration on this. The core feature (pre-rendering the redirect target for soft RSC navigation) is the right approach, and most bugs from previous reviews have been addressed — action cookies are now included, X-Vinext-Params is set, notifyListeners is handled via commitClientNavigationState, and setNavigationContext(null) cleanup in the catch block is present.
However, there's one remaining bug in the client-side navigation state management and several unrelated changes that should be split out.
Bug
latestClientParams not updated after redirect — The redirect code calls replaceClientParamsWithoutNotify(params) (line 560) but never updates the module-level latestClientParams. Compare with stageClientParams() (line 112-121) which does both. If a subsequent non-redirect server action fires on the redirect target page, it calls createClientNavigationRenderSnapshot(window.location.href, latestClientParams) at line 622 — latestClientParams will still hold the pre-redirect params, causing the tree to render with stale param context.
Unrelated changes to split out
Per the AGENTS.md guidelines ("Do not leave known bugs as 'follow-ups' — fix them in the same PR" applies to bugs in the same area, not unrelated features), these should be separate PRs:
-
CONTENT_TYPESmap +applyDeferredMwHeadersrefactor inindex.ts— Changes dev server static asset skip logic frompathname.includes('.')to an allowlist. This is a behavioral change (URLs like/api/v1.2/datathat were previously skipped now fall through to the router). TheapplyDeferredMwHeaderssignature change is also unrelated. -
prod-server.tsstatic asset serving for rewrites — AddstryServeStaticcalls forbeforeFilesandfallbackrewrites. Unrelated feature.
Both are potentially good changes but should be reviewed independently for clean bisection.
Minor
- The
action-self-redirectfixture is added but has no E2E test exercising it. Either add a test or remove it from this PR.
| const renderId = ++nextNavigationRenderId; | ||
| setter({ renderId, node: result.root, navigationSnapshot }); | ||
|
|
||
| replaceClientParamsWithoutNotify(params); |
There was a problem hiding this comment.
Bug: latestClientParams is not updated here. replaceClientParamsWithoutNotify only stages the params in ClientNavigationState.pendingClientParams — it does not update the module-level latestClientParams variable. Compare with stageClientParams() at line 112-121 which does both:
function stageClientParams(params) {
latestClientParams = params; // <-- this is missing
replaceClientParamsWithoutNotify(params);
}After a soft redirect, if a subsequent non-redirect server action fires, createClientNavigationRenderSnapshot(window.location.href, latestClientParams) at line 622 will use stale pre-redirect params.
Use stageClientParams instead:
| replaceClientParamsWithoutNotify(params); | |
| stageClientParams(params); |
| // redirect without leaving navigation in an inconsistent state. | ||
| const navigationSnapshot = createClientNavigationRenderSnapshot(actionRedirect, params); | ||
|
|
||
| startTransition(() => { |
There was a problem hiding this comment.
The existing code at lines 611-618 documents this exact scenario:
If server actions ever trigger URL changes via RSC payload (instead of hard redirects), this would need
renderNavigationPayload()+snapshotActivated=true.
This new code triggers a URL change via RSC payload but bypasses renderNavigationPayload and activateNavigationSnapshot. It works in the simple case because commitClientNavigationState handles count=0 gracefully (line 902 checks > 0 before decrementing). But this means the snapshot activation mechanism is bypassed — during the startTransition, hooks like usePathname() in components that survive the transition won't see the snapshot-provided destination URL; they'll read from useSyncExternalStore which still reflects the old URL until commitClientNavigationState fires.
For this PR this is acceptable (the full tree is replaced so most components remount), but consider leaving a // TODO: comment noting this should use renderNavigationPayload for correctness with partial tree updates (e.g., shared layouts).
| // not a synthetic GET to the redirect target. Server components that | ||
| // call headers() during the pre-render may see action-request headers | ||
| // such as x-rsc-action and multipart/form-data metadata. | ||
| setHeadersContext(headersContextFromRequest(request)); |
There was a problem hiding this comment.
The comment documenting this as a known limitation is good. One additional note: headersContextFromRequest(request) clones the action request's headers, which includes Content-Type: multipart/form-data (for form submissions) and x-rsc-action. If the redirect target page has server components that branch on headers().get('content-type'), they'll see form data content type instead of the expected text/html accept header a normal GET navigation would have.
This is documented in the comment, but consider also gating the pre-render when the redirect target is known to use headers() in the future. For now the documentation is sufficient.
| }; | ||
|
|
||
| /** Content-type lookup for static assets. */ | ||
| const CONTENT_TYPES: Record<string, string> = { |
There was a problem hiding this comment.
This CONTENT_TYPES allowlist and the associated change at line 2473 (CONTENT_TYPES[ext] instead of pathname.includes('.')) is a behavioral change to the dev server's static file skip logic that's unrelated to server action redirects.
Previously, any URL with a dot (except .html) was skipped. Now, only known extensions are skipped. URLs like /api/v1.2/data or /file.unknown will now fall through to the Pages Router handler. That may be correct, but it changes existing behavior and should be a separate PR with its own testing.
| resolvedUrl = rewritten; | ||
| resolvedPathname = rewritten.split("?")[0]; | ||
|
|
||
| if ( |
There was a problem hiding this comment.
This static asset serving for afterFiles rewrites is unrelated to the server action redirect feature. Same for the fallback rewrite block at line 1617. Please split these into a separate PR.
Also: what happens when tryServeStatic returns false (file not found)? Execution falls through to resolvedUrl = rewritten which was already set, then continues to SSR rendering with a static-asset pathname (e.g., /styles/theme.css). That would produce an HTML 404 error page with a .css URL, which is odd. Consider returning a proper 404 response for missing static assets instead of falling through to SSR.
| ); | ||
| // Ensure transient redirect navigation state is cleared before | ||
| // forcing a full-page navigation fallback. | ||
| setNavigationContext(null); |
There was a problem hiding this comment.
Same issue as line 560 — latestClientParams should be reset when clearing the redirect state. Currently only replaceClientParamsWithoutNotify({}) is called, leaving latestClientParams stale.
| setNavigationContext(null); | |
| setNavigationContext(null); | |
| stageClientParams({}); | |
| commitClientNavigationState(); |
| {state.error && <p data-testid="error">{state.error}</p>} | ||
| </div> | ||
| ); | ||
| } |
There was a problem hiding this comment.
This fixture is added but there's no E2E test exercising the self-redirect case. Self-redirect (action redirects back to the same page) is a useful edge case that tests whether form state resets properly, but dead fixtures without tests add maintenance burden. Either add a test for it in this PR or remove it and add it in a follow-up.
|
Review posted on PR #698. Here's a summary of the findings: 1 bug:
2 unrelated changes that should be split out:
1 minor:
1 note (non-blocking):
|
|
review the changes. |
|
/bigbonk review |
There was a problem hiding this comment.
Review Summary
The core feature is the right approach — pre-rendering the redirect target's RSC payload for soft SPA navigation matches Next.js behavior and addresses #654. The code has improved significantly across the review rounds: duplicate cookies are fixed, X-Vinext-Params is included, setNavigationContext(null) cleanup is present in the catch block, headers context is preserved for lazy stream consumption, and the file-matcher.ts rewrite was correctly removed. The self-redirect fixture now has a corresponding E2E test, which is good.
However, there is one remaining bug from the previous review round (flagged by bonk on 2026-04-02) that hasn't been addressed, and the PR still bundles unrelated changes that should be split out.
Bug: latestClientParams not updated after redirect
replaceClientParamsWithoutNotify(params) at line 560 does not update the module-level latestClientParams. Compare with stageClientParams() (lines 112-121) which does both:
function stageClientParams(params) {
latestClientParams = params; // <-- this update is missing at line 560
replaceClientParamsWithoutNotify(params);
}After a soft redirect, if a subsequent non-redirect server action fires on the redirect target page, createClientNavigationRenderSnapshot(window.location.href, latestClientParams) at line 622 will use stale pre-redirect params. The same issue exists in the error cleanup path at line 589.
Unrelated changes to split out
Per AGENTS.md guidelines, unrelated changes should be separate PRs for clean bisection:
-
CONTENT_TYPESmap +applyDeferredMwHeadersrefactor inindex.ts— Changes dev server static asset skip logic frompathname.includes('.')to a known-extension allowlist. This is a behavioral change (URLs like/api/v1.2/datathat were previously skipped now fall through to the router). TheapplyDeferredMwHeaderssignature change (addingresponseandheadersparameters, filteringx-middleware-headers) is also unrelated. -
prod-server.tsstatic asset serving forafterFiles/fallbackrewrites — AddstryServeStaticcalls for rewrite targets. Unrelated feature.
Both may be good changes but should be reviewed independently.
Minor note
The comment at line 617-618 in app-browser-entry.ts ("If server actions ever trigger URL changes via RSC payload...") is now stale — this PR introduces exactly that behavior via the new redirect code path. Consider updating or removing it in a follow-up.
| const renderId = ++nextNavigationRenderId; | ||
| setter({ renderId, node: result.root, navigationSnapshot }); | ||
|
|
||
| replaceClientParamsWithoutNotify(params); |
There was a problem hiding this comment.
Bug (from previous review, still present): replaceClientParamsWithoutNotify does not update the module-level latestClientParams. After a soft redirect, if a subsequent non-redirect server action fires on the redirect target page, createClientNavigationRenderSnapshot(window.location.href, latestClientParams) at line 622 will use stale pre-redirect params.
Use stageClientParams instead, which updates both:
| replaceClientParamsWithoutNotify(params); | |
| stageClientParams(params); |
| // Ensure transient redirect navigation state is cleared before | ||
| // forcing a full-page navigation fallback. | ||
| setNavigationContext(null); | ||
| replaceClientParamsWithoutNotify({}); |
There was a problem hiding this comment.
Same issue — latestClientParams should be reset when clearing redirect state in the error path. Use stageClientParams for consistency:
| replaceClientParamsWithoutNotify({}); | |
| stageClientParams({}); |
| }; | ||
|
|
||
| /** Content-type lookup for static assets. */ | ||
| const CONTENT_TYPES: Record<string, string> = { |
There was a problem hiding this comment.
This CONTENT_TYPES allowlist and associated changes to static asset skip logic (line 2515: CONTENT_TYPES[ext] instead of the old pathname.includes('.')) are a behavioral change to the dev server that is unrelated to server action redirect soft navigation.
Previously, any URL with a dot (except .html) was skipped. Now, only extensions in this allowlist are skipped. URLs like /api/v1.2/data or /file.unknown will now fall through to the Pages Router handler. That may be correct (or even an improvement), but it changes existing behavior and should be a separate PR with its own testing.
The applyDeferredMwHeaders signature change (adding response and headers parameters, filtering x-middleware- prefixed headers) is also a functional change unrelated to the redirect feature.
| resolvedUrl = rewritten; | ||
| resolvedPathname = rewritten.split("?")[0]; | ||
|
|
||
| if ( |
There was a problem hiding this comment.
This tryServeStatic call for afterFiles rewrites (and the similar one at line 1668 for fallback rewrites) is unrelated to the server action redirect feature. Please split these into a separate PR.
Also: when tryServeStatic returns false (file not found), execution falls through and SSR renders the rewrite target. If the rewrite target is a static asset path like /styles/theme.css, the SSR handler will produce an HTML error page at a .css URL, which is unexpected. Consider returning a proper 404 for missing static assets in rewrite targets rather than falling through to SSR.
|
Review submitted successfully on PR #698. Here's a summary of the findings: 1 bug (still present from previous review round):
2 unrelated changes that should be split out:
1 minor note (non-blocking):
|
|
Review the changes. |
|
/bigbonk review |
There was a problem hiding this comment.
Review Summary
The core approach is correct — pre-rendering the redirect target's RSC payload for soft SPA navigation is exactly what Next.js does, and this is a real parity gap that needs fixing. The PR has been through multiple review rounds and has addressed many issues (duplicate cookies fixed, X-Vinext-Params included, notifyListeners handled via commitClientNavigationState, headers context preserved for lazy stream consumption, file-matcher.ts rewrite removed). Good progress.
However, there are still issues that need to be addressed before this can merge.
Remaining bug
getAndClearPendingCookies()called too early for redirect pre-render —getAndClearPendingCookies()is called synchronously at line 1982 right afterrenderToReadableStream(). ButrenderToReadableStreamreturns a lazily-consumed stream — async server components in the redirect target page that callcookies().set()haven't executed yet at this point. Those cookies will be missed by thisgetAndClearPendingCookies()call. Compare with the normal re-render path (line ~2081) which has the same structural issue but is documented. This is a pre-existing pattern, so not a blocker for this PR, but worth a comment noting the limitation.
Unrelated changes that should be split out
-
CONTENT_TYPESmap +applyDeferredMwHeadersrefactor inindex.ts— This changes the dev server's static asset detection frompathname.includes('.')to a known-extension allowlist, which is a behavioral change. URLs like/api/v1.2/datathat were previously skipped now fall through to the router. TheapplyDeferredMwHeaderssignature change (addingresponseandheadersparams, filteringx-middleware-headers) is also a functional change. Both may be improvements, but they're unrelated to server action redirect soft navigation and should be in a separate PR. -
prod-server.tstryServeStaticfor rewrites — Adding static asset serving forafterFilesandfallbackrewrites is a separate feature. Also: whentryServeStaticreturnsfalse, execution falls through to SSR with a static-asset pathname (e.g.,/styles/theme.css), which would produce an HTML error page at a.cssURL.
This has been flagged in every review round. Please split these into separate PRs.
Minor
-
The
action-self-redirectfixture has no E2E test. Either add one or remove it from this PR. -
Snapshot bloat: the same ~120-line block is duplicated 4x in the snapshot file, adding ~750 lines. This is a consequence of how the entry template generates code, but it's worth noting for future consideration (extracting the redirect pre-render logic into a runtime helper per AGENTS.md guidelines about keeping generated entries thin would reduce this).
| ); | ||
|
|
||
| // Collect cookies after rendering (same as normal action response) | ||
| const redirectPendingCookies = getAndClearPendingCookies(); |
There was a problem hiding this comment.
Note: getAndClearPendingCookies() is called synchronously here, but the rscStream above is lazily consumed. Async server components in the redirect target that call cookies().set() during stream consumption will execute after this point, so their cookies will be missed.
This is the same structural limitation as the normal re-render path further down, so it's not a regression. But a comment noting this would help future readers:
| const redirectPendingCookies = getAndClearPendingCookies(); | |
| // Collect cookies set synchronously during rendering. Note: cookies | |
| // set by async server components during lazy stream consumption | |
| // will not be captured here (same limitation as the normal re-render | |
| // path below). | |
| const redirectPendingCookies = getAndClearPendingCookies(); |
| // from the original request are merged into the redirect response. | ||
| // If middleware request matching is needed for the redirect target | ||
| // (e.g., auth checks, conditional headers), use a hard redirect. | ||
| const redirectElement = buildPageElement( |
There was a problem hiding this comment.
Consider extracting the redirect pre-render logic (lines 1918-2052) into a runtime helper in server/ rather than keeping it inline in the generated entry template. Per AGENTS.md:
Generated entry modules should stay thin. Move real behavior into normal typed modules under
packages/vinext/src/server/*whenever the code involves request/response orchestration, streaming or teeing streams, redirect / not-found / access-fallback handling.
This would also reduce the 4x snapshot duplication (~750 new lines in snapshots are this same block repeated for each test variant).
| ".avif": "image/avif", | ||
| ".map": "application/json", | ||
| ".rsc": "text/x-component", | ||
| }; |
There was a problem hiding this comment.
This CONTENT_TYPES allowlist and the associated change at line 2515 (CONTENT_TYPES[ext] replacing pathname.includes('.')) is a behavioral change to dev server static asset detection that is unrelated to server action redirect soft navigation.
Previously, any URL with a dot (except .html) was skipped. Now, only extensions in this allowlist are skipped. URLs like /api/v1.2/data or /file.unknown will now fall through to the router instead of being skipped. That may be correct, but it's a separate concern.
The applyDeferredMwHeaders signature change (adding explicit response/headers params, filtering x-middleware- prefixed headers) is also an unrelated functional change.
Please split both into a separate PR.
| middlewareHeaders, | ||
| )) | ||
| ) { | ||
| return; |
There was a problem hiding this comment.
This tryServeStatic for afterFiles rewrites (and the fallback equivalent at line 1680) is unrelated to the server action redirect feature. Please split into a separate PR.
Also: when tryServeStatic returns false (file not found), execution continues with resolvedUrl = rewritten already set, then proceeds to SSR. If the rewrite target is a static asset path like /styles/theme.css, the SSR handler would produce an HTML error page served at a .css URL. Consider returning a 404 for missing static assets in rewrite targets.
| // redirect without leaving navigation in an inconsistent state. | ||
| const navigationSnapshot = createClientNavigationRenderSnapshot(actionRedirect, params); | ||
|
|
||
| startTransition(() => { |
There was a problem hiding this comment.
The existing code at lines 611-618 documents that server actions don't trigger URL changes via RSC payload. This PR introduces exactly that behavior. The comment has been partially updated (lines 611-614 now mention the redirect path), but line 617-618 still says:
snapshotActivated is intentionally omitted (defaults false) so handleAsyncError skips commitClientNavigationState()
This is accurate for the non-redirect path, but it's worth adding a note that the redirect path above does use commitClientNavigationState() and handles the counter correctly via createClientNavigationRenderSnapshot. The current wording could confuse someone debugging the redirect flow.
| {state.error && <p data-testid="error">{state.error}</p>} | ||
| </div> | ||
| ); | ||
| } |
There was a problem hiding this comment.
This fixture is added but there's no E2E test exercising it. The self-redirect case (action redirects back to the same page) is a useful edge case — it tests whether form state resets properly and whether the RSC tree is re-rendered when the pathname doesn't change.
Either add a test in server-actions.spec.ts or remove this fixture from this PR. Dead fixtures add maintenance burden.
| // Fallback: external URL or unmatched route — client will hard-navigate. | ||
| // Clean up both contexts before returning. | ||
| setHeadersContext(null); | ||
| setNavigationContext(null); |
There was a problem hiding this comment.
Nit: setHeadersContext(null) and setNavigationContext(null) here are redundant when falling through from the catch block (lines 2028-2029 already do the same cleanup). They're needed when the try block's inner conditions (same-origin, matched route) are not met and execution falls through without entering the catch. A brief comment would help readability:
| // Fallback: external URL or unmatched route — client will hard-navigate. | |
| // Clean up both contexts before returning. | |
| setHeadersContext(null); | |
| setNavigationContext(null); | |
| // Fallback: external URL or unmatched route — client will hard-navigate. | |
| // Clean up contexts (also handles the case where the try block's | |
| // conditions were not met and execution fell through without catching). | |
| setHeadersContext(null); | |
| setNavigationContext(null); |
|
Review submitted successfully. Here's a summary of what I found: 1 non-blocking bug (with suggestion):
2 unrelated changes that should be split out (flagged in every prior review round):
3 minor items:
|
Add static file serving for beforeFiles rewrite targets in the Pages Router production server. This matches Next.js behavior where beforeFiles rewrites can resolve to static files in public/ or other filesystem paths. The fix passes middleware headers (including Set-Cookie) to the static file response, ensuring middleware-set headers appear on static assets. This resolves the issue from PR cloudflare#776 where beforeFiles rewrites that target static files were not being served correctly.
…handling Add comment clarifying that cookies set by async server components during lazy stream consumption are not captured at the redirect point. This matches the same limitation in the normal re-render path below.
Update the generated entry snapshots to reflect the clarifying comment about cookie collection timing in redirect handling.
Fixes #654
What changed
This PR fixes the RSC parity gap where server action redirects caused full page reloads instead of SPA-style soft navigation like Next.js does.
Server-side (app-rsc-entry.ts)
Client-side (app-browser-entry.ts)
Tests
Additional fix
Testing