"use client"; "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "fetchServerResponse", { enumerable: true, get: function() { return fetchServerResponse; } }); const _approuterheaders = require("../app-router-headers"); const _approuter = require("../app-router"); const _appcallserver = require("../../app-call-server"); const _routerreducertypes = require("./router-reducer-types"); const _hash = require("../../../shared/lib/hash"); // @ts-ignore // eslint-disable-next-line import/no-extraneous-dependencies // import { createFromFetch } from 'react-server-dom-webpack/client' const { createFromFetch } = !!process.env.NEXT_RUNTIME ? require("react-server-dom-webpack/client.edge") : require("react-server-dom-webpack/client"); function doMpaNavigation(url) { return [ (0, _approuter.urlToUrlWithoutFlightMarker)(url).toString(), undefined ]; } async function fetchServerResponse(url, flightRouterState, nextUrl, currentBuildId, prefetchKind) { const headers = { // Enable flight response [_approuterheaders.RSC]: "1", // Provide the current router state [_approuterheaders.NEXT_ROUTER_STATE_TREE]: encodeURIComponent(JSON.stringify(flightRouterState)) }; /** * Three cases: * - `prefetchKind` is `undefined`, it means it's a normal navigation, so we want to prefetch the page data fully * - `prefetchKind` is `full` - we want to prefetch the whole page so same as above * - `prefetchKind` is `auto` - if the page is dynamic, prefetch the page data partially, if static prefetch the page data fully */ if (prefetchKind === _routerreducertypes.PrefetchKind.AUTO) { headers[_approuterheaders.NEXT_ROUTER_PREFETCH] = "1"; } if (nextUrl) { headers[_approuterheaders.NEXT_URL] = nextUrl; } const uniqueCacheQuery = (0, _hash.hexHash)([ headers[_approuterheaders.NEXT_ROUTER_PREFETCH] || "0", headers[_approuterheaders.NEXT_ROUTER_STATE_TREE], headers[_approuterheaders.NEXT_URL] ].join(",")); try { let fetchUrl = new URL(url); if (process.env.NODE_ENV === "production") { if (process.env.__NEXT_CONFIG_OUTPUT === "export") { if (fetchUrl.pathname.endsWith("/")) { fetchUrl.pathname += "index.txt"; } else { fetchUrl.pathname += ".txt"; } } } // Add unique cache query to avoid caching conflicts on CDN which don't respect to Vary header fetchUrl.searchParams.set(_approuterheaders.NEXT_RSC_UNION_QUERY, uniqueCacheQuery); const res = await fetch(fetchUrl, { // Backwards compat for older browsers. `same-origin` is the default in modern browsers. credentials: "same-origin", headers }); const responseUrl = (0, _approuter.urlToUrlWithoutFlightMarker)(res.url); const canonicalUrl = res.redirected ? responseUrl : undefined; const contentType = res.headers.get("content-type") || ""; let isFlightResponse = contentType === _approuterheaders.RSC_CONTENT_TYPE_HEADER; if (process.env.NODE_ENV === "production") { if (process.env.__NEXT_CONFIG_OUTPUT === "export") { if (!isFlightResponse) { isFlightResponse = contentType.startsWith("text/plain"); } } } // If fetch returns something different than flight response handle it like a mpa navigation // If the fetch was not 200, we also handle it like a mpa navigation if (!isFlightResponse || !res.ok) { return doMpaNavigation(responseUrl.toString()); } // Handle the `fetch` readable stream that can be unwrapped by `React.use`. const [buildId, flightData] = await createFromFetch(Promise.resolve(res), { callServer: _appcallserver.callServer }); if (currentBuildId !== buildId) { return doMpaNavigation(res.url); } return [ flightData, canonicalUrl ]; } catch (err) { console.error("Failed to fetch RSC payload. Falling back to browser navigation.", err); // If fetch fails handle it like a mpa navigation // TODO-APP: Add a test for the case where a CORS request fails, e.g. external url redirect coming from the response. // See https://github.com/vercel/next.js/issues/43605#issuecomment-1451617521 for a reproduction. return [ url.toString(), undefined ]; } } 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=fetch-server-response.js.map