one
Version:
One is a new React Framework that makes Vite serve both native and web.
794 lines • 30.2 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all) __defProp(target, name, {
get: all[name],
enumerable: true
});
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
get: () => from[key],
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
}
return to;
};
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
value: true
}), mod);
var router_exports = {};
__export(router_exports, {
canDismiss: () => canDismiss,
canGoBack: () => canGoBack,
cleanup: () => cleanup,
dismiss: () => dismiss,
dismissAll: () => dismissAll,
getPreloadHistory: () => getPreloadHistory,
getSortedRoutes: () => getSortedRoutes,
getValidationState: () => getValidationState,
goBack: () => goBack,
handleNavigationContainerStateChange: () => handleNavigationContainerStateChange,
hasAttemptedToHideSplash: () => hasAttemptedToHideSplash,
initClientMatches: () => initClientMatches,
initialPathname: () => initialPathname,
initialState: () => initialState,
initialize: () => initialize,
isRouteProtected: () => isRouteProtected,
linkTo: () => linkTo,
navigate: () => navigate,
navigationRef: () => navigationRef,
preloadRoute: () => preloadRoute,
preloadedLoaderData: () => preloadedLoaderData,
preloadingLoader: () => preloadingLoader,
push: () => push,
registerProtectedRoutes: () => registerProtectedRoutes,
replace: () => replace,
rootComponent: () => rootComponent,
rootState: () => rootState,
rootStateSnapshot: () => rootStateSnapshot,
routeInfo: () => routeInfo,
routeInfoSnapshot: () => routeInfoSnapshot,
routeNode: () => routeNode,
setLoadingState: () => setLoadingState,
setParams: () => setParams,
setValidationState: () => setValidationState,
snapshot: () => snapshot,
subscribeToLoadingState: () => subscribeToLoadingState,
subscribeToRootState: () => subscribeToRootState,
subscribeToStore: () => subscribeToStore,
subscribeToValidationState: () => subscribeToValidationState,
unregisterProtectedRoutes: () => unregisterProtectedRoutes,
updateState: () => updateState,
useOneRouter: () => useOneRouter,
useStoreRootState: () => useStoreRootState,
useStoreRouteInfo: () => useStoreRouteInfo,
useValidationState: () => useValidationState
});
module.exports = __toCommonJS(router_exports);
var import_native = require("@react-navigation/native");
var import_react = require("react");
var import_react_native = require("react-native-web");
var import_registry = require("../devtools/registry.cjs");
var import_href = require("../link/href.cjs");
var import_openExternalURL = require("../link/openExternalURL.cjs");
var import_path = require("../link/path.cjs");
var import_useBlocker = require("../useBlocker.cjs");
var import_assertIsReady = require("../utils/assertIsReady.cjs");
var import_cleanUrl = require("../utils/cleanUrl.cjs");
var import_dynamicImport = require("../utils/dynamicImport.cjs");
var import_skewProtection = require("../skewProtection.cjs");
var import_url = require("../utils/url.cjs");
var import_validateParams = require("../validateParams.cjs");
var import_findRouteNode = require("./findRouteNode.cjs");
var import_getRouteInfo = require("./getRouteInfo.cjs");
var import_getRoutes = require("./getRoutes.cjs");
var import_lastAction = require("./lastAction.cjs");
var import_linkingConfig = require("./linkingConfig.cjs");
var import_sortRoutes = require("./sortRoutes.cjs");
var import_useScreens = require("./useScreens.cjs");
var import_useViteRoutes = require("./useViteRoutes.cjs");
var import_getNavigateAction = require("./utils/getNavigateAction.cjs");
var import_useMatches = require("../useMatches.cjs");
var import_interceptRoutes = require("./interceptRoutes.cjs");
var import_Navigator = require("../views/Navigator.cjs");
var import_notFoundState = require("../notFoundState.cjs");
let routeNode = null;
let rootComponent;
const protectedRouteRegistry = /* @__PURE__ */new Map();
function registerProtectedRoutes(contextKey, protectedScreens) {
if (protectedScreens.size === 0) protectedRouteRegistry.delete(contextKey);else protectedRouteRegistry.set(contextKey, protectedScreens);
}
function unregisterProtectedRoutes(contextKey) {
protectedRouteRegistry.delete(contextKey);
}
function isRouteProtected(href) {
const normalizedHref = href.replace(/^\/+|\/+$/g, "");
for (const [contextKey, protectedScreens] of protectedRouteRegistry) {
const normalizedContextKey = contextKey.replace(/^\/+|\/+$/g, "");
if (normalizedHref.startsWith(normalizedContextKey)) {
const routeName = normalizedHref.slice(normalizedContextKey.length).replace(/^\//, "").split("/")[0] || "index";
const normalizedRouteName = routeName.replace(/\/index$/, "");
if (protectedScreens.has(routeName) || protectedScreens.has(normalizedRouteName)) return true;
}
}
return false;
}
let hasAttemptedToHideSplash = false;
let initialState;
let rootState;
let initialPathname;
let nextState;
let routeInfo;
let splashScreenAnimationFrame;
let navigationRef = null;
const rootStateSubscribers = /* @__PURE__ */new Set();
const loadingStateSubscribers = /* @__PURE__ */new Set();
const storeSubscribers = /* @__PURE__ */new Set();
let currentMatches = [];
let validationState = {
status: "idle"
};
const validationStateSubscribers = /* @__PURE__ */new Set();
function subscribeToValidationState(subscriber) {
validationStateSubscribers.add(subscriber);
return () => validationStateSubscribers.delete(subscriber);
}
function setValidationState(state) {
validationState = state;
for (const subscriber of validationStateSubscribers) subscriber(state);
if (state.status === "error" && state.error) window.dispatchEvent(new CustomEvent("one-validation-error", {
detail: {
error: {
message: state.error.message,
name: state.error.name,
stack: state.error.stack
},
href: state.lastValidatedHref,
timestamp: Date.now()
}
}));
}
function getValidationState() {
return validationState;
}
function useValidationState() {
return (0, import_react.useSyncExternalStore)(subscribeToValidationState, getValidationState, getValidationState);
}
let cachedRouteNode = null;
let cachedRootComponent = null;
let cachedContext = null;
function initialize(context, ref, initialLocation) {
cleanUpState();
if (context !== cachedContext || !cachedRouteNode) {
cachedRouteNode = (0, import_getRoutes.getRoutes)(context, {
ignoreEntryPoints: true,
platform: import_react_native.Platform.OS
});
cachedRootComponent = cachedRouteNode ? (0, import_useScreens.getQualifiedRouteComponent)(cachedRouteNode) : import_react.Fragment;
cachedContext = context;
}
routeNode = cachedRouteNode;
rootComponent = cachedRootComponent || import_react.Fragment;
if (!routeNode && process.env.NODE_ENV === "production") throw new Error("No routes found");
if (process.env.ONE_DEBUG_ROUTER && routeNode) {
const formatRouteTree = (node, indent = "", isLast = true) => {
const prefix = indent + (isLast ? "└─ " : "├─ ");
const childIndent = indent + (isLast ? " " : "│ ");
const dynamicBadge = node.dynamic ? ` [${node.dynamic.map(d => d.name).join(", ")}]` : "";
const typeBadge = node.type !== "layout" ? ` (${node.type})` : "";
const slotsBadge = node.slots?.size ? ` {@${Array.from(node.slots.keys()).join(", @")}}` : "";
let line = `${prefix}${node.route || "/"}${dynamicBadge}${typeBadge}${slotsBadge}`;
const visibleChildren = node.children.filter(child => !child.internal);
for (let i = 0; i < visibleChildren.length; i++) {
const child = visibleChildren[i];
const childIsLast = i === visibleChildren.length - 1;
line += "\n" + formatRouteTree(child, childIndent, childIsLast);
}
return line;
};
console.info(`[one] \u{1F4CD} Route structure:
${formatRouteTree(routeNode)}`);
if (routeNode.slots?.size) {
console.info(`[one] \u{1F4E6} Slots on root layout:`);
for (const [slotName, slotConfig] of routeNode.slots) console.info(` @${slotName}:`, {
defaultRoute: slotConfig.defaultRoute?.route,
interceptRoutes: slotConfig.interceptRoutes.map(r => ({
route: r.route,
intercept: r.intercept
}))
});
}
}
navigationRef = ref;
setupLinkingAndRouteInfo(initialLocation);
subscribeToNavigationChanges();
}
function cleanUpState() {
initialState = void 0;
initialPathname = void 0;
rootState = void 0;
nextState = void 0;
routeInfo = void 0;
(0, import_linkingConfig.resetLinking)();
rootStateSubscribers.clear();
storeSubscribers.clear();
}
function setupLinkingAndRouteInfo(initialLocation) {
initialState = (0, import_linkingConfig.setupLinking)(routeNode, initialLocation);
initialPathname = initialLocation?.pathname ?? (typeof window !== "undefined" ? window.location.pathname : void 0);
if (initialState) {
rootState = initialState;
routeInfo = (0, import_getRouteInfo.getRouteInfo)(initialState);
} else routeInfo = {
unstable_globalHref: "",
pathname: "",
isIndex: false,
params: {},
segments: []
};
}
function handleNavigationContainerStateChange(navState) {
if (!navState) return;
let state = {
...navState
};
if (state.key) {
if (hashes[state.key]) {
state.hash = hashes[state.key];
delete hashes[state.key];
}
}
if (!hasAttemptedToHideSplash) {
hasAttemptedToHideSplash = true;
splashScreenAnimationFrame = requestAnimationFrame(() => {});
}
if (nextOptions) {
state = {
...state,
linkOptions: nextOptions
};
nextOptions = null;
}
let shouldUpdateSubscribers = nextState === state;
nextState = void 0;
if (state && state !== rootState) {
updateState(state, void 0);
shouldUpdateSubscribers = true;
}
if (shouldUpdateSubscribers) (0, import_react.startTransition)(() => {
for (const subscriber of rootStateSubscribers) subscriber(state);
});
}
function subscribeToNavigationChanges() {
(0, import_react.startTransition)(() => {
updateSnapshot();
for (const subscriber of storeSubscribers) subscriber();
});
}
function navigate(url, options) {
return linkTo((0, import_href.resolveHref)(url), "NAVIGATE", options);
}
function push(url, options) {
return linkTo((0, import_href.resolveHref)(url), "PUSH", options);
}
function dismiss(count) {
if (process.env.ONE_DEBUG_ROUTER) console.info(`[one] \u{1F519} dismiss${count ? ` (${count})` : ""}`);
navigationRef?.dispatch(import_native.StackActions.pop(count));
}
function replace(url, options) {
return linkTo((0, import_href.resolveHref)(url), "REPLACE", options);
}
function setParams(params = {}) {
(0, import_assertIsReady.assertIsReady)(navigationRef);
return navigationRef?.current?.setParams(
// @ts-expect-error
params);
}
function dismissAll() {
if (process.env.ONE_DEBUG_ROUTER) console.info(`[one] \u{1F519} dismissAll`);
navigationRef?.dispatch(import_native.StackActions.popToTop());
}
function goBack() {
if (process.env.ONE_DEBUG_ROUTER) console.info(`[one] \u{1F519} goBack`);
(0, import_assertIsReady.assertIsReady)(navigationRef);
navigationRef?.current?.goBack();
}
function canGoBack() {
if (!navigationRef.isReady()) return false;
return navigationRef?.current?.canGoBack() ?? false;
}
function canDismiss() {
let state = rootState;
while (state) {
if (state.type === "stack" && state.routes.length > 1) return true;
if (state.index === void 0) return false;
state = state.routes?.[state.index]?.state;
}
return false;
}
function getSortedRoutes() {
if (!routeNode) throw new Error("No routes");
return routeNode.children.filter(route => !route.internal).sort(import_sortRoutes.sortRoutes);
}
function updateState(state, nextStateParam = state) {
rootState = state;
nextState = nextStateParam;
const nextRouteInfo = (0, import_getRouteInfo.getRouteInfo)(state);
if (!deepEqual(routeInfo, nextRouteInfo)) {
if (process.env.ONE_DEBUG_ROUTER) {
const from = routeInfo?.pathname || "(initial)";
const to = nextRouteInfo.pathname;
const params = Object.keys(nextRouteInfo.params || {}).length ? nextRouteInfo.params : void 0;
console.info(`[one] \u{1F9ED} ${from} \u2192 ${to}`, params ? {
params
} : "");
}
routeInfo = nextRouteInfo;
}
if (process.env.NODE_ENV === "development" && typeof window !== "undefined") {
window.__oneDevtools = {
routeInfo: nextRouteInfo,
rootState: state,
routeNode,
getRoutes: () => routeNode?.children || [],
getLoaderTimingHistory: () => import_registry.devtoolsRegistry.getLoaderTimingHistory?.() ?? [],
getPreloadHistory
};
window.dispatchEvent(new CustomEvent("one-route-change", {
detail: nextRouteInfo
}));
}
}
function subscribeToRootState(subscriber) {
rootStateSubscribers.add(subscriber);
return () => {
rootStateSubscribers.delete(subscriber);
};
}
function subscribeToStore(subscriber) {
storeSubscribers.add(subscriber);
return () => {
storeSubscribers.delete(subscriber);
};
}
function subscribeToLoadingState(subscriber) {
loadingStateSubscribers.add(subscriber);
return () => {
loadingStateSubscribers.delete(subscriber);
};
}
function setLoadingState(state) {
(0, import_react.startTransition)(() => {
for (const listener of loadingStateSubscribers) listener(state);
});
}
let currentSnapshot = null;
function updateSnapshot() {
currentSnapshot = getSnapshot();
}
function snapshot() {
return currentSnapshot;
}
function getSnapshot() {
return {
linkTo,
routeNode,
rootComponent,
linking: (0, import_linkingConfig.getLinking)(),
hasAttemptedToHideSplash,
initialState,
rootState,
nextState,
routeInfo,
splashScreenAnimationFrame,
navigationRef,
rootStateSubscribers,
storeSubscribers
};
}
function rootStateSnapshot() {
return rootState;
}
function routeInfoSnapshot() {
return routeInfo;
}
function useOneRouter() {
const state = (0, import_react.useSyncExternalStore)(subscribeToStore, snapshot, snapshot);
return (0, import_react.useDeferredValue)(state);
}
function syncStoreRootState() {
if (!navigationRef) throw new Error(`No navigationRef, possible duplicate One dep`);
if (navigationRef.isReady()) {
const currentState = navigationRef.getRootState();
if (rootState !== currentState) {
if (initialState && routeInfo?.pathname) {
if ((0, import_getRouteInfo.getRouteInfo)(currentState).pathname !== routeInfo.pathname) {
rootState = currentState;
return;
}
}
updateState(currentState);
}
}
}
function useStoreRootState() {
syncStoreRootState();
const state = (0, import_react.useSyncExternalStore)(subscribeToRootState, rootStateSnapshot, rootStateSnapshot);
return (0, import_react.useDeferredValue)(state);
}
function useStoreRouteInfo() {
syncStoreRootState();
return (0, import_react.useSyncExternalStore)(subscribeToRootState, routeInfoSnapshot, routeInfoSnapshot);
}
function cleanup() {
if (splashScreenAnimationFrame) cancelAnimationFrame(splashScreenAnimationFrame);
}
const preloadingLoader = {};
async function doPreloadDev(href) {
if (process.env.NODE_ENV === "development") {
const startTime = performance.now();
const normalizedPath = normalizeLoaderPath(href);
try {
const loaderJSUrl = (0, import_cleanUrl.getLoaderPath)(href, true);
const moduleLoadStart = performance.now();
const modulePromise = (0, import_dynamicImport.dynamicImport)(loaderJSUrl);
if (!modulePromise) return null;
const module2 = await modulePromise.catch(() => null);
const moduleLoadTime = performance.now() - moduleLoadStart;
if (!module2?.loader) return null;
const executionStart = performance.now();
const result = await module2.loader();
const executionTime = performance.now() - executionStart;
const totalTime = performance.now() - startTime;
if (result?.__oneRedirect) return result;
import_registry.devtoolsRegistry.recordLoaderTiming?.({
path: normalizedPath,
startTime,
moduleLoadTime,
executionTime,
totalTime,
source: "preload"
});
return result ?? null;
} catch (err) {
const totalTime = performance.now() - startTime;
import_registry.devtoolsRegistry.recordLoaderTiming?.({
path: normalizedPath,
startTime,
totalTime,
error: err instanceof Error ? err.message : String(err),
source: "preload"
});
if (process.env.ONE_DEBUG_ROUTER) console.warn(`[one] dev preload failed for ${href}:`, err);
return null;
}
}
}
async function doPreload(href) {
const preloadPath = (0, import_cleanUrl.getPreloadPath)(href);
const loaderPath = (0, import_cleanUrl.getLoaderPath)(href);
const cssPreloadPath = (0, import_cleanUrl.getPreloadCSSPath)(href);
recordPreloadStart(href);
try {
const [_preload, cssPreloadModule, loader] = await Promise.all([(0, import_dynamicImport.dynamicImport)(preloadPath)?.catch(err => {
recordPreloadError(href, err instanceof Error ? err.message : String(err));
return null;
}), (0, import_dynamicImport.dynamicImport)(cssPreloadPath)?.catch(() => null) ?? Promise.resolve(null), (0, import_dynamicImport.dynamicImport)(loaderPath)?.catch(() => null) ?? Promise.resolve(null), (0, import_useViteRoutes.preloadRouteModules)(href)]);
const hasCss = !!cssPreloadModule?.injectCSS;
if (hasCss) cssInjectFunctions[href] = cssPreloadModule.injectCSS;
if (!!!loader?.loader) {
recordPreloadComplete(href, false, hasCss);
return null;
}
const result = await loader.loader();
if (result?.__oneRedirect) return result;
recordPreloadComplete(href, true, hasCss);
return result ?? null;
} catch (err) {
const errorMessage = err instanceof Error ? err.message : String(err);
console.error(`[one] preload error for ${href}:`, err);
recordPreloadError(href, errorMessage);
return null;
}
}
const preloadedLoaderData = {};
const cssInjectFunctions = {};
const preloadHistory = [];
const MAX_PRELOAD_HISTORY = 30;
function recordPreloadStart(href) {
if (process.env.NODE_ENV !== "development") return;
const existing = preloadHistory.find(p => p.href === href);
if (existing) {
existing.status = "loading";
existing.startTime = performance.now();
return;
}
preloadHistory.unshift({
href,
status: "loading",
startTime: performance.now(),
hasLoader: false,
hasCss: false
});
if (preloadHistory.length > MAX_PRELOAD_HISTORY) preloadHistory.pop();
dispatchPreloadEvent();
}
function recordPreloadComplete(href, hasLoader, hasCss) {
if (process.env.NODE_ENV !== "development") return;
const entry = preloadHistory.find(p => p.href === href);
if (entry) {
entry.status = "loaded";
entry.endTime = performance.now();
entry.hasLoader = hasLoader;
entry.hasCss = hasCss;
}
dispatchPreloadEvent();
}
function recordPreloadError(href, error) {
if (process.env.NODE_ENV !== "development") return;
const entry = preloadHistory.find(p => p.href === href);
if (entry) {
entry.status = "error";
entry.endTime = performance.now();
entry.error = error;
}
dispatchPreloadEvent();
}
function dispatchPreloadEvent() {
window.dispatchEvent(new CustomEvent("one-preload-update"));
}
function getPreloadHistory() {
return preloadHistory;
}
function preloadRoute(href, injectCSS = false) {
if (process.env.NODE_ENV === "development") {
const normalizedHref = normalizeLoaderPath(href);
if (!preloadingLoader[normalizedHref]) preloadingLoader[normalizedHref] = doPreloadDev(href).then(data => {
preloadedLoaderData[normalizedHref] = data;
return data;
});
return preloadingLoader[normalizedHref];
}
if (!preloadingLoader[href]) preloadingLoader[href] = doPreload(href).then(data => {
preloadedLoaderData[href] = data;
return data;
});
if (injectCSS) return preloadingLoader[href]?.then(async data => {
const inject = cssInjectFunctions[href];
if (inject) await Promise.race([inject(), new Promise(r => setTimeout(r, 800))]);
return data;
});
return preloadingLoader[href];
}
function normalizeLoaderPath(href) {
return new URL(href, "http://example.com").pathname.replace(/\/index$/, "").replace(/\/$/, "") || "/";
}
function buildClientMatches(href, matchingNode, params, loaderData) {
const pathname = (0, import_findRouteNode.extractPathnameFromHref)(href);
const routeId = matchingNode?.contextKey || pathname;
const layoutMatches = currentMatches.filter(m => m.routeId.includes("_layout"));
const pageMatch = {
routeId,
pathname,
params,
loaderData
};
return [...layoutMatches, pageMatch];
}
function initClientMatches(matches) {
currentMatches = matches;
(0, import_useMatches.setClientMatches)(matches);
}
async function linkTo(href, event, options) {
if (process.env.ONE_DEBUG_ROUTER) console.info(`[one] \u{1F517} ${event || "NAVIGATE"} ${href}`);
(0, import_interceptRoutes.setNavigationType)("soft");
(0, import_notFoundState.clearNotFoundState)();
if (href[0] === "#") return;
if ((0, import_url.shouldLinkExternally)(href)) {
(0, import_openExternalURL.openExternalURL)(href);
return;
}
if ((0, import_skewProtection.isVersionStale)()) {
window.location.href = href;
return;
}
if ((0, import_useBlocker.checkBlocker)(href, event === "REPLACE" ? "replace" : "push")) return;
if (isRouteProtected(href)) return;
const currentLayoutNode = routeNode;
const currentPath = routeInfo?.pathname || "/";
const interceptResult = (0, import_interceptRoutes.findInterceptRoute)(href, currentLayoutNode, currentPath);
if (interceptResult) {
const {
interceptRoute,
slotName,
layoutContextKey,
params: params2
} = interceptResult;
const scopedSlotKey = `${layoutContextKey}:${slotName}`;
(0, import_interceptRoutes.storeInterceptState)(scopedSlotKey, interceptRoute, params2);
(0, import_interceptRoutes.updateURLWithoutNavigation)(href);
(0, import_Navigator.setSlotState)(scopedSlotKey, {
activeRouteKey: interceptRoute.contextKey,
activeRouteNode: interceptRoute,
params: params2,
isIntercepted: true
});
return;
}
(0, import_assertIsReady.assertIsReady)(navigationRef);
const current = navigationRef.current;
if (current == null) throw new Error("Couldn't find a navigation object. Is your component inside NavigationContainer?");
const linking = (0, import_linkingConfig.getLinking)();
if (!linking) throw new Error("Attempted to link to route when no routes are present");
(0, import_lastAction.setLastAction)();
if (href === ".." || href === "../") {
current.goBack();
return;
}
if (href.startsWith(".")) {
let base = routeInfo?.segments?.map(segment => {
if (!segment.startsWith("[")) return segment;
if (segment.startsWith("[...")) {
segment = segment.slice(4, -1);
const params2 = routeInfo?.params?.[segment];
if (Array.isArray(params2)) return params2.join("/");
return params2?.split(",")?.join("/") ?? "";
}
segment = segment.slice(1, -1);
return routeInfo?.params?.[segment];
}).filter(Boolean).join("/") ?? "/";
if (!routeInfo?.isIndex) base += "/..";
href = (0, import_path.resolve)(base, href);
}
const state = linking.getStateFromPath(href, linking.config);
if (!state || state.routes.length === 0) {
console.error("Could not generate a valid navigation state for the given path: " + href);
console.error(`linking.config`, linking.config);
console.error(`routes`, getSortedRoutes());
return;
}
setLoadingState("loading");
const normalizedPreloadPath = normalizeLoaderPath(href);
if (!(normalizedPreloadPath in preloadedLoaderData) && !(href in preloadedLoaderData)) await preloadRoute(href, true);else if (process.env.NODE_ENV !== "development") {
const inject = cssInjectFunctions[href];
if (inject) inject().catch(() => {});
}
const preloadResult = preloadedLoaderData[normalizedPreloadPath];
if (preloadResult?.__oneRedirect) {
const redirectTarget = preloadResult.__oneRedirect;
delete preloadedLoaderData[normalizedPreloadPath];
delete preloadingLoader[normalizedPreloadPath];
delete preloadedLoaderData[href];
delete preloadingLoader[href];
setLoadingState("loaded");
linkTo(redirectTarget, "REPLACE");
return;
}
if (preloadResult?.__oneError === 404) {
delete preloadedLoaderData[normalizedPreloadPath];
delete preloadingLoader[normalizedPreloadPath];
delete preloadedLoaderData[href];
delete preloadingLoader[href];
setLoadingState("loaded");
const notFoundRoute = (0, import_notFoundState.findNearestNotFoundRoute)(href, routeNode);
(0, import_notFoundState.setNotFoundState)({
notFoundPath: preloadResult.__oneNotFoundPath || "/+not-found",
notFoundRouteNode: notFoundRoute || void 0,
originalPath: href
});
return;
}
const matchingRouteNode = (0, import_findRouteNode.findRouteNodeFromState)(state, routeNode);
if (matchingRouteNode?.loadRoute) {
setValidationState({
status: "validating",
lastValidatedHref: href
});
try {
const loadedRoute = matchingRouteNode.loadRoute();
const params2 = (0, import_findRouteNode.extractParamsFromState)(state);
const search = (0, import_findRouteNode.extractSearchFromHref)(href);
const pathname = (0, import_findRouteNode.extractPathnameFromHref)(href);
if (loadedRoute.validateParams) (0, import_validateParams.validateParams)(loadedRoute.validateParams, params2);
if (loadedRoute.validateRoute) {
const validationResult = await loadedRoute.validateRoute({
params: params2,
search,
pathname,
href
});
if (validationResult && !validationResult.valid) {
const error = new import_validateParams.RouteValidationError(validationResult.error || "Route validation failed", validationResult.details);
setValidationState({
status: "error",
error,
lastValidatedHref: href
});
throw error;
}
}
setValidationState({
status: "valid",
lastValidatedHref: href
});
} catch (error) {
if (error && typeof error.then === "function") {
await error.catch(() => {});
setValidationState({
status: "valid",
lastValidatedHref: href
});
} else if (error instanceof import_validateParams.ParamValidationError || error instanceof import_validateParams.RouteValidationError) {
setValidationState({
status: "error",
error,
lastValidatedHref: href
});
throw error;
} else throw error;
}
}
const loaderData = preloadedLoaderData[normalizeLoaderPath(href)];
const params = (0, import_findRouteNode.extractParamsFromState)(state);
const newMatches = buildClientMatches(href, matchingRouteNode, params, loaderData);
currentMatches = newMatches;
(0, import_useMatches.setClientMatches)(newMatches);
const currentRootState = navigationRef.getRootState();
const hash = href.indexOf("#");
if (currentRootState.key && hash > 0) hashes[currentRootState.key] = href.slice(hash);
nextOptions = options ?? null;
(0, import_react.startTransition)(() => {
const freshRootState = navigationRef.getRootState();
const action = (0, import_getNavigateAction.getNavigateAction)(state, freshRootState, event);
const current2 = navigationRef.getCurrentRoute();
const targetName = action.payload?.name;
const isGroupTarget = typeof targetName === "string" && targetName.startsWith("(") && targetName.endsWith(")");
const hasFreshRootState = freshRootState.type === "stack";
const currentFocusedName = freshRootState.routes[freshRootState.index]?.name;
if (isGroupTarget && hasFreshRootState && currentFocusedName !== targetName) {
const existingRoutes = freshRootState.routes.filter(r => r.name !== targetName);
const targetRoute = {
...state.routes[state.routes.length - 1],
key: `${targetName}-${freshRootState.key}`
};
navigationRef.resetRoot({
...freshRootState,
routes: [...existingRoutes, targetRoute],
index: existingRoutes.length
});
} else navigationRef.dispatch(action);
let warningTm;
const interval = setInterval(() => {
if (current2 !== navigationRef.getCurrentRoute()) setTimeout(() => {
setLoadingState("loaded");
});
clearTimeout(warningTm);
clearTimeout(interval);
}, 16);
if (process.env.NODE_ENV === "development") warningTm = setTimeout(() => {
console.warn(`Routing took more than 8 seconds`);
}, 1e3);
});
}
const hashes = {};
let nextOptions = null;
function deepEqual(a, b) {
if (a === b) return true;
if (Array.isArray(a) && Array.isArray(b)) {
if (a.length !== b.length) return false;
for (let i = 0; i < a.length; i++) if (!deepEqual(a[i], b[i])) return false;
return true;
}
if (typeof a === "object" && typeof b === "object") {
const keysA = Object.keys(a);
const keysB = Object.keys(b);
if (keysA.length !== keysB.length) return false;
for (const key of keysA) if (!deepEqual(a[key], b[key])) return false;
return true;
}
return false;
}