DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
270 lines
No EOL
14 KiB
Text
270 lines
No EOL
14 KiB
Text
import { callServer } from '../../../app-call-server';
|
|
import { findSourceMapURL } from '../../../app-find-source-map-url';
|
|
import { ACTION_HEADER, NEXT_ACTION_NOT_FOUND_HEADER, NEXT_IS_PRERENDER_HEADER, NEXT_HTML_REQUEST_ID_HEADER, NEXT_ROUTER_STATE_TREE_HEADER, NEXT_URL, RSC_CONTENT_TYPE_HEADER, NEXT_REQUEST_ID_HEADER } from '../../app-router-headers';
|
|
import { UnrecognizedActionError } from '../../unrecognized-action-error';
|
|
// TODO: Explicitly import from client.browser
|
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
import { createFromFetch as createFromFetchBrowser, createTemporaryReferenceSet, encodeReply } from 'react-server-dom-webpack/client';
|
|
import { assignLocation } from '../../../assign-location';
|
|
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 { handleMutable } from '../handle-mutable';
|
|
import { fillLazyItemsTillLeafWithHead } from '../fill-lazy-items-till-leaf-with-head';
|
|
import { createEmptyCacheNode } from '../../app-router';
|
|
import { hasInterceptionRouteInCurrentTree } from './has-interception-route-in-current-tree';
|
|
import { handleSegmentMismatch } from '../handle-segment-mismatch';
|
|
import { refreshInactiveParallelSegments } from '../refetch-inactive-parallel-segments';
|
|
import { normalizeFlightData, prepareFlightRouterStateForRequest } from '../../../flight-data-helpers';
|
|
import { getRedirectError } from '../../redirect';
|
|
import { RedirectType } from '../../redirect-error';
|
|
import { removeBasePath } from '../../../remove-base-path';
|
|
import { hasBasePath } from '../../../has-base-path';
|
|
import { extractInfoFromServerReferenceId, omitUnusedArgs } from '../../../../shared/lib/server-reference-info';
|
|
import { revalidateEntireCache } from '../../segment-cache';
|
|
const createFromFetch = createFromFetchBrowser;
|
|
let createDebugChannel;
|
|
if (process.env.NODE_ENV !== 'production' && process.env.__NEXT_REACT_DEBUG_CHANNEL) {
|
|
createDebugChannel = require('../../../dev/debug-channel').createDebugChannel;
|
|
}
|
|
async function fetchServerAction(state, nextUrl, { actionId, actionArgs }) {
|
|
const temporaryReferences = createTemporaryReferenceSet();
|
|
const info = extractInfoFromServerReferenceId(actionId);
|
|
// TODO: Currently, we're only omitting unused args for the experimental "use
|
|
// cache" functions. Once the server reference info byte feature is stable, we
|
|
// should apply this to server actions as well.
|
|
const usedArgs = info.type === 'use-cache' ? omitUnusedArgs(actionArgs, info) : actionArgs;
|
|
const body = await encodeReply(usedArgs, {
|
|
temporaryReferences
|
|
});
|
|
const headers = {
|
|
Accept: RSC_CONTENT_TYPE_HEADER,
|
|
[ACTION_HEADER]: actionId,
|
|
[NEXT_ROUTER_STATE_TREE_HEADER]: prepareFlightRouterStateForRequest(state.tree)
|
|
};
|
|
if (process.env.NEXT_DEPLOYMENT_ID) {
|
|
headers['x-deployment-id'] = process.env.NEXT_DEPLOYMENT_ID;
|
|
}
|
|
if (nextUrl) {
|
|
headers[NEXT_URL] = nextUrl;
|
|
}
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
if (self.__next_r) {
|
|
headers[NEXT_HTML_REQUEST_ID_HEADER] = self.__next_r;
|
|
}
|
|
// Create a new request ID for the server action request. The server uses
|
|
// this to tag debug information sent via WebSocket to the client, which
|
|
// then routes those chunks to the debug channel associated with this ID.
|
|
headers[NEXT_REQUEST_ID_HEADER] = crypto.getRandomValues(new Uint32Array(1))[0].toString(16);
|
|
}
|
|
const res = await fetch(state.canonicalUrl, {
|
|
method: 'POST',
|
|
headers,
|
|
body
|
|
});
|
|
// Handle server actions that the server didn't recognize.
|
|
const unrecognizedActionHeader = res.headers.get(NEXT_ACTION_NOT_FOUND_HEADER);
|
|
if (unrecognizedActionHeader === '1') {
|
|
throw Object.defineProperty(new UnrecognizedActionError(`Server Action "${actionId}" was not found on the server. \nRead more: https://nextjs.org/docs/messages/failed-to-find-server-action`), "__NEXT_ERROR_CODE", {
|
|
value: "E715",
|
|
enumerable: false,
|
|
configurable: true
|
|
});
|
|
}
|
|
const redirectHeader = res.headers.get('x-action-redirect');
|
|
const [location, _redirectType] = redirectHeader?.split(';') || [];
|
|
let redirectType;
|
|
switch(_redirectType){
|
|
case 'push':
|
|
redirectType = RedirectType.push;
|
|
break;
|
|
case 'replace':
|
|
redirectType = RedirectType.replace;
|
|
break;
|
|
default:
|
|
redirectType = undefined;
|
|
}
|
|
const isPrerender = !!res.headers.get(NEXT_IS_PRERENDER_HEADER);
|
|
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 = NO_REVALIDATED_PARTS;
|
|
}
|
|
const redirectLocation = location ? assignLocation(location, new URL(state.canonicalUrl, window.location.href)) : undefined;
|
|
const contentType = res.headers.get('content-type');
|
|
const isRscResponse = !!(contentType && contentType.startsWith(RSC_CONTENT_TYPE_HEADER));
|
|
// Handle invalid server action responses.
|
|
// A valid response must have `content-type: text/x-component`, unless it's an external redirect.
|
|
// (external redirects have an 'x-action-redirect' header, but the body is an empty 'text/plain')
|
|
if (!isRscResponse && !redirectLocation) {
|
|
// The server can respond with a text/plain error message, but we'll fallback to something generic
|
|
// if there isn't one.
|
|
const message = res.status >= 400 && contentType === 'text/plain' ? await res.text() : 'An unexpected response was received from the server.';
|
|
throw Object.defineProperty(new Error(message), "__NEXT_ERROR_CODE", {
|
|
value: "E394",
|
|
enumerable: false,
|
|
configurable: true
|
|
});
|
|
}
|
|
let actionResult;
|
|
let actionFlightData;
|
|
if (isRscResponse) {
|
|
const response = await createFromFetch(Promise.resolve(res), {
|
|
callServer,
|
|
findSourceMapURL,
|
|
temporaryReferences,
|
|
debugChannel: createDebugChannel && createDebugChannel(headers)
|
|
});
|
|
// An internal redirect can send an RSC response, but does not have a useful `actionResult`.
|
|
actionResult = redirectLocation ? undefined : response.a;
|
|
actionFlightData = normalizeFlightData(response.f);
|
|
} else {
|
|
// An external redirect doesn't contain RSC data.
|
|
actionResult = undefined;
|
|
actionFlightData = undefined;
|
|
}
|
|
return {
|
|
actionResult,
|
|
actionFlightData,
|
|
redirectLocation,
|
|
redirectType,
|
|
revalidatedParts,
|
|
isPrerender
|
|
};
|
|
}
|
|
const NO_REVALIDATED_PARTS = {
|
|
paths: [],
|
|
tag: false,
|
|
cookie: false
|
|
};
|
|
/*
|
|
* 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 { resolve, reject } = action;
|
|
const mutable = {};
|
|
let currentTree = state.tree;
|
|
mutable.preserveCustomHistoryState = false;
|
|
// only pass along the `nextUrl` param (used for interception routes) if the current route was intercepted.
|
|
// If the route has been intercepted, the action should be as well.
|
|
// Otherwise the server action might be intercepted with the wrong action id
|
|
// (ie, one that corresponds with the intercepted route)
|
|
const nextUrl = // We always send the last next-url, not the current when
|
|
// performing a dynamic request. This is because we update
|
|
// the next-url after a navigation, but we want the same
|
|
// interception route to be matched that used the last
|
|
// next-url.
|
|
(state.previousNextUrl || state.nextUrl) && hasInterceptionRouteInCurrentTree(state.tree) ? state.previousNextUrl || state.nextUrl : null;
|
|
const navigatedAt = Date.now();
|
|
return fetchServerAction(state, nextUrl, action).then(async ({ actionResult, actionFlightData: flightData, redirectLocation, redirectType, revalidatedParts })=>{
|
|
let redirectHref;
|
|
// honor the redirect type instead of defaulting to push in case of server actions.
|
|
if (redirectLocation) {
|
|
if (redirectType === RedirectType.replace) {
|
|
state.pushRef.pendingPush = false;
|
|
mutable.pendingPush = false;
|
|
} else {
|
|
state.pushRef.pendingPush = true;
|
|
mutable.pendingPush = true;
|
|
}
|
|
redirectHref = createHrefFromUrl(redirectLocation, false);
|
|
mutable.canonicalUrl = redirectHref;
|
|
}
|
|
if (!flightData) {
|
|
resolve(actionResult);
|
|
// 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`
|
|
resolve(actionResult);
|
|
return handleExternalUrl(state, mutable, flightData, state.pushRef.pendingPush);
|
|
}
|
|
const actionRevalidated = revalidatedParts.paths.length > 0 || revalidatedParts.tag || revalidatedParts.cookie;
|
|
// Store whether this action triggered any revalidation
|
|
// The action queue will use this information to potentially
|
|
// trigger a refresh action if the action was discarded
|
|
// (ie, due to a navigation, before the action completed)
|
|
if (actionRevalidated) {
|
|
action.didRevalidate = true;
|
|
}
|
|
for (const normalizedFlightData of flightData){
|
|
const { tree: treePatch, seedData: cacheNodeSeedData, head, isRootRender } = normalizedFlightData;
|
|
if (!isRootRender) {
|
|
// TODO-APP: handle this case better
|
|
console.log('SERVER ACTION APPLY FAILED');
|
|
resolve(actionResult);
|
|
return state;
|
|
}
|
|
// Given the path can only have two items the items are only the router state and rsc for the root.
|
|
const newTree = applyRouterStatePatchToTree(// TODO-APP: remove ''
|
|
[
|
|
''
|
|
], currentTree, treePatch, redirectHref ? redirectHref : state.canonicalUrl);
|
|
if (newTree === null) {
|
|
resolve(actionResult);
|
|
return handleSegmentMismatch(state, action, treePatch);
|
|
}
|
|
if (isNavigatingToNewRootLayout(currentTree, newTree)) {
|
|
resolve(actionResult);
|
|
return handleExternalUrl(state, mutable, redirectHref || state.canonicalUrl, state.pushRef.pendingPush);
|
|
}
|
|
// The server sent back RSC data for the server action, so we need to apply it to the cache.
|
|
if (cacheNodeSeedData !== null) {
|
|
const rsc = cacheNodeSeedData[0];
|
|
const cache = createEmptyCacheNode();
|
|
cache.rsc = rsc;
|
|
cache.prefetchRsc = null;
|
|
cache.loading = cacheNodeSeedData[2];
|
|
fillLazyItemsTillLeafWithHead(navigatedAt, cache, // Existing cache is not passed in as server actions have to invalidate the entire cache.
|
|
undefined, treePatch, cacheNodeSeedData, head);
|
|
mutable.cache = cache;
|
|
revalidateEntireCache(state.nextUrl, newTree);
|
|
if (actionRevalidated) {
|
|
await refreshInactiveParallelSegments({
|
|
navigatedAt,
|
|
state,
|
|
updatedTree: newTree,
|
|
updatedCache: cache,
|
|
includeNextUrl: Boolean(nextUrl),
|
|
canonicalUrl: mutable.canonicalUrl || state.canonicalUrl
|
|
});
|
|
}
|
|
}
|
|
mutable.patchedTree = newTree;
|
|
currentTree = newTree;
|
|
}
|
|
if (redirectLocation && redirectHref) {
|
|
// If the action triggered a redirect, the action promise will be rejected with
|
|
// a redirect so that it's handled by RedirectBoundary as we won't have a valid
|
|
// action result to resolve the promise with. This will effectively reset the state of
|
|
// the component that called the action as the error boundary will remount the tree.
|
|
// The status code doesn't matter here as the action handler will have already sent
|
|
// a response with the correct status code.
|
|
reject(getRedirectError(hasBasePath(redirectHref) ? removeBasePath(redirectHref) : redirectHref, redirectType || RedirectType.push));
|
|
// TODO: Investigate why this is needed with Activity.
|
|
if (process.env.__NEXT_CACHE_COMPONENTS) {
|
|
return state;
|
|
}
|
|
} else {
|
|
resolve(actionResult);
|
|
}
|
|
return handleMutable(state, mutable);
|
|
}, (e)=>{
|
|
// When the server action is rejected we don't update the state and instead call the reject handler of the promise.
|
|
reject(e);
|
|
return state;
|
|
});
|
|
}
|
|
|
|
//# sourceMappingURL=server-action-reducer.js.map |