react-router
Version:
Declarative routing for React
3,219 lines (3,202 loc) • 102 kB
JavaScript
;
var node_async_hooks = require('node:async_hooks');
var React2 = require('react');
var setCookieParser = require('set-cookie-parser');
var reactServerClient = require('react-router/internal/react-server-client');
var cookie = require('cookie');
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n.default = e;
return Object.freeze(n);
}
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
/**
* react-router v7.7.1
*
* 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
*/
var __typeError = (msg) => {
throw TypeError(msg);
};
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
// lib/router/history.ts
function invariant(value, message) {
if (value === false || value === null || typeof value === "undefined") {
throw new Error(message);
}
}
function warning(cond, message) {
if (!cond) {
if (typeof console !== "undefined") console.warn(message);
try {
throw new Error(message);
} catch (e) {
}
}
}
function createKey() {
return Math.random().toString(36).substring(2, 10);
}
function createLocation(current, to, state = null, key) {
let location = {
pathname: typeof current === "string" ? current : current.pathname,
search: "",
hash: "",
...typeof to === "string" ? parsePath(to) : to,
state,
// TODO: This could be cleaned up. push/replace should probably just take
// full Locations now and avoid the need to run through this flow at all
// But that's a pretty big refactor to the current test suite so going to
// keep as is for the time being and just let any incoming keys take precedence
key: to && to.key || key || createKey()
};
return location;
}
function createPath({
pathname = "/",
search = "",
hash = ""
}) {
if (search && search !== "?")
pathname += search.charAt(0) === "?" ? search : "?" + search;
if (hash && hash !== "#")
pathname += hash.charAt(0) === "#" ? hash : "#" + hash;
return pathname;
}
function parsePath(path) {
let parsedPath = {};
if (path) {
let hashIndex = path.indexOf("#");
if (hashIndex >= 0) {
parsedPath.hash = path.substring(hashIndex);
path = path.substring(0, hashIndex);
}
let searchIndex = path.indexOf("?");
if (searchIndex >= 0) {
parsedPath.search = path.substring(searchIndex);
path = path.substring(0, searchIndex);
}
if (path) {
parsedPath.pathname = path;
}
}
return parsedPath;
}
// lib/router/utils.ts
function unstable_createContext(defaultValue) {
return { defaultValue };
}
var _map;
var unstable_RouterContextProvider = class {
constructor(init) {
__privateAdd(this, _map, /* @__PURE__ */ new Map());
if (init) {
for (let [context, value] of init) {
this.set(context, value);
}
}
}
get(context) {
if (__privateGet(this, _map).has(context)) {
return __privateGet(this, _map).get(context);
}
if (context.defaultValue !== void 0) {
return context.defaultValue;
}
throw new Error("No value found for context");
}
set(context, value) {
__privateGet(this, _map).set(context, value);
}
};
_map = new WeakMap();
var unsupportedLazyRouteObjectKeys = /* @__PURE__ */ new Set([
"lazy",
"caseSensitive",
"path",
"id",
"index",
"children"
]);
function isUnsupportedLazyRouteObjectKey(key) {
return unsupportedLazyRouteObjectKeys.has(
key
);
}
var unsupportedLazyRouteFunctionKeys = /* @__PURE__ */ new Set([
"lazy",
"caseSensitive",
"path",
"id",
"index",
"unstable_middleware",
"children"
]);
function isUnsupportedLazyRouteFunctionKey(key) {
return unsupportedLazyRouteFunctionKeys.has(
key
);
}
function isIndexRoute(route) {
return route.index === true;
}
function convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath = [], manifest = {}, allowInPlaceMutations = false) {
return routes.map((route, index) => {
let treePath = [...parentPath, String(index)];
let id = typeof route.id === "string" ? route.id : treePath.join("-");
invariant(
route.index !== true || !route.children,
`Cannot specify children on an index route`
);
invariant(
allowInPlaceMutations || !manifest[id],
`Found a route id collision on id "${id}". Route id's must be globally unique within Data Router usages`
);
if (isIndexRoute(route)) {
let indexRoute = {
...route,
...mapRouteProperties(route),
id
};
manifest[id] = indexRoute;
return indexRoute;
} else {
let pathOrLayoutRoute = {
...route,
...mapRouteProperties(route),
id,
children: void 0
};
manifest[id] = pathOrLayoutRoute;
if (route.children) {
pathOrLayoutRoute.children = convertRoutesToDataRoutes(
route.children,
mapRouteProperties,
treePath,
manifest,
allowInPlaceMutations
);
}
return pathOrLayoutRoute;
}
});
}
function matchRoutes(routes, locationArg, basename = "/") {
return matchRoutesImpl(routes, locationArg, basename, false);
}
function matchRoutesImpl(routes, locationArg, basename, allowPartial) {
let location = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
let pathname = stripBasename(location.pathname || "/", basename);
if (pathname == null) {
return null;
}
let branches = flattenRoutes(routes);
rankRouteBranches(branches);
let matches = null;
for (let i = 0; matches == null && i < branches.length; ++i) {
let decoded = decodePath(pathname);
matches = matchRouteBranch(
branches[i],
decoded,
allowPartial
);
}
return matches;
}
function convertRouteMatchToUiMatch(match, loaderData) {
let { route, pathname, params } = match;
return {
id: route.id,
pathname,
params,
data: loaderData[route.id],
handle: route.handle
};
}
function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "") {
let flattenRoute = (route, index, relativePath) => {
let meta = {
relativePath: relativePath === void 0 ? route.path || "" : relativePath,
caseSensitive: route.caseSensitive === true,
childrenIndex: index,
route
};
if (meta.relativePath.startsWith("/")) {
invariant(
meta.relativePath.startsWith(parentPath),
`Absolute route path "${meta.relativePath}" nested under path "${parentPath}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
);
meta.relativePath = meta.relativePath.slice(parentPath.length);
}
let path = joinPaths([parentPath, meta.relativePath]);
let routesMeta = parentsMeta.concat(meta);
if (route.children && route.children.length > 0) {
invariant(
// Our types know better, but runtime JS may not!
// @ts-expect-error
route.index !== true,
`Index routes must not have child routes. Please remove all child routes from route path "${path}".`
);
flattenRoutes(route.children, branches, routesMeta, path);
}
if (route.path == null && !route.index) {
return;
}
branches.push({
path,
score: computeScore(path, route.index),
routesMeta
});
};
routes.forEach((route, index) => {
if (route.path === "" || !route.path?.includes("?")) {
flattenRoute(route, index);
} else {
for (let exploded of explodeOptionalSegments(route.path)) {
flattenRoute(route, index, exploded);
}
}
});
return branches;
}
function explodeOptionalSegments(path) {
let segments = path.split("/");
if (segments.length === 0) return [];
let [first, ...rest] = segments;
let isOptional = first.endsWith("?");
let required = first.replace(/\?$/, "");
if (rest.length === 0) {
return isOptional ? [required, ""] : [required];
}
let restExploded = explodeOptionalSegments(rest.join("/"));
let result = [];
result.push(
...restExploded.map(
(subpath) => subpath === "" ? required : [required, subpath].join("/")
)
);
if (isOptional) {
result.push(...restExploded);
}
return result.map(
(exploded) => path.startsWith("/") && exploded === "" ? "/" : exploded
);
}
function rankRouteBranches(branches) {
branches.sort(
(a, b) => a.score !== b.score ? b.score - a.score : compareIndexes(
a.routesMeta.map((meta) => meta.childrenIndex),
b.routesMeta.map((meta) => meta.childrenIndex)
)
);
}
var paramRe = /^:[\w-]+$/;
var dynamicSegmentValue = 3;
var indexRouteValue = 2;
var emptySegmentValue = 1;
var staticSegmentValue = 10;
var splatPenalty = -2;
var isSplat = (s) => s === "*";
function computeScore(path, index) {
let segments = path.split("/");
let initialScore = segments.length;
if (segments.some(isSplat)) {
initialScore += splatPenalty;
}
if (index) {
initialScore += indexRouteValue;
}
return segments.filter((s) => !isSplat(s)).reduce(
(score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue),
initialScore
);
}
function compareIndexes(a, b) {
let siblings = a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]);
return siblings ? (
// If two routes are siblings, we should try to match the earlier sibling
// first. This allows people to have fine-grained control over the matching
// behavior by simply putting routes with identical paths in the order they
// want them tried.
a[a.length - 1] - b[b.length - 1]
) : (
// Otherwise, it doesn't really make sense to rank non-siblings by index,
// so they sort equally.
0
);
}
function matchRouteBranch(branch, pathname, allowPartial = false) {
let { routesMeta } = branch;
let matchedParams = {};
let matchedPathname = "/";
let matches = [];
for (let i = 0; i < routesMeta.length; ++i) {
let meta = routesMeta[i];
let end = i === routesMeta.length - 1;
let remainingPathname = matchedPathname === "/" ? pathname : pathname.slice(matchedPathname.length) || "/";
let match = matchPath(
{ path: meta.relativePath, caseSensitive: meta.caseSensitive, end },
remainingPathname
);
let route = meta.route;
if (!match && end && allowPartial && !routesMeta[routesMeta.length - 1].route.index) {
match = matchPath(
{
path: meta.relativePath,
caseSensitive: meta.caseSensitive,
end: false
},
remainingPathname
);
}
if (!match) {
return null;
}
Object.assign(matchedParams, match.params);
matches.push({
// TODO: Can this as be avoided?
params: matchedParams,
pathname: joinPaths([matchedPathname, match.pathname]),
pathnameBase: normalizePathname(
joinPaths([matchedPathname, match.pathnameBase])
),
route
});
if (match.pathnameBase !== "/") {
matchedPathname = joinPaths([matchedPathname, match.pathnameBase]);
}
}
return matches;
}
function matchPath(pattern, pathname) {
if (typeof pattern === "string") {
pattern = { path: pattern, caseSensitive: false, end: true };
}
let [matcher, compiledParams] = compilePath(
pattern.path,
pattern.caseSensitive,
pattern.end
);
let match = pathname.match(matcher);
if (!match) return null;
let matchedPathname = match[0];
let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1");
let captureGroups = match.slice(1);
let params = compiledParams.reduce(
(memo, { paramName, isOptional }, index) => {
if (paramName === "*") {
let splatValue = captureGroups[index] || "";
pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1");
}
const value = captureGroups[index];
if (isOptional && !value) {
memo[paramName] = void 0;
} else {
memo[paramName] = (value || "").replace(/%2F/g, "/");
}
return memo;
},
{}
);
return {
params,
pathname: matchedPathname,
pathnameBase,
pattern
};
}
function compilePath(path, caseSensitive = false, end = true) {
warning(
path === "*" || !path.endsWith("*") || path.endsWith("/*"),
`Route path "${path}" will be treated as if it were "${path.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${path.replace(/\*$/, "/*")}".`
);
let params = [];
let regexpSource = "^" + path.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
/\/:([\w-]+)(\?)?/g,
(_, paramName, isOptional) => {
params.push({ paramName, isOptional: isOptional != null });
return isOptional ? "/?([^\\/]+)?" : "/([^\\/]+)";
}
);
if (path.endsWith("*")) {
params.push({ paramName: "*" });
regexpSource += path === "*" || path === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
} else if (end) {
regexpSource += "\\/*$";
} else if (path !== "" && path !== "/") {
regexpSource += "(?:(?=\\/|$))";
} else ;
let matcher = new RegExp(regexpSource, caseSensitive ? void 0 : "i");
return [matcher, params];
}
function decodePath(value) {
try {
return value.split("/").map((v) => decodeURIComponent(v).replace(/\//g, "%2F")).join("/");
} catch (error) {
warning(
false,
`The URL path "${value}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${error}).`
);
return value;
}
}
function stripBasename(pathname, basename) {
if (basename === "/") return pathname;
if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) {
return null;
}
let startIndex = basename.endsWith("/") ? basename.length - 1 : basename.length;
let nextChar = pathname.charAt(startIndex);
if (nextChar && nextChar !== "/") {
return null;
}
return pathname.slice(startIndex) || "/";
}
function prependBasename({
basename,
pathname
}) {
return pathname === "/" ? basename : joinPaths([basename, pathname]);
}
function resolvePath(to, fromPathname = "/") {
let {
pathname: toPathname,
search = "",
hash = ""
} = typeof to === "string" ? parsePath(to) : to;
let pathname = toPathname ? toPathname.startsWith("/") ? toPathname : resolvePathname(toPathname, fromPathname) : fromPathname;
return {
pathname,
search: normalizeSearch(search),
hash: normalizeHash(hash)
};
}
function resolvePathname(relativePath, fromPathname) {
let segments = fromPathname.replace(/\/+$/, "").split("/");
let relativeSegments = relativePath.split("/");
relativeSegments.forEach((segment) => {
if (segment === "..") {
if (segments.length > 1) segments.pop();
} else if (segment !== ".") {
segments.push(segment);
}
});
return segments.length > 1 ? segments.join("/") : "/";
}
function getInvalidPathError(char, field, dest, path) {
return `Cannot include a '${char}' character in a manually specified \`to.${field}\` field [${JSON.stringify(
path
)}]. Please separate it out to the \`to.${dest}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
}
function getPathContributingMatches(matches) {
return matches.filter(
(match, index) => index === 0 || match.route.path && match.route.path.length > 0
);
}
function getResolveToMatches(matches) {
let pathMatches = getPathContributingMatches(matches);
return pathMatches.map(
(match, idx) => idx === pathMatches.length - 1 ? match.pathname : match.pathnameBase
);
}
function resolveTo(toArg, routePathnames, locationPathname, isPathRelative = false) {
let to;
if (typeof toArg === "string") {
to = parsePath(toArg);
} else {
to = { ...toArg };
invariant(
!to.pathname || !to.pathname.includes("?"),
getInvalidPathError("?", "pathname", "search", to)
);
invariant(
!to.pathname || !to.pathname.includes("#"),
getInvalidPathError("#", "pathname", "hash", to)
);
invariant(
!to.search || !to.search.includes("#"),
getInvalidPathError("#", "search", "hash", to)
);
}
let isEmptyPath = toArg === "" || to.pathname === "";
let toPathname = isEmptyPath ? "/" : to.pathname;
let from;
if (toPathname == null) {
from = locationPathname;
} else {
let routePathnameIndex = routePathnames.length - 1;
if (!isPathRelative && toPathname.startsWith("..")) {
let toSegments = toPathname.split("/");
while (toSegments[0] === "..") {
toSegments.shift();
routePathnameIndex -= 1;
}
to.pathname = toSegments.join("/");
}
from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/";
}
let path = resolvePath(to, from);
let hasExplicitTrailingSlash = toPathname && toPathname !== "/" && toPathname.endsWith("/");
let hasCurrentTrailingSlash = (isEmptyPath || toPathname === ".") && locationPathname.endsWith("/");
if (!path.pathname.endsWith("/") && (hasExplicitTrailingSlash || hasCurrentTrailingSlash)) {
path.pathname += "/";
}
return path;
}
var joinPaths = (paths) => paths.join("/").replace(/\/\/+/g, "/");
var normalizePathname = (pathname) => pathname.replace(/\/+$/, "").replace(/^\/*/, "/");
var normalizeSearch = (search) => !search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search;
var normalizeHash = (hash) => !hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash;
var DataWithResponseInit = class {
constructor(data2, init) {
this.type = "DataWithResponseInit";
this.data = data2;
this.init = init || null;
}
};
function data(data2, init) {
return new DataWithResponseInit(
data2,
typeof init === "number" ? { status: init } : init
);
}
var redirect = (url, init = 302) => {
let responseInit = init;
if (typeof responseInit === "number") {
responseInit = { status: responseInit };
} else if (typeof responseInit.status === "undefined") {
responseInit.status = 302;
}
let headers = new Headers(responseInit.headers);
headers.set("Location", url);
return new Response(null, { ...responseInit, headers });
};
var redirectDocument = (url, init) => {
let response = redirect(url, init);
response.headers.set("X-Remix-Reload-Document", "true");
return response;
};
var replace = (url, init) => {
let response = redirect(url, init);
response.headers.set("X-Remix-Replace", "true");
return response;
};
var ErrorResponseImpl = class {
constructor(status, statusText, data2, internal = false) {
this.status = status;
this.statusText = statusText || "";
this.internal = internal;
if (data2 instanceof Error) {
this.data = data2.toString();
this.error = data2;
} else {
this.data = data2;
}
}
};
function isRouteErrorResponse(error) {
return error != null && typeof error.status === "number" && typeof error.statusText === "string" && typeof error.internal === "boolean" && "data" in error;
}
// lib/router/router.ts
var validMutationMethodsArr = [
"POST",
"PUT",
"PATCH",
"DELETE"
];
var validMutationMethods = new Set(
validMutationMethodsArr
);
var validRequestMethodsArr = [
"GET",
...validMutationMethodsArr
];
var validRequestMethods = new Set(validRequestMethodsArr);
var redirectStatusCodes = /* @__PURE__ */ new Set([301, 302, 303, 307, 308]);
var ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
var isAbsoluteUrl = (url) => ABSOLUTE_URL_REGEX.test(url);
var defaultMapRouteProperties = (route) => ({
hasErrorBoundary: Boolean(route.hasErrorBoundary)
});
var ResetLoaderDataSymbol = Symbol("ResetLoaderData");
function createStaticHandler(routes, opts) {
invariant(
routes.length > 0,
"You must provide a non-empty routes array to createStaticHandler"
);
let manifest = {};
let basename = (opts ? opts.basename : null) || "/";
let mapRouteProperties = opts?.mapRouteProperties || defaultMapRouteProperties;
let dataRoutes = convertRoutesToDataRoutes(
routes,
mapRouteProperties,
void 0,
manifest
);
async function query(request, {
requestContext,
filterMatchesToLoad,
skipLoaderErrorBubbling,
skipRevalidation,
dataStrategy,
unstable_stream: stream,
unstable_respond: respond
} = {}) {
let url = new URL(request.url);
let method = request.method;
let location = createLocation("", createPath(url), null, "default");
let matches = matchRoutes(dataRoutes, location, basename);
requestContext = requestContext != null ? requestContext : new unstable_RouterContextProvider();
let respondOrStreamStaticContext = (ctx) => {
return stream ? stream(
requestContext,
() => Promise.resolve(ctx)
) : respond ? respond(ctx) : ctx;
};
if (!isValidMethod(method) && method !== "HEAD") {
let error = getInternalRouterError(405, { method });
let { matches: methodNotAllowedMatches, route } = getShortCircuitMatches(dataRoutes);
let staticContext = {
basename,
location,
matches: methodNotAllowedMatches,
loaderData: {},
actionData: null,
errors: {
[route.id]: error
},
statusCode: error.status,
loaderHeaders: {},
actionHeaders: {}
};
return respondOrStreamStaticContext(staticContext);
} else if (!matches) {
let error = getInternalRouterError(404, { pathname: location.pathname });
let { matches: notFoundMatches, route } = getShortCircuitMatches(dataRoutes);
let staticContext = {
basename,
location,
matches: notFoundMatches,
loaderData: {},
actionData: null,
errors: {
[route.id]: error
},
statusCode: error.status,
loaderHeaders: {},
actionHeaders: {}
};
return respondOrStreamStaticContext(staticContext);
}
if (stream || respond && matches.some(
(m) => m.route.unstable_middleware || typeof m.route.lazy === "object" && m.route.lazy.unstable_middleware
)) {
invariant(
requestContext instanceof unstable_RouterContextProvider,
"When using middleware in `staticHandler.query()`, any provided `requestContext` must be an instance of `unstable_RouterContextProvider`"
);
try {
await loadLazyMiddlewareForMatches(
matches,
manifest,
mapRouteProperties
);
let renderedStaticContext;
let response = await runMiddlewarePipeline(
{
request,
matches,
params: matches[0].params,
// If we're calling middleware then it must be enabled so we can cast
// this to the proper type knowing it's not an `AppLoadContext`
context: requestContext
},
true,
async () => {
if (stream) {
let res2 = await stream(
requestContext,
async (revalidationRequest) => {
let result3 = await queryImpl(
revalidationRequest,
location,
matches,
requestContext,
dataStrategy || null,
skipLoaderErrorBubbling === true,
null,
filterMatchesToLoad || null,
skipRevalidation === true
);
return isResponse(result3) ? result3 : { location, basename, ...result3 };
}
);
return res2;
}
invariant(respond, "Expected respond to be defined");
let result2 = await queryImpl(
request,
location,
matches,
requestContext,
dataStrategy || null,
skipLoaderErrorBubbling === true,
null,
filterMatchesToLoad || null,
skipRevalidation === true
);
if (isResponse(result2)) {
return result2;
}
renderedStaticContext = { location, basename, ...result2 };
let res = await respond(renderedStaticContext);
return res;
},
async (error, routeId) => {
if (isResponse(error)) {
return error;
}
if (renderedStaticContext) {
if (routeId in renderedStaticContext.loaderData) {
renderedStaticContext.loaderData[routeId] = void 0;
}
let staticContext = getStaticContextFromError(
dataRoutes,
renderedStaticContext,
error,
skipLoaderErrorBubbling ? routeId : findNearestBoundary(matches, routeId).route.id
);
return respondOrStreamStaticContext(staticContext);
} else {
let boundaryRouteId = skipLoaderErrorBubbling ? routeId : findNearestBoundary(
matches,
matches.find(
(m) => m.route.id === routeId || m.route.loader
)?.route.id || routeId
).route.id;
let staticContext = {
matches,
location,
basename,
loaderData: {},
actionData: null,
errors: {
[boundaryRouteId]: error
},
statusCode: isRouteErrorResponse(error) ? error.status : 500,
actionHeaders: {},
loaderHeaders: {}
};
return respondOrStreamStaticContext(staticContext);
}
}
);
invariant(isResponse(response), "Expected a response in query()");
return response;
} catch (e) {
if (isResponse(e)) {
return e;
}
throw e;
}
}
let result = await queryImpl(
request,
location,
matches,
requestContext,
dataStrategy || null,
skipLoaderErrorBubbling === true,
null,
filterMatchesToLoad || null,
skipRevalidation === true
);
if (isResponse(result)) {
return result;
}
return { location, basename, ...result };
}
async function queryRoute(request, {
routeId,
requestContext,
dataStrategy,
unstable_respond: respond
} = {}) {
let url = new URL(request.url);
let method = request.method;
let location = createLocation("", createPath(url), null, "default");
let matches = matchRoutes(dataRoutes, location, basename);
requestContext = requestContext != null ? requestContext : new unstable_RouterContextProvider();
if (!isValidMethod(method) && method !== "HEAD" && method !== "OPTIONS") {
throw getInternalRouterError(405, { method });
} else if (!matches) {
throw getInternalRouterError(404, { pathname: location.pathname });
}
let match = routeId ? matches.find((m) => m.route.id === routeId) : getTargetMatch(matches, location);
if (routeId && !match) {
throw getInternalRouterError(403, {
pathname: location.pathname,
routeId
});
} else if (!match) {
throw getInternalRouterError(404, { pathname: location.pathname });
}
if (respond && matches.some(
(m) => m.route.unstable_middleware || typeof m.route.lazy === "object" && m.route.lazy.unstable_middleware
)) {
invariant(
requestContext instanceof unstable_RouterContextProvider,
"When using middleware in `staticHandler.queryRoute()`, any provided `requestContext` must be an instance of `unstable_RouterContextProvider`"
);
await loadLazyMiddlewareForMatches(matches, manifest, mapRouteProperties);
let response = await runMiddlewarePipeline(
{
request,
matches,
params: matches[0].params,
// If we're calling middleware then it must be enabled so we can cast
// this to the proper type knowing it's not an `AppLoadContext`
context: requestContext
},
true,
async () => {
let result2 = await queryImpl(
request,
location,
matches,
requestContext,
dataStrategy || null,
false,
match,
null,
false
);
if (isResponse(result2)) {
return respond(result2);
}
let error2 = result2.errors ? Object.values(result2.errors)[0] : void 0;
if (error2 !== void 0) {
throw error2;
}
let value = result2.actionData ? Object.values(result2.actionData)[0] : Object.values(result2.loaderData)[0];
return typeof value === "string" ? new Response(value) : Response.json(value);
},
(error2) => {
if (isResponse(error2)) {
return respond(error2);
}
return new Response(String(error2), {
status: 500,
statusText: "Unexpected Server Error"
});
}
);
return response;
}
let result = await queryImpl(
request,
location,
matches,
requestContext,
dataStrategy || null,
false,
match,
null,
false
);
if (isResponse(result)) {
return result;
}
let error = result.errors ? Object.values(result.errors)[0] : void 0;
if (error !== void 0) {
throw error;
}
if (result.actionData) {
return Object.values(result.actionData)[0];
}
if (result.loaderData) {
return Object.values(result.loaderData)[0];
}
return void 0;
}
async function queryImpl(request, location, matches, requestContext, dataStrategy, skipLoaderErrorBubbling, routeMatch, filterMatchesToLoad, skipRevalidation) {
invariant(
request.signal,
"query()/queryRoute() requests must contain an AbortController signal"
);
try {
if (isMutationMethod(request.method)) {
let result2 = await submit(
request,
matches,
routeMatch || getTargetMatch(matches, location),
requestContext,
dataStrategy,
skipLoaderErrorBubbling,
routeMatch != null,
filterMatchesToLoad,
skipRevalidation
);
return result2;
}
let result = await loadRouteData(
request,
matches,
requestContext,
dataStrategy,
skipLoaderErrorBubbling,
routeMatch,
filterMatchesToLoad
);
return isResponse(result) ? result : {
...result,
actionData: null,
actionHeaders: {}
};
} catch (e) {
if (isDataStrategyResult(e) && isResponse(e.result)) {
if (e.type === "error" /* error */) {
throw e.result;
}
return e.result;
}
if (isRedirectResponse(e)) {
return e;
}
throw e;
}
}
async function submit(request, matches, actionMatch, requestContext, dataStrategy, skipLoaderErrorBubbling, isRouteRequest, filterMatchesToLoad, skipRevalidation) {
let result;
if (!actionMatch.route.action && !actionMatch.route.lazy) {
let error = getInternalRouterError(405, {
method: request.method,
pathname: new URL(request.url).pathname,
routeId: actionMatch.route.id
});
if (isRouteRequest) {
throw error;
}
result = {
type: "error" /* error */,
error
};
} else {
let dsMatches = getTargetedDataStrategyMatches(
mapRouteProperties,
manifest,
request,
matches,
actionMatch,
[],
requestContext
);
let results = await callDataStrategy(
request,
dsMatches,
isRouteRequest,
requestContext,
dataStrategy
);
result = results[actionMatch.route.id];
if (request.signal.aborted) {
throwStaticHandlerAbortedError(request, isRouteRequest);
}
}
if (isRedirectResult(result)) {
throw new Response(null, {
status: result.response.status,
headers: {
Location: result.response.headers.get("Location")
}
});
}
if (isRouteRequest) {
if (isErrorResult(result)) {
throw result.error;
}
return {
matches: [actionMatch],
loaderData: {},
actionData: { [actionMatch.route.id]: result.data },
errors: null,
// Note: statusCode + headers are unused here since queryRoute will
// return the raw Response or value
statusCode: 200,
loaderHeaders: {},
actionHeaders: {}
};
}
if (skipRevalidation) {
if (isErrorResult(result)) {
let boundaryMatch = skipLoaderErrorBubbling ? actionMatch : findNearestBoundary(matches, actionMatch.route.id);
return {
statusCode: isRouteErrorResponse(result.error) ? result.error.status : result.statusCode != null ? result.statusCode : 500,
actionData: null,
actionHeaders: {
...result.headers ? { [actionMatch.route.id]: result.headers } : {}
},
matches,
loaderData: {},
errors: {
[boundaryMatch.route.id]: result.error
},
loaderHeaders: {}
};
} else {
return {
actionData: {
[actionMatch.route.id]: result.data
},
actionHeaders: result.headers ? { [actionMatch.route.id]: result.headers } : {},
matches,
loaderData: {},
errors: null,
statusCode: result.statusCode || 200,
loaderHeaders: {}
};
}
}
let loaderRequest = new Request(request.url, {
headers: request.headers,
redirect: request.redirect,
signal: request.signal
});
if (isErrorResult(result)) {
let boundaryMatch = skipLoaderErrorBubbling ? actionMatch : findNearestBoundary(matches, actionMatch.route.id);
let handlerContext2 = await loadRouteData(
loaderRequest,
matches,
requestContext,
dataStrategy,
skipLoaderErrorBubbling,
null,
filterMatchesToLoad,
[boundaryMatch.route.id, result]
);
return {
...handlerContext2,
statusCode: isRouteErrorResponse(result.error) ? result.error.status : result.statusCode != null ? result.statusCode : 500,
actionData: null,
actionHeaders: {
...result.headers ? { [actionMatch.route.id]: result.headers } : {}
}
};
}
let handlerContext = await loadRouteData(
loaderRequest,
matches,
requestContext,
dataStrategy,
skipLoaderErrorBubbling,
null,
filterMatchesToLoad
);
return {
...handlerContext,
actionData: {
[actionMatch.route.id]: result.data
},
// action status codes take precedence over loader status codes
...result.statusCode ? { statusCode: result.statusCode } : {},
actionHeaders: result.headers ? { [actionMatch.route.id]: result.headers } : {}
};
}
async function loadRouteData(request, matches, requestContext, dataStrategy, skipLoaderErrorBubbling, routeMatch, filterMatchesToLoad, pendingActionResult) {
let isRouteRequest = routeMatch != null;
if (isRouteRequest && !routeMatch?.route.loader && !routeMatch?.route.lazy) {
throw getInternalRouterError(400, {
method: request.method,
pathname: new URL(request.url).pathname,
routeId: routeMatch?.route.id
});
}
let dsMatches;
if (routeMatch) {
dsMatches = getTargetedDataStrategyMatches(
mapRouteProperties,
manifest,
request,
matches,
routeMatch,
[],
requestContext
);
} else {
let maxIdx = pendingActionResult && isErrorResult(pendingActionResult[1]) ? (
// Up to but not including the boundary
matches.findIndex((m) => m.route.id === pendingActionResult[0]) - 1
) : void 0;
dsMatches = matches.map((match, index) => {
if (maxIdx != null && index > maxIdx) {
return getDataStrategyMatch(
mapRouteProperties,
manifest,
request,
match,
[],
requestContext,
false
);
}
return getDataStrategyMatch(
mapRouteProperties,
manifest,
request,
match,
[],
requestContext,
(match.route.loader || match.route.lazy) != null && (!filterMatchesToLoad || filterMatchesToLoad(match))
);
});
}
if (!dataStrategy && !dsMatches.some((m) => m.shouldLoad)) {
return {
matches,
loaderData: {},
errors: pendingActionResult && isErrorResult(pendingActionResult[1]) ? {
[pendingActionResult[0]]: pendingActionResult[1].error
} : null,
statusCode: 200,
loaderHeaders: {}
};
}
let results = await callDataStrategy(
request,
dsMatches,
isRouteRequest,
requestContext,
dataStrategy
);
if (request.signal.aborted) {
throwStaticHandlerAbortedError(request, isRouteRequest);
}
let handlerContext = processRouteLoaderData(
matches,
results,
pendingActionResult,
true,
skipLoaderErrorBubbling
);
return {
...handlerContext,
matches
};
}
async function callDataStrategy(request, matches, isRouteRequest, requestContext, dataStrategy) {
let results = await callDataStrategyImpl(
dataStrategy || defaultDataStrategy,
request,
matches,
null,
requestContext);
let dataResults = {};
await Promise.all(
matches.map(async (match) => {
if (!(match.route.id in results)) {
return;
}
let result = results[match.route.id];
if (isRedirectDataStrategyResult(result)) {
let response = result.result;
throw normalizeRelativeRoutingRedirectResponse(
response,
request,
match.route.id,
matches,
basename
);
}
if (isResponse(result.result) && isRouteRequest) {
throw result;
}
dataResults[match.route.id] = await convertDataStrategyResultToDataResult(result);
})
);
return dataResults;
}
return {
dataRoutes,
query,
queryRoute
};
}
function getStaticContextFromError(routes, handlerContext, error, boundaryId) {
let errorBoundaryId = boundaryId || handlerContext._deepestRenderedBoundaryId || routes[0].id;
return {
...handlerContext,
statusCode: isRouteErrorResponse(error) ? error.status : 500,
errors: {
[errorBoundaryId]: error
}
};
}
function throwStaticHandlerAbortedError(request, isRouteRequest) {
if (request.signal.reason !== void 0) {
throw request.signal.reason;
}
let method = isRouteRequest ? "queryRoute" : "query";
throw new Error(
`${method}() call aborted without an \`AbortSignal.reason\`: ${request.method} ${request.url}`
);
}
function normalizeTo(location, matches, basename, to, fromRouteId, relative) {
let contextualMatches;
let activeRouteMatch;
{
contextualMatches = matches;
activeRouteMatch = matches[matches.length - 1];
}
let path = resolveTo(
to ? to : ".",
getResolveToMatches(contextualMatches),
stripBasename(location.pathname, basename) || location.pathname,
relative === "path"
);
if (to == null) {
path.search = location.search;
path.hash = location.hash;
}
if ((to == null || to === "" || to === ".") && activeRouteMatch) {
let nakedIndex = hasNakedIndexQuery(path.search);
if (activeRouteMatch.route.index && !nakedIndex) {
path.search = path.search ? path.search.replace(/^\?/, "?index&") : "?index";
} else if (!activeRouteMatch.route.index && nakedIndex) {
let params = new URLSearchParams(path.search);
let indexValues = params.getAll("index");
params.delete("index");
indexValues.filter((v) => v).forEach((v) => params.append("index", v));
let qs = params.toString();
path.search = qs ? `?${qs}` : "";
}
}
if (basename !== "/") {
path.pathname = prependBasename({ basename, pathname: path.pathname });
}
return createPath(path);
}
function shouldRevalidateLoader(loaderMatch, arg) {
if (loaderMatch.route.shouldRevalidate) {
let routeChoice = loaderMatch.route.shouldRevalidate(arg);
if (typeof routeChoice === "boolean") {
return routeChoice;
}
}
return arg.defaultShouldRevalidate;
}
var lazyRoutePropertyCache = /* @__PURE__ */ new WeakMap();
var loadLazyRouteProperty = ({
key,
route,
manifest,
mapRouteProperties
}) => {
let routeToUpdate = manifest[route.id];
invariant(routeToUpdate, "No route found in manifest");
if (!routeToUpdate.lazy || typeof routeToUpdate.lazy !== "object") {
return;
}
let lazyFn = routeToUpdate.lazy[key];
if (!lazyFn) {
return;
}
let cache = lazyRoutePropertyCache.get(routeToUpdate);
if (!cache) {
cache = {};
lazyRoutePropertyCache.set(routeToUpdate, cache);
}
let cachedPromise = cache[key];
if (cachedPromise) {
return cachedPromise;
}
let propertyPromise = (async () => {
let isUnsupported = isUnsupportedLazyRouteObjectKey(key);
let staticRouteValue = routeToUpdate[key];
let isStaticallyDefined = staticRouteValue !== void 0 && key !== "hasErrorBoundary";
if (isUnsupported) {
warning(
!isUnsupported,
"Route property " + key + " is not a supported lazy route property. This property will be ignored."
);
cache[key] = Promise.resolve();
} else if (isStaticallyDefined) {
warning(
false,
`Route "${routeToUpdate.id}" has a static property "${key}" defined. The lazy property will be ignored.`
);
} else {
let value = await lazyFn();
if (value != null) {
Object.assign(routeToUpdate, { [key]: value });
Object.assign(routeToUpdate, mapRouteProperties(routeToUpdate));
}
}
if (typeof routeToUpdate.lazy === "object") {
routeToUpdate.lazy[key] = void 0;
if (Object.values(routeToUpdate.lazy).every((value) => value === void 0)) {
routeToUpdate.lazy = void 0;
}
}
})();
cache[key] = propertyPromise;
return propertyPromise;
};
var lazyRouteFunctionCache = /* @__PURE__ */ new WeakMap();
function loadLazyRoute(route, type, manifest, mapRouteProperties, lazyRoutePropertiesToSkip) {
let routeToUpdate = manifest[route.id];
invariant(routeToUpdate, "No route found in manifest");
if (!route.lazy) {
return {
lazyRoutePromise: void 0,
lazyHandlerPromise: void 0
};
}
if (typeof route.lazy === "function") {
let cachedPromise = lazyRouteFunctionCache.get(routeToUpdate);
if (cachedPromise) {
return {
lazyRoutePromise: cachedPromise,
lazyHandlerPromise: cachedPromise
};
}
let lazyRoutePromise2 = (async () => {
invariant(
typeof route.lazy === "function",
"No lazy route function found"
);
let lazyRoute = await route.lazy();
let routeUpdates = {};
for (let lazyRouteProperty in lazyRoute) {
let lazyValue = lazyRoute[lazyRouteProperty];
if (lazyValue === void 0) {
continue;
}
let isUnsupported = isUnsupportedLazyRouteFunctionKey(lazyRouteProperty);
let staticRouteValue = routeToUpdate[lazyRouteProperty];
let isStaticallyDefined = staticRouteValue !== void 0 && // This property isn't static since it should always be updated based
// on the route updates
lazyRouteProperty !== "hasErrorBoundary";
if (isUnsupported) {
warning(
!isUnsupported,
"Route property " + lazyRouteProperty + " is not a supported property to be returned from a lazy route function. This property will be ignored."
);
} else if (isStaticallyDefined) {
warning(
!isStaticallyDefined,
`Route "${routeToUpdate.id}" has a static property "${lazyRouteProperty}" defined but its lazy function is also returning a value for this property. The lazy route property "${lazyRouteProperty}" will be ignored.`
);
} else {
routeUpdates[lazyRouteProperty] = lazyValue;
}
}
Object.assign(routeToUpdate, routeUpdates);
Object.assign(routeToUpdate, {
// To keep things framework agnostic, we use the provided `mapRouteProperties`
// function to set the framework-aware properties (`element`/`hasErrorBoundary`)
// since the logic will differ between frameworks.
...mapRouteProperties(routeToUpdate),
lazy: void 0
});
})();
lazyRouteFunctionCache.set(routeToUpdate, lazyRoutePromise2);
lazyRoutePromise2.catch(() => {
});
return {
lazyRoutePromise: lazyRoutePromise2,
lazyHandlerPromise: lazyRoutePromise2
};
}
let lazyKeys = Object.keys(route.lazy);
let lazyPropertyPromises = [];
let lazyHandlerPromise = void 0;
for (let key of lazyKeys) {
if (lazyRoutePropertiesToSkip && lazyRoutePropertiesToSkip.includes(key)) {
continue;
}
let promise = loadLazyRouteProperty({
key,
route,
manifest,
mapRouteProperties
});
if (promise) {
lazyPropertyPromises.push(promise);
if (key === type) {
lazyHandlerPromise = promise;
}
}
}
let lazyRoutePromise = lazyPropertyPromises.length > 0 ? Promise.all(lazyPropertyPromises).then(() => {
}) : void 0;
lazyRoutePromise?.catch(() => {
});
lazyHandlerPromise?.catch(() => {
});
return {
lazyRoutePromise,
lazyHandlerPromise
};
}
function isNonNullable(value) {
return value !== void 0;
}
function loadLazyMiddlewareForMatches(matches, manifest, mapRouteProperties) {
let promises = matches.map(({ route }) => {
if (typeof route.lazy !== "object" || !route.lazy.unstable_middleware) {
return void 0;
}
return loadLazyRouteProperty({
key: "unstable_middleware",
route,
manifest,
mapRouteProperties
});
}).filter(isNonNullable);
return promises.length > 0 ? Promise.all(promises) : void 0;
}
async function defaultDataStrategy(args) {
let matchesToLoad = args.matches.filter((m) => m.shouldLoad);
let keyedResults = {};
let results = await Promise.all(matchesToLoad.map((m) => m.resolve()));
results.forEach((result, i) => {
keyedResults[matchesToLoad[i].route.id] = result;
});
return keyedResults;
}
async function runMiddlewarePipeline(args, propagateResult, handler, errorHandler) {
let { matches, request, params, context } = args;
let middlewareState = {
handlerResult: void 0
};
try {
let tuples = matches.flatMap(
(m) => m.route.unstable_middleware ? m.route.unstable_middleware.map((fn) => [m.route.id, fn]) : []
);
let result = await callRouteMiddleware(
{ request, params, context },
tuples,
propagateResult,
middlewareState,
handler
);
return propagateResult ? result : middlewareState.handlerResult;
} catch (e) {
if (!middlewareState.middlewareError) {
throw e;
}
let result = await errorHandler(
middlewareState.middlewareError.error,
middlewareState.middlewareError.routeId
);
{
return result;
}
}
}
async function callRouteMiddleware(args, middlewares, propagateResult, middlewareState, handler, idx = 0) {
let { request } = args;
if (request.signal.aborted) {
if (request.signal.reason) {
throw request.signal.reason;
}
throw new Error(
`Request aborted without an \`AbortSignal.reason\`: ${request.method} ${request.url}`
);
}
let tuple = middlewares[idx];
if (!tuple) {
middlewareState.handlerResult = await handler();
return middlewareState.handlerResult;
}
let [routeId, middleware] = tuple;
let nextCalled = false;
let nextResult = void 0;
let next = async () => {
if (nextCalled) {
throw new Error("You may only call `next()` once per middleware");
}
nextCalled = true;
let result = await callRouteMiddleware(
args,
middlewares,
propagateResult,
middlewareState,
handler,
idx + 1
);
{
nextResult = result;
return nextResult;
}
};
try {
let result = await middleware(
{
request: args.request,
params: args.params,
context: args.context
},
next
);
if (nextCalled) {
if (result === void 0) {
return nextResult;
} else {
return result;
}
} else {
return next();
}
} catch (error) {
if (!middlewareState.middlewareError) {
middlewareState.middlewareError = { routeId, error };
} else if (middlewareState.middlewareError.error !== error) {
middlewareState.middlewareError = { routeId, error };
}
throw error;
}
}
function getDataStrategyMatchLazyPromises(mapRouteProperties, manifest, request, match, lazyRoutePropertiesToSkip) {
let lazyMiddlewarePromise = loadLazyRouteProperty({
key: "unstable_middleware",
route: match.route,
manifest,
mapRouteProperties
});
let lazyRoutePromises = loadLazyRoute(
match.route,
isMutationMethod(request.method) ? "action" : "loader",
manifest,
mapRouteProperties,
lazyRoutePropertiesToSkip
);
return {
middleware: lazyMiddlewarePromise,
route: lazyRoutePromises.lazyRoutePromise,
handler: lazyRoutePromises.lazyHandlerPromise
};
}
function getDataStrategyMatch(mapRouteProperties, manifest, request, match, lazyRoutePropertiesToSkip, scopedContext, shouldLoad, unstable_shouldRevalidateArgs = null) {
let isUsingNewApi = false;
let _lazyPromises = getDataStrategyMatchLazyPromises(
mapRouteProperties,
manifest,
request,
match,
lazyRoutePropertiesToSkip
);
return {
...match,
_lazyPromises,
shouldLoad,
unstable_shouldRevalidateArgs,
unstable_shouldCallHandler(defaultShouldRevalidate) {
isUsingNewApi = true;
if (!unstable_shouldRevalidateArgs) {
return shouldLoad;
}
if (typeof defaultShouldRevalidate === "boolean") {
return shouldRevalidateLoader(match, {
...unstable_shouldRevalidateArgs,
defaultShouldRevalidate
});
}
return shouldRevalidateLoader(match, unstable_shouldRevalidateArgs);
},
resolve(handlerOverride) {
if (isUsingNewApi || shouldLoad || handlerOverride && !isMutationMethod(request.method) && (match.route.lazy || match.route.loader)) {
return callLoaderOrAction({
request,
match,
lazyHandlerPromise: _lazyPromises?.handler,
lazyRoutePromise: _lazyPromises?.route,
handlerOverride,
scopedContext
});
}
return Promise.resolve({ type: "data" /* data */, result: void 0 });
}
};
}
function getTargetedDataStrategyMatches(mapRouteProperties, manifest, request, matches, targetMatch, lazyRoutePropertiesToSkip, scopedContext, shouldRevalidateArgs = null) {
return matches.map((match) => {
if (match.route.id !== targetMatch.route.id) {
return {
...match,
shouldLoad: false,
unstable_shouldRevalidateArgs: shouldRevalidateArgs,
unstable_shouldCallHandler: () => false,
_lazyPromises: getDataStrategyMatchLazyPromises(
mapRouteProperties,
manifest,
request,
match,
lazyRoutePropertiesToSkip
),
resolve: () => Promise.resolve({ type: "data", result: void 0 })
};
}
return getDataStrategyMatch(
mapRouteProperties,
manifest,
request,
match,
lazyRoutePropertiesToSkip,
scopedContext,
true,
shouldRevalidateArgs
);
});
}
async function callDataStrategyImpl(dataStrategyImpl, request, matches, fetcherKey, scopedContext, isStaticHandler) {
if (matches.some((m) => m._lazyPromises?.middleware)) {
await Promise.all(matches.map((m) => m._lazyPromises?.middleware));
}
let dataStrategyArgs = {
request,
params: matches[0].params,
context: scopedContext,
matches
};
let unstable_runClientMiddleware = () => {
throw new Error(
"You cannot call `unstable_runClientMiddleware()` from a static handler `dataStrategy`. Middleware is run outside of `dataStrategy` during SSR in order to bubble up the Response. You can enable middleware via the `respond` API in `query`/`queryRoute`"
);
} ;
let results = await dataStrategyImpl({
...dataStrategyArgs,
fetcherKey,
unstable_runClientMiddleware
});
try {
await Promise.all(
matches.flatMap((m) => [
m._lazyPromises?.handler,
m._lazyPromises?.route
])
);
} catch (e) {
}
return results;
}
async function callLoaderOrAction({
request,
match,
lazyHandlerPromise,
lazyRoutePromise,
handlerOverride,
scopedContext
}) {
let result;
let onReject;
let isAction = isMutationMethod(request.method);
let type = isAction ? "action" : "loader";
let runHandler = (handler) => {
let reject;
let abortPromise = new Promise((_, r) => reject = r);
onReject = () => reject();
request.signal.addEventListener("abort", onReject);
let actualHandler = (ctx) => {
if (typeof handler !== "function") {
return Promise.reject(
new Error(
`You cannot call the handler for a route which defines a boolean "${type}" [routeId: ${match.route.id}]`
)
);
}
return handler(
{
request,
params: match.params,
context: scopedContext
},
...ctx !== void 0 ? [ctx] : []
);
};
let handlerPromise = (async () => {
try {
let val = await (handlerOverride ? handlerOverride((ctx) => actualHandler(ctx)) : actualHandler());
return { type: "data", result: val };
} catch (e) {
return { type: "error", result: e };
}
})();
return Promise.race([handlerPromise, abortPromise]);
};
try {
let handler = isAction ? match.route.action : match.route.loader;
if (lazyHandlerPromise || lazyRoutePromise) {
if (handler) {
let handlerError;
let [value] = await Promise.all([
// If the handler throws, don't let it immediately bubble out,
// since we need to let the lazy() execution finish so we know if this
// route has a boundary that can handle the error
runHandler(handler).catch((e) => {
handlerError = e;
}),
// Ensure all lazy route promises are resolved before continuing
lazyHandlerPromise,
lazyRoutePromise
]);
if (handlerError !== void 0) {
throw handlerError;
}
result = value;
} else {
await lazyHandlerPromise;
let handler2 = isAction ? match.route.action : match.route.loader;
if (handler2) {
[result] = await Promise.all([runHandler(handler2), lazyRoutePromise]);
} else if (type === "action") {
let url = new URL(request.url);
let pathname = url.pathname + url.search;
throw getInternalRouterError(405, {
method: request.method,
pathname,
routeId: match.route.id
});
} else {
return { type: "data" /* data */, result: void 0 };
}
}
} else if (!handler) {
let url = new URL(request.url);
let pathname = url.pathname + url.search;
throw getInternalRouterError(404, {
pathname
});
} else {
result = await runHandler(handler);
}
} catch (e) {
return { type: "error" /* error */, result: e };
} finally {
if (onReject) {
request.signal.removeEventListener("abort", onReject);
}
}
return result;
}
async function convertDataStrategyResultToDataResult(dataStrategyResult) {
let { result, type } = dataStrategyResult;
if (isResponse(result)) {
let data2;
try {
let contentType = result.headers.get("Content-Type");
if (contentType && /\bapplication\/json\b/.test(contentType)) {
if (result.body == null) {
data2 = null;
} else {
data2 = await result.json();
}
} else {
data2 = await result.text();
}
} catch (e) {
return { type: "error" /* error */, error: e };
}
if (type === "error" /* error */) {
return {
type: "error" /* error */,
error: new ErrorResponseImpl(result.status, result.statusText, data2),
statusCode: result.status,
headers: result.headers
};
}
return {
type: "data" /* data */,
data: data2,
statusCode: result.status,
headers: result.headers
};
}
if (type === "error" /* error */) {
if (isDataWithResponseInit(result)) {
if (result.data instanceof Error) {
return {
type: "error" /* error */,
error: result.data,
statusCode: result.init?.status,
headers: result.init?.headers ? new Headers(result.init.headers) : void 0
};
}
return {
type: "error" /* error */,
error: new ErrorResponseImpl(
result.init?.status || 500,
void 0,
result.data
),
statusCode: isRouteErrorResponse(result) ? result.status : void 0,
headers: result.init?.headers ? new Headers(result.init.headers) : void 0
};
}
return {
type: "error" /* error */,
error: result,
statusCode: isRouteErrorResponse(result) ? result.status : void 0
};
}
if (isDataWithResponseInit(result)) {
return {
type: "data" /* data */,
data: result.data,
statusCode: result.init?.status,
headers: result.init?.headers ? new Headers(result.init.headers) : void 0
};
}
return { type: "data" /* data */, data: result };
}
function normalizeRelativeRoutingRedirectResponse(response, request, routeId, matches, basename) {
let location = response.headers.get("Location");
invariant(
location,
"Redirects returned/thrown from loaders/actions must have a Location header"
);
if (!isAbsoluteUrl(location)) {
let trimmedMatches = matches.slice(
0,
matches.findIndex((m) => m.route.id === routeId) + 1
);
location = normalizeTo(
new URL(request.url),
trimmedMatches,
basename,
location
);
response.headers.set("Location", location);
}
return response;
}
function processRouteLoaderData(matches, results, pendingActionResult, isStaticHandler = false, skipLoaderErrorBubbling = false) {
let loaderData = {};
let errors = null;
let statusCode;
let foundError = false;
let loaderHeaders = {};
let pendingError = pendingActionResult && isErrorResult(pendingActionResult[1]) ? pendingActionResult[1].error : void 0;
matches.forEach((match) => {
if (!(match.route.id in results)) {
return;
}
let id = match.route.id;
let result = results[id];
invariant(
!isRedirectResult(result),
"Cannot handle redirect results in processLoaderData"
);
if (isErrorResult(result)) {
let error = result.error;
if (pendingError !== void 0) {
error = pendingError;
pendingError = void 0;
}
errors = errors || {};
if (skipLoaderErrorBubbling) {
errors[id] = error;
} else {
let boundaryMatch = findNearestBoundary(matches, id);
if (errors[boundaryMatch.route.id] == null) {
errors[boundaryMatch.route.id] = error;
}
}
if (!isStaticHandler) {
loaderData[id] = ResetLoaderDataSymbol;
}
if (!foundError) {
foundError = true;
statusCode = isRouteErrorResponse(result.error) ? result.error.status : 500;
}
if (result.headers) {
loaderHeaders[id] = result.headers;
}
} else {
loaderData[id] = result.data;
if (result.statusCode && result.statusCode !== 200 && !foundError) {
statusCode = result.statusCode;
}
if (result.headers) {
loaderHeaders[id] = result.headers;
}
}
});
if (pendingError !== void 0 && pendingActionResult) {
errors = { [pendingActionResult[0]]: pendingError };
if (pendingActionResult[2]) {
loaderData[pendingActionResult[2]] = void 0;
}
}
return {
loaderData,
errors,
statusCode: statusCode || 200,
loaderHeaders
};
}
function findNearestBoundary(matches, routeId) {
let eligibleMatches = routeId ? matches.slice(0, matches.findIndex((m) => m.route.id === routeId) + 1) : [...matches];
return eligibleMatches.reverse().find((m) => m.route.hasErrorBoundary === true) || matches[0];
}
function getShortCircuitMatches(routes) {
let route = routes.length === 1 ? routes[0] : routes.find((r) => r.index || !r.path || r.path === "/") || {
id: `__shim-error-route__`
};
return {
matches: [
{
params: {},
pathname: "",
pathnameBase: "",
route
}
],
route
};
}
function getInternalRouterError(status, {
pathname,
routeId,
method,
type,
message
} = {}) {
let statusText = "Unknown Server Error";
let errorMessage = "Unknown @remix-run/router error";
if (status === 400) {
statusText = "Bad Request";
if (method && pathname && routeId) {
errorMessage = `You made a ${method} request to "${pathname}" but did not provide a \`loader\` for route "${routeId}", so there is no way to handle the request.`;
} else if (type === "invalid-body") {
errorMessage = "Unable to encode submission body";
}
} else if (status === 403) {
statusText = "Forbidden";
errorMessage = `Route "${routeId}" does not match URL "${pathname}"`;
} else if (status === 404) {
statusText = "Not Found";
errorMessage = `No route matches URL "${pathname}"`;
} else if (status === 405) {
statusText = "Method Not Allowed";
if (method && pathname && routeId) {
errorMessage = `You made a ${method.toUpperCase()} request to "${pathname}" but did not provide an \`action\` for route "${routeId}", so there is no way to handle the request.`;
} else if (method) {
errorMessage = `Invalid request method "${method.toUpperCase()}"`;
}
}
return new ErrorResponseImpl(
status || 500,
statusText,
new Error(errorMessage),
true
);
}
function isDataStrategyResult(result) {
return result != null && typeof result === "object" && "type" in result && "result" in result && (result.type === "data" /* data */ || result.type === "error" /* error */);
}
function isRedirectDataStrategyResult(result) {
return isResponse(result.result) && redirectStatusCodes.has(result.result.status);
}
function isErrorResult(result) {
return result.type === "error" /* error */;
}
function isRedirectResult(result) {
return (result && result.type) === "redirect" /* redirect */;
}
function isDataWithResponseInit(value) {
return typeof value === "object" && value != null && "type" in value && "data" in value && "init" in value && value.type === "DataWithResponseInit";
}
function isResponse(value) {
return value != null && typeof value.status === "number" && typeof value.statusText === "string" && typeof value.headers === "object" && typeof value.body !== "undefined";
}
function isRedirectStatusCode(statusCode) {
return redirectStatusCodes.has(statusCode);
}
function isRedirectResponse(result) {
return isResponse(result) && isRedirectStatusCode(result.status) && result.headers.has("Location");
}
function isValidMethod(method) {
return validRequestMethods.has(method.toUpperCase());
}
function isMutationMethod(method) {
return validMutationMethods.has(method.toUpperCase());
}
function hasNakedIndexQuery(search) {
return new URLSearchParams(search).getAll("index").some((v) => v === "");
}
function getTargetMatch(matches, location) {
let search = typeof location === "string" ? parsePath(location).search : location.search;
if (matches[matches.length - 1].route.index && hasNakedIndexQuery(search || "")) {
return matches[matches.length - 1];
}
let pathMatches = getPathContributingMatches(matches);
return pathMatches[pathMatches.length - 1];
}
// 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/headers.ts
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 = setCookieParser.splitCookiesString(parentSetCookieString);
let childCookies = new Set(childHeaders.getSetCookie());
cookies.forEach((cookie) => {
if (!childCookies.has(cookie)) {
childHeaders.append("Set-Cookie", cookie);
}
});
}
}
var SINGLE_FETCH_REDIRECT_STATUS = 202;
var Outlet = reactServerClient.Outlet;
var WithComponentProps = reactServerClient.UNSAFE_WithComponentProps;
var WithErrorBoundaryProps = reactServerClient.UNSAFE_WithErrorBoundaryProps;
var WithHydrateFallbackProps = reactServerClient.UNSAFE_WithHydrateFallbackProps;
var globalVar = typeof globalThis !== "undefined" ? globalThis : global;
var ServerStorage = globalVar.___reactRouterServerStorage___ ?? (globalVar.___reactRouterServerStorage___ = new node_async_hooks.AsyncLocalStorage());
var redirect2 = (...args) => {
const response = redirect(...args);
const ctx = ServerStorage.getStore();
if (ctx) {
ctx.redirect = response;
}
return response;
};
var redirectDocument2 = (...args) => {
const response = redirectDocument(...args);
const ctx = ServerStorage.getStore();
if (ctx) {
ctx.redirect = response;
}
return response;
};
var replace2 = (...args) => {
const response = replace(...args);
const ctx = ServerStorage.getStore();
if (ctx) {
ctx.redirect = response;
}
return response;
};
async function matchRSCServerRequest({
createTemporaryReferenceSet,
basename,
decodeReply,
requestContext,
loadServerAction,
decodeAction,
decodeFormState,
onError,
request,
routes,
generateResponse
}) {
let requestUrl = new URL(request.url);
const temporaryReferences = createTemporaryReferenceSet();
if (isManifestRequest(requestUrl)) {
let response2 = await generateManifestResponse(
routes,
basename,
request,
generateResponse,
temporaryReferences
);
return response2;
}
let isDataRequest = isReactServerRequest(requestUrl);
const url = new URL(request.url);
let routerRequest = request;
if (isDataRequest) {
url.pathname = url.pathname.replace(/(_root)?\.rsc$/, "");
routerRequest = new Request(url.toString(), {
method: request.method,
headers: request.headers,
body: request.body,
signal: request.signal,
duplex: request.body ? "half" : void 0
});
}
let matches = matchRoutes(routes, url.pathname, basename);
if (matches) {
await Promise.all(matches.map((m) => explodeLazyRoute(m.route)));
}
const leafMatch = matches?.[matches.length - 1];
if (!isDataRequest && leafMatch && !leafMatch.route.Component && !leafMatch.route.ErrorBoundary) {
return generateResourceResponse(
routerRequest,
routes,
basename,
leafMatch.route.id,
requestContext,
onError
);
}
let response = await generateRenderResponse(
routerRequest,
routes,
basename,
isDataRequest,
decodeReply,
requestContext,
loadServerAction,
decodeAction,
decodeFormState,
onError,
generateResponse,
temporaryReferences
);
response.headers.set("X-Remix-Response", "yes");
return response;
}
async function generateManifestResponse(routes, basename, request, generateResponse, temporaryReferences) {
let url = new URL(request.url);
let pathnameParams = url.searchParams.getAll("p");
let pathnames = pathnameParams.length ? pathnameParams : [url.pathname.replace(/\.manifest$/, "")];
let routeIds = /* @__PURE__ */ new Set();
let matchedRoutes = pathnames.flatMap((pathname) => {
let pathnameMatches = matchRoutes(routes, pathname, basename);
return pathnameMatches?.map((m, i) => ({
...m.route,
parentId: pathnameMatches[i - 1]?.route.id
})) ?? [];
}).filter((route) => {
if (!routeIds.has(route.id)) {
routeIds.add(route.id);
return true;
}
return false;
});
let payload = {
type: "manifest",
patches: (await Promise.all([
...matchedRoutes.map((route) => getManifestRoute(route)),
getAdditionalRoutePatches(
pathnames,
routes,
basename,
Array.from(routeIds)
)
])).flat(1)
};
return generateResponse(
{
statusCode: 200,
headers: new Headers({
"Content-Type": "text/x-component",
Vary: "Content-Type"
}),
payload
},
{ temporaryReferences }
);
}
function prependBasenameToRedirectResponse(response, basename = "/") {
if (basename === "/") {
return response;
}
let redirect3 = response.headers.get("Location");
if (!redirect3 || isAbsoluteUrl(redirect3)) {
return response;
}
response.headers.set(
"Location",
prependBasename({ basename, pathname: redirect3 })
);
return response;
}
async function processServerAction(request, basename, decodeReply, loadServerAction, decodeAction, decodeFormState, onError, temporaryReferences) {
const getRevalidationRequest = () => new Request(request.url, {
method: "GET",
headers: request.headers,
signal: request.signal
});
const isFormRequest = canDecodeWithFormData(
request.headers.get("Content-Type")
);
const actionId = request.headers.get("rsc-action-id");
if (actionId) {
if (!decodeReply || !loadServerAction) {
throw new Error(
"Cannot handle enhanced server action without decodeReply and loadServerAction functions"
);
}
const reply = isFormRequest ? await request.formData() : await request.text();
const actionArgs = await decodeReply(reply, { temporaryReferences });
const action = await loadServerAction(actionId);
const serverAction = action.bind(null, ...actionArgs);
let actionResult = Promise.resolve(serverAction());
try {
await actionResult;
} catch (error) {
if (isResponse(error)) {
return error;
}
onError?.(error);
}
return {
actionResult,
revalidationRequest: getRevalidationRequest()
};
} else if (isFormRequest) {
const formData = await request.clone().formData();
if (Array.from(formData.keys()).some((k) => k.startsWith("$ACTION_"))) {
if (!decodeAction) {
throw new Error(
"Cannot handle form actions without a decodeAction function"
);
}
const action = await decodeAction(formData);
let formState = void 0;
try {
let result = await action();
if (isRedirectResponse(result)) {
result = prependBasenameToRedirectResponse(result, basename);
}
formState = decodeFormState?.(result, formData);
} catch (error) {
if (isRedirectResponse(error)) {
return prependBasenameToRedirectResponse(error, basename);
}
if (isResponse(error)) {
return error;
}
onError?.(error);
}
return {
formState,
revalidationRequest: getRevalidationRequest()
};
}
}
}
async function generateResourceResponse(request, routes, basename, routeId, requestContext, onError) {
let result;
try {
const staticHandler = createStaticHandler(routes, {
basename
});
let response = await staticHandler.queryRoute(request, {
routeId,
requestContext,
unstable_respond: (ctx) => ctx
});
if (isResponse(response)) {
result = response;
} else {
if (typeof response === "string") {
result = new Response(response);
} else {
result = Response.json(response);
}
}
} catch (error) {
if (isResponse(error)) {
result = error;
} else if (isRouteErrorResponse(error)) {
onError?.(error);
const errorMessage = typeof error.data === "string" ? error.data : error.statusText;
result = new Response(errorMessage, {
status: error.status,
statusText: error.statusText
});
} else {
onError?.(error);
result = new Response("Internal Server Error", {
status: 500
});
}
}
const headers = new Headers(result.headers);
headers.set("React-Router-Resource", "true");
return new Response(result.body, {
status: result.status,
statusText: result.statusText,
headers
});
}
async function generateRenderResponse(request, routes, basename, isDataRequest, decodeReply, requestContext, loadServerAction, decodeAction, decodeFormState, onError, generateResponse, temporaryReferences) {
let statusCode = 200;
let url = new URL(request.url);
let isSubmission = isMutationMethod(request.method);
let routeIdsToLoad = !isSubmission && url.searchParams.has("_routes") ? url.searchParams.get("_routes").split(",") : null;
const staticHandler = createStaticHandler(routes, {
basename,
mapRouteProperties: (r) => ({
hasErrorBoundary: r.ErrorBoundary != null
})
});
let actionResult;
const ctx = {};
const result = await ServerStorage.run(
ctx,
() => staticHandler.query(request, {
requestContext,
skipLoaderErrorBubbling: isDataRequest,
skipRevalidation: isSubmission,
...routeIdsToLoad ? { filterMatchesToLoad: (m) => routeIdsToLoad.includes(m.route.id) } : null,
async unstable_stream(_, query) {
let formState;
if (request.method === "POST") {
let result2 = await processServerAction(
request,
basename,
decodeReply,
loadServerAction,
decodeAction,
decodeFormState,
onError,
temporaryReferences
);
if (isResponse(result2)) {
return generateRedirectResponse(
result2,
actionResult,
basename,
isDataRequest,
generateResponse,
temporaryReferences
);
}
actionResult = result2?.actionResult;
formState = result2?.formState;
request = result2?.revalidationRequest ?? request;
}
if (ctx.redirect) {
return generateRedirectResponse(
ctx.redirect,
actionResult,
basename,
isDataRequest,
generateResponse,
temporaryReferences
);
}
let staticContext = await query(request);
if (isResponse(staticContext)) {
return generateRedirectResponse(
staticContext,
actionResult,
basename,
isDataRequest,
generateResponse,
temporaryReferences
);
}
return generateStaticContextResponse(
routes,
basename,
generateResponse,
statusCode,
routeIdsToLoad,
isDataRequest,
isSubmission,
actionResult,
formState,
staticContext,
temporaryReferences
);
}
})
);
if (isRedirectResponse(result)) {
return generateRedirectResponse(
result,
actionResult,
basename,
isDataRequest,
generateResponse,
temporaryReferences
);
}
invariant2(isResponse(result), "Expected a response from query");
return result;
}
function generateRedirectResponse(response, actionResult, basename, isDataRequest, generateResponse, temporaryReferences) {
let redirect3 = response.headers.get("Location");
if (isDataRequest && basename) {
redirect3 = stripBasename(redirect3, basename) || redirect3;
}
let payload = {
type: "redirect",
location: redirect3,
reload: response.headers.get("X-Remix-Reload-Document") === "true",
replace: response.headers.get("X-Remix-Replace") === "true",
status: response.status,
actionResult
};
let headers = new Headers(response.headers);
headers.delete("Location");
headers.delete("X-Remix-Reload-Document");
headers.delete("X-Remix-Replace");
headers.delete("Content-Length");
headers.set("Content-Type", "text/x-component");
headers.set("Vary", "Content-Type");
return generateResponse(
{
statusCode: SINGLE_FETCH_REDIRECT_STATUS,
headers,
payload
},
{ temporaryReferences }
);
}
async function generateStaticContextResponse(routes, basename, generateResponse, statusCode, routeIdsToLoad, isDataRequest, isSubmission, actionResult, formState, staticContext, temporaryReferences) {
statusCode = staticContext.statusCode ?? statusCode;
if (staticContext.errors) {
staticContext.errors = Object.fromEntries(
Object.entries(staticContext.errors).map(([key, error]) => [
key,
isRouteErrorResponse(error) ? Object.fromEntries(Object.entries(error)) : error
])
);
}
staticContext.matches.forEach((m) => {
const routeHasNoLoaderData = staticContext.loaderData[m.route.id] === void 0;
const routeHasError = Boolean(
staticContext.errors && m.route.id in staticContext.errors
);
if (routeHasNoLoaderData && !routeHasError) {
staticContext.loaderData[m.route.id] = null;
}
});
let headers = getDocumentHeadersImpl(
staticContext,
(match) => match.route.headers
);
headers.delete("Content-Length");
const baseRenderPayload = {
type: "render",
basename,
actionData: staticContext.actionData,
errors: staticContext.errors,
loaderData: staticContext.loaderData,
location: staticContext.location,
formState
};
const renderPayloadPromise = () => getRenderPayload(
baseRenderPayload,
routes,
basename,
routeIdsToLoad,
isDataRequest,
staticContext
);
let payload;
if (actionResult) {
payload = {
type: "action",
actionResult,
rerender: renderPayloadPromise()
};
} else if (isSubmission && isDataRequest) {
payload = {
...baseRenderPayload,
matches: [],
patches: []
};
} else {
payload = await renderPayloadPromise();
}
return generateResponse(
{
statusCode,
headers,
payload
},
{ temporaryReferences }
);
}
async function getRenderPayload(baseRenderPayload, routes, basename, routeIdsToLoad, isDataRequest, staticContext) {
let deepestRenderedRouteIdx = staticContext.matches.length - 1;
let parentIds = {};
staticContext.matches.forEach((m, i) => {
if (i > 0) {
parentIds[m.route.id] = staticContext.matches[i - 1].route.id;
}
if (staticContext.errors && m.route.id in staticContext.errors && deepestRenderedRouteIdx > i) {
deepestRenderedRouteIdx = i;
}
});
let matchesPromise = Promise.all(
staticContext.matches.map((match, i) => {
let shouldRenderComponent = i <= deepestRenderedRouteIdx && (!routeIdsToLoad || routeIdsToLoad.includes(match.route.id)) && (!staticContext.errors || !(match.route.id in staticContext.errors));
return getRSCRouteMatch(
staticContext,
match,
shouldRenderComponent,
parentIds[match.route.id]
);
})
);
let patchesPromise = getAdditionalRoutePatches(
[staticContext.location.pathname],
routes,
basename,
staticContext.matches.map((m) => m.route.id)
);
let [matches, patches] = await Promise.all([matchesPromise, patchesPromise]);
return {
...baseRenderPayload,
matches,
patches
};
}
async function getRSCRouteMatch(staticContext, match, shouldRenderComponent, parentId) {
await explodeLazyRoute(match.route);
const Layout = match.route.Layout || React2__namespace.Fragment;
const Component = match.route.Component;
const ErrorBoundary = match.route.ErrorBoundary;
const HydrateFallback = match.route.HydrateFallback;
const loaderData = staticContext.loaderData[match.route.id];
const actionData = staticContext.actionData?.[match.route.id];
const params = match.params;
let element = void 0;
if (Component) {
element = shouldRenderComponent ? React2__namespace.createElement(
Layout,
null,
isClientReference(Component) ? React2__namespace.createElement(WithComponentProps, {
children: React2__namespace.createElement(Component)
}) : React2__namespace.createElement(Component, {
loaderData,
actionData,
params,
matches: staticContext.matches.map(
(match2) => convertRouteMatchToUiMatch(match2, staticContext.loaderData)
)
})
) : React2__namespace.createElement(Outlet);
}
let error = void 0;
if (ErrorBoundary && staticContext.errors) {
error = staticContext.errors[match.route.id];
}
const errorElement = ErrorBoundary ? React2__namespace.createElement(
Layout,
null,
isClientReference(ErrorBoundary) ? React2__namespace.createElement(WithErrorBoundaryProps, {
children: React2__namespace.createElement(ErrorBoundary)
}) : React2__namespace.createElement(ErrorBoundary, {
loaderData,
actionData,
params,
error
})
) : void 0;
const hydrateFallbackElement = HydrateFallback ? React2__namespace.createElement(
Layout,
null,
isClientReference(HydrateFallback) ? React2__namespace.createElement(WithHydrateFallbackProps, {
children: React2__namespace.createElement(HydrateFallback)
}) : React2__namespace.createElement(HydrateFallback, {
loaderData,
actionData,
params
})
) : void 0;
return {
clientAction: match.route.clientAction,
clientLoader: match.route.clientLoader,
element,
errorElement,
handle: match.route.handle,
hasAction: !!match.route.action,
hasComponent: !!Component,
hasErrorBoundary: !!ErrorBoundary,
hasLoader: !!match.route.loader,
hydrateFallbackElement,
id: match.route.id,
index: match.route.index,
links: match.route.links,
meta: match.route.meta,
params,
parentId,
path: match.route.path,
pathname: match.pathname,
pathnameBase: match.pathnameBase,
shouldRevalidate: match.route.shouldRevalidate
};
}
async function getManifestRoute(route) {
await explodeLazyRoute(route);
const Layout = route.Layout || React2__namespace.Fragment;
const errorElement = route.ErrorBoundary ? React2__namespace.createElement(
Layout,
null,
React2__namespace.createElement(route.ErrorBoundary)
) : void 0;
return {
clientAction: route.clientAction,
clientLoader: route.clientLoader,
handle: route.handle,
hasAction: !!route.action,
hasComponent: !!route.Component,
hasErrorBoundary: !!route.ErrorBoundary,
errorElement,
hasLoader: !!route.loader,
id: route.id,
parentId: route.parentId,
path: route.path,
index: "index" in route ? route.index : void 0,
links: route.links,
meta: route.meta
};
}
async function explodeLazyRoute(route) {
if ("lazy" in route && route.lazy) {
let {
default: lazyDefaultExport,
Component: lazyComponentExport,
...lazyProperties
} = await route.lazy();
let Component = lazyComponentExport || lazyDefaultExport;
if (Component && !route.Component) {
route.Component = Component;
}
for (let [k, v] of Object.entries(lazyProperties)) {
if (k !== "id" && k !== "path" && k !== "index" && k !== "children" && route[k] == null) {
route[k] = v;
}
}
route.lazy = void 0;
}
}
async function getAdditionalRoutePatches(pathnames, routes, basename, matchedRouteIds) {
let patchRouteMatches = /* @__PURE__ */ new Map();
let matchedPaths = /* @__PURE__ */ new Set();
for (const pathname of pathnames) {
let segments = pathname.split("/").filter(Boolean);
let paths = ["/"];
segments.pop();
while (segments.length > 0) {
paths.push(`/${segments.join("/")}`);
segments.pop();
}
paths.forEach((path) => {
if (matchedPaths.has(path)) {
return;
}
matchedPaths.add(path);
let matches = matchRoutes(routes, path, basename) || [];
matches.forEach((m, i) => {
if (patchRouteMatches.get(m.route.id)) {
return;
}
patchRouteMatches.set(m.route.id, {
...m.route,
parentId: matches[i - 1]?.route.id
});
});
});
}
let patches = await Promise.all(
[...patchRouteMatches.values()].filter((route) => !matchedRouteIds.some((id) => id === route.id)).map((route) => getManifestRoute(route))
);
return patches;
}
function isReactServerRequest(url) {
return url.pathname.endsWith(".rsc");
}
function isManifestRequest(url) {
return url.pathname.endsWith(".manifest");
}
function isClientReference(x) {
try {
return x.$$typeof === Symbol.for("react.client.reference");
} catch {
return false;
}
}
function canDecodeWithFormData(contentType) {
if (!contentType) return false;
return contentType.match(/\bapplication\/x-www-form-urlencoded\b/) || contentType.match(/\bmultipart\/form-data\b/);
}
// lib/server-runtime/crypto.ts
var encoder = /* @__PURE__ */ new TextEncoder();
var sign = async (value, secret) => {
let data2 = encoder.encode(value);
let key = await createKey2(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 createKey2(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 createKey2 = 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/warnings.ts
var alreadyWarned = {};
function warnOnce(condition, message) {
if (!condition && !alreadyWarned[message]) {
alreadyWarned[message] = true;
console.warn(message);
}
}
// 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 = cookie.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 cookie.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/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 : createCookie(cookieArg?.name || "__session", cookieArg);
warnOnceAboutSigningSessionCookie(cookie);
return {
async getSession(cookieHeader, options) {
return createSession(
cookieHeader && await cookie.parse(cookieHeader, options) || {}
);
},
async commitSession(session, options) {
let serializedCookie = await cookie.serialize(session.data, options);
if (serializedCookie.length > 4096) {
throw new Error(
"Cookie length will exceed browser maximum. Length: " + serializedCookie.length
);
}
return serializedCookie;
},
async destroySession(_session, options) {
return cookie.serialize("", {
...options,
maxAge: void 0,
expires: /* @__PURE__ */ new Date(0)
});
}
};
}
// lib/server-runtime/sessions/memoryStorage.ts
function createMemorySessionStorage({ cookie } = {}) {
let map = /* @__PURE__ */ new Map();
return createSessionStorage({
cookie,
async createData(data2, expires) {
let id = Math.random().toString(36).substring(2, 10);
map.set(id, { data: data2, expires });
return id;
},
async readData(id) {
if (map.has(id)) {
let { data: data2, expires } = map.get(id);
if (!expires || expires > /* @__PURE__ */ new Date()) {
return data2;
}
if (expires) map.delete(id);
}
return null;
},
async updateData(id, data2, expires) {
map.set(id, { data: data2, expires });
},
async deleteData(id) {
map.delete(id);
}
});
}
Object.defineProperty(exports, "Await", {
enumerable: true,
get: function () { return reactServerClient.Await; }
});
Object.defineProperty(exports, "BrowserRouter", {
enumerable: true,
get: function () { return reactServerClient.BrowserRouter; }
});
Object.defineProperty(exports, "Form", {
enumerable: true,
get: function () { return reactServerClient.Form; }
});
Object.defineProperty(exports, "HashRouter", {
enumerable: true,
get: function () { return reactServerClient.HashRouter; }
});
Object.defineProperty(exports, "Link", {
enumerable: true,
get: function () { return reactServerClient.Link; }
});
Object.defineProperty(exports, "Links", {
enumerable: true,
get: function () { return reactServerClient.Links; }
});
Object.defineProperty(exports, "MemoryRouter", {
enumerable: true,
get: function () { return reactServerClient.MemoryRouter; }
});
Object.defineProperty(exports, "Meta", {
enumerable: true,
get: function () { return reactServerClient.Meta; }
});
Object.defineProperty(exports, "NavLink", {
enumerable: true,
get: function () { return reactServerClient.NavLink; }
});
Object.defineProperty(exports, "Navigate", {
enumerable: true,
get: function () { return reactServerClient.Navigate; }
});
Object.defineProperty(exports, "Outlet", {
enumerable: true,
get: function () { return reactServerClient.Outlet; }
});
Object.defineProperty(exports, "Route", {
enumerable: true,
get: function () { return reactServerClient.Route; }
});
Object.defineProperty(exports, "Router", {
enumerable: true,
get: function () { return reactServerClient.Router; }
});
Object.defineProperty(exports, "RouterProvider", {
enumerable: true,
get: function () { return reactServerClient.RouterProvider; }
});
Object.defineProperty(exports, "Routes", {
enumerable: true,
get: function () { return reactServerClient.Routes; }
});
Object.defineProperty(exports, "ScrollRestoration", {
enumerable: true,
get: function () { return reactServerClient.ScrollRestoration; }
});
Object.defineProperty(exports, "StaticRouter", {
enumerable: true,
get: function () { return reactServerClient.StaticRouter; }
});
Object.defineProperty(exports, "StaticRouterProvider", {
enumerable: true,
get: function () { return reactServerClient.StaticRouterProvider; }
});
Object.defineProperty(exports, "unstable_HistoryRouter", {
enumerable: true,
get: function () { return reactServerClient.unstable_HistoryRouter; }
});
exports.createCookie = createCookie;
exports.createCookieSessionStorage = createCookieSessionStorage;
exports.createMemorySessionStorage = createMemorySessionStorage;
exports.createSession = createSession;
exports.createSessionStorage = createSessionStorage;
exports.createStaticHandler = createStaticHandler;
exports.data = data;
exports.isCookie = isCookie;
exports.isSession = isSession;
exports.matchRoutes = matchRoutes;
exports.redirect = redirect2;
exports.redirectDocument = redirectDocument2;
exports.replace = replace2;
exports.unstable_RouterContextProvider = unstable_RouterContextProvider;
exports.unstable_createContext = unstable_createContext;
exports.unstable_matchRSCServerRequest = matchRSCServerRequest;