import { callServer } from "../../../app-call-server"; import { ACTION, NEXT_ROUTER_STATE_TREE, NEXT_URL, RSC_CONTENT_TYPE_HEADER } from "../../app-router-headers"; import { createRecordFromThenable } from "../create-record-from-thenable"; import { readRecordValue } from "../read-record-value"; // // eslint-disable-next-line import/no-extraneous-dependencies // import { createFromFetch } from 'react-server-dom-webpack/client' // // eslint-disable-next-line import/no-extraneous-dependencies // import { encodeReply } from 'react-server-dom-webpack/client' const { createFromFetch, encodeReply } = !!process.env.NEXT_RUNTIME ? require("react-server-dom-webpack/client.edge") : require("react-server-dom-webpack/client"); import { addBasePath } from "../../../add-base-path"; import { createHrefFromUrl } from "../create-href-from-url"; import { handleExternalUrl } from "./navigate-reducer"; import { applyRouterStatePatchToTree } from "../apply-router-state-patch-to-tree"; import { isNavigatingToNewRootLayout } from "../is-navigating-to-new-root-layout"; import { CacheStates } from "../../../../shared/lib/app-router-context.shared-runtime"; import { handleMutable } from "../handle-mutable"; import { fillLazyItemsTillLeafWithHead } from "../fill-lazy-items-till-leaf-with-head"; async function fetchServerAction(state, param) { let { actionId, actionArgs } = param; const body = await encodeReply(actionArgs); const res = await fetch("", { method: "POST", headers: { Accept: RSC_CONTENT_TYPE_HEADER, [ACTION]: actionId, [NEXT_ROUTER_STATE_TREE]: encodeURIComponent(JSON.stringify(state.tree)), ...process.env.__NEXT_ACTIONS_DEPLOYMENT_ID && process.env.NEXT_DEPLOYMENT_ID ? { "x-deployment-id": process.env.NEXT_DEPLOYMENT_ID } : {}, ...state.nextUrl ? { [NEXT_URL]: state.nextUrl } : {} }, body }); const location = res.headers.get("x-action-redirect"); let revalidatedParts; try { const revalidatedHeader = JSON.parse(res.headers.get("x-action-revalidated") || "[[],0,0]"); revalidatedParts = { paths: revalidatedHeader[0] || [], tag: !!revalidatedHeader[1], cookie: revalidatedHeader[2] }; } catch (e) { revalidatedParts = { paths: [], tag: false, cookie: false }; } const redirectLocation = location ? new URL(addBasePath(location), // Ensure relative redirects in Server Actions work, e.g. redirect('./somewhere-else') new URL(state.canonicalUrl, window.location.href)) : undefined; let isFlightResponse = res.headers.get("content-type") === RSC_CONTENT_TYPE_HEADER; if (isFlightResponse) { const response = await createFromFetch(Promise.resolve(res), { callServer }); if (location) { // if it was a redirection, then result is just a regular RSC payload const [, actionFlightData] = response != null ? response : []; return { actionFlightData: actionFlightData, redirectLocation, revalidatedParts }; } // otherwise it's a tuple of [actionResult, actionFlightData] const [actionResult, [, actionFlightData]] = response != null ? response : []; return { actionResult, actionFlightData, redirectLocation, revalidatedParts }; } return { redirectLocation, revalidatedParts }; } /* * This reducer is responsible for calling the server action and processing any side-effects from the server action. * It does not mutate the state by itself but rather delegates to other reducers to do the actual mutation. */ export function serverActionReducer(state, action) { const { mutable, cache, resolve, reject } = action; const href = state.canonicalUrl; let currentTree = state.tree; const isForCurrentTree = JSON.stringify(mutable.previousTree) === JSON.stringify(currentTree); if (isForCurrentTree) { return handleMutable(state, mutable); } if (mutable.inFlightServerAction) { // unblock if a navigation event comes through // while we've suspended on an action if (mutable.inFlightServerAction.status !== "fulfilled" && mutable.globalMutable.pendingNavigatePath && mutable.globalMutable.pendingNavigatePath !== href) { mutable.inFlightServerAction.then(()=>{ if (mutable.actionResultResolved) return; // if the server action resolves after a navigation took place, // reset ServerActionMutable values & trigger a refresh so that any stale data gets updated mutable.inFlightServerAction = null; mutable.globalMutable.pendingNavigatePath = undefined; mutable.globalMutable.refresh(); mutable.actionResultResolved = true; }, ()=>{}); return state; } } else { mutable.inFlightServerAction = createRecordFromThenable(fetchServerAction(state, action)); } // TODO-APP: Make try/catch wrap only readRecordValue so that other errors bubble up through the reducer instead. try { // suspends until the server action is resolved. const { actionResult, actionFlightData: flightData, redirectLocation } = readRecordValue(mutable.inFlightServerAction); // Make sure the redirection is a push instead of a replace. // Issue: https://github.com/vercel/next.js/issues/53911 if (redirectLocation) { state.pushRef.pendingPush = true; mutable.pendingPush = true; } mutable.previousTree = state.tree; if (!flightData) { if (!mutable.actionResultResolved) { resolve(actionResult); mutable.actionResultResolved = true; } // If there is a redirect but no flight data we need to do a mpaNavigation. if (redirectLocation) { return handleExternalUrl(state, mutable, redirectLocation.href, state.pushRef.pendingPush); } return state; } if (typeof flightData === "string") { // Handle case when navigating to page in `pages` from `app` return handleExternalUrl(state, mutable, flightData, state.pushRef.pendingPush); } // Remove cache.data as it has been resolved at this point. mutable.inFlightServerAction = null; for (const flightDataPath of flightData){ // FlightDataPath with more than two items means unexpected Flight data was returned if (flightDataPath.length !== 3) { // TODO-APP: handle this case better console.log("SERVER ACTION APPLY FAILED"); return state; } // Given the path can only have two items the items are only the router state and subTreeData for the root. const [treePatch] = flightDataPath; const newTree = applyRouterStatePatchToTree(// TODO-APP: remove '' [ "" ], currentTree, treePatch); if (newTree === null) { throw new Error("SEGMENT MISMATCH"); } if (isNavigatingToNewRootLayout(currentTree, newTree)) { return handleExternalUrl(state, mutable, href, state.pushRef.pendingPush); } // The one before last item is the router state tree patch const [subTreeData, head] = flightDataPath.slice(-2); // Handles case where prefetch only returns the router tree patch without rendered components. if (subTreeData !== null) { cache.status = CacheStates.READY; cache.subTreeData = subTreeData; fillLazyItemsTillLeafWithHead(cache, // Existing cache is not passed in as `router.refresh()` has to invalidate the entire cache. undefined, treePatch, head); mutable.cache = cache; mutable.prefetchCache = new Map(); } mutable.previousTree = currentTree; mutable.patchedTree = newTree; mutable.canonicalUrl = href; currentTree = newTree; } if (redirectLocation) { const newHref = createHrefFromUrl(redirectLocation, false); mutable.canonicalUrl = newHref; } if (!mutable.actionResultResolved) { resolve(actionResult); mutable.actionResultResolved = true; } return handleMutable(state, mutable); } catch (e) { if (e.status === "rejected") { if (!mutable.actionResultResolved) { reject(e.reason); mutable.actionResultResolved = true; } // When the server action is rejected we don't update the state and instead call the reject handler of the promise. return state; } throw e; } } //# sourceMappingURL=server-action-reducer.js.map