react-router
Version:
Declarative routing for React
1,584 lines (1,562 loc) • 84.7 kB
JavaScript
/**
* react-router v7.7.0
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
import {
ENABLE_DEV_WARNINGS,
ErrorResponseImpl,
FrameworkContext,
NO_BODY_STATUS_CODES,
Outlet,
RSCRouterContext,
RemixErrorBoundary,
RouterProvider,
SINGLE_FETCH_REDIRECT_STATUS,
SingleFetchRedirectSymbol,
StaticRouterProvider,
StreamTransfer,
convertRoutesToDataRoutes,
createBrowserHistory,
createMemoryRouter,
createRequestInit,
createRouter,
createServerRoutes,
createStaticHandler,
createStaticRouter,
decodeViaTurboStream,
encode,
getManifestPath,
getSingleFetchDataStrategyImpl,
getStaticContextFromError,
invariant,
isDataWithResponseInit,
isMutationMethod,
isRedirectResponse,
isRedirectStatusCode,
isResponse,
isRouteErrorResponse,
matchRoutes,
noActionDefinedError,
redirect,
redirectDocument,
replace,
shouldHydrateRouteLoader,
singleFetchUrl,
stripBasename,
stripIndexParam,
unstable_RouterContextProvider,
unstable_createContext,
useRouteError,
warnOnce,
withComponentProps,
withErrorBoundaryProps,
withHydrateFallbackProps
} from "./chunk-EF7DTUVF.mjs";
// lib/dom/ssr/server.tsx
import * as React from "react";
function ServerRouter({
context,
url,
nonce
}) {
if (typeof url === "string") {
url = new URL(url);
}
let { manifest, routeModules, criticalCss, serverHandoffString } = context;
let routes = createServerRoutes(
manifest.routes,
routeModules,
context.future,
context.isSpaMode
);
context.staticHandlerContext.loaderData = {
...context.staticHandlerContext.loaderData
};
for (let match of context.staticHandlerContext.matches) {
let routeId = match.route.id;
let route = routeModules[routeId];
let manifestRoute = context.manifest.routes[routeId];
if (route && manifestRoute && shouldHydrateRouteLoader(
routeId,
route.clientLoader,
manifestRoute.hasLoader,
context.isSpaMode
) && (route.HydrateFallback || !manifestRoute.hasLoader)) {
delete context.staticHandlerContext.loaderData[routeId];
}
}
let router = createStaticRouter(routes, context.staticHandlerContext);
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
FrameworkContext.Provider,
{
value: {
manifest,
routeModules,
criticalCss,
serverHandoffString,
future: context.future,
ssr: context.ssr,
isSpaMode: context.isSpaMode,
routeDiscovery: context.routeDiscovery,
serializeError: context.serializeError,
renderMeta: context.renderMeta
}
},
/* @__PURE__ */ React.createElement(RemixErrorBoundary, { location: router.state.location }, /* @__PURE__ */ React.createElement(
StaticRouterProvider,
{
router,
context: context.staticHandlerContext,
hydrate: false
}
))
), context.serverHandoffStream ? /* @__PURE__ */ React.createElement(React.Suspense, null, /* @__PURE__ */ React.createElement(
StreamTransfer,
{
context,
identifier: 0,
reader: context.serverHandoffStream.getReader(),
textDecoder: new TextDecoder(),
nonce
}
)) : null);
}
// lib/dom/ssr/routes-test-stub.tsx
import * as React2 from "react";
function createRoutesStub(routes, _context) {
return function RoutesTestStub({
initialEntries,
initialIndex,
hydrationData,
future
}) {
let routerRef = React2.useRef();
let frameworkContextRef = React2.useRef();
if (routerRef.current == null) {
frameworkContextRef.current = {
future: {
unstable_subResourceIntegrity: future?.unstable_subResourceIntegrity === true,
unstable_middleware: future?.unstable_middleware === true
},
manifest: {
routes: {},
entry: { imports: [], module: "" },
url: "",
version: ""
},
routeModules: {},
ssr: false,
isSpaMode: false,
routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" }
};
let patched = processRoutes(
// @ts-expect-error `StubRouteObject` is stricter about `loader`/`action`
// types compared to `AgnosticRouteObject`
convertRoutesToDataRoutes(routes, (r) => r),
_context !== void 0 ? _context : future?.unstable_middleware ? new unstable_RouterContextProvider() : {},
frameworkContextRef.current.manifest,
frameworkContextRef.current.routeModules
);
routerRef.current = createMemoryRouter(patched, {
initialEntries,
initialIndex,
hydrationData
});
}
return /* @__PURE__ */ React2.createElement(FrameworkContext.Provider, { value: frameworkContextRef.current }, /* @__PURE__ */ React2.createElement(RouterProvider, { router: routerRef.current }));
};
}
function processRoutes(routes, context, manifest, routeModules, parentId) {
return routes.map((route) => {
if (!route.id) {
throw new Error(
"Expected a route.id in react-router processRoutes() function"
);
}
let newRoute = {
id: route.id,
path: route.path,
index: route.index,
Component: route.Component ? withComponentProps(route.Component) : void 0,
HydrateFallback: route.HydrateFallback ? withHydrateFallbackProps(route.HydrateFallback) : void 0,
ErrorBoundary: route.ErrorBoundary ? withErrorBoundaryProps(route.ErrorBoundary) : void 0,
action: route.action ? (args) => route.action({ ...args, context }) : void 0,
loader: route.loader ? (args) => route.loader({ ...args, context }) : void 0,
handle: route.handle,
shouldRevalidate: route.shouldRevalidate
};
let entryRoute = {
id: route.id,
path: route.path,
index: route.index,
parentId,
hasAction: route.action != null,
hasLoader: route.loader != null,
// When testing routes, you should be stubbing loader/action/middleware,
// not trying to re-implement the full loader/clientLoader/SSR/hydration
// flow. That is better tested via E2E tests.
hasClientAction: false,
hasClientLoader: false,
hasClientMiddleware: false,
hasErrorBoundary: route.ErrorBoundary != null,
// any need for these?
module: "build/stub-path-to-module.js",
clientActionModule: void 0,
clientLoaderModule: void 0,
clientMiddlewareModule: void 0,
hydrateFallbackModule: void 0
};
manifest.routes[newRoute.id] = entryRoute;
routeModules[route.id] = {
default: newRoute.Component || Outlet,
ErrorBoundary: newRoute.ErrorBoundary || void 0,
handle: route.handle,
links: route.links,
meta: route.meta,
shouldRevalidate: route.shouldRevalidate
};
if (route.children) {
newRoute.children = processRoutes(
route.children,
context,
manifest,
routeModules,
newRoute.id
);
}
return newRoute;
});
}
// lib/server-runtime/cookies.ts
import { parse, serialize } from "cookie";
// lib/server-runtime/crypto.ts
var encoder = /* @__PURE__ */ new TextEncoder();
var sign = async (value, secret) => {
let data2 = encoder.encode(value);
let key = await createKey(secret, ["sign"]);
let signature = await crypto.subtle.sign("HMAC", key, data2);
let hash = btoa(String.fromCharCode(...new Uint8Array(signature))).replace(
/=+$/,
""
);
return value + "." + hash;
};
var unsign = async (cookie, secret) => {
let index = cookie.lastIndexOf(".");
let value = cookie.slice(0, index);
let hash = cookie.slice(index + 1);
let data2 = encoder.encode(value);
let key = await createKey(secret, ["verify"]);
try {
let signature = byteStringToUint8Array(atob(hash));
let valid = await crypto.subtle.verify("HMAC", key, signature, data2);
return valid ? value : false;
} catch (error) {
return false;
}
};
var createKey = async (secret, usages) => crypto.subtle.importKey(
"raw",
encoder.encode(secret),
{ name: "HMAC", hash: "SHA-256" },
false,
usages
);
function byteStringToUint8Array(byteString) {
let array = new Uint8Array(byteString.length);
for (let i = 0; i < byteString.length; i++) {
array[i] = byteString.charCodeAt(i);
}
return array;
}
// lib/server-runtime/cookies.ts
var createCookie = (name, cookieOptions = {}) => {
let { secrets = [], ...options } = {
path: "/",
sameSite: "lax",
...cookieOptions
};
warnOnceAboutExpiresCookie(name, options.expires);
return {
get name() {
return name;
},
get isSigned() {
return secrets.length > 0;
},
get expires() {
return typeof options.maxAge !== "undefined" ? new Date(Date.now() + options.maxAge * 1e3) : options.expires;
},
async parse(cookieHeader, parseOptions) {
if (!cookieHeader) return null;
let cookies = parse(cookieHeader, { ...options, ...parseOptions });
if (name in cookies) {
let value = cookies[name];
if (typeof value === "string" && value !== "") {
let decoded = await decodeCookieValue(value, secrets);
return decoded;
} else {
return "";
}
} else {
return null;
}
},
async serialize(value, serializeOptions) {
return serialize(
name,
value === "" ? "" : await encodeCookieValue(value, secrets),
{
...options,
...serializeOptions
}
);
}
};
};
var isCookie = (object) => {
return object != null && typeof object.name === "string" && typeof object.isSigned === "boolean" && typeof object.parse === "function" && typeof object.serialize === "function";
};
async function encodeCookieValue(value, secrets) {
let encoded = encodeData(value);
if (secrets.length > 0) {
encoded = await sign(encoded, secrets[0]);
}
return encoded;
}
async function decodeCookieValue(value, secrets) {
if (secrets.length > 0) {
for (let secret of secrets) {
let unsignedValue = await unsign(value, secret);
if (unsignedValue !== false) {
return decodeData(unsignedValue);
}
}
return null;
}
return decodeData(value);
}
function encodeData(value) {
return btoa(myUnescape(encodeURIComponent(JSON.stringify(value))));
}
function decodeData(value) {
try {
return JSON.parse(decodeURIComponent(myEscape(atob(value))));
} catch (error) {
return {};
}
}
function myEscape(value) {
let str = value.toString();
let result = "";
let index = 0;
let chr, code;
while (index < str.length) {
chr = str.charAt(index++);
if (/[\w*+\-./@]/.exec(chr)) {
result += chr;
} else {
code = chr.charCodeAt(0);
if (code < 256) {
result += "%" + hex(code, 2);
} else {
result += "%u" + hex(code, 4).toUpperCase();
}
}
}
return result;
}
function hex(code, length) {
let result = code.toString(16);
while (result.length < length) result = "0" + result;
return result;
}
function myUnescape(value) {
let str = value.toString();
let result = "";
let index = 0;
let chr, part;
while (index < str.length) {
chr = str.charAt(index++);
if (chr === "%") {
if (str.charAt(index) === "u") {
part = str.slice(index + 1, index + 5);
if (/^[\da-f]{4}$/i.exec(part)) {
result += String.fromCharCode(parseInt(part, 16));
index += 5;
continue;
}
} else {
part = str.slice(index, index + 2);
if (/^[\da-f]{2}$/i.exec(part)) {
result += String.fromCharCode(parseInt(part, 16));
index += 2;
continue;
}
}
}
result += chr;
}
return result;
}
function warnOnceAboutExpiresCookie(name, expires) {
warnOnce(
!expires,
`The "${name}" cookie has an "expires" property set. This will cause the expires value to not be updated when the session is committed. Instead, you should set the expires value when serializing the cookie. You can use \`commitSession(session, { expires })\` if using a session storage object, or \`cookie.serialize("value", { expires })\` if you're using the cookie directly.`
);
}
// lib/server-runtime/entry.ts
function createEntryRouteModules(manifest) {
return Object.keys(manifest).reduce((memo, routeId) => {
let route = manifest[routeId];
if (route) {
memo[routeId] = route.module;
}
return memo;
}, {});
}
// lib/server-runtime/mode.ts
var ServerMode = /* @__PURE__ */ ((ServerMode2) => {
ServerMode2["Development"] = "development";
ServerMode2["Production"] = "production";
ServerMode2["Test"] = "test";
return ServerMode2;
})(ServerMode || {});
function isServerMode(value) {
return value === "development" /* Development */ || value === "production" /* Production */ || value === "test" /* Test */;
}
// lib/server-runtime/errors.ts
function sanitizeError(error, serverMode) {
if (error instanceof Error && serverMode !== "development" /* Development */) {
let sanitized = new Error("Unexpected Server Error");
sanitized.stack = void 0;
return sanitized;
}
return error;
}
function sanitizeErrors(errors, serverMode) {
return Object.entries(errors).reduce((acc, [routeId, error]) => {
return Object.assign(acc, { [routeId]: sanitizeError(error, serverMode) });
}, {});
}
function serializeError(error, serverMode) {
let sanitized = sanitizeError(error, serverMode);
return {
message: sanitized.message,
stack: sanitized.stack
};
}
function serializeErrors(errors, serverMode) {
if (!errors) return null;
let entries = Object.entries(errors);
let serialized = {};
for (let [key, val] of entries) {
if (isRouteErrorResponse(val)) {
serialized[key] = { ...val, __type: "RouteErrorResponse" };
} else if (val instanceof Error) {
let sanitized = sanitizeError(val, serverMode);
serialized[key] = {
message: sanitized.message,
stack: sanitized.stack,
__type: "Error",
// If this is a subclass (i.e., ReferenceError), send up the type so we
// can re-create the same type during hydration. This will only apply
// in dev mode since all production errors are sanitized to normal
// Error instances
...sanitized.name !== "Error" ? {
__subType: sanitized.name
} : {}
};
} else {
serialized[key] = val;
}
}
return serialized;
}
// lib/server-runtime/routeMatching.ts
function matchServerRoutes(routes, pathname, basename) {
let matches = matchRoutes(
routes,
pathname,
basename
);
if (!matches) return null;
return matches.map((match) => ({
params: match.params,
pathname: match.pathname,
route: match.route
}));
}
// lib/server-runtime/data.ts
async function callRouteHandler(handler, args) {
let result = await handler({
request: stripRoutesParam(stripIndexParam2(args.request)),
params: args.params,
context: args.context
});
if (isDataWithResponseInit(result) && result.init && result.init.status && isRedirectStatusCode(result.init.status)) {
throw new Response(null, result.init);
}
return result;
}
function stripIndexParam2(request) {
let url = new URL(request.url);
let indexValues = url.searchParams.getAll("index");
url.searchParams.delete("index");
let indexValuesToKeep = [];
for (let indexValue of indexValues) {
if (indexValue) {
indexValuesToKeep.push(indexValue);
}
}
for (let toKeep of indexValuesToKeep) {
url.searchParams.append("index", toKeep);
}
let init = {
method: request.method,
body: request.body,
headers: request.headers,
signal: request.signal
};
if (init.body) {
init.duplex = "half";
}
return new Request(url.href, init);
}
function stripRoutesParam(request) {
let url = new URL(request.url);
url.searchParams.delete("_routes");
let init = {
method: request.method,
body: request.body,
headers: request.headers,
signal: request.signal
};
if (init.body) {
init.duplex = "half";
}
return new Request(url.href, init);
}
// lib/server-runtime/invariant.ts
function invariant2(value, message) {
if (value === false || value === null || typeof value === "undefined") {
console.error(
"The following error is a bug in React Router; please open an issue! https://github.com/remix-run/react-router/issues/new/choose"
);
throw new Error(message);
}
}
// lib/server-runtime/dev.ts
var globalDevServerHooksKey = "__reactRouterDevServerHooks";
function setDevServerHooks(devServerHooks) {
globalThis[globalDevServerHooksKey] = devServerHooks;
}
function getDevServerHooks() {
return globalThis[globalDevServerHooksKey];
}
function getBuildTimeHeader(request, headerName) {
if (typeof process !== "undefined") {
try {
if (process.env?.IS_RR_BUILD_REQUEST === "yes") {
return request.headers.get(headerName);
}
} catch (e) {
}
}
return null;
}
// lib/server-runtime/routes.ts
function groupRoutesByParentId(manifest) {
let routes = {};
Object.values(manifest).forEach((route) => {
if (route) {
let parentId = route.parentId || "";
if (!routes[parentId]) {
routes[parentId] = [];
}
routes[parentId].push(route);
}
});
return routes;
}
function createRoutes(manifest, parentId = "", routesByParentId = groupRoutesByParentId(manifest)) {
return (routesByParentId[parentId] || []).map((route) => ({
...route,
children: createRoutes(manifest, route.id, routesByParentId)
}));
}
function createStaticHandlerDataRoutes(manifest, future, parentId = "", routesByParentId = groupRoutesByParentId(manifest)) {
return (routesByParentId[parentId] || []).map((route) => {
let commonRoute = {
// Always include root due to default boundaries
hasErrorBoundary: route.id === "root" || route.module.ErrorBoundary != null,
id: route.id,
path: route.path,
unstable_middleware: route.module.unstable_middleware,
// Need to use RR's version in the param typed here to permit the optional
// context even though we know it'll always be provided in remix
loader: route.module.loader ? async (args) => {
let preRenderedData = getBuildTimeHeader(
args.request,
"X-React-Router-Prerender-Data"
);
if (preRenderedData != null) {
let encoded = preRenderedData ? decodeURI(preRenderedData) : preRenderedData;
invariant2(encoded, "Missing prerendered data for route");
let uint8array = new TextEncoder().encode(encoded);
let stream = new ReadableStream({
start(controller) {
controller.enqueue(uint8array);
controller.close();
}
});
let decoded = await decodeViaTurboStream(stream, global);
let data2 = decoded.value;
if (data2 && SingleFetchRedirectSymbol in data2) {
let result = data2[SingleFetchRedirectSymbol];
let init = { status: result.status };
if (result.reload) {
throw redirectDocument(result.redirect, init);
} else if (result.replace) {
throw replace(result.redirect, init);
} else {
throw redirect(result.redirect, init);
}
} else {
invariant2(
data2 && route.id in data2,
"Unable to decode prerendered data"
);
let result = data2[route.id];
invariant2(
"data" in result,
"Unable to process prerendered data"
);
return result.data;
}
}
let val = await callRouteHandler(route.module.loader, args);
return val;
} : void 0,
action: route.module.action ? (args) => callRouteHandler(route.module.action, args) : void 0,
handle: route.module.handle
};
return route.index ? {
index: true,
...commonRoute
} : {
caseSensitive: route.caseSensitive,
children: createStaticHandlerDataRoutes(
manifest,
future,
route.id,
routesByParentId
),
...commonRoute
};
});
}
// lib/server-runtime/markup.ts
var ESCAPE_LOOKUP = {
"&": "\\u0026",
">": "\\u003e",
"<": "\\u003c",
"\u2028": "\\u2028",
"\u2029": "\\u2029"
};
var ESCAPE_REGEX = /[&><\u2028\u2029]/g;
function escapeHtml(html) {
return html.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
}
// lib/server-runtime/serverHandoff.ts
function createServerHandoffString(serverHandoff) {
return escapeHtml(JSON.stringify(serverHandoff));
}
// lib/server-runtime/headers.ts
import { splitCookiesString } from "set-cookie-parser";
function getDocumentHeaders(context, build) {
return getDocumentHeadersImpl(context, (m) => {
let route = build.routes[m.route.id];
invariant2(route, `Route with id "${m.route.id}" not found in build`);
return route.module.headers;
});
}
function getDocumentHeadersImpl(context, getRouteHeadersFn) {
let boundaryIdx = context.errors ? context.matches.findIndex((m) => context.errors[m.route.id]) : -1;
let matches = boundaryIdx >= 0 ? context.matches.slice(0, boundaryIdx + 1) : context.matches;
let errorHeaders;
if (boundaryIdx >= 0) {
let { actionHeaders, actionData, loaderHeaders, loaderData } = context;
context.matches.slice(boundaryIdx).some((match) => {
let id = match.route.id;
if (actionHeaders[id] && (!actionData || !actionData.hasOwnProperty(id))) {
errorHeaders = actionHeaders[id];
} else if (loaderHeaders[id] && !loaderData.hasOwnProperty(id)) {
errorHeaders = loaderHeaders[id];
}
return errorHeaders != null;
});
}
return matches.reduce((parentHeaders, match, idx) => {
let { id } = match.route;
let loaderHeaders = context.loaderHeaders[id] || new Headers();
let actionHeaders = context.actionHeaders[id] || new Headers();
let includeErrorHeaders = errorHeaders != null && idx === matches.length - 1;
let includeErrorCookies = includeErrorHeaders && errorHeaders !== loaderHeaders && errorHeaders !== actionHeaders;
let headersFn = getRouteHeadersFn(match);
if (headersFn == null) {
let headers2 = new Headers(parentHeaders);
if (includeErrorCookies) {
prependCookies(errorHeaders, headers2);
}
prependCookies(actionHeaders, headers2);
prependCookies(loaderHeaders, headers2);
return headers2;
}
let headers = new Headers(
typeof headersFn === "function" ? headersFn({
loaderHeaders,
parentHeaders,
actionHeaders,
errorHeaders: includeErrorHeaders ? errorHeaders : void 0
}) : headersFn
);
if (includeErrorCookies) {
prependCookies(errorHeaders, headers);
}
prependCookies(actionHeaders, headers);
prependCookies(loaderHeaders, headers);
prependCookies(parentHeaders, headers);
return headers;
}, new Headers());
}
function prependCookies(parentHeaders, childHeaders) {
let parentSetCookieString = parentHeaders.get("Set-Cookie");
if (parentSetCookieString) {
let cookies = splitCookiesString(parentSetCookieString);
let childCookies = new Set(childHeaders.getSetCookie());
cookies.forEach((cookie) => {
if (!childCookies.has(cookie)) {
childHeaders.append("Set-Cookie", cookie);
}
});
}
}
// lib/server-runtime/single-fetch.ts
var SERVER_NO_BODY_STATUS_CODES = /* @__PURE__ */ new Set([
...NO_BODY_STATUS_CODES,
304
]);
async function singleFetchAction(build, serverMode, staticHandler, request, handlerUrl, loadContext, handleError) {
try {
let respond2 = function(context) {
let headers = getDocumentHeaders(context, build);
if (isRedirectStatusCode(context.statusCode) && headers.has("Location")) {
return generateSingleFetchResponse(request, build, serverMode, {
result: getSingleFetchRedirect(
context.statusCode,
headers,
build.basename
),
headers,
status: SINGLE_FETCH_REDIRECT_STATUS
});
}
if (context.errors) {
Object.values(context.errors).forEach((err) => {
if (!isRouteErrorResponse(err) || err.error) {
handleError(err);
}
});
context.errors = sanitizeErrors(context.errors, serverMode);
}
let singleFetchResult;
if (context.errors) {
singleFetchResult = { error: Object.values(context.errors)[0] };
} else {
singleFetchResult = {
data: Object.values(context.actionData || {})[0]
};
}
return generateSingleFetchResponse(request, build, serverMode, {
result: singleFetchResult,
headers,
status: context.statusCode
});
};
var respond = respond2;
let handlerRequest = new Request(handlerUrl, {
method: request.method,
body: request.body,
headers: request.headers,
signal: request.signal,
...request.body ? { duplex: "half" } : void 0
});
let result = await staticHandler.query(handlerRequest, {
requestContext: loadContext,
skipLoaderErrorBubbling: true,
skipRevalidation: true,
unstable_respond: respond2
});
if (!isResponse(result)) {
result = respond2(result);
}
if (isRedirectResponse(result)) {
return generateSingleFetchResponse(request, build, serverMode, {
result: getSingleFetchRedirect(
result.status,
result.headers,
build.basename
),
headers: result.headers,
status: SINGLE_FETCH_REDIRECT_STATUS
});
}
return result;
} catch (error) {
handleError(error);
return generateSingleFetchResponse(request, build, serverMode, {
result: { error },
headers: new Headers(),
status: 500
});
}
}
async function singleFetchLoaders(build, serverMode, staticHandler, request, handlerUrl, loadContext, handleError) {
try {
let respond2 = function(context) {
let headers = getDocumentHeaders(context, build);
if (isRedirectStatusCode(context.statusCode) && headers.has("Location")) {
return generateSingleFetchResponse(request, build, serverMode, {
result: {
[SingleFetchRedirectSymbol]: getSingleFetchRedirect(
context.statusCode,
headers,
build.basename
)
},
headers,
status: SINGLE_FETCH_REDIRECT_STATUS
});
}
if (context.errors) {
Object.values(context.errors).forEach((err) => {
if (!isRouteErrorResponse(err) || err.error) {
handleError(err);
}
});
context.errors = sanitizeErrors(context.errors, serverMode);
}
let results = {};
let loadedMatches = new Set(
context.matches.filter(
(m) => loadRouteIds ? loadRouteIds.has(m.route.id) : m.route.loader != null
).map((m) => m.route.id)
);
if (context.errors) {
for (let [id, error] of Object.entries(context.errors)) {
results[id] = { error };
}
}
for (let [id, data2] of Object.entries(context.loaderData)) {
if (!(id in results) && loadedMatches.has(id)) {
results[id] = { data: data2 };
}
}
return generateSingleFetchResponse(request, build, serverMode, {
result: results,
headers,
status: context.statusCode
});
};
var respond = respond2;
let handlerRequest = new Request(handlerUrl, {
headers: request.headers,
signal: request.signal
});
let routesParam = new URL(request.url).searchParams.get("_routes");
let loadRouteIds = routesParam ? new Set(routesParam.split(",")) : null;
let result = await staticHandler.query(handlerRequest, {
requestContext: loadContext,
filterMatchesToLoad: (m) => !loadRouteIds || loadRouteIds.has(m.route.id),
skipLoaderErrorBubbling: true,
unstable_respond: respond2
});
if (!isResponse(result)) {
result = respond2(result);
}
if (isRedirectResponse(result)) {
return generateSingleFetchResponse(request, build, serverMode, {
result: {
[SingleFetchRedirectSymbol]: getSingleFetchRedirect(
result.status,
result.headers,
build.basename
)
},
headers: result.headers,
status: SINGLE_FETCH_REDIRECT_STATUS
});
}
return result;
} catch (error) {
handleError(error);
return generateSingleFetchResponse(request, build, serverMode, {
result: { root: { error } },
headers: new Headers(),
status: 500
});
}
}
function generateSingleFetchResponse(request, build, serverMode, {
result,
headers,
status
}) {
let resultHeaders = new Headers(headers);
resultHeaders.set("X-Remix-Response", "yes");
if (SERVER_NO_BODY_STATUS_CODES.has(status)) {
return new Response(null, { status, headers: resultHeaders });
}
resultHeaders.set("Content-Type", "text/x-script");
resultHeaders.delete("Content-Length");
return new Response(
encodeViaTurboStream(
result,
request.signal,
build.entry.module.streamTimeout,
serverMode
),
{
status: status || 200,
headers: resultHeaders
}
);
}
function getSingleFetchRedirect(status, headers, basename) {
let redirect2 = headers.get("Location");
if (basename) {
redirect2 = stripBasename(redirect2, basename) || redirect2;
}
return {
redirect: redirect2,
status,
revalidate: (
// Technically X-Remix-Revalidate isn't needed here - that was an implementation
// detail of ?_data requests as our way to tell the front end to revalidate when
// we didn't have a response body to include that information in.
// With single fetch, we tell the front end via this revalidate boolean field.
// However, we're respecting it for now because it may be something folks have
// used in their own responses
// TODO(v3): Consider removing or making this official public API
headers.has("X-Remix-Revalidate") || headers.has("Set-Cookie")
),
reload: headers.has("X-Remix-Reload-Document"),
replace: headers.has("X-Remix-Replace")
};
}
function encodeViaTurboStream(data2, requestSignal, streamTimeout, serverMode) {
let controller = new AbortController();
let timeoutId = setTimeout(
() => controller.abort(new Error("Server Timeout")),
typeof streamTimeout === "number" ? streamTimeout : 4950
);
requestSignal.addEventListener("abort", () => clearTimeout(timeoutId));
return encode(data2, {
signal: controller.signal,
plugins: [
(value) => {
if (value instanceof Error) {
let { name, message, stack } = serverMode === "production" /* Production */ ? sanitizeError(value, serverMode) : value;
return ["SanitizedError", name, message, stack];
}
if (value instanceof ErrorResponseImpl) {
let { data: data3, status, statusText } = value;
return ["ErrorResponse", data3, status, statusText];
}
if (value && typeof value === "object" && SingleFetchRedirectSymbol in value) {
return ["SingleFetchRedirect", value[SingleFetchRedirectSymbol]];
}
}
],
postPlugins: [
(value) => {
if (!value) return;
if (typeof value !== "object") return;
return [
"SingleFetchClassInstance",
Object.fromEntries(Object.entries(value))
];
},
() => ["SingleFetchFallback"]
]
});
}
// lib/server-runtime/server.ts
function derive(build, mode) {
let routes = createRoutes(build.routes);
let dataRoutes = createStaticHandlerDataRoutes(build.routes, build.future);
let serverMode = isServerMode(mode) ? mode : "production" /* Production */;
let staticHandler = createStaticHandler(dataRoutes, {
basename: build.basename
});
let errorHandler = build.entry.module.handleError || ((error, { request }) => {
if (serverMode !== "test" /* Test */ && !request.signal.aborted) {
console.error(
// @ts-expect-error This is "private" from users but intended for internal use
isRouteErrorResponse(error) && error.error ? error.error : error
);
}
});
return {
routes,
dataRoutes,
serverMode,
staticHandler,
errorHandler
};
}
var createRequestHandler = (build, mode) => {
let _build;
let routes;
let serverMode;
let staticHandler;
let errorHandler;
return async function requestHandler(request, initialContext) {
_build = typeof build === "function" ? await build() : build;
if (typeof build === "function") {
let derived = derive(_build, mode);
routes = derived.routes;
serverMode = derived.serverMode;
staticHandler = derived.staticHandler;
errorHandler = derived.errorHandler;
} else if (!routes || !serverMode || !staticHandler || !errorHandler) {
let derived = derive(_build, mode);
routes = derived.routes;
serverMode = derived.serverMode;
staticHandler = derived.staticHandler;
errorHandler = derived.errorHandler;
}
let params = {};
let loadContext;
let handleError = (error) => {
if (mode === "development" /* Development */) {
getDevServerHooks()?.processRequestError?.(error);
}
errorHandler(error, {
context: loadContext,
params,
request
});
};
if (_build.future.unstable_middleware) {
if (initialContext == null) {
loadContext = new unstable_RouterContextProvider();
} else {
try {
loadContext = new unstable_RouterContextProvider(
initialContext
);
} catch (e) {
let error = new Error(
`Unable to create initial \`unstable_RouterContextProvider\` instance. Please confirm you are returning an instance of \`Map<unstable_routerContext, unknown>\` from your \`getLoadContext\` function.
Error: ${e instanceof Error ? e.toString() : e}`
);
handleError(error);
return returnLastResortErrorResponse(error, serverMode);
}
}
} else {
loadContext = initialContext || {};
}
let url = new URL(request.url);
let normalizedBasename = _build.basename || "/";
let normalizedPath = url.pathname;
if (stripBasename(normalizedPath, normalizedBasename) === "/_root.data") {
normalizedPath = normalizedBasename;
} else if (normalizedPath.endsWith(".data")) {
normalizedPath = normalizedPath.replace(/\.data$/, "");
}
if (stripBasename(normalizedPath, normalizedBasename) !== "/" && normalizedPath.endsWith("/")) {
normalizedPath = normalizedPath.slice(0, -1);
}
let isSpaMode = getBuildTimeHeader(request, "X-React-Router-SPA-Mode") === "yes";
if (!_build.ssr) {
let decodedPath = decodeURI(normalizedPath);
if (_build.prerender.length === 0) {
isSpaMode = true;
} else if (!_build.prerender.includes(decodedPath) && !_build.prerender.includes(decodedPath + "/")) {
if (url.pathname.endsWith(".data")) {
errorHandler(
new ErrorResponseImpl(
404,
"Not Found",
`Refusing to SSR the path \`${decodedPath}\` because \`ssr:false\` is set and the path is not included in the \`prerender\` config, so in production the path will be a 404.`
),
{
context: loadContext,
params,
request
}
);
return new Response("Not Found", {
status: 404,
statusText: "Not Found"
});
} else {
isSpaMode = true;
}
}
}
let manifestUrl = getManifestPath(
_build.routeDiscovery.manifestPath,
normalizedBasename
);
if (url.pathname === manifestUrl) {
try {
let res = await handleManifestRequest(_build, routes, url);
return res;
} catch (e) {
handleError(e);
return new Response("Unknown Server Error", { status: 500 });
}
}
let matches = matchServerRoutes(routes, normalizedPath, _build.basename);
if (matches && matches.length > 0) {
Object.assign(params, matches[0].params);
}
let response;
if (url.pathname.endsWith(".data")) {
let handlerUrl = new URL(request.url);
handlerUrl.pathname = normalizedPath;
let singleFetchMatches = matchServerRoutes(
routes,
handlerUrl.pathname,
_build.basename
);
response = await handleSingleFetchRequest(
serverMode,
_build,
staticHandler,
request,
handlerUrl,
loadContext,
handleError
);
if (_build.entry.module.handleDataRequest) {
response = await _build.entry.module.handleDataRequest(response, {
context: loadContext,
params: singleFetchMatches ? singleFetchMatches[0].params : {},
request
});
if (isRedirectResponse(response)) {
let result = getSingleFetchRedirect(
response.status,
response.headers,
_build.basename
);
if (request.method === "GET") {
result = {
[SingleFetchRedirectSymbol]: result
};
}
let headers = new Headers(response.headers);
headers.set("Content-Type", "text/x-script");
return new Response(
encodeViaTurboStream(
result,
request.signal,
_build.entry.module.streamTimeout,
serverMode
),
{
status: SINGLE_FETCH_REDIRECT_STATUS,
headers
}
);
}
}
} else if (!isSpaMode && matches && matches[matches.length - 1].route.module.default == null && matches[matches.length - 1].route.module.ErrorBoundary == null) {
response = await handleResourceRequest(
serverMode,
_build,
staticHandler,
matches.slice(-1)[0].route.id,
request,
loadContext,
handleError
);
} else {
let { pathname } = url;
let criticalCss = void 0;
if (_build.unstable_getCriticalCss) {
criticalCss = await _build.unstable_getCriticalCss({ pathname });
} else if (mode === "development" /* Development */ && getDevServerHooks()?.getCriticalCss) {
criticalCss = await getDevServerHooks()?.getCriticalCss?.(pathname);
}
response = await handleDocumentRequest(
serverMode,
_build,
staticHandler,
request,
loadContext,
handleError,
isSpaMode,
criticalCss
);
}
if (request.method === "HEAD") {
return new Response(null, {
headers: response.headers,
status: response.status,
statusText: response.statusText
});
}
return response;
};
};
async function handleManifestRequest(build, routes, url) {
if (build.assets.version !== url.searchParams.get("version")) {
return new Response(null, {
status: 204,
headers: {
"X-Remix-Reload-Document": "true"
}
});
}
let patches = {};
if (url.searchParams.has("p")) {
let paths = /* @__PURE__ */ new Set();
url.searchParams.getAll("p").forEach((path) => {
if (!path.startsWith("/")) {
path = `/${path}`;
}
let segments = path.split("/").slice(1);
segments.forEach((_, i) => {
let partialPath = segments.slice(0, i + 1).join("/");
paths.add(`/${partialPath}`);
});
});
for (let path of paths) {
let matches = matchServerRoutes(routes, path, build.basename);
if (matches) {
for (let match of matches) {
let routeId = match.route.id;
let route = build.assets.routes[routeId];
if (route) {
patches[routeId] = route;
}
}
}
}
return Response.json(patches, {
headers: {
"Cache-Control": "public, max-age=31536000, immutable"
}
});
}
return new Response("Invalid Request", { status: 400 });
}
async function handleSingleFetchRequest(serverMode, build, staticHandler, request, handlerUrl, loadContext, handleError) {
let response = request.method !== "GET" ? await singleFetchAction(
build,
serverMode,
staticHandler,
request,
handlerUrl,
loadContext,
handleError
) : await singleFetchLoaders(
build,
serverMode,
staticHandler,
request,
handlerUrl,
loadContext,
handleError
);
return response;
}
async function handleDocumentRequest(serverMode, build, staticHandler, request, loadContext, handleError, isSpaMode, criticalCss) {
try {
let response = await staticHandler.query(request, {
requestContext: loadContext,
unstable_respond: build.future.unstable_middleware ? (ctx) => renderHtml(ctx, isSpaMode) : void 0
});
return isResponse(response) ? response : renderHtml(response, isSpaMode);
} catch (error) {
handleError(error);
return new Response(null, { status: 500 });
}
async function renderHtml(context, isSpaMode2) {
if (isResponse(context)) {
return context;
}
let headers = getDocumentHeaders(context, build);
if (SERVER_NO_BODY_STATUS_CODES.has(context.statusCode)) {
return new Response(null, { status: context.statusCode, headers });
}
if (context.errors) {
Object.values(context.errors).forEach((err) => {
if (!isRouteErrorResponse(err) || err.error) {
handleError(err);
}
});
context.errors = sanitizeErrors(context.errors, serverMode);
}
let state = {
loaderData: context.loaderData,
actionData: context.actionData,
errors: serializeErrors(context.errors, serverMode)
};
let baseServerHandoff = {
basename: build.basename,
future: build.future,
routeDiscovery: build.routeDiscovery,
ssr: build.ssr,
isSpaMode: isSpaMode2
};
let entryContext = {
manifest: build.assets,
routeModules: createEntryRouteModules(build.routes),
staticHandlerContext: context,
criticalCss,
serverHandoffString: createServerHandoffString({
...baseServerHandoff,
criticalCss
}),
serverHandoffStream: encodeViaTurboStream(
state,
request.signal,
build.entry.module.streamTimeout,
serverMode
),
renderMeta: {},
future: build.future,
ssr: build.ssr,
routeDiscovery: build.routeDiscovery,
isSpaMode: isSpaMode2,
serializeError: (err) => serializeError(err, serverMode)
};
let handleDocumentRequestFunction = build.entry.module.default;
try {
return await handleDocumentRequestFunction(
request,
context.statusCode,
headers,
entryContext,
loadContext
);
} catch (error) {
handleError(error);
let errorForSecondRender = error;
if (isResponse(error)) {
try {
let data2 = await unwrapResponse(error);
errorForSecondRender = new ErrorResponseImpl(
error.status,
error.statusText,
data2
);
} catch (e) {
}
}
context = getStaticContextFromError(
staticHandler.dataRoutes,
context,
errorForSecondRender
);
if (context.errors) {
context.errors = sanitizeErrors(context.errors, serverMode);
}
let state2 = {
loaderData: context.loaderData,
actionData: context.actionData,
errors: serializeErrors(context.errors, serverMode)
};
entryContext = {
...entryContext,
staticHandlerContext: context,
serverHandoffString: createServerHandoffString(baseServerHandoff),
serverHandoffStream: encodeViaTurboStream(
state2,
request.signal,
build.entry.module.streamTimeout,
serverMode
),
renderMeta: {}
};
try {
return await handleDocumentRequestFunction(
request,
context.statusCode,
headers,
entryContext,
loadContext
);
} catch (error2) {
handleError(error2);
return returnLastResortErrorResponse(error2, serverMode);
}
}
}
}
async function handleResourceRequest(serverMode, build, staticHandler, routeId, request, loadContext, handleError) {
try {
let response = await staticHandler.queryRoute(request, {
routeId,
requestContext: loadContext,
unstable_respond: build.future.unstable_middleware ? (ctx) => ctx : void 0
});
if (isResponse(response)) {
return response;
}
if (typeof response === "string") {
return new Response(response);
}
return Response.json(response);
} catch (error) {
if (isResponse(error)) {
error.headers.set("X-Remix-Catch", "yes");
return error;
}
if (isRouteErrorResponse(error)) {
if (error) {
handleError(error);
}
return errorResponseToJson(error, serverMode);
}
if (error instanceof Error && error.message === "Expected a response from queryRoute") {
let newError = new Error(
"Expected a Response to be returned from resource route handler"
);
handleError(newError);
return returnLastResortErrorResponse(newError, serverMode);
}
handleError(error);
return returnLastResortErrorResponse(error, serverMode);
}
}
function errorResponseToJson(errorResponse, serverMode) {
return Response.json(
serializeError(
// @ts-expect-error This is "private" from users but intended for internal use
errorResponse.error || new Error("Unexpected Server Error"),
serverMode
),
{
status: errorResponse.status,
statusText: errorResponse.statusText,
headers: {
"X-Remix-Error": "yes"
}
}
);
}
function returnLastResortErrorResponse(error, serverMode) {
let message = "Unexpected Server Error";
if (serverMode !== "production" /* Production */) {
message += `
${String(error)}`;
}
return new Response(message, {
status: 500,
headers: {
"Content-Type": "text/plain"
}
});
}
function unwrapResponse(response) {
let contentType = response.headers.get("Content-Type");
return contentType && /\bapplication\/json\b/.test(contentType) ? response.body == null ? null : response.json() : response.text();
}
// lib/server-runtime/sessions.ts
function flash(name) {
return `__flash_${name}__`;
}
var createSession = (initialData = {}, id = "") => {
let map = new Map(Object.entries(initialData));
return {
get id() {
return id;
},
get data() {
return Object.fromEntries(map);
},
has(name) {
return map.has(name) || map.has(flash(name));
},
get(name) {
if (map.has(name)) return map.get(name);
let flashName = flash(name);
if (map.has(flashName)) {
let value = map.get(flashName);
map.delete(flashName);
return value;
}
return void 0;
},
set(name, value) {
map.set(name, value);
},
flash(name, value) {
map.set(flash(name), value);
},
unset(name) {
map.delete(name);
}
};
};
var isSession = (object) => {
return object != null && typeof object.id === "string" && typeof object.data !== "undefined" && typeof object.has === "function" && typeof object.get === "function" && typeof object.set === "function" && typeof object.flash === "function" && typeof object.unset === "function";
};
function createSessionStorage({
cookie: cookieArg,
createData,
readData,
updateData,
deleteData
}) {
let cookie = isCookie(cookieArg) ? cookieArg : createCookie(cookieArg?.name || "__session", cookieArg);
warnOnceAboutSigningSessionCookie(cookie);
return {
async getSession(cookieHeader, options) {
let id = cookieHeader && await cookie.parse(cookieHeader, options);
let data2 = id && await readData(id);
return createSession(data2 || {}, id || "");
},
async commitSession(session, options) {
let { id, data: data2 } = session;
let expires = options?.maxAge != null ? new Date(Date.now() + options.maxAge * 1e3) : options?.expires != null ? options.expires : cookie.expires;
if (id) {
await updateData(id, data2, expires);
} else {
id = await createData(data2, expires);
}
return cookie.serialize(id, options);
},
async destroySession(session, options) {
await deleteData(session.id);
return cookie.serialize("", {
...options,
maxAge: void 0,
expires: /* @__PURE__ */ new Date(0)
});
}
};
}
function warnOnceAboutSigningSessionCookie(cookie) {
warnOnce(
cookie.isSigned,
`The "${cookie.name}" cookie is not signed, but session cookies should be signed to prevent tampering on the client before they are sent back to the server. See https://reactrouter.com/explanation/sessions-and-cookies#signing-cookies for more information.`
);
}
// lib/server-runtime/sessions/cookieStorage.ts
function createCookieSessionStorage({ cookie: cookieArg } = {}) {
let cookie = isCookie(cookieArg) ? cookieArg :