"use client"; // @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"); import { NEXT_ROUTER_PREFETCH, NEXT_ROUTER_STATE_TREE, NEXT_RSC_UNION_QUERY, NEXT_URL, RSC, RSC_CONTENT_TYPE_HEADER } from "../app-router-headers"; import { urlToUrlWithoutFlightMarker } from "../app-router"; import { callServer } from "../../app-call-server"; import { PrefetchKind } from "./router-reducer-types"; import { hexHash } from "../../../shared/lib/hash"; function doMpaNavigation(url) { return [ urlToUrlWithoutFlightMarker(url).toString(), undefined ]; } /** * Fetch the flight data for the provided url. Takes in the current router state to decide what to render server-side. */ export async function fetchServerResponse(url, flightRouterState, nextUrl, currentBuildId, prefetchKind) { const headers = { // Enable flight response [RSC]: "1", // Provide the current router state [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 === PrefetchKind.AUTO) { headers[NEXT_ROUTER_PREFETCH] = "1"; } if (nextUrl) { headers[NEXT_URL] = nextUrl; } const uniqueCacheQuery = hexHash([ headers[NEXT_ROUTER_PREFETCH] || "0", headers[NEXT_ROUTER_STATE_TREE], headers[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(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 = urlToUrlWithoutFlightMarker(res.url); const canonicalUrl = res.redirected ? responseUrl : undefined; const contentType = res.headers.get("content-type") || ""; let isFlightResponse = contentType === 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 }); 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 ]; } } //# sourceMappingURL=fetch-server-response.js.map