next
Version:
The React Framework
183 lines (181 loc) • 8.38 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "serverActionReducer", {
enumerable: true,
get: function() {
return serverActionReducer;
}
});
const _appcallserver = require("../../../app-call-server");
const _approuterheaders = require("../../app-router-headers");
const _createrecordfromthenable = require("../create-record-from-thenable");
const _readrecordvalue = require("../read-record-value");
const _client = require("react-server-dom-webpack/client");
const _addbasepath = require("../../../add-base-path");
const _createhreffromurl = require("../create-href-from-url");
const _navigatereducer = require("./navigate-reducer");
const _applyrouterstatepatchtotree = require("../apply-router-state-patch-to-tree");
const _isnavigatingtonewrootlayout = require("../is-navigating-to-new-root-layout");
const _approutercontext = require("../../../../shared/lib/app-router-context");
const _handlemutable = require("../handle-mutable");
const _filllazyitemstillleafwithhead = require("../fill-lazy-items-till-leaf-with-head");
async function fetchServerAction(state, param) {
let { actionId , actionArgs } = param;
const body = await (0, _client.encodeReply)(actionArgs);
const res = await fetch("", {
method: "POST",
headers: {
Accept: _approuterheaders.RSC_CONTENT_TYPE_HEADER,
"Next-Action": actionId,
[_approuterheaders.NEXT_ROUTER_STATE_TREE]: 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 ? {
[_approuterheaders.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((0, _addbasepath.addBasePath)(location), window.location.origin) : undefined;
let isFlightResponse = res.headers.get("content-type") === _approuterheaders.RSC_CONTENT_TYPE_HEADER;
if (isFlightResponse) {
const response = await (0, _client.createFromFetch)(Promise.resolve(res), {
callServer: _appcallserver.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
};
}
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 (0, _handlemutable.handleMutable)(state, mutable);
}
if (!action.mutable.inFlightServerAction) {
action.mutable.inFlightServerAction = (0, _createrecordfromthenable.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 } = (0, _readrecordvalue.readRecordValue)(action.mutable.inFlightServerAction);
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 (0, _navigatereducer.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 (0, _navigatereducer.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 = (0, _applyrouterstatepatchtotree.applyRouterStatePatchToTree)(// TODO-APP: remove ''
[
""
], currentTree, treePatch);
if (newTree === null) {
throw new Error("SEGMENT MISMATCH");
}
if ((0, _isnavigatingtonewrootlayout.isNavigatingToNewRootLayout)(currentTree, newTree)) {
return (0, _navigatereducer.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 = _approutercontext.CacheStates.READY;
cache.subTreeData = subTreeData;
(0, _filllazyitemstillleafwithhead.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 = (0, _createhreffromurl.createHrefFromUrl)(redirectLocation, false);
mutable.canonicalUrl = newHref;
}
if (!mutable.actionResultResolved) {
resolve(actionResult);
mutable.actionResultResolved = true;
}
return (0, _handlemutable.handleMutable)(state, mutable);
} catch (e) {
if (e.status === "rejected") {
if (!mutable.actionResultResolved) {
reject(e.value);
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;
}
}
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=server-action-reducer.js.map