@jayalfredprufrock/mobx-toolbox 0.6.5 → 0.7.1

package/dist/router.d.mts

@@ -1,50 +1,6 @@
 import React$1 from "react";
 import { History, Location } from "history";
 
-//#region src/router/outlet.d.ts
-interface OutletConfig {
-  component?: Component | LazyComponent;
-  loader?: Loader;
-}
-type RouteSegmentState = "preloading" | "loading" | "error" | "ready";
-declare const DefaultOutlet: Component;
-declare class Outlet {
-  readonly config: OutletConfig;
-  state: RouteSegmentState;
-  promise: Promise<unknown> | undefined;
-  data: unknown;
-  component: Component | undefined;
-  get Component(): Component | undefined;
-  constructor(config: OutletConfig);
-  load(route: Route): Promise<void>;
-  setData(data: unknown): void;
-  setState(state: RouteSegmentState): void;
-  private loadData;
-  private loadComponent;
-}
-//#endregion
-//#region src/router/route.d.ts
-interface RouteConfig$1 {
-  path: string;
-  outlets: Outlet[];
-  guards: Guard[];
-  context?: Obj;
-  layout?: Component;
-  params: Obj;
-}
-declare class Route {
-  readonly path: string;
-  readonly outlets: Outlet[];
-  readonly guards: Guard[];
-  readonly context: Obj;
-  readonly params: Obj;
-  readonly layout?: Component;
-  get data(): Obj;
-  constructor(def: RouteConfig$1);
-  guard(): Promise<void>;
-  load(): Promise<void>;
-}
-//#endregion
 //#region src/router/symbols.d.ts
 declare const CONTEXT: unique symbol;
 declare const LAYOUT: unique symbol;
@@ -52,6 +8,7 @@ declare const WRAPPER: unique symbol;
 declare const LOAD: unique symbol;
 declare const GUARD: unique symbol;
 declare const PAGE: unique symbol;
+declare const ERROR: unique symbol;
 declare const REDIRECT: unique symbol;
 //#endregion
 //#region src/router/types.d.ts
@@ -60,12 +17,29 @@ type LazyComponent = () => Promise<any>;
 type Obj<T = any> = Record<string, T>;
 type Loader = (route: Route) => Promise<any>;
 type Guard = (route: Route) => Promise<void>;
+/** The props every `[ERROR]` component receives. */
+interface ErrorComponentProps {
+  route: Route;
+  error: RouterError;
+}
+/** @internal a guard together with the route level that declared it */
+interface GuardEntry {
+  guard: Guard;
+  depth: number;
+}
+/** @internal per-level snapshot used to build synthetic error routes */
+interface MatchLevel {
+  wrapper?: Component;
+  layout?: Component;
+  errorComponent?: Component;
+}
 interface RouteConfig {
   [CONTEXT]?: Obj;
   [LAYOUT]?: Component;
   [WRAPPER]?: Component;
   [GUARD]?: Guard;
   [LOAD]?: Loader;
+  [ERROR]?: Component;
 }
 /**
  * A route page definition.
@@ -134,9 +108,155 @@ type DynamicRoutePath = Extract<RoutePath, `${string}:${string}`>;
 type StaticRoutePath = Exclude<RoutePath, `${string}:${string}`>;
 /********************************************************************************* */
 type JoinSegments<S1, S2> = `/${S1 extends string ? S1 : ""}${S2 extends string ? S2 : ""}`;
+type SegmentName<S> = S extends `$${infer Param}` ? `:${Param}` : S;
 type ExtractParam<P, NextPart> = P extends `:${infer Param}` ? Record<Param, string> & NextPart : NextPart;
 type ExtractParams<P> = P extends `${infer S1}/${infer Rest}` ? ExtractParam<S1, ExtractParams<Rest>> : ExtractParam<P, {}>;
-type ExtractPaths<R> = { [S in keyof R]: S extends string ? S extends "index" ? "/" : R[S] extends Leaf ? `/${S}` : JoinSegments<S, ExtractPaths<R[S]>> : never }[keyof R];
+type ExtractPaths<R> = { [S in keyof R]: S extends string ? S extends "index" ? "/" : R[S] extends Leaf ? `/${SegmentName<S> extends string ? SegmentName<S> : ""}` : JoinSegments<SegmentName<S>, ExtractPaths<R[S]>> : never }[keyof R];
+//#endregion
+//#region src/router/route.d.ts
+interface RouteConfig$1 {
+  path: string;
+  outlets: Outlet[];
+  guards: GuardEntry[];
+  levels: MatchLevel[];
+  context?: Obj;
+  layout?: Component;
+  params: Obj;
+  error?: RouterError;
+}
+declare class Route {
+  readonly path: string;
+  readonly outlets: Outlet[];
+  readonly guards: Guard[];
+  readonly context: Obj;
+  readonly params: Obj;
+  readonly layout?: Component;
+  /** set on synthetic error routes; the error being rendered */
+  readonly error?: RouterError;
+  /** @internal */
+  readonly guardEntries: GuardEntry[];
+  /** @internal */
+  readonly levels: MatchLevel[];
+  get data(): Obj;
+  constructor(def: RouteConfig$1);
+  guard(): Promise<void>;
+  load(): Promise<void>;
+}
+//#endregion
+//#region src/router/outlet.d.ts
+interface OutletConfig {
+  component?: Component | LazyComponent;
+  loader?: Loader;
+  errorComponent?: Component;
+}
+type RouteSegmentState = "preloading" | "loading" | "error" | "ready";
+declare const DefaultOutlet: Component;
+declare class Outlet {
+  readonly config: OutletConfig;
+  state: RouteSegmentState;
+  promise: Promise<unknown> | undefined;
+  data: unknown;
+  error: RouterError | undefined;
+  component: Component | undefined;
+  get Component(): Component | undefined;
+  constructor(config: OutletConfig);
+  load(route: Route): Promise<void>;
+  setData(data: unknown): void;
+  setError(error: RouterError): void;
+  setState(state: RouteSegmentState): void;
+  private loadData;
+  private loadComponent;
+}
+//#endregion
+//#region src/router/make-routes.d.ts
+interface MatchState {
+  segments: string[];
+  context: Obj;
+  params: Obj;
+  outlets: (Outlet | undefined)[];
+  guards: GuardEntry[];
+  levels: MatchLevel[];
+  layout?: Component;
+  errorComponent?: Component;
+}
+declare const makeRoute: (matchState: MatchState) => Route;
+/**
+ * Builds the synthetic route rendered when navigation fails. Bubbles
+ * from the failing level (`error.depth`, defaulting to the deepest
+ * matched level) to the nearest `[ERROR]` component, preserving the
+ * `[LAYOUT]` and `[WRAPPER]`s accumulated up to that level. Ancestor
+ * `[LOAD]` loaders are intentionally not run — error routes never
+ * fetch data.
+ */
+declare const makeErrorRoute: (error: RouterError, pathname: string, source?: {
+  levels: MatchLevel[];
+  params: Obj;
+  context: Obj;
+}) => Route;
+declare const matchRoute: (path: string, routeDef: Routes, matchState?: MatchState) => Route;
+declare const makeRoutes: () => <R extends Routes>(routes: R) => R;
+//#endregion
+//#region src/router/errors.d.ts
+type RouterErrorType = "NOT_FOUND" | "GUARD" | "LOAD" | "RENDER";
+interface RouterErrorOptions {
+  message?: string;
+  cause?: unknown;
+  path?: string;
+}
+/**
+ * The single error type surfaced to `[ERROR]` components. `type`
+ * discriminates the failure source; when the router wraps an
+ * application-level error (thrown by a guard or loader), the original
+ * is preserved on the standard `cause` property.
+ *
+ * Guards and loaders may also throw `RouterError` directly — e.g.
+ * `throw new RouterError("NOT_FOUND")` from a loader when an entity
+ * doesn't exist — and it passes through unwrapped.
+ */
+declare class RouterError extends Error {
+  readonly type: RouterErrorType;
+  readonly path?: string;
+  /** @internal matched-prefix state captured when the matcher throws NOT_FOUND */
+  state?: MatchState;
+  /** @internal level index of the failing guard, for depth-aware bubbling */
+  depth?: number;
+  constructor(type: RouterErrorType, options?: RouterErrorOptions);
+}
+//#endregion
+//#region src/router/components/error.d.ts
+/**
+ * Rendered when an error occurs and no `[ERROR]` component is defined
+ * on the matched prefix. Deliberately minimal and dependency-free —
+ * define a root-level `[ERROR]` to replace it.
+ */
+declare const DefaultErrorPage: Component;
+interface RouteErrorBoundaryProps {
+  route: Route;
+  fallback: Component;
+  children?: React$1.ReactNode;
+}
+interface RouteErrorBoundaryState {
+  error?: RouterError;
+  route?: Route;
+}
+/**
+ * Catches render-time crashes in page and `[WRAPPER]` components and
+ * renders the nearest `[ERROR]` component with `type: "RENDER"`. Mounted
+ * inside the `[LAYOUT]` so the layout survives page crashes; crashes in
+ * the layout itself (or in the fallback) propagate out of `<Router>` by
+ * design — those are developer bugs that should stay loud.
+ *
+ * Deliberately NOT keyed by location: the boundary must be transparent
+ * to reconciliation (a key would remount the entire subtree and re-fire
+ * every effect on each navigation). Instead, a captured error is cleared
+ * when a new Route object arrives.
+ */
+declare class RouteErrorBoundary extends React$1.Component<RouteErrorBoundaryProps, RouteErrorBoundaryState> {
+  state: RouteErrorBoundaryState;
+  static getDerivedStateFromError(cause: unknown): RouteErrorBoundaryState;
+  static getDerivedStateFromProps(props: RouteErrorBoundaryProps, state: RouteErrorBoundaryState): Partial<RouteErrorBoundaryState> | null;
+  render(): React$1.ReactNode;
+}
 //#endregion
 //#region src/router/components/link.d.ts
 type LinkComponentProps<C extends React$1.ElementType> = Omit<React$1.ComponentProps<C>, "ref" | "exact" | "to" | "params" | "onClick" | "asChild">;
@@ -182,6 +302,8 @@ declare class RouterStore {
   doesPathMatch<P extends RoutePath>(path: P, exact?: boolean): boolean;
   navigate<P extends RoutePath>(options: NavigateOptions<P>): void;
   _navigate<P extends RoutePath>(options: NavigateOptions<P>): void;
+  private resolveLocation;
+  private isCurrentLocation;
   setQueryParam(param: string, value: string): void;
   removeQueryParam(param: string): string | undefined;
   setLocation(location: Location): Promise<void>;
@@ -204,19 +326,6 @@ declare const Router: (({
   displayName: string;
 };
 //#endregion
-//#region src/router/make-routes.d.ts
-interface MatchState {
-  segments: string[];
-  context: Obj;
-  params: Obj;
-  outlets: (Outlet | undefined)[];
-  guards: (Guard | undefined)[];
-  layout?: Component;
-}
-declare const makeRoute: (matchState: MatchState) => Route;
-declare const matchRoute: (path: string, routeDef: Routes, matchState?: MatchState) => Route;
-declare const makeRoutes: () => <R extends Routes>(routes: R) => R;
-//#endregion
 //#region src/router/redirect.d.ts
 declare class Redirect<P extends RoutePath> {
   readonly options: NavigateOptions<P>;
@@ -232,5 +341,5 @@ declare const isRedirect: (data: any) => data is Redirector;
 declare const isLeaf: (data: any) => data is Leaf;
 declare const isLazyComponent: (data: any) => data is LazyComponent;
 //#endregion
-export { CONTEXT, Component, DefaultOutlet, DynamicRoutePath, ExtractParam, ExtractParams, ExtractPaths, GUARD, Guard, HasParam, JoinSegments, LAYOUT, LOAD, LazyComponent, Leaf, LinkComponent, LinkPropsBase, Loader, MatchState, MobxRenderSegment, MobxRouter, MobxRouterConfig, MobxRouterRoutes, Navigate, NavigateOptions, Obj, Outlet, OutletConfig, PAGE, Page, PassThrough, REDIRECT, Redirect, Redirector, Route, RouteConfig, RoutePath, RouteSegmentState, Router, RouterOutlet, RouterProps, RouterStore, Routes, StaticRoutePath, WRAPPER, WithToAndParams, isComponent, isLazyComponent, isLeaf, isPage, isRedirect, makeLinkComponent, makeRoute, makeRoutes, matchRoute, redirect, resolvePath, routerContext, useRouter };
+export { CONTEXT, Component, DefaultErrorPage, DefaultOutlet, DynamicRoutePath, ERROR, ErrorComponentProps, ExtractParam, ExtractParams, ExtractPaths, GUARD, Guard, GuardEntry, HasParam, JoinSegments, LAYOUT, LOAD, LazyComponent, Leaf, LinkComponent, LinkPropsBase, Loader, MatchLevel, MatchState, MobxRenderSegment, MobxRouter, MobxRouterConfig, MobxRouterRoutes, Navigate, NavigateOptions, Obj, Outlet, OutletConfig, PAGE, Page, PassThrough, REDIRECT, Redirect, Redirector, Route, RouteConfig, RouteErrorBoundary, RouteErrorBoundaryProps, RoutePath, RouteSegmentState, Router, RouterError, RouterErrorOptions, RouterErrorType, RouterOutlet, RouterProps, RouterStore, Routes, SegmentName, StaticRoutePath, WRAPPER, WithToAndParams, isComponent, isLazyComponent, isLeaf, isPage, isRedirect, makeErrorRoute, makeLinkComponent, makeRoute, makeRoutes, matchRoute, redirect, resolvePath, routerContext, useRouter };
 //# sourceMappingURL=router.d.mts.map

package/dist/router.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.mts","names":[],"sources":["../src/router/outlet.tsx","../src/router/route.tsx","../src/router/symbols.ts","../src/router/types.ts","../src/router/components/link.tsx","../src/router/components/navigate.tsx","../src/router/router.store.ts","../src/router/components/router.tsx","../src/router/make-routes.tsx","../src/router/redirect.ts","../src/router/util.ts"],"mappings":"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"}
+{"version":3,"file":"router.d.mts","names":[],"sources":["../src/router/symbols.ts","../src/router/types.ts","../src/router/route.tsx","../src/router/outlet.tsx","../src/router/make-routes.tsx","../src/router/errors.ts","../src/router/components/error.tsx","../src/router/components/link.tsx","../src/router/components/navigate.tsx","../src/router/router.store.ts","../src/router/components/router.tsx","../src/router/redirect.ts","../src/router/util.ts"],"mappings":"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"}

package/dist/router.mjs

@@ -1,9 +1,89 @@
 import { observer } from "mobx-react-lite";
 import React, { createContext, useCallback, useContext, useLayoutEffect } from "react";
 import { action, computed, makeAutoObservable, makeObservable, observable, runInAction } from "mobx";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { createBrowserHistory } from "history";
 
+//#region src/router/errors.ts
+const defaultMessage = (type, path) => {
+	switch (type) {
+		case "NOT_FOUND": return path ? `No route matches '${path}'.` : "No matching route.";
+		case "GUARD": return "A route guard rejected the navigation.";
+		case "LOAD": return "A route loader or lazy component failed.";
+		case "RENDER": return "A route component failed to render.";
+	}
+};
+/**
+* The single error type surfaced to `[ERROR]` components. `type`
+* discriminates the failure source; when the router wraps an
+* application-level error (thrown by a guard or loader), the original
+* is preserved on the standard `cause` property.
+*
+* Guards and loaders may also throw `RouterError` directly — e.g.
+* `throw new RouterError("NOT_FOUND")` from a loader when an entity
+* doesn't exist — and it passes through unwrapped.
+*/
+var RouterError = class extends Error {
+	type;
+	path;
+	/** @internal matched-prefix state captured when the matcher throws NOT_FOUND */
+	state;
+	/** @internal level index of the failing guard, for depth-aware bubbling */
+	depth;
+	constructor(type, options) {
+		super(options?.message ?? defaultMessage(type, options?.path), { cause: options?.cause });
+		this.name = "RouterError";
+		this.type = type;
+		this.path = options?.path;
+	}
+};
+
+//#endregion
+//#region src/router/components/error.tsx
+/**
+* Rendered when an error occurs and no `[ERROR]` component is defined
+* on the matched prefix. Deliberately minimal and dependency-free —
+* define a root-level `[ERROR]` to replace it.
+*/
+const DefaultErrorPage = ({ error }) => /* @__PURE__ */ jsxs("div", {
+	role: "alert",
+	children: [/* @__PURE__ */ jsx("h1", { children: error.type === "NOT_FOUND" ? "Page Not Found" : "Something Went Wrong" }), /* @__PURE__ */ jsx("p", { children: error.message })]
+});
+/**
+* Catches render-time crashes in page and `[WRAPPER]` components and
+* renders the nearest `[ERROR]` component with `type: "RENDER"`. Mounted
+* inside the `[LAYOUT]` so the layout survives page crashes; crashes in
+* the layout itself (or in the fallback) propagate out of `<Router>` by
+* design — those are developer bugs that should stay loud.
+*
+* Deliberately NOT keyed by location: the boundary must be transparent
+* to reconciliation (a key would remount the entire subtree and re-fire
+* every effect on each navigation). Instead, a captured error is cleared
+* when a new Route object arrives.
+*/
+var RouteErrorBoundary = class extends React.Component {
+	state = {};
+	static getDerivedStateFromError(cause) {
+		return { error: cause instanceof RouterError ? cause : new RouterError("RENDER", { cause }) };
+	}
+	static getDerivedStateFromProps(props, state) {
+		if (state.route === props.route) return null;
+		return {
+			route: props.route,
+			error: void 0
+		};
+	}
+	render() {
+		if (!this.state.error) return this.props.children;
+		const Fallback = this.props.fallback;
+		return /* @__PURE__ */ jsx(Fallback, {
+			route: this.props.route,
+			error: this.state.error
+		});
+	}
+};
+
+//#endregion
 //#region src/router/symbols.ts
 const CONTEXT = Symbol.for("MOBX_ROUTER_CONTEXT");
 const LAYOUT = Symbol.for("MOBX_ROUTER_LAYOUT");
@@ -11,6 +91,7 @@ const WRAPPER = Symbol.for("MOBX_ROUTER_WRAPPER");
 const LOAD = Symbol.for("MOBX_ROUTER_LOAD");
 const GUARD = Symbol.for("MOBX_ROUTER_GUARD");
 const PAGE = Symbol.for("MOBX_ROUTER_PAGE");
+const ERROR = Symbol.for("MOBX_ROUTER_ERROR");
 const REDIRECT = Symbol.for("MOBX_ROUTER_REDIRECT");
 
 //#endregion
@@ -18,7 +99,7 @@ const REDIRECT = Symbol.for("MOBX_ROUTER_REDIRECT");
 const resolvePath = (to, params) => {
 	return to.replaceAll(/:[^/]*/g, (segment) => {
 		const value = params?.[segment.slice(1)];
-		if (!value) throw new Error(`Unable to resolve route '${to}. Paramater '${segment}' not specified.`);
+		if (!value) throw new Error(`Unable to resolve route '${to}'. Parameter '${segment}' not specified.`);
 		return value;
 	});
 };
@@ -58,16 +139,22 @@ const RouterOutlet = ({ route, components }) => {
 const routerContext = createContext(null);
 const useRouter = () => useContext(routerContext);
 const Router = observer(({ store }) => {
-	if (!store.activeRoute) return null;
-	const Layout = store.activeRoute.layout ?? PassThrough;
-	const components = store.activeRoute.outlets.map((o) => o.Component);
+	const route = store.activeRoute;
+	if (!route) return null;
+	const Layout = route.layout ?? PassThrough;
+	const outlet = /* @__PURE__ */ jsx(RouterOutlet, {
+		route,
+		components: route.outlets.map((o) => o.Component)
+	});
+	const fallback = route.levels.at(-1)?.errorComponent ?? DefaultErrorPage;
 	return /* @__PURE__ */ jsx(routerContext.Provider, {
 		value: store,
 		children: /* @__PURE__ */ jsx(Layout, {
-			route: store.activeRoute,
-			children: /* @__PURE__ */ jsx(RouterOutlet, {
-				route: store.activeRoute,
-				components
+			route,
+			children: route.error ? outlet : /* @__PURE__ */ jsx(RouteErrorBoundary, {
+				route,
+				fallback,
+				children: outlet
 			})
 		})
 	});
@@ -90,7 +177,7 @@ const makeLinkComponent = (C, baseProps) => {
 			router.navigate({
 				to,
 				preserveSearch,
-				...params
+				params
 			});
 		}, [
 			router,
@@ -112,6 +199,16 @@ const Navigate = (props) => {
 	return null;
 };
 
+//#endregion
+//#region src/router/redirect.ts
+var Redirect = class {
+	options;
+	constructor(options) {
+		this.options = options;
+	}
+};
+const redirect = (options) => new Redirect(options);
+
 //#endregion
 //#region src/router/outlet.tsx
 const DefaultOutlet = ({ children }) => children;
@@ -121,11 +218,20 @@ var Outlet = class {
 	state = "preloading";
 	promise;
 	data;
+	error;
 	component;
 	get Component() {
 		switch (this.state) {
 			case "loading": return LoadingPlaceholder;
 			case "ready": return this.component ?? DefaultOutlet;
+			case "error": {
+				const ErrorComponent = this.config.errorComponent ?? DefaultErrorPage;
+				const error = this.error ?? new RouterError("LOAD");
+				return (props) => /* @__PURE__ */ jsx(ErrorComponent, {
+					...props,
+					error
+				});
+			}
 			default: return;
 		}
 	}
@@ -135,6 +241,7 @@ var Outlet = class {
 		makeAutoObservable(this, {
 			promise: observable.ref,
 			data: observable.ref,
+			error: observable.ref,
 			component: false,
 			config: false
 		});
@@ -156,15 +263,20 @@ var Outlet = class {
 				this.setState("ready");
 			}, 300);
 			else this.setState("ready");
-		}).catch(() => {
+		}).catch((e) => {
 			clearTimeout(preloadingTimer);
 			this.setState("error");
+			if (e instanceof Redirect) throw e;
+			this.setError(e instanceof RouterError ? e : new RouterError("LOAD", { cause: e }));
 		});
 		await this.promise;
 	}
 	setData(data) {
 		this.data = data;
 	}
+	setError(error) {
+		this.error = error;
+	}
 	setState(state) {
 		this.state = state;
 	}
@@ -182,16 +294,6 @@ var Outlet = class {
 	}
 };
 
-//#endregion
-//#region src/router/redirect.ts
-var Redirect = class {
-	options;
-	constructor(options) {
-		this.options = options;
-	}
-};
-const redirect = (options) => new Redirect(options);
-
 //#endregion
 //#region src/router/route.tsx
 var Route = class {
@@ -201,20 +303,36 @@ var Route = class {
 	context;
 	params;
 	layout;
+	/** set on synthetic error routes; the error being rendered */
+	error;
+	/** @internal */
+	guardEntries;
+	/** @internal */
+	levels;
 	get data() {
 		return Object.assign({}, ...this.outlets.map((o) => o.data));
 	}
 	constructor(def) {
 		this.path = def.path;
-		this.guards = def.guards;
+		this.guardEntries = def.guards;
+		this.guards = def.guards.map((entry) => entry.guard);
+		this.levels = def.levels;
 		this.context = def.context ?? {};
 		this.outlets = def.outlets;
 		this.params = def.params;
 		this.layout = def.layout;
+		this.error = def.error;
 		makeObservable(this, { data: computed });
 	}
 	async guard() {
-		for (const guard of this.guards) await guard(this);
+		for (const { guard, depth } of this.guardEntries) try {
+			await guard(this);
+		} catch (e) {
+			if (e instanceof Redirect) throw e;
+			const error = e instanceof RouterError ? e : new RouterError("GUARD", { cause: e });
+			error.depth ??= depth;
+			throw error;
+		}
 	}
 	async load() {
 		await Promise.all(this.outlets.map((outlet) => outlet.load(this)));
@@ -228,59 +346,126 @@ const pathToSegments = (path) => {
 };
 const makeRoute = (matchState) => {
 	const outlets = matchState.outlets.filter((o) => o !== void 0);
-	const guards = matchState.guards.filter((g) => g !== void 0);
 	return new Route({
 		...matchState,
 		outlets,
-		guards,
 		path: matchState.segments.join("/")
 	});
 };
+/**
+* Builds the synthetic route rendered when navigation fails. Bubbles
+* from the failing level (`error.depth`, defaulting to the deepest
+* matched level) to the nearest `[ERROR]` component, preserving the
+* `[LAYOUT]` and `[WRAPPER]`s accumulated up to that level. Ancestor
+* `[LOAD]` loaders are intentionally not run — error routes never
+* fetch data.
+*/
+const makeErrorRoute = (error, pathname, source) => {
+	const levels = error.state?.levels ?? source?.levels ?? [];
+	const depth = Math.min(error.depth ?? levels.length - 1, levels.length - 1);
+	const level = depth >= 0 ? levels[depth] : void 0;
+	const ErrorComponent = level?.errorComponent ?? DefaultErrorPage;
+	const outlets = levels.slice(0, depth + 1).flatMap((l) => l.wrapper ? [new Outlet({ component: l.wrapper })] : []);
+	outlets.push(new Outlet({ component: (props) => /* @__PURE__ */ jsx(ErrorComponent, {
+		...props,
+		error
+	}) }));
+	return new Route({
+		path: pathname.replace(/^\/+/, ""),
+		outlets,
+		guards: [],
+		levels: [],
+		params: error.state?.params ?? source?.params ?? {},
+		context: error.state?.context ?? source?.context ?? {},
+		layout: level?.layout,
+		error
+	});
+};
+const notFound = (state, attemptedSegments) => {
+	const error = new RouterError("NOT_FOUND", { path: `/${attemptedSegments.filter((s) => s !== "").join("/")}` });
+	error.state = state;
+	return error;
+};
 const matchRoute = (path, routeDef, matchState) => {
+	const depth = matchState?.levels.length ?? 0;
+	const layout = routeDef[LAYOUT] ?? matchState?.layout;
+	const errorComponent = routeDef[ERROR] ?? matchState?.errorComponent;
 	const state = {
 		segments: [],
 		params: {},
 		...matchState,
-		layout: routeDef[LAYOUT] ?? matchState?.layout,
+		layout,
+		errorComponent,
 		context: {
 			...matchState?.context,
 			...routeDef[CONTEXT]
 		},
-		guards: [...matchState?.guards ?? [], routeDef[GUARD]],
+		guards: [...matchState?.guards ?? [], ...routeDef[GUARD] ? [{
+			guard: routeDef[GUARD],
+			depth
+		}] : []],
 		outlets: [
 			...matchState?.outlets ?? [],
-			routeDef[WRAPPER] ? new Outlet({ component: routeDef[WRAPPER] }) : void 0,
-			routeDef[LOAD] ? new Outlet({ loader: routeDef[LOAD] }) : void 0
-		]
+			routeDef[WRAPPER] ? new Outlet({
+				component: routeDef[WRAPPER],
+				errorComponent
+			}) : void 0,
+			routeDef[LOAD] ? new Outlet({
+				loader: routeDef[LOAD],
+				errorComponent
+			}) : void 0
+		],
+		levels: [...matchState?.levels ?? [], {
+			wrapper: routeDef[WRAPPER],
+			layout,
+			errorComponent
+		}]
 	};
 	const [segment, ...remainingSegments] = pathToSegments(path);
 	const remainingPath = remainingSegments.join("/");
 	let defAtSegment = routeDef[segment || "index"];
 	if (!defAtSegment) {
-		const matchedSegment = Object.keys(routeDef).find((segment) => segment.startsWith("$"));
+		const matchedSegment = Object.keys(routeDef).find((segment) => segment.startsWith("$") || segment.startsWith(":"));
 		if (matchedSegment) {
 			defAtSegment = routeDef[matchedSegment];
 			state.params[matchedSegment.slice(1)] = segment;
 		}
 	}
-	if (!defAtSegment) throw new Error("Not Found.");
+	if (!defAtSegment) throw notFound(state, [
+		...state.segments,
+		segment ?? "",
+		...remainingSegments
+	]);
 	state.segments.push(segment ?? "index");
 	if (isLeaf(defAtSegment)) {
-		if (remainingPath) throw new Error("Not Found.");
+		if (remainingPath) throw notFound(state, [...state.segments, ...remainingSegments]);
 		if (isRedirect(defAtSegment)) throw new Redirect(typeof defAtSegment[REDIRECT] === "string" ? { to: defAtSegment[REDIRECT] } : defAtSegment[REDIRECT]);
 		if (isComponent(defAtSegment) || isLazyComponent(defAtSegment)) {
-			state.outlets.push(new Outlet({ component: defAtSegment }));
+			state.outlets.push(new Outlet({
+				component: defAtSegment,
+				errorComponent
+			}));
 			return makeRoute(state);
 		}
 	}
 	if (isPage(defAtSegment)) {
 		state.layout = defAtSegment[LAYOUT] ?? state.layout;
+		state.errorComponent = defAtSegment[ERROR] ?? state.errorComponent;
 		Object.assign(state.context, defAtSegment[CONTEXT]);
-		state.guards.push(defAtSegment[GUARD]);
+		if (defAtSegment[GUARD]) state.guards.push({
+			guard: defAtSegment[GUARD],
+			depth
+		});
 		state.outlets.push(new Outlet({
 			component: defAtSegment[PAGE],
-			loader: defAtSegment[LOAD]
+			loader: defAtSegment[LOAD],
+			errorComponent: state.errorComponent
 		}));
+		state.levels[state.levels.length - 1] = {
+			...state.levels[state.levels.length - 1],
+			layout: state.layout,
+			errorComponent: state.errorComponent
+		};
 		return makeRoute(state);
 	}
 	return matchRoute(remainingPath, defAtSegment, state);
@@ -303,14 +488,7 @@ var RouterStore = class {
 		return Object.fromEntries(this.search);
 	}
 	get pathParams() {
-		const params = {};
-		const paramSegments = this.activeSegments.filter((segment) => segment.startsWith("$"));
-		const pathValues = this.location.pathname.split("/").slice(1);
-		paramSegments.forEach((segment, index) => {
-			const value = pathValues[index + 1];
-			if (value) params[segment] = value;
-		});
-		return params;
+		return { ...this.activeRoute?.params };
 	}
 	get activeSegments() {
 		return this.activeRoute?.path.split("/") ?? [];
@@ -335,36 +513,45 @@ var RouterStore = class {
 	}
 	doesPathMatch(path, exact) {
 		const segments = path.slice(1).split("/");
-		return segments.every((segment, i) => segment === this.activeSegments[i] || segment.startsWith("$")) && this.activeSegments.length >= segments.length && (!exact || segments.length === this.activeSegments.length);
+		return segments.every((segment, i) => segment === this.activeSegments[i] || segment.startsWith(":")) && this.activeSegments.length >= segments.length && (!exact || segments.length === this.activeSegments.length);
 	}
 	navigate(options) {
+		if (!options.state && this.isCurrentLocation(options)) return;
 		if (!document.startViewTransition) this._navigate(options);
 		else document.startViewTransition(() => this._navigate(options)).ready.catch((e) => console.log(e, typeof e));
 	}
 	_navigate(options) {
-		const { to, replace, state, search = {}, preserveSearch, params } = options;
+		const location = this.resolveLocation(options);
+		if (options.replace) this.history.replace(location, options.state);
+		else this.history.push(location, options.state);
+	}
+	resolveLocation(options) {
+		const { to, search = {}, preserveSearch, params } = options;
 		const searchParams = search instanceof URLSearchParams ? search : new URLSearchParams(search);
 		if (preserveSearch) {
 			for (const [name, value] of this.search) if (!searchParams.has(name)) searchParams.set(name, value);
 		}
-		const location = {
+		return {
 			pathname: resolvePath(to, params),
 			search: searchParams.size ? `?${searchParams.toString()}` : void 0
 		};
-		if (replace) this.history.replace(location, state);
-		else this.history.push(location, state);
+	}
+	isCurrentLocation(options) {
+		if (!this.location) return false;
+		const target = this.resolveLocation(options);
+		return target.pathname === this.location.pathname && (target.search ?? "") === this.location.search;
 	}
 	setQueryParam(param, value) {
 		const params = new URLSearchParams(this.location.search);
 		params.set(param, value);
-		this.history.replace({ search: params.toString() });
+		this.history.replace({ search: `?${params.toString()}` });
 	}
 	removeQueryParam(param) {
 		const params = new URLSearchParams(this.location.search);
 		const value = params.get(param) ?? void 0;
 		if (value !== void 0) {
 			params.delete(param);
-			this.history.replace({ search: params.toString() });
+			this.history.replace({ search: params.size ? `?${params.toString()}` : "" });
 		}
 		return value;
 	}
@@ -377,9 +564,14 @@ var RouterStore = class {
 			});
 			return;
 		}
+		if (this.activeRoute && this.location?.pathname === location.pathname) {
+			this.location = location;
+			return;
+		}
 		this.location = location;
+		let matchedRoute;
 		try {
-			const matchedRoute = matchRoute(location.pathname, this.routesDef);
+			matchedRoute = matchRoute(location.pathname, this.routesDef);
 			await matchedRoute.guard();
 			if (this.location !== location) return;
 			runInAction(() => {
@@ -391,11 +583,21 @@ var RouterStore = class {
 				this.navigate(e.options);
 				return;
 			}
-			throw e;
+			if (this.location !== location) return;
+			const error = e instanceof RouterError ? e : new RouterError("RENDER", {
+				cause: e,
+				path: location.pathname
+			});
+			console.error(error);
+			const errorRoute = makeErrorRoute(error, location.pathname, matchedRoute);
+			runInAction(() => {
+				this.activeRoute = errorRoute;
+			});
+			await errorRoute.load();
 		}
 	}
 };
 
 //#endregion
-export { CONTEXT, DefaultOutlet, GUARD, LAYOUT, LOAD, Navigate, Outlet, PAGE, PassThrough, REDIRECT, Redirect, Route, Router, RouterOutlet, RouterStore, WRAPPER, isComponent, isLazyComponent, isLeaf, isPage, isRedirect, makeLinkComponent, makeRoute, makeRoutes, matchRoute, redirect, resolvePath, routerContext, useRouter };
+export { CONTEXT, DefaultErrorPage, DefaultOutlet, ERROR, GUARD, LAYOUT, LOAD, Navigate, Outlet, PAGE, PassThrough, REDIRECT, Redirect, Route, RouteErrorBoundary, Router, RouterError, RouterOutlet, RouterStore, WRAPPER, isComponent, isLazyComponent, isLeaf, isPage, isRedirect, makeErrorRoute, makeLinkComponent, makeRoute, makeRoutes, matchRoute, redirect, resolvePath, routerContext, useRouter };
 //# sourceMappingURL=router.mjs.map

package/dist/router.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"router.mjs","names":[],"sources":["../src/router/symbols.ts","../src/router/util.ts","../src/router/components/router.tsx","../src/router/components/link.tsx","../src/router/components/navigate.tsx","../src/router/outlet.tsx","../src/router/redirect.ts","../src/router/route.tsx","../src/router/make-routes.tsx","../src/router/router.store.ts"],"sourcesContent":["export const CONTEXT: unique symbol = Symbol.for(\"MOBX_ROUTER_CONTEXT\");\nexport const LAYOUT: unique symbol = Symbol.for(\"MOBX_ROUTER_LAYOUT\");\nexport const WRAPPER: unique symbol = Symbol.for(\"MOBX_ROUTER_WRAPPER\");\nexport const LOAD: unique symbol = Symbol.for(\"MOBX_ROUTER_LOAD\");\nexport const GUARD: unique symbol = Symbol.for(\"MOBX_ROUTER_GUARD\");\nexport const PAGE: unique symbol = Symbol.for(\"MOBX_ROUTER_PAGE\");\nexport const REDIRECT: unique symbol = Symbol.for(\"MOBX_ROUTER_REDIRECT\");\n","import { PAGE, REDIRECT } from \"./symbols\";\nimport type { Component, LazyComponent, Leaf, Obj, Page, Redirector } from \"./types\";\n\nexport const resolvePath = (to: string, params?: Obj): string => {\n  return to.replaceAll(/:[^/]*/g, (segment) => {\n    const value = params?.[segment.slice(1)];\n    if (!value)\n      throw new Error(`Unable to resolve route '${to}. Paramater '${segment}' not specified.`);\n    return value;\n  });\n};\n\nexport const isComponent = (data: any): data is Component => {\n  if (!data) return false;\n  return (\n    typeof data === \"function\" ||\n    (typeof data === \"object\" && data[\"$$typeof\"] === Symbol.for(\"react.memo\"))\n  );\n};\n\nexport const isPage = (data: any): data is Page => {\n  if (typeof data !== \"object\") return false;\n  const symbols = Object.getOwnPropertySymbols(data);\n  return symbols.includes(PAGE);\n};\n\nexport const isRedirect = (data: any): data is Redirector => {\n  if (typeof data !== \"object\") return false;\n  const symbols = Object.getOwnPropertySymbols(data);\n  return symbols.includes(REDIRECT);\n};\n\nexport const isLeaf = (data: any): data is Leaf => {\n  return isComponent(data) || isPage(data) || isRedirect(data);\n};\n\nexport const isLazyComponent = (data: any): data is LazyComponent => {\n  return typeof data === \"function\" && data.toString().startsWith(\"() => import(\");\n};\n","import { observer } from \"mobx-react-lite\";\nimport { createContext, useContext } from \"react\";\nimport type { Route } from \"../route\";\nimport type { RouterStore } from \"../router.store\";\nimport type { Component } from \"../types\";\n\nexport const PassThrough: Component = ({ children }) => children;\n\n// Plain (non-observer) renderer. State observation lives one level up\n// in `Router`, so the page component renders as a child of a plain\n// FunctionComponent — no memo wrapper in the parent chain to interact\n// with React Refresh's family-update propagation.\nexport const RouterOutlet: React.FC<{ route: Route; components: (Component | undefined)[] }> = ({\n  route,\n  components,\n}) => {\n  const [C, ...remaining] = components;\n\n  if (!C) return null;\n\n  return (\n    <C route={route}>\n      {remaining.length > 0 && <RouterOutlet route={route} components={remaining} />}\n    </C>\n  );\n};\n\nexport const routerContext = createContext<RouterStore>(null as any);\nexport const useRouter = () => useContext(routerContext);\n\nexport interface RouterProps {\n  store: RouterStore;\n}\n\nexport const Router = observer(({ store }: RouterProps) => {\n  if (!store.activeRoute) {\n    return null;\n  }\n\n  const Layout = store.activeRoute.layout ?? PassThrough;\n  const components = store.activeRoute.outlets.map((o) => o.Component);\n\n  return (\n    <routerContext.Provider value={store}>\n      <Layout route={store.activeRoute}>\n        <RouterOutlet route={store.activeRoute} components={components} />\n      </Layout>\n    </routerContext.Provider>\n  );\n});\n","import { observer } from \"mobx-react-lite\";\nimport React, { useCallback } from \"react\";\nimport type {\n  DynamicRoutePath,\n  ExtractParams,\n  NavigateOptions,\n  RoutePath,\n  StaticRoutePath,\n} from \"../types\";\nimport { resolvePath } from \"../util\";\nimport { useRouter } from \"./router\";\n\ntype LinkComponentProps<C extends React.ElementType> = Omit<\n  React.ComponentProps<C>,\n  \"ref\" | \"exact\" | \"to\" | \"params\" | \"onClick\" | \"asChild\"\n>;\n\nexport type LinkPropsBase<\n  C extends React.ElementType,\n  I extends React.ElementType = C,\n> = LinkComponentProps<C> & {\n  exact?: boolean;\n  preserveSearch?: boolean;\n  ref?: React.Ref<React.ComponentRef<I>>;\n};\n\n// function overloading is much faster than leveraging conditional types\n// but once the typescript go compiler is released and performance is no\n// longer an issue, it might make sense to simplify this a bit so it can\n// be more easily consumed by users\nexport interface LinkComponent<C extends React.ElementType, I extends React.ElementType = C> {\n  <P extends StaticRoutePath>(\n    props: LinkPropsBase<C, I> & { to: P; params?: undefined },\n  ): React.ReactNode;\n  <P extends DynamicRoutePath>(\n    props: LinkPropsBase<C, I> & { to: P; params: ExtractParams<P> },\n  ): React.ReactNode;\n}\n\n// final thing to do is make sure refs still work in React 19\n\n// this smooths over some of the awkwardness when extending this component\nexport const makeLinkComponent = <C extends React.ElementType, I extends React.ElementType = C>(\n  C: C,\n  baseProps?: Partial<LinkComponentProps<C>> & { as?: I },\n) => {\n  return observer(({ to, params, exact, preserveSearch, children, ...props }: any) => {\n    const router = useRouter();\n    const mergedProps = { ...baseProps, ...props };\n\n    if (props.role !== \"link\") {\n      mergedProps.href = resolvePath(to, params);\n    }\n\n    if (router.doesPathMatch(to, exact)) {\n      mergedProps[\"aria-current\"] = \"page\";\n    }\n\n    mergedProps.onClick = useCallback(\n      (event: React.MouseEvent<HTMLElement>) => {\n        event.preventDefault();\n        if (props.disabled) return;\n        router.navigate({ to, preserveSearch, ...(params as any) } as NavigateOptions<RoutePath>);\n      },\n      [router, params, to, props.disabled],\n    );\n\n    return React.createElement(C, mergedProps, children);\n  }) as LinkComponent<C, I>;\n};\n\n//export const Link = makeLinkComponent('a');\n","import { useLayoutEffect } from \"react\";\nimport type { NavigateOptions, RoutePath } from \"../types\";\nimport { useRouter } from \"./router\";\n\nexport const Navigate = <P extends RoutePath>(props: NavigateOptions<P>) => {\n  const router = useRouter();\n\n  useLayoutEffect(() => {\n    router.navigate(props);\n  }, [router, props]);\n\n  return null;\n};\n","import { makeAutoObservable, observable } from \"mobx\";\nimport type { Route } from \"./route\";\nimport type { Component, LazyComponent, Loader } from \"./types\";\nimport { isLazyComponent } from \"./util\";\n\nexport interface OutletConfig {\n  component?: Component | LazyComponent;\n  loader?: Loader;\n}\n\nexport type RouteSegmentState = \"preloading\" | \"loading\" | \"error\" | \"ready\";\n\nexport const DefaultOutlet: Component = ({ children }) => children;\n\nconst LoadingPlaceholder: Component = () => <p>Loading...</p>;\n\nexport class Outlet {\n  state: RouteSegmentState = \"preloading\";\n  promise: Promise<unknown> | undefined;\n  data: unknown;\n\n  // Plain (non-observable) reference. The page component must reach\n  // React unmediated by MobX — once MobX deep-observes the holder,\n  // React Refresh can no longer swap the page identity via family\n  // lookup on the original function. This mirrors how Route holds\n  // `layout` as a plain field under makeObservable.\n  component: Component | undefined;\n\n  get Component(): Component | undefined {\n    switch (this.state) {\n      case \"loading\":\n        return LoadingPlaceholder;\n      case \"ready\":\n        return this.component ?? DefaultOutlet;\n      default:\n        return undefined;\n    }\n  }\n\n  constructor(readonly config: OutletConfig) {\n    if (!isLazyComponent(config.component)) {\n      this.component = config.component;\n    }\n\n    makeAutoObservable<Outlet, \"component\" | \"config\">(this, {\n      promise: observable.ref,\n      data: observable.ref,\n      component: false,\n      config: false,\n    });\n  }\n\n  async load(route: Route): Promise<void> {\n    const promises: Promise<void>[] = [];\n\n    if (isLazyComponent(this.config.component) && !this.component) {\n      promises.push(this.loadComponent());\n    }\n\n    if (this.config.loader) {\n      promises.push(this.loadData(route));\n    }\n\n    if (!promises.length) {\n      this.setState(\"ready\");\n      return;\n    }\n\n    // wait to transition to loading to avoid\n    // screen flashes when the loader function\n    // executes quickly\n    const preloadingTimer = setTimeout(() => {\n      if (this.state === \"preloading\") {\n        this.setState(\"loading\");\n      }\n    }, 300);\n\n    this.promise = Promise.all(promises)\n      .then(() => {\n        clearTimeout(preloadingTimer);\n        if (this.state === \"loading\") {\n          // if we had to transition to regular loading because\n          // the loader was taking too long, force an additional\n          // timeout to prevent a loading flash\n          setTimeout(() => {\n            this.setState(\"ready\");\n          }, 300);\n        } else {\n          this.setState(\"ready\");\n        }\n      })\n      .catch(() => {\n        clearTimeout(preloadingTimer);\n        // TODO: check for type of error\n        // handle access denied and redirects\n        this.setState(\"error\");\n      });\n\n    await this.promise;\n  }\n\n  setData(data: unknown) {\n    this.data = data;\n  }\n\n  setState(state: RouteSegmentState) {\n    this.state = state;\n  }\n\n  private async loadData(route: Route): Promise<void> {\n    await this.config.loader?.(route).then((data) => this.setData(data));\n  }\n\n  private async loadComponent(): Promise<void> {\n    if (!isLazyComponent(this.config.component)) return;\n    const module = await this.config.component();\n    for (const exportName in module) {\n      if (exportName === \"default\" || exportName.endsWith(\"Page\")) {\n        this.component = module[exportName];\n        return;\n      }\n    }\n    throw new Error(\n      \"Lazy route component module did not export `default` or a `*Page` named export\",\n    );\n  }\n}\n","import type { NavigateOptions, RoutePath } from \"./types\";\n\nexport class Redirect<P extends RoutePath> {\n  constructor(readonly options: NavigateOptions<P>) {}\n}\n\nexport const redirect = <P extends RoutePath>(options: NavigateOptions<P>): Redirect<P> =>\n  new Redirect(options);\n","import { computed, makeObservable } from \"mobx\";\nimport type { Outlet } from \"./outlet\";\nimport type { Component, Guard, Obj } from \"./types\";\n\nexport interface RouteConfig {\n  path: string;\n  outlets: Outlet[];\n  guards: Guard[];\n  context?: Obj;\n  layout?: Component;\n  params: Obj;\n}\n\nexport class Route {\n  readonly path: string;\n  readonly outlets: Outlet[];\n  readonly guards: Guard[];\n  readonly context: Obj;\n  readonly params: Obj;\n  readonly layout?: Component;\n\n  get data(): Obj {\n    return Object.assign({}, ...this.outlets.map((o) => o.data));\n  }\n\n  constructor(def: RouteConfig) {\n    this.path = def.path;\n    this.guards = def.guards;\n    this.context = def.context ?? {};\n    this.outlets = def.outlets;\n    this.params = def.params;\n    this.layout = def.layout;\n\n    makeObservable(this, {\n      data: computed,\n    });\n  }\n\n  async guard(): Promise<void> {\n    for (const guard of this.guards) {\n      await guard(this);\n    }\n  }\n\n  async load(): Promise<void> {\n    await Promise.all(this.outlets.map((outlet) => outlet.load(this)));\n  }\n}\n","import { Outlet } from \"./outlet\";\nimport { Redirect } from \"./redirect\";\nimport { Route } from \"./route\";\nimport { CONTEXT, GUARD, LAYOUT, LOAD, PAGE, REDIRECT, WRAPPER } from \"./symbols\";\nimport type { Component, Guard, Obj, Routes } from \"./types\";\nimport { isComponent, isLazyComponent, isLeaf, isPage, isRedirect } from \"./util\";\n\nconst pathToSegments = (path: string): string[] => {\n  return path.replace(/^\\/+|\\/+$/g, \"\").split(\"/\");\n};\n\nexport interface MatchState {\n  segments: string[];\n  context: Obj;\n  params: Obj;\n  outlets: (Outlet | undefined)[];\n  guards: (Guard | undefined)[];\n  layout?: Component;\n}\n\nexport const makeRoute = (matchState: MatchState): Route => {\n  const outlets = matchState.outlets.filter((o) => o !== undefined);\n  const guards = matchState.guards.filter((g) => g !== undefined);\n\n  return new Route({ ...matchState, outlets, guards, path: matchState.segments.join(\"/\") });\n};\n\nexport const matchRoute = (path: string, routeDef: Routes, matchState?: MatchState): Route => {\n  const state: MatchState = {\n    segments: [],\n    params: {},\n    ...matchState,\n    layout: routeDef[LAYOUT] ?? matchState?.layout,\n    context: { ...matchState?.context, ...routeDef[CONTEXT] },\n    guards: [...(matchState?.guards ?? []), routeDef[GUARD]],\n    outlets: [\n      ...(matchState?.outlets ?? []),\n      routeDef[WRAPPER] ? new Outlet({ component: routeDef[WRAPPER] }) : undefined,\n      routeDef[LOAD] ? new Outlet({ loader: routeDef[LOAD] }) : undefined,\n    ],\n  };\n\n  const [segment, ...remainingSegments] = pathToSegments(path);\n  const remainingPath = remainingSegments.join(\"/\");\n\n  let defAtSegment = routeDef[segment || \"index\"];\n\n  if (!defAtSegment) {\n    const matchedSegment = Object.keys(routeDef).find((segment) => segment.startsWith(\"$\"));\n    if (matchedSegment) {\n      defAtSegment = routeDef[matchedSegment];\n      state.params[matchedSegment.slice(1)] = segment;\n    }\n  }\n\n  if (!defAtSegment) {\n    throw new Error(\"Not Found.\");\n  }\n\n  state.segments.push(segment ?? \"index\");\n\n  if (isLeaf(defAtSegment)) {\n    if (remainingPath) {\n      throw new Error(\"Not Found.\");\n    }\n\n    if (isRedirect(defAtSegment)) {\n      const redirect =\n        typeof defAtSegment[REDIRECT] === \"string\"\n          ? { to: defAtSegment[REDIRECT] }\n          : defAtSegment[REDIRECT];\n      throw new Redirect(redirect as any);\n    }\n\n    if (isComponent(defAtSegment) || isLazyComponent(defAtSegment)) {\n      state.outlets.push(new Outlet({ component: defAtSegment }));\n      return makeRoute(state);\n    }\n  }\n\n  // at this point we have a nested route or a [Page] definition\n\n  if (isPage(defAtSegment)) {\n    state.layout = defAtSegment[LAYOUT] ?? state.layout;\n    Object.assign(state.context, defAtSegment[CONTEXT]);\n    state.guards.push(defAtSegment[GUARD]);\n    state.outlets.push(\n      new Outlet({\n        component: defAtSegment[PAGE],\n        loader: defAtSegment[LOAD],\n      }),\n    );\n\n    return makeRoute(state);\n  }\n\n  // now we know we have a nested route\n  return matchRoute(remainingPath, defAtSegment, state);\n};\n\n// TODO: ideally this could resolve to something less than R,\n// but specific enough to infer all paths as a literal union.\n// As it stands, there are certain things we can't access reliably\n// without the compiler complaining about circular references\n// try \"as const satisfies\" approach which would allow us to\n// exchange a less specific version of MobxRoutesRoot for this\nexport const makeRoutes =\n  () =>\n  <R extends Routes>(routes: R): R => {\n    // todo: perform some validation here\n    // - no forward slashes in keys\n    // - at most one variable segment per level\n    // - only lowercase letters (except variables)\n    // - paths/variables cannot contain $ that aren't at the beginning\n    // - path variables must be unique across a path\n\n    return routes;\n  };\n","import { createBrowserHistory, type History, type Location } from \"history\";\nimport { action, computed, makeObservable, observable, runInAction } from \"mobx\";\nimport { matchRoute } from \"./make-routes\";\nimport { Redirect } from \"./redirect\";\nimport type { Route } from \"./route\";\nimport type { Component, MobxRouterConfig, NavigateOptions, Obj, RoutePath, Routes } from \"./types\";\nimport { resolvePath } from \"./util\";\n\nexport interface MobxRenderSegment {\n  segment: string;\n  component: Component;\n  props?: Obj;\n}\n\nexport class RouterStore {\n  readonly history: History;\n\n  routesDef?: Routes;\n\n  location!: Location;\n  activeRoute: Route | undefined;\n\n  get search(): URLSearchParams {\n    return new URLSearchParams(this.location?.search);\n  }\n\n  get query(): Record<string, string> {\n    return Object.fromEntries(this.search);\n  }\n\n  get pathParams(): Record<string, string> {\n    const params = {} as Record<string, string>;\n\n    const paramSegments = this.activeSegments.filter((segment) => segment.startsWith(\"$\"));\n    const pathValues = this.location.pathname.split(\"/\").slice(1);\n\n    paramSegments.forEach((segment, index) => {\n      const value = pathValues[index + 1];\n      if (value) {\n        params[segment] = value;\n      }\n    });\n\n    return params as Record<string, string>;\n  }\n\n  get activeSegments(): string[] {\n    return this.activeRoute?.path.split(\"/\") ?? [];\n  }\n\n  constructor(config?: MobxRouterConfig) {\n    makeObservable(this, {\n      location: observable.ref,\n      activeRoute: observable.ref,\n\n      search: computed,\n      pathParams: computed,\n      activeSegments: computed,\n\n      setLocation: action,\n    });\n\n    this.history = config?.history ?? createBrowserHistory();\n  }\n\n  initialize(routesDef: Routes): void {\n    this.routesDef = routesDef;\n    this.history.listen((data) => {\n      void this.setLocation(data.location);\n    });\n\n    void this.setLocation(this.history.location);\n  }\n\n  doesPathMatch<P extends RoutePath>(path: P, exact?: boolean): boolean {\n    const segments = path.slice(1).split(\"/\");\n    const segmentsMatch = segments.every(\n      (segment, i) => segment === this.activeSegments[i] || segment.startsWith(\"$\"),\n    );\n\n    return (\n      segmentsMatch &&\n      this.activeSegments.length >= segments.length &&\n      (!exact || segments.length === this.activeSegments.length)\n    );\n  }\n\n  navigate<P extends RoutePath>(options: NavigateOptions<P>): void {\n    if (!document.startViewTransition) {\n      this._navigate(options);\n    } else {\n      const transition = document.startViewTransition(() => this._navigate(options));\n      transition.ready.catch((e) => console.log(e, typeof e));\n    }\n  }\n\n  _navigate<P extends RoutePath>(options: NavigateOptions<P>): void {\n    const { to, replace, state, search = {}, preserveSearch, params } = options;\n\n    const searchParams = search instanceof URLSearchParams ? search : new URLSearchParams(search);\n\n    if (preserveSearch) {\n      for (const [name, value] of this.search) {\n        if (!searchParams.has(name)) {\n          searchParams.set(name, value);\n        }\n      }\n    }\n\n    const location = {\n      pathname: resolvePath(to, params),\n      search: searchParams.size ? `?${searchParams.toString()}` : undefined,\n    };\n\n    if (replace) {\n      this.history.replace(location, state);\n    } else {\n      this.history.push(location, state);\n    }\n  }\n\n  setQueryParam(param: string, value: string): void {\n    const params = new URLSearchParams(this.location.search);\n    params.set(param, value);\n    this.history.replace({ search: params.toString() });\n  }\n\n  removeQueryParam(param: string): string | undefined {\n    const params = new URLSearchParams(this.location.search);\n    const value = params.get(param) ?? undefined;\n    if (value !== undefined) {\n      params.delete(param);\n      this.history.replace({ search: params.toString() });\n    }\n    return value;\n  }\n\n  async setLocation(location: Location): Promise<void> {\n    if (!this.routesDef) return;\n\n    // TODO: this should not be the responsibility of mobx-router\n    // and should really be handled server-side\n    if (location.pathname !== \"/\" && location.pathname.endsWith(\"/\")) {\n      this.history.replace({ ...location, pathname: location.pathname.slice(0, -1) });\n      return;\n    }\n\n    this.location = location;\n\n    try {\n      const matchedRoute = matchRoute(location.pathname, this.routesDef);\n\n      await matchedRoute.guard();\n\n      // navigating within a guard function\n      // is essentially a redirect\n      if (this.location !== location) {\n        return;\n      }\n\n      runInAction(() => {\n        this.activeRoute = matchedRoute;\n      });\n\n      await this.activeRoute?.load();\n    } catch (e) {\n      if (e instanceof Redirect) {\n        this.navigate(e.options);\n        return;\n      }\n      throw e;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"router.mjs","names":[],"sources":["../src/router/errors.ts","../src/router/components/error.tsx","../src/router/symbols.ts","../src/router/util.ts","../src/router/components/router.tsx","../src/router/components/link.tsx","../src/router/components/navigate.tsx","../src/router/redirect.ts","../src/router/outlet.tsx","../src/router/route.tsx","../src/router/make-routes.tsx","../src/router/router.store.ts"],"sourcesContent":["import type { MatchState } from \"./make-routes\";\n\nexport type RouterErrorType = \"NOT_FOUND\" | \"GUARD\" | \"LOAD\" | \"RENDER\";\n\nexport interface RouterErrorOptions {\n  message?: string;\n  cause?: unknown;\n  path?: string;\n}\n\nconst defaultMessage = (type: RouterErrorType, path?: string): string => {\n  switch (type) {\n    case \"NOT_FOUND\":\n      return path ? `No route matches '${path}'.` : \"No matching route.\";\n    case \"GUARD\":\n      return \"A route guard rejected the navigation.\";\n    case \"LOAD\":\n      return \"A route loader or lazy component failed.\";\n    case \"RENDER\":\n      return \"A route component failed to render.\";\n  }\n};\n\n/**\n * The single error type surfaced to `[ERROR]` components. `type`\n * discriminates the failure source; when the router wraps an\n * application-level error (thrown by a guard or loader), the original\n * is preserved on the standard `cause` property.\n *\n * Guards and loaders may also throw `RouterError` directly — e.g.\n * `throw new RouterError(\"NOT_FOUND\")` from a loader when an entity\n * doesn't exist — and it passes through unwrapped.\n */\nexport class RouterError extends Error {\n  readonly type: RouterErrorType;\n  readonly path?: string;\n\n  /** @internal matched-prefix state captured when the matcher throws NOT_FOUND */\n  state?: MatchState;\n  /** @internal level index of the failing guard, for depth-aware bubbling */\n  depth?: number;\n\n  constructor(type: RouterErrorType, options?: RouterErrorOptions) {\n    super(options?.message ?? defaultMessage(type, options?.path), { cause: options?.cause });\n    this.name = \"RouterError\";\n    this.type = type;\n    this.path = options?.path;\n  }\n}\n","import React from \"react\";\nimport { RouterError } from \"../errors\";\nimport type { Route } from \"../route\";\nimport type { Component, ErrorComponentProps } from \"../types\";\n\n/**\n * Rendered when an error occurs and no `[ERROR]` component is defined\n * on the matched prefix. Deliberately minimal and dependency-free —\n * define a root-level `[ERROR]` to replace it.\n */\nexport const DefaultErrorPage: Component = ({ error }: ErrorComponentProps) => (\n  <div role=\"alert\">\n    <h1>{error.type === \"NOT_FOUND\" ? \"Page Not Found\" : \"Something Went Wrong\"}</h1>\n    <p>{error.message}</p>\n  </div>\n);\n\nexport interface RouteErrorBoundaryProps {\n  route: Route;\n  fallback: Component;\n  children?: React.ReactNode;\n}\n\ninterface RouteErrorBoundaryState {\n  error?: RouterError;\n  route?: Route;\n}\n\n/**\n * Catches render-time crashes in page and `[WRAPPER]` components and\n * renders the nearest `[ERROR]` component with `type: \"RENDER\"`. Mounted\n * inside the `[LAYOUT]` so the layout survives page crashes; crashes in\n * the layout itself (or in the fallback) propagate out of `<Router>` by\n * design — those are developer bugs that should stay loud.\n *\n * Deliberately NOT keyed by location: the boundary must be transparent\n * to reconciliation (a key would remount the entire subtree and re-fire\n * every effect on each navigation). Instead, a captured error is cleared\n * when a new Route object arrives.\n */\nexport class RouteErrorBoundary extends React.Component<\n  RouteErrorBoundaryProps,\n  RouteErrorBoundaryState\n> {\n  override state: RouteErrorBoundaryState = {};\n\n  static getDerivedStateFromError(cause: unknown): RouteErrorBoundaryState {\n    return { error: cause instanceof RouterError ? cause : new RouterError(\"RENDER\", { cause }) };\n  }\n\n  static getDerivedStateFromProps(\n    props: RouteErrorBoundaryProps,\n    state: RouteErrorBoundaryState,\n  ): Partial<RouteErrorBoundaryState> | null {\n    if (state.route === props.route) return null;\n    // a new Route object means a navigation occurred — clear any\n    // captured error so the boundary doesn't keep a stale fallback\n    return { route: props.route, error: undefined };\n  }\n\n  override render(): React.ReactNode {\n    if (!this.state.error) return this.props.children;\n\n    const Fallback = this.props.fallback;\n    return <Fallback route={this.props.route} error={this.state.error} />;\n  }\n}\n","export const CONTEXT: unique symbol = Symbol.for(\"MOBX_ROUTER_CONTEXT\");\nexport const LAYOUT: unique symbol = Symbol.for(\"MOBX_ROUTER_LAYOUT\");\nexport const WRAPPER: unique symbol = Symbol.for(\"MOBX_ROUTER_WRAPPER\");\nexport const LOAD: unique symbol = Symbol.for(\"MOBX_ROUTER_LOAD\");\nexport const GUARD: unique symbol = Symbol.for(\"MOBX_ROUTER_GUARD\");\nexport const PAGE: unique symbol = Symbol.for(\"MOBX_ROUTER_PAGE\");\nexport const ERROR: unique symbol = Symbol.for(\"MOBX_ROUTER_ERROR\");\nexport const REDIRECT: unique symbol = Symbol.for(\"MOBX_ROUTER_REDIRECT\");\n","import { PAGE, REDIRECT } from \"./symbols\";\nimport type { Component, LazyComponent, Leaf, Obj, Page, Redirector } from \"./types\";\n\nexport const resolvePath = (to: string, params?: Obj): string => {\n  return to.replaceAll(/:[^/]*/g, (segment) => {\n    const value = params?.[segment.slice(1)];\n    if (!value)\n      throw new Error(`Unable to resolve route '${to}'. Parameter '${segment}' not specified.`);\n    return value;\n  });\n};\n\nexport const isComponent = (data: any): data is Component => {\n  if (!data) return false;\n  return (\n    typeof data === \"function\" ||\n    (typeof data === \"object\" && data[\"$$typeof\"] === Symbol.for(\"react.memo\"))\n  );\n};\n\nexport const isPage = (data: any): data is Page => {\n  if (typeof data !== \"object\") return false;\n  const symbols = Object.getOwnPropertySymbols(data);\n  return symbols.includes(PAGE);\n};\n\nexport const isRedirect = (data: any): data is Redirector => {\n  if (typeof data !== \"object\") return false;\n  const symbols = Object.getOwnPropertySymbols(data);\n  return symbols.includes(REDIRECT);\n};\n\nexport const isLeaf = (data: any): data is Leaf => {\n  return isComponent(data) || isPage(data) || isRedirect(data);\n};\n\nexport const isLazyComponent = (data: any): data is LazyComponent => {\n  return typeof data === \"function\" && data.toString().startsWith(\"() => import(\");\n};\n","import { observer } from \"mobx-react-lite\";\nimport { createContext, useContext } from \"react\";\nimport type { Route } from \"../route\";\nimport type { RouterStore } from \"../router.store\";\nimport type { Component } from \"../types\";\nimport { DefaultErrorPage, RouteErrorBoundary } from \"./error\";\n\nexport const PassThrough: Component = ({ children }) => children;\n\n// Plain (non-observer) renderer. State observation lives one level up\n// in `Router`, so the page component renders as a child of a plain\n// FunctionComponent — no memo wrapper in the parent chain to interact\n// with React Refresh's family-update propagation.\nexport const RouterOutlet: React.FC<{ route: Route; components: (Component | undefined)[] }> = ({\n  route,\n  components,\n}) => {\n  const [C, ...remaining] = components;\n\n  if (!C) return null;\n\n  return (\n    <C route={route}>\n      {remaining.length > 0 && <RouterOutlet route={route} components={remaining} />}\n    </C>\n  );\n};\n\nexport const routerContext = createContext<RouterStore>(null as any);\nexport const useRouter = () => useContext(routerContext);\n\nexport interface RouterProps {\n  store: RouterStore;\n}\n\nexport const Router = observer(({ store }: RouterProps) => {\n  const route = store.activeRoute;\n  if (!route) {\n    return null;\n  }\n\n  const Layout = route.layout ?? PassThrough;\n  const components = route.outlets.map((o) => o.Component);\n  const outlet = <RouterOutlet route={route} components={components} />;\n\n  // Render crashes in pages/wrappers funnel to the nearest [ERROR]\n  // component; the layout survives. On synthetic error routes the\n  // boundary is omitted so a crashing [ERROR] component propagates\n  // out of <Router> — a developer bug that should stay loud. Layout\n  // crashes propagate for the same reason. The boundary is unkeyed on\n  // purpose — it resets itself when the route changes — so navigation\n  // reconciles by component type instead of remounting the subtree.\n  const fallback = route.levels.at(-1)?.errorComponent ?? DefaultErrorPage;\n\n  return (\n    <routerContext.Provider value={store}>\n      <Layout route={route}>\n        {route.error ? (\n          outlet\n        ) : (\n          <RouteErrorBoundary route={route} fallback={fallback}>\n            {outlet}\n          </RouteErrorBoundary>\n        )}\n      </Layout>\n    </routerContext.Provider>\n  );\n});\n","import { observer } from \"mobx-react-lite\";\nimport React, { useCallback } from \"react\";\nimport type {\n  DynamicRoutePath,\n  ExtractParams,\n  NavigateOptions,\n  RoutePath,\n  StaticRoutePath,\n} from \"../types\";\nimport { resolvePath } from \"../util\";\nimport { useRouter } from \"./router\";\n\ntype LinkComponentProps<C extends React.ElementType> = Omit<\n  React.ComponentProps<C>,\n  \"ref\" | \"exact\" | \"to\" | \"params\" | \"onClick\" | \"asChild\"\n>;\n\nexport type LinkPropsBase<\n  C extends React.ElementType,\n  I extends React.ElementType = C,\n> = LinkComponentProps<C> & {\n  exact?: boolean;\n  preserveSearch?: boolean;\n  ref?: React.Ref<React.ComponentRef<I>>;\n};\n\n// function overloading is much faster than leveraging conditional types\n// but once the typescript go compiler is released and performance is no\n// longer an issue, it might make sense to simplify this a bit so it can\n// be more easily consumed by users\nexport interface LinkComponent<C extends React.ElementType, I extends React.ElementType = C> {\n  <P extends StaticRoutePath>(\n    props: LinkPropsBase<C, I> & { to: P; params?: undefined },\n  ): React.ReactNode;\n  <P extends DynamicRoutePath>(\n    props: LinkPropsBase<C, I> & { to: P; params: ExtractParams<P> },\n  ): React.ReactNode;\n}\n\n// final thing to do is make sure refs still work in React 19\n\n// this smooths over some of the awkwardness when extending this component\nexport const makeLinkComponent = <C extends React.ElementType, I extends React.ElementType = C>(\n  C: C,\n  baseProps?: Partial<LinkComponentProps<C>> & { as?: I },\n) => {\n  return observer(({ to, params, exact, preserveSearch, children, ...props }: any) => {\n    const router = useRouter();\n    const mergedProps = { ...baseProps, ...props };\n\n    if (props.role !== \"link\") {\n      mergedProps.href = resolvePath(to, params);\n    }\n\n    if (router.doesPathMatch(to, exact)) {\n      mergedProps[\"aria-current\"] = \"page\";\n    }\n\n    mergedProps.onClick = useCallback(\n      (event: React.MouseEvent<HTMLElement>) => {\n        event.preventDefault();\n        if (props.disabled) return;\n        router.navigate({ to, preserveSearch, params } as NavigateOptions<RoutePath>);\n      },\n      [router, params, to, props.disabled],\n    );\n\n    return React.createElement(C, mergedProps, children);\n  }) as LinkComponent<C, I>;\n};\n\n//export const Link = makeLinkComponent('a');\n","import { useLayoutEffect } from \"react\";\nimport type { NavigateOptions, RoutePath } from \"../types\";\nimport { useRouter } from \"./router\";\n\nexport const Navigate = <P extends RoutePath>(props: NavigateOptions<P>) => {\n  const router = useRouter();\n\n  useLayoutEffect(() => {\n    router.navigate(props);\n  }, [router, props]);\n\n  return null;\n};\n","import type { NavigateOptions, RoutePath } from \"./types\";\n\nexport class Redirect<P extends RoutePath> {\n  constructor(readonly options: NavigateOptions<P>) {}\n}\n\nexport const redirect = <P extends RoutePath>(options: NavigateOptions<P>): Redirect<P> =>\n  new Redirect(options);\n","import { makeAutoObservable, observable } from \"mobx\";\nimport { DefaultErrorPage } from \"./components/error\";\nimport { RouterError } from \"./errors\";\nimport { Redirect } from \"./redirect\";\nimport type { Route } from \"./route\";\nimport type { Component, LazyComponent, Loader, Obj } from \"./types\";\nimport { isLazyComponent } from \"./util\";\n\nexport interface OutletConfig {\n  component?: Component | LazyComponent;\n  loader?: Loader;\n  errorComponent?: Component;\n}\n\nexport type RouteSegmentState = \"preloading\" | \"loading\" | \"error\" | \"ready\";\n\nexport const DefaultOutlet: Component = ({ children }) => children;\n\nconst LoadingPlaceholder: Component = () => <p>Loading...</p>;\n\nexport class Outlet {\n  state: RouteSegmentState = \"preloading\";\n  promise: Promise<unknown> | undefined;\n  data: unknown;\n  error: RouterError | undefined;\n\n  // Plain (non-observable) reference. The page component must reach\n  // React unmediated by MobX — once MobX deep-observes the holder,\n  // React Refresh can no longer swap the page identity via family\n  // lookup on the original function. This mirrors how Route holds\n  // `layout` as a plain field under makeObservable.\n  component: Component | undefined;\n\n  get Component(): Component | undefined {\n    switch (this.state) {\n      case \"loading\":\n        return LoadingPlaceholder;\n      case \"ready\":\n        return this.component ?? DefaultOutlet;\n      case \"error\": {\n        // render the nearest [ERROR] component in this outlet's slot,\n        // leaving the rest of the page intact\n        const ErrorComponent = this.config.errorComponent ?? DefaultErrorPage;\n        const error = this.error ?? new RouterError(\"LOAD\");\n        return (props: Obj) => <ErrorComponent {...props} error={error} />;\n      }\n      default:\n        return undefined;\n    }\n  }\n\n  constructor(readonly config: OutletConfig) {\n    if (!isLazyComponent(config.component)) {\n      this.component = config.component;\n    }\n\n    makeAutoObservable<Outlet, \"component\" | \"config\">(this, {\n      promise: observable.ref,\n      data: observable.ref,\n      error: observable.ref,\n      component: false,\n      config: false,\n    });\n  }\n\n  async load(route: Route): Promise<void> {\n    const promises: Promise<void>[] = [];\n\n    if (isLazyComponent(this.config.component) && !this.component) {\n      promises.push(this.loadComponent());\n    }\n\n    if (this.config.loader) {\n      promises.push(this.loadData(route));\n    }\n\n    if (!promises.length) {\n      this.setState(\"ready\");\n      return;\n    }\n\n    // wait to transition to loading to avoid\n    // screen flashes when the loader function\n    // executes quickly\n    const preloadingTimer = setTimeout(() => {\n      if (this.state === \"preloading\") {\n        this.setState(\"loading\");\n      }\n    }, 300);\n\n    this.promise = Promise.all(promises)\n      .then(() => {\n        clearTimeout(preloadingTimer);\n        if (this.state === \"loading\") {\n          // if we had to transition to regular loading because\n          // the loader was taking too long, force an additional\n          // timeout to prevent a loading flash\n          setTimeout(() => {\n            this.setState(\"ready\");\n          }, 300);\n        } else {\n          this.setState(\"ready\");\n        }\n      })\n      .catch((e) => {\n        clearTimeout(preloadingTimer);\n        this.setState(\"error\");\n        // a Redirect thrown by a loader propagates so the router\n        // navigates; everything else renders in-slot error UI\n        if (e instanceof Redirect) throw e;\n        this.setError(e instanceof RouterError ? e : new RouterError(\"LOAD\", { cause: e }));\n      });\n\n    await this.promise;\n  }\n\n  setData(data: unknown) {\n    this.data = data;\n  }\n\n  setError(error: RouterError) {\n    this.error = error;\n  }\n\n  setState(state: RouteSegmentState) {\n    this.state = state;\n  }\n\n  private async loadData(route: Route): Promise<void> {\n    await this.config.loader?.(route).then((data) => this.setData(data));\n  }\n\n  private async loadComponent(): Promise<void> {\n    if (!isLazyComponent(this.config.component)) return;\n    const module = await this.config.component();\n    for (const exportName in module) {\n      if (exportName === \"default\" || exportName.endsWith(\"Page\")) {\n        this.component = module[exportName];\n        return;\n      }\n    }\n    throw new Error(\n      \"Lazy route component module did not export `default` or a `*Page` named export\",\n    );\n  }\n}\n","import { computed, makeObservable } from \"mobx\";\nimport { RouterError } from \"./errors\";\nimport type { Outlet } from \"./outlet\";\nimport { Redirect } from \"./redirect\";\nimport type { Component, Guard, GuardEntry, MatchLevel, Obj } from \"./types\";\n\nexport interface RouteConfig {\n  path: string;\n  outlets: Outlet[];\n  guards: GuardEntry[];\n  levels: MatchLevel[];\n  context?: Obj;\n  layout?: Component;\n  params: Obj;\n  error?: RouterError;\n}\n\nexport class Route {\n  readonly path: string;\n  readonly outlets: Outlet[];\n  readonly guards: Guard[];\n  readonly context: Obj;\n  readonly params: Obj;\n  readonly layout?: Component;\n  /** set on synthetic error routes; the error being rendered */\n  readonly error?: RouterError;\n  /** @internal */\n  readonly guardEntries: GuardEntry[];\n  /** @internal */\n  readonly levels: MatchLevel[];\n\n  get data(): Obj {\n    return Object.assign({}, ...this.outlets.map((o) => o.data));\n  }\n\n  constructor(def: RouteConfig) {\n    this.path = def.path;\n    this.guardEntries = def.guards;\n    this.guards = def.guards.map((entry) => entry.guard);\n    this.levels = def.levels;\n    this.context = def.context ?? {};\n    this.outlets = def.outlets;\n    this.params = def.params;\n    this.layout = def.layout;\n    this.error = def.error;\n\n    makeObservable(this, {\n      data: computed,\n    });\n  }\n\n  async guard(): Promise<void> {\n    for (const { guard, depth } of this.guardEntries) {\n      try {\n        await guard(this);\n      } catch (e) {\n        if (e instanceof Redirect) throw e;\n        const error = e instanceof RouterError ? e : new RouterError(\"GUARD\", { cause: e });\n        error.depth ??= depth;\n        throw error;\n      }\n    }\n  }\n\n  async load(): Promise<void> {\n    await Promise.all(this.outlets.map((outlet) => outlet.load(this)));\n  }\n}\n","import { DefaultErrorPage } from \"./components/error\";\nimport { RouterError } from \"./errors\";\nimport { Outlet } from \"./outlet\";\nimport { Redirect } from \"./redirect\";\nimport { Route } from \"./route\";\nimport { CONTEXT, ERROR, GUARD, LAYOUT, LOAD, PAGE, REDIRECT, WRAPPER } from \"./symbols\";\nimport type { Component, GuardEntry, MatchLevel, Obj, Routes } from \"./types\";\nimport { isComponent, isLazyComponent, isLeaf, isPage, isRedirect } from \"./util\";\n\nconst pathToSegments = (path: string): string[] => {\n  return path.replace(/^\\/+|\\/+$/g, \"\").split(\"/\");\n};\n\nexport interface MatchState {\n  segments: string[];\n  context: Obj;\n  params: Obj;\n  outlets: (Outlet | undefined)[];\n  guards: GuardEntry[];\n  levels: MatchLevel[];\n  layout?: Component;\n  errorComponent?: Component;\n}\n\nexport const makeRoute = (matchState: MatchState): Route => {\n  const outlets = matchState.outlets.filter((o) => o !== undefined);\n\n  return new Route({ ...matchState, outlets, path: matchState.segments.join(\"/\") });\n};\n\n/**\n * Builds the synthetic route rendered when navigation fails. Bubbles\n * from the failing level (`error.depth`, defaulting to the deepest\n * matched level) to the nearest `[ERROR]` component, preserving the\n * `[LAYOUT]` and `[WRAPPER]`s accumulated up to that level. Ancestor\n * `[LOAD]` loaders are intentionally not run — error routes never\n * fetch data.\n */\nexport const makeErrorRoute = (\n  error: RouterError,\n  pathname: string,\n  source?: { levels: MatchLevel[]; params: Obj; context: Obj },\n): Route => {\n  const levels = error.state?.levels ?? source?.levels ?? [];\n  const depth = Math.min(error.depth ?? levels.length - 1, levels.length - 1);\n  const level = depth >= 0 ? levels[depth] : undefined;\n\n  const ErrorComponent = level?.errorComponent ?? DefaultErrorPage;\n  const outlets = levels\n    .slice(0, depth + 1)\n    .flatMap((l) => (l.wrapper ? [new Outlet({ component: l.wrapper })] : []));\n  outlets.push(\n    new Outlet({ component: (props: Obj) => <ErrorComponent {...props} error={error} /> }),\n  );\n\n  return new Route({\n    path: pathname.replace(/^\\/+/, \"\"),\n    outlets,\n    guards: [],\n    levels: [],\n    params: error.state?.params ?? source?.params ?? {},\n    context: error.state?.context ?? source?.context ?? {},\n    layout: level?.layout,\n    error,\n  });\n};\n\nconst notFound = (state: MatchState, attemptedSegments: string[]): RouterError => {\n  const error = new RouterError(\"NOT_FOUND\", {\n    path: `/${attemptedSegments.filter((s) => s !== \"\").join(\"/\")}`,\n  });\n  error.state = state;\n  return error;\n};\n\nexport const matchRoute = (path: string, routeDef: Routes, matchState?: MatchState): Route => {\n  const depth = matchState?.levels.length ?? 0;\n  const layout = routeDef[LAYOUT] ?? matchState?.layout;\n  const errorComponent = routeDef[ERROR] ?? matchState?.errorComponent;\n\n  const state: MatchState = {\n    segments: [],\n    params: {},\n    ...matchState,\n    layout,\n    errorComponent,\n    context: { ...matchState?.context, ...routeDef[CONTEXT] },\n    guards: [\n      ...(matchState?.guards ?? []),\n      ...(routeDef[GUARD] ? [{ guard: routeDef[GUARD], depth }] : []),\n    ],\n    outlets: [\n      ...(matchState?.outlets ?? []),\n      routeDef[WRAPPER] ? new Outlet({ component: routeDef[WRAPPER], errorComponent }) : undefined,\n      routeDef[LOAD] ? new Outlet({ loader: routeDef[LOAD], errorComponent }) : undefined,\n    ],\n    levels: [...(matchState?.levels ?? []), { wrapper: routeDef[WRAPPER], layout, errorComponent }],\n  };\n\n  const [segment, ...remainingSegments] = pathToSegments(path);\n  const remainingPath = remainingSegments.join(\"/\");\n\n  let defAtSegment = routeDef[segment || \"index\"];\n\n  if (!defAtSegment) {\n    const matchedSegment = Object.keys(routeDef).find(\n      (segment) => segment.startsWith(\"$\") || segment.startsWith(\":\"),\n    );\n    if (matchedSegment) {\n      defAtSegment = routeDef[matchedSegment];\n      state.params[matchedSegment.slice(1)] = segment;\n    }\n  }\n\n  if (!defAtSegment) {\n    throw notFound(state, [...state.segments, segment ?? \"\", ...remainingSegments]);\n  }\n\n  state.segments.push(segment ?? \"index\");\n\n  if (isLeaf(defAtSegment)) {\n    if (remainingPath) {\n      throw notFound(state, [...state.segments, ...remainingSegments]);\n    }\n\n    if (isRedirect(defAtSegment)) {\n      const redirect =\n        typeof defAtSegment[REDIRECT] === \"string\"\n          ? { to: defAtSegment[REDIRECT] }\n          : defAtSegment[REDIRECT];\n      throw new Redirect(redirect as any);\n    }\n\n    if (isComponent(defAtSegment) || isLazyComponent(defAtSegment)) {\n      state.outlets.push(new Outlet({ component: defAtSegment, errorComponent }));\n      return makeRoute(state);\n    }\n  }\n\n  // at this point we have a nested route or a [Page] definition\n\n  if (isPage(defAtSegment)) {\n    state.layout = defAtSegment[LAYOUT] ?? state.layout;\n    state.errorComponent = defAtSegment[ERROR] ?? state.errorComponent;\n    Object.assign(state.context, defAtSegment[CONTEXT]);\n    if (defAtSegment[GUARD]) {\n      state.guards.push({ guard: defAtSegment[GUARD], depth });\n    }\n    state.outlets.push(\n      new Outlet({\n        component: defAtSegment[PAGE],\n        loader: defAtSegment[LOAD],\n        errorComponent: state.errorComponent,\n      }),\n    );\n    state.levels[state.levels.length - 1] = {\n      ...state.levels[state.levels.length - 1],\n      layout: state.layout,\n      errorComponent: state.errorComponent,\n    };\n\n    return makeRoute(state);\n  }\n\n  // now we know we have a nested route\n  return matchRoute(remainingPath, defAtSegment, state);\n};\n\n// TODO: ideally this could resolve to something less than R,\n// but specific enough to infer all paths as a literal union.\n// As it stands, there are certain things we can't access reliably\n// without the compiler complaining about circular references\n// try \"as const satisfies\" approach which would allow us to\n// exchange a less specific version of MobxRoutesRoot for this\nexport const makeRoutes =\n  () =>\n  <R extends Routes>(routes: R): R => {\n    // todo: perform some validation here\n    // - no forward slashes in keys\n    // - at most one variable segment per level\n    // - only lowercase letters (except variables)\n    // - paths/variables cannot contain $ or : that aren't at the beginning\n    // - path variables must be unique across a path\n    return routes;\n  };\n","import { createBrowserHistory, type History, type Location } from \"history\";\nimport { action, computed, makeObservable, observable, runInAction } from \"mobx\";\nimport { RouterError } from \"./errors\";\nimport { makeErrorRoute, matchRoute } from \"./make-routes\";\nimport { Redirect } from \"./redirect\";\nimport type { Route } from \"./route\";\nimport type { Component, MobxRouterConfig, NavigateOptions, Obj, RoutePath, Routes } from \"./types\";\nimport { resolvePath } from \"./util\";\n\nexport interface MobxRenderSegment {\n  segment: string;\n  component: Component;\n  props?: Obj;\n}\n\nexport class RouterStore {\n  readonly history: History;\n\n  routesDef?: Routes;\n\n  location!: Location;\n  activeRoute: Route | undefined;\n\n  get search(): URLSearchParams {\n    return new URLSearchParams(this.location?.search);\n  }\n\n  get query(): Record<string, string> {\n    return Object.fromEntries(this.search);\n  }\n\n  get pathParams(): Record<string, string> {\n    return { ...this.activeRoute?.params };\n  }\n\n  get activeSegments(): string[] {\n    return this.activeRoute?.path.split(\"/\") ?? [];\n  }\n\n  constructor(config?: MobxRouterConfig) {\n    makeObservable(this, {\n      location: observable.ref,\n      activeRoute: observable.ref,\n\n      search: computed,\n      pathParams: computed,\n      activeSegments: computed,\n\n      setLocation: action,\n    });\n\n    this.history = config?.history ?? createBrowserHistory();\n  }\n\n  initialize(routesDef: Routes): void {\n    this.routesDef = routesDef;\n    this.history.listen((data) => {\n      void this.setLocation(data.location);\n    });\n\n    void this.setLocation(this.history.location);\n  }\n\n  doesPathMatch<P extends RoutePath>(path: P, exact?: boolean): boolean {\n    const segments = path.slice(1).split(\"/\");\n    const segmentsMatch = segments.every(\n      (segment, i) => segment === this.activeSegments[i] || segment.startsWith(\":\"),\n    );\n\n    return (\n      segmentsMatch &&\n      this.activeSegments.length >= segments.length &&\n      (!exact || segments.length === this.activeSegments.length)\n    );\n  }\n\n  navigate<P extends RoutePath>(options: NavigateOptions<P>): void {\n    // navigating to the current URL attaches no new information — skip\n    // the navigation (and its view transition) entirely so redundant\n    // navigations (e.g. clicking an already-active link) cause no churn\n    if (!options.state && this.isCurrentLocation(options)) {\n      return;\n    }\n\n    if (!document.startViewTransition) {\n      this._navigate(options);\n    } else {\n      const transition = document.startViewTransition(() => this._navigate(options));\n      transition.ready.catch((e) => console.log(e, typeof e));\n    }\n  }\n\n  _navigate<P extends RoutePath>(options: NavigateOptions<P>): void {\n    const location = this.resolveLocation(options);\n\n    if (options.replace) {\n      this.history.replace(location, options.state);\n    } else {\n      this.history.push(location, options.state);\n    }\n  }\n\n  private resolveLocation<P extends RoutePath>(\n    options: NavigateOptions<P>,\n  ): { pathname: string; search: string | undefined } {\n    const { to, search = {}, preserveSearch, params } = options;\n\n    const searchParams = search instanceof URLSearchParams ? search : new URLSearchParams(search);\n\n    if (preserveSearch) {\n      for (const [name, value] of this.search) {\n        if (!searchParams.has(name)) {\n          searchParams.set(name, value);\n        }\n      }\n    }\n\n    return {\n      pathname: resolvePath(to, params),\n      search: searchParams.size ? `?${searchParams.toString()}` : undefined,\n    };\n  }\n\n  private isCurrentLocation<P extends RoutePath>(options: NavigateOptions<P>): boolean {\n    if (!this.location) return false;\n\n    const target = this.resolveLocation(options);\n    return (\n      target.pathname === this.location.pathname && (target.search ?? \"\") === this.location.search\n    );\n  }\n\n  setQueryParam(param: string, value: string): void {\n    const params = new URLSearchParams(this.location.search);\n    params.set(param, value);\n    this.history.replace({ search: `?${params.toString()}` });\n  }\n\n  removeQueryParam(param: string): string | undefined {\n    const params = new URLSearchParams(this.location.search);\n    const value = params.get(param) ?? undefined;\n    if (value !== undefined) {\n      params.delete(param);\n      this.history.replace({ search: params.size ? `?${params.toString()}` : \"\" });\n    }\n    return value;\n  }\n\n  async setLocation(location: Location): Promise<void> {\n    if (!this.routesDef) return;\n\n    // TODO: this should not be the responsibility of mobx-router\n    // and should really be handled server-side\n    if (location.pathname !== \"/\" && location.pathname.endsWith(\"/\")) {\n      this.history.replace({ ...location, pathname: location.pathname.slice(0, -1) });\n      return;\n    }\n\n    // a same-pathname change (query params, history state) can't affect\n    // which route matches, its guards, or its loaders (none of which can\n    // observe search params) — update the observable location without\n    // rebuilding the route, so query-param changes don't refetch loaders\n    // or replace activeRoute\n    if (this.activeRoute && this.location?.pathname === location.pathname) {\n      this.location = location;\n      return;\n    }\n\n    this.location = location;\n\n    let matchedRoute: Route | undefined;\n    try {\n      matchedRoute = matchRoute(location.pathname, this.routesDef);\n\n      await matchedRoute.guard();\n\n      // navigating within a guard function\n      // is essentially a redirect\n      if (this.location !== location) {\n        return;\n      }\n\n      runInAction(() => {\n        this.activeRoute = matchedRoute;\n      });\n\n      await this.activeRoute?.load();\n    } catch (e) {\n      if (e instanceof Redirect) {\n        this.navigate(e.options);\n        return;\n      }\n\n      // navigating within a guard before it threw — treat as a redirect\n      if (this.location !== location) {\n        return;\n      }\n\n      const error =\n        e instanceof RouterError\n          ? e\n          : new RouterError(\"RENDER\", { cause: e, path: location.pathname });\n      console.error(error);\n\n      const errorRoute = makeErrorRoute(error, location.pathname, matchedRoute);\n      runInAction(() => {\n        this.activeRoute = errorRoute;\n      });\n      await errorRoute.load();\n    }\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jayalfredprufrock/mobx-toolbox",
-  "version": "0.6.5",
+  "version": "0.7.1",
   "description": "Misc mobx/react modules/utilities.",
   "homepage": "https://github.com/jayalfredprufrock/mobx-toolbox#readme",
   "bugs": {
@@ -33,10 +33,13 @@
     "@tsconfig/node24": "^24.0.4",
     "@types/node": "^24.12.0",
     "@types/react": "^19.2.2",
+    "@types/react-dom": "catalog:",
     "@typescript/native-preview": "7.0.0-dev.20260328.1",
+    "happy-dom": "catalog:",
     "history": "^5.3.0",
     "mobx-react-lite": "^4.1.1",
-    "react": "^19.2.4",
+    "react": "catalog:",
+    "react-dom": "catalog:",
     "semantic-release": "^25.0.3",
     "typebox": "^1.1.17",
     "typescript": "^6.0.2",