114 lines
5.0 KiB
JavaScript
114 lines
5.0 KiB
JavaScript
"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
|