@jayalfredprufrock/mobx-toolbox 0.4.1 → 0.5.1

package/README.md

@@ -0,0 +1,191 @@
+# mobx-toolbox
+
+A collection of MobX + React utilities: lazy-loading observables, model/store factories, a client-side router, form state management, dialog management, and general-purpose React hooks.
+
+## Installation
+
+```sh
+pnpm add @jayalfredprufrock/mobx-toolbox mobx mobx-react-lite
+```
+
+Peer dependencies:
+
+| Package                    | Required for                                                        |
+| -------------------------- | ------------------------------------------------------------------- |
+| `mobx` + `mobx-react-lite` | all modules                                                         |
+| `typebox`                  | `form`, `model`                                                     |
+| `history`                  | `router`                                                            |
+| `react`                    | `dialog`, `form`, `lazy-observable`, `react-util`, `router`, `util` |
+
+---
+
+## Modules
+
+### [`dialog`](src/dialog/README.md)
+
+MobX-powered dialog/modal stack with state-transition support for enter/exit animations.
+
+```tsx
+import { useDialogs, MobxDialogs } from "@jayalfredprufrock/mobx-toolbox/dialog";
+
+function App() {
+  const dialogs = useDialogs();
+  return <MobxDialogs store={dialogs} />;
+}
+
+// Anywhere in the tree:
+const dialogs = useDialogStore();
+dialogs.open(ConfirmModal, { message: "Are you sure?" });
+```
+
+→ [Full docs](src/dialog/README.md)
+
+---
+
+### [`form`](src/form/README.md)
+
+Schema-driven form state with TypeBox validation, field-level error messages, and submit lifecycle tracking.
+
+```tsx
+import { useForm, MobxForm } from "@jayalfredprufrock/mobx-toolbox/form";
+import * as T from "typebox";
+
+const schema = T.Object({ email: T.String(), password: T.String({ minLength: 8 }) });
+
+function LoginForm() {
+  const form = useForm(schema, { handleSubmit: async (data) => login(data) });
+  return (
+    <MobxForm store={form}>
+      <input {...form.fields.email.props()} />
+      <button type="submit">Login</button>
+    </MobxForm>
+  );
+}
+```
+
+→ [Full docs](src/form/README.md)
+
+---
+
+### [`lazy-observable`](src/lazy-observable/README.md)
+
+Lazy-loading MobX observables that fetch data on first observation and reset automatically when unobserved.
+
+```ts
+import { lazyObservableArray } from "@jayalfredprufrock/mobx-toolbox/lazy-observable";
+
+const users = lazyObservableArray(() => api.getUsers());
+// users.value is [] until observed; fetch fires automatically inside an observer
+```
+
+Includes a `LazyObserver` React component that renders a placeholder while loading and propagates fetch errors to an error boundary.
+
+→ [Full docs](src/lazy-observable/README.md)
+
+---
+
+### [`model`](src/model/README.md)
+
+Factory functions for creating observable model classes and collection stores from TypeBox schemas.
+
+```ts
+import { makeModel, makeStore } from "@jayalfredprufrock/mobx-toolbox/model";
+import * as T from "typebox";
+
+const UserModel = makeModel(T.Object({ id: T.Number(), name: T.String() }), {
+  keys: ["id"] as const,
+  reload: ({ id }) => api.get(`/users/${id}`),
+  delete: ({ id }) => api.delete(`/users/${id}`),
+});
+
+const UserStore = makeStore(UserSchema, {
+  transform(data) {
+    return new UserModel(data, this);
+  },
+  getAll: () => api.get("/users"),
+  create: (body) => api.post("/users", body),
+});
+
+export const userStore = new UserStore();
+await userStore.getAll(); // → User[]
+await userStore.all.value[0].delete(); // removes from store too
+```
+
+→ [Full docs](src/model/README.md)
+
+---
+
+### [`router`](src/router/README.md)
+
+MobX-based client-side router for React. Routes are plain objects; symbol-keyed metadata controls guards, loaders, and layouts.
+
+```tsx
+import {
+  RouterStore,
+  Router,
+  makeRoutes,
+  GUARD,
+  LOAD,
+} from "@jayalfredprufrock/mobx-toolbox/router";
+
+const routes = makeRoutes()({
+  index: HomePage,
+  dashboard: {
+    [GUARD]: requireAuth,
+    [LOAD]: loadDashboard,
+    index: DashboardPage,
+    $id: DetailPage,
+  },
+});
+
+const router = new RouterStore();
+router.initialize(routes);
+
+function App() {
+  return <Router store={router} />;
+}
+```
+
+→ [Full docs](src/router/README.md)
+
+---
+
+### [`react-util`](src/react-util/README.md)
+
+General-purpose React hooks: async state management, debouncing, resize observation, and mount lifecycle helpers.
+
+```ts
+import { useAsync, useDebouncedCallback } from "@jayalfredprufrock/mobx-toolbox/react-util";
+
+// Runs on mount; re-runs when deps change; handles loading/error/value
+const state = useAsync(async (signal) => fetchUser(id), [id]);
+
+// Stable debounced callback, safe to call after unmount
+const save = useDebouncedCallback((value) => persist(value), []);
+```
+
+→ [Full docs](src/react-util/README.md)
+
+---
+
+### [`util`](src/util/README.md)
+
+Small MobX + React utilities.
+
+```ts
+import { mutable, useAutorun } from "@jayalfredprufrock/mobx-toolbox/util";
+
+// Class accessor decorator — makes a field reactive without makeObservable
+class Store {
+  @mutable accessor theme = "light";
+}
+
+// MobX autorun that disposes on unmount
+function MyComponent() {
+  useAutorun(() => {
+    document.title = store.pageTitle;
+  });
+}
+```
+
+→ [Full docs](src/util/README.md)

package/dist/lazy-observable-CdHXpUkk.mjs

@@ -0,0 +1,141 @@
+import { _allowStateChanges, autorun, observable, onBecomeObserved, onBecomeUnobserved } from "mobx";
+
+//#region src/lazy-observable/lazy-observable.ts
+function lazyObservable(fetch, options) {
+	const value = observable.box(options?.initialValue, { deep: !options?.shallow });
+	const status = observable.box("init");
+	const error = observable.box(void 0);
+	let resetTimer;
+	let autorunDisposer;
+	let promise;
+	let promiseResolve;
+	let promiseReject;
+	const getOrCreatePromise = () => {
+		if (promise && status.get() !== "loaded" && status.get() !== "error") return promise;
+		promise = new Promise((resolve, reject) => {
+			promiseResolve = resolve;
+			promiseReject = reject;
+		});
+		return promise;
+	};
+	const reset = () => {
+		clearTimeout(resetTimer);
+		autorunDisposer?.();
+		_allowStateChanges(true, () => {
+			value.set(options?.initialValue);
+			status.set("init");
+			error.set(void 0);
+		});
+		return options?.initialValue;
+	};
+	const load = () => {
+		if (status.get() === "loading") return;
+		clearTimeout(resetTimer);
+		autorunDisposer?.();
+		autorunDisposer = autorun(() => {
+			_allowStateChanges(true, () => {
+				status.set("loading");
+				error.set(void 0);
+			});
+			let fetchPromise;
+			try {
+				fetchPromise = fetch();
+			} catch (e) {
+				_allowStateChanges(true, () => {
+					error.set(e);
+					status.set("error");
+					promiseReject?.(e);
+				});
+				return;
+			}
+			fetchPromise.then((newValue) => {
+				_allowStateChanges(true, () => {
+					value.set(newValue);
+					status.set("loaded");
+					promiseResolve?.(newValue);
+				});
+			}).catch((e) => {
+				_allowStateChanges(true, () => {
+					error.set(e);
+					status.set("error");
+					promiseReject?.(e);
+				});
+			});
+		});
+	};
+	const set = (val) => {
+		_allowStateChanges(true, () => {
+			value.set(val);
+			status.set("loaded");
+		});
+	};
+	let observedCount = 0;
+	const onObserved = () => {
+		observedCount = Math.min(2, observedCount + 1);
+		if (observedCount !== 1) return;
+		if (options?.debugName) console.log(`lazyObservable ${options.debugName}`, "observed");
+		clearTimeout(resetTimer);
+		if (status.get() === "error" || status.get() === "init") load();
+	};
+	const onUnobserved = () => {
+		observedCount = Math.max(0, observedCount - 1);
+		if (observedCount) return;
+		if (options?.debugName) console.log(`lazyObservable ${options.debugName}`, "unobserved");
+		if (status.get() === "error") {
+			_allowStateChanges(true, () => {
+				status.set("init");
+				error.set(void 0);
+			});
+			return;
+		}
+		if (options?.resetOnUnobserved === "never") return;
+		else if (typeof options?.resetOnUnobserved === "number") resetTimer = setTimeout(() => {
+			reset();
+		}, options?.resetOnUnobserved);
+		else reset();
+	};
+	onBecomeObserved(value, onObserved);
+	onBecomeObserved(status, onObserved);
+	onBecomeObserved(error, onObserved);
+	onBecomeUnobserved(value, onUnobserved);
+	onBecomeUnobserved(status, onUnobserved);
+	onBecomeUnobserved(error, onUnobserved);
+	return {
+		get value() {
+			return value.get();
+		},
+		get status() {
+			return status.get();
+		},
+		get error() {
+			return error.get();
+		},
+		get loading() {
+			return status.get() === "loading";
+		},
+		get loaded() {
+			return status.get() === "loaded";
+		},
+		reload() {
+			const promise = getOrCreatePromise();
+			load();
+			return promise;
+		},
+		getOrLoad() {
+			if (this.loaded) return Promise.resolve(value.get());
+			return this.reload();
+		},
+		set,
+		reset
+	};
+}
+function lazyObservableArray(fetch, options) {
+	return lazyObservable(fetch, {
+		initialValue: [],
+		...options
+	});
+}
+
+//#endregion
+export { lazyObservableArray as n, lazyObservable as t };
+//# sourceMappingURL=lazy-observable-CdHXpUkk.mjs.map

package/dist/lazy-observable-CdHXpUkk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-observable-CdHXpUkk.mjs","names":[],"sources":["../src/lazy-observable/lazy-observable.ts"],"sourcesContent":["import {\n  _allowStateChanges,\n  autorun,\n  type IObservableArray,\n  type IReactionDisposer,\n  observable,\n  onBecomeObserved,\n  onBecomeUnobserved,\n} from \"mobx\";\n\nexport interface LazyObservable<T = any, TInitialValue = T | undefined> {\n  value: TInitialValue;\n  reset(): TInitialValue;\n  getOrLoad(): Promise<T>;\n  set(value: T): void;\n  reload(): Promise<T>;\n  status: \"init\" | \"loading\" | \"loaded\" | \"error\";\n  error: unknown;\n  loading: boolean;\n  loaded: boolean;\n}\n\nexport interface LazyObservableOptions {\n  shallow?: boolean;\n  resetOnUnobserved?: \"never\" | \"always\" | number;\n  debugName?: string;\n}\n\nexport interface LazyObservableOptionsWithInitialValue<\n  TInitialValue,\n> extends LazyObservableOptions {\n  initialValue?: TInitialValue;\n}\n\nexport function lazyObservable<T>(fetch: () => Promise<T>): LazyObservable<T>;\nexport function lazyObservable<T>(\n  fetch: () => Promise<T>,\n  options: LazyObservableOptions,\n): LazyObservable<T>;\nexport function lazyObservable<T, TInitialValue>(\n  fetch: () => Promise<T>,\n  options: LazyObservableOptionsWithInitialValue<TInitialValue>,\n): LazyObservable<T, TInitialValue>;\n\nexport function lazyObservable<T>(\n  fetch: () => Promise<T>,\n  options?: LazyObservableOptionsWithInitialValue<T>,\n): LazyObservable<T> {\n  const value = observable.box<T>(options?.initialValue, { deep: !options?.shallow });\n  const status = observable.box<LazyObservable<T>[\"status\"]>(\"init\");\n  const error = observable.box<unknown>(undefined);\n\n  let resetTimer: NodeJS.Timeout;\n  let autorunDisposer: IReactionDisposer;\n\n  let promise: Promise<T> | undefined;\n  let promiseResolve: ((value: T) => void) | undefined;\n  let promiseReject: ((value: unknown) => void) | undefined;\n\n  const getOrCreatePromise = () => {\n    if (promise && status.get() !== \"loaded\" && status.get() !== \"error\") {\n      return promise;\n    }\n    promise = new Promise<T>((resolve, reject) => {\n      promiseResolve = resolve;\n      promiseReject = reject;\n    });\n    return promise;\n  };\n\n  const reset = () => {\n    clearTimeout(resetTimer);\n    autorunDisposer?.();\n    _allowStateChanges(true, () => {\n      value.set(options?.initialValue);\n      status.set(\"init\");\n      error.set(undefined);\n    });\n    return options?.initialValue;\n  };\n\n  const load = (): void => {\n    if (status.get() === \"loading\") return;\n    clearTimeout(resetTimer);\n\n    // TODO: this disposer is unreliable while we are using\n    // babel to convert all async function to generators\n    autorunDisposer?.();\n    autorunDisposer = autorun(() => {\n      _allowStateChanges(true, () => {\n        status.set(\"loading\");\n        error.set(undefined);\n      });\n\n      let fetchPromise: Promise<T>;\n      try {\n        fetchPromise = fetch();\n      } catch (e) {\n        _allowStateChanges(true, () => {\n          error.set(e);\n          status.set(\"error\");\n          promiseReject?.(e);\n        });\n        return;\n      }\n\n      fetchPromise\n        .then((newValue) => {\n          _allowStateChanges(true, () => {\n            value.set(newValue);\n            status.set(\"loaded\");\n            promiseResolve?.(newValue);\n          });\n        })\n        .catch((e) => {\n          _allowStateChanges(true, () => {\n            error.set(e);\n            status.set(\"error\");\n            promiseReject?.(e);\n          });\n        });\n    });\n  };\n\n  // TODO: should this resolve any promises?\n  const set = (val: T): void => {\n    _allowStateChanges(true, () => {\n      value.set(val);\n      status.set(\"loaded\");\n    });\n  };\n\n  let observedCount = 0;\n\n  const onObserved = () => {\n    observedCount = Math.min(2, observedCount + 1);\n\n    // only consider observed the first time this handler gets called\n    if (observedCount !== 1) return;\n\n    if (options?.debugName) {\n      console.log(`lazyObservable ${options.debugName}`, \"observed\");\n    }\n    clearTimeout(resetTimer);\n    if (status.get() === \"error\" || status.get() === \"init\") {\n      load();\n    }\n  };\n\n  const onUnobserved = () => {\n    observedCount = Math.max(0, observedCount - 1);\n\n    // only consider unobserved when count reaches zero\n    if (observedCount) return;\n\n    if (options?.debugName) {\n      console.log(`lazyObservable ${options.debugName}`, \"unobserved\");\n    }\n\n    // Errors are never cached regardless of resetOnUnobserved — failure state\n    // shouldn't persist across mounts, only successfully loaded values should.\n    if (status.get() === \"error\") {\n      _allowStateChanges(true, () => {\n        status.set(\"init\");\n        error.set(undefined);\n      });\n      return;\n    }\n\n    if (options?.resetOnUnobserved === \"never\") {\n      return;\n    } else if (typeof options?.resetOnUnobserved === \"number\") {\n      resetTimer = setTimeout(() => {\n        reset();\n      }, options?.resetOnUnobserved);\n    } else {\n      reset();\n    }\n  };\n\n  onBecomeObserved(value, onObserved);\n  onBecomeObserved(status, onObserved);\n  onBecomeObserved(error, onObserved);\n\n  onBecomeUnobserved(value, onUnobserved);\n  onBecomeUnobserved(status, onUnobserved);\n  onBecomeUnobserved(error, onUnobserved);\n\n  return {\n    get value() {\n      return value.get();\n    },\n    get status() {\n      return status.get();\n    },\n    get error() {\n      return error.get();\n    },\n    get loading() {\n      return status.get() === \"loading\";\n    },\n    get loaded() {\n      return status.get() === \"loaded\";\n    },\n    reload() {\n      const promise = getOrCreatePromise();\n      load();\n      return promise;\n    },\n    getOrLoad() {\n      // TODO: this assertion shouldn't be necessary\n      // consider fixing box/value type\n      if (this.loaded) return Promise.resolve(value.get() as Promise<T>);\n      return this.reload();\n    },\n    set,\n    reset,\n  };\n}\n\nexport interface LazyObservableArray<T = any> extends Omit<\n  LazyObservable<IObservableArray<T>>,\n  \"set\"\n> {\n  set(value: T[]): void;\n}\n\nexport interface LazyObservableArrayOptions<T> extends LazyObservableOptions {\n  initialValue?: T[];\n}\n\nexport function lazyObservableArray<T>(\n  fetch: () => Promise<T[]>,\n  options?: LazyObservableArrayOptions<T>,\n): LazyObservableArray<T> {\n  return lazyObservable(fetch, { initialValue: [], ...options }) as LazyObservableArray<T>;\n}\n\nexport type InferLazyObservable<O> =\n  O extends LazyObservableArray<infer T> ? T[] : O extends LazyObservable<infer T> ? T : never;\n"],"mappings":"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"}

package/dist/lazy-observable-DA4DIMbc.d.mts

@@ -0,0 +1,36 @@
+import { IObservableArray } from "mobx";
+
+//#region src/lazy-observable/lazy-observable.d.ts
+interface LazyObservable<T = any, TInitialValue = T | undefined> {
+  value: TInitialValue;
+  reset(): TInitialValue;
+  getOrLoad(): Promise<T>;
+  set(value: T): void;
+  reload(): Promise<T>;
+  status: "init" | "loading" | "loaded" | "error";
+  error: unknown;
+  loading: boolean;
+  loaded: boolean;
+}
+interface LazyObservableOptions {
+  shallow?: boolean;
+  resetOnUnobserved?: "never" | "always" | number;
+  debugName?: string;
+}
+interface LazyObservableOptionsWithInitialValue<TInitialValue> extends LazyObservableOptions {
+  initialValue?: TInitialValue;
+}
+declare function lazyObservable<T>(fetch: () => Promise<T>): LazyObservable<T>;
+declare function lazyObservable<T>(fetch: () => Promise<T>, options: LazyObservableOptions): LazyObservable<T>;
+declare function lazyObservable<T, TInitialValue>(fetch: () => Promise<T>, options: LazyObservableOptionsWithInitialValue<TInitialValue>): LazyObservable<T, TInitialValue>;
+interface LazyObservableArray<T = any> extends Omit<LazyObservable<IObservableArray<T>>, "set"> {
+  set(value: T[]): void;
+}
+interface LazyObservableArrayOptions<T> extends LazyObservableOptions {
+  initialValue?: T[];
+}
+declare function lazyObservableArray<T>(fetch: () => Promise<T[]>, options?: LazyObservableArrayOptions<T>): LazyObservableArray<T>;
+type InferLazyObservable<O> = O extends LazyObservableArray<infer T> ? T[] : O extends LazyObservable<infer T> ? T : never;
+//#endregion
+export { LazyObservableOptions as a, lazyObservableArray as c, LazyObservableArrayOptions as i, LazyObservable as n, LazyObservableOptionsWithInitialValue as o, LazyObservableArray as r, lazyObservable as s, InferLazyObservable as t };
+//# sourceMappingURL=lazy-observable-DA4DIMbc.d.mts.map

package/dist/lazy-observable-DA4DIMbc.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-observable-DA4DIMbc.d.mts","names":[],"sources":["../src/lazy-observable/lazy-observable.ts"],"mappings":";;;UAUiB,cAAA,0BAAwC,CAAA;EACvD,KAAA,EAAO,aAAA;EACP,KAAA,IAAS,aAAA;EACT,SAAA,IAAa,OAAA,CAAQ,CAAA;EACrB,GAAA,CAAI,KAAA,EAAO,CAAA;EACX,MAAA,IAAU,OAAA,CAAQ,CAAA;EAClB,MAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,UAGe,qBAAA;EACf,OAAA;EACA,iBAAA;EACA,SAAA;AAAA;AAAA,UAGe,qCAAA,wBAEP,qBAAA;EACR,YAAA,GAAe,aAAA;AAAA;AAAA,iBAGD,cAAA,GAAA,CAAkB,KAAA,QAAa,OAAA,CAAQ,CAAA,IAAK,cAAA,CAAe,CAAA;AAAA,iBAC3D,cAAA,GAAA,CACd,KAAA,QAAa,OAAA,CAAQ,CAAA,GACrB,OAAA,EAAS,qBAAA,GACR,cAAA,CAAe,CAAA;AAAA,iBACF,cAAA,kBAAA,CACd,KAAA,QAAa,OAAA,CAAQ,CAAA,GACrB,OAAA,EAAS,qCAAA,CAAsC,aAAA,IAC9C,cAAA,CAAe,CAAA,EAAG,aAAA;AAAA,UAkLJ,mBAAA,kBAAqC,IAAA,CACpD,cAAA,CAAe,gBAAA,CAAiB,CAAA;EAGhC,GAAA,CAAI,KAAA,EAAO,CAAA;AAAA;AAAA,UAGI,0BAAA,YAAsC,qBAAA;EACrD,YAAA,GAAe,CAAA;AAAA;AAAA,iBAGD,mBAAA,GAAA,CACd,KAAA,QAAa,OAAA,CAAQ,CAAA,KACrB,OAAA,GAAU,0BAAA,CAA2B,CAAA,IACpC,mBAAA,CAAoB,CAAA;AAAA,KAIX,mBAAA,MACV,CAAA,SAAU,mBAAA,YAA+B,CAAA,KAAM,CAAA,SAAU,cAAA,YAA0B,CAAA"}

package/dist/lazy-observable.d.mts

@@ -1,38 +1,6 @@
+import { a as LazyObservableOptions, c as lazyObservableArray, i as LazyObservableArrayOptions, n as LazyObservable, o as LazyObservableOptionsWithInitialValue, r as LazyObservableArray, s as lazyObservable, t as InferLazyObservable } from "./lazy-observable-DA4DIMbc.mjs";
 import React from "react";
-import { IObservableArray } from "mobx";
 
-//#region src/lazy-observable/lazy-observable.d.ts
-interface LazyObservable<T = any, TInitialValue = T | undefined> {
-  value: TInitialValue;
-  reset(): TInitialValue;
-  getOrLoad(): Promise<T>;
-  set(value: T): void;
-  reload(): Promise<T>;
-  status: "init" | "loading" | "loaded" | "error";
-  error: unknown;
-  loading: boolean;
-  loaded: boolean;
-}
-interface LazyObservableOptions {
-  shallow?: boolean;
-  resetOnUnobserved?: "never" | "always" | number;
-  debugName?: string;
-}
-interface LazyObservableOptionsWithInitialValue<TInitialValue> extends LazyObservableOptions {
-  initialValue?: TInitialValue;
-}
-declare function lazyObservable<T>(fetch: () => Promise<T>): LazyObservable<T>;
-declare function lazyObservable<T>(fetch: () => Promise<T>, options: LazyObservableOptions): LazyObservable<T>;
-declare function lazyObservable<T, TInitialValue>(fetch: () => Promise<T>, options: LazyObservableOptionsWithInitialValue<TInitialValue>): LazyObservable<T, TInitialValue>;
-interface LazyObservableArray<T = any> extends Omit<LazyObservable<IObservableArray<T>>, "set"> {
-  set(value: T[]): void;
-}
-interface LazyObservableArrayOptions<T> extends LazyObservableOptions {
-  initialValue?: T[];
-}
-declare function lazyObservableArray<T>(fetch: () => Promise<T[]>, options?: LazyObservableArrayOptions<T>): LazyObservableArray<T>;
-type InferLazyObservable<O> = O extends LazyObservableArray<infer T> ? T[] : O extends LazyObservable<infer T> ? T : never;
-//#endregion
 //#region src/lazy-observable/components/lazy-observer.d.ts
 type LO = LazyObservable | LazyObservableArray;
 type ObserveTuple<O extends LO[]> = { [K in keyof O]: InferLazyObservable<O[K]> };

package/dist/lazy-observable.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-observable.d.mts","names":[],"sources":["../src/lazy-observable/lazy-observable.ts","../src/lazy-observable/components/lazy-observer.tsx"],"mappings":";;;;UAUiB,cAAA,0BAAwC,CAAA;EACvD,KAAA,EAAO,aAAA;EACP,KAAA,IAAS,aAAA;EACT,SAAA,IAAa,OAAA,CAAQ,CAAA;EACrB,GAAA,CAAI,KAAA,EAAO,CAAA;EACX,MAAA,IAAU,OAAA,CAAQ,CAAA;EAClB,MAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,UAGe,qBAAA;EACf,OAAA;EACA,iBAAA;EACA,SAAA;AAAA;AAAA,UAGe,qCAAA,wBAEP,qBAAA;EACR,YAAA,GAAe,aAAA;AAAA;AAAA,iBAGD,cAAA,GAAA,CAAkB,KAAA,QAAa,OAAA,CAAQ,CAAA,IAAK,cAAA,CAAe,CAAA;AAAA,iBAC3D,cAAA,GAAA,CACd,KAAA,QAAa,OAAA,CAAQ,CAAA,GACrB,OAAA,EAAS,qBAAA,GACR,cAAA,CAAe,CAAA;AAAA,iBACF,cAAA,kBAAA,CACd,KAAA,QAAa,OAAA,CAAQ,CAAA,GACrB,OAAA,EAAS,qCAAA,CAAsC,aAAA,IAC9C,cAAA,CAAe,CAAA,EAAG,aAAA;AAAA,UAqKJ,mBAAA,kBAAqC,IAAA,CACpD,cAAA,CAAe,gBAAA,CAAiB,CAAA;EAGhC,GAAA,CAAI,KAAA,EAAO,CAAA;AAAA;AAAA,UAGI,0BAAA,YAAsC,qBAAA;EACrD,YAAA,GAAe,CAAA;AAAA;AAAA,iBAGD,mBAAA,GAAA,CACd,KAAA,QAAa,OAAA,CAAQ,CAAA,KACrB,OAAA,GAAU,0BAAA,CAA2B,CAAA,IACpC,mBAAA,CAAoB,CAAA;AAAA,KAIX,mBAAA,MACV,CAAA,SAAU,mBAAA,YAA+B,CAAA,KAAM,CAAA,SAAU,cAAA,YAA0B,CAAA;;;KC1NhF,EAAA,GAAK,cAAA,GAAiB,mBAAA;AAAA,KAEtB,YAAA,WAAuB,EAAA,oBACd,CAAA,GAAI,mBAAA,CAAoB,CAAA,CAAE,CAAA;AAAA,UAGvB,qBAAA;EACf,WAAA,GAAc,KAAA,CAAM,SAAA;AAAA;AAAA,UAGL,sBAAA,WAAiC,EAAA,YAAc,qBAAA;EAC9D,OAAA,MAAa,CAAA;EACb,QAAA,MAAc,KAAA,EAAO,YAAA,CAAa,CAAA,MAAO,KAAA,CAAM,SAAA;AAAA;AAAA,UAGhC,uBAAA,WAAkC,EAAA,UAAY,qBAAA;EAC7D,OAAA,EAAS,CAAA;EACT,QAAA,GAAW,KAAA,EAAO,mBAAA,CAAoB,CAAA,MAAO,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGrC,YAAA,WAAuB,EAAA,GAAA,CAAM,KAAA,EAAO,sBAAA,CAAuB,CAAA,IAAK,KAAA,CAAM,SAAA;AAAA,iBACtE,YAAA,WAAuB,cAAA,CAAA,CACrC,KAAA,EAAO,uBAAA,CAAwB,CAAA,IAC9B,KAAA,CAAM,SAAA"}
+{"version":3,"file":"lazy-observable.d.mts","names":[],"sources":["../src/lazy-observable/components/lazy-observer.tsx"],"mappings":";;;;KAQK,EAAA,GAAK,cAAA,GAAiB,mBAAA;AAAA,KAEtB,YAAA,WAAuB,EAAA,oBACd,CAAA,GAAI,mBAAA,CAAoB,CAAA,CAAE,CAAA;AAAA,UAGvB,qBAAA;EACf,WAAA,GAAc,KAAA,CAAM,SAAA;AAAA;AAAA,UAGL,sBAAA,WAAiC,EAAA,YAAc,qBAAA;EAC9D,OAAA,MAAa,CAAA;EACb,QAAA,MAAc,KAAA,EAAO,YAAA,CAAa,CAAA,MAAO,KAAA,CAAM,SAAA;AAAA;AAAA,UAGhC,uBAAA,WAAkC,EAAA,UAAY,qBAAA;EAC7D,OAAA,EAAS,CAAA;EACT,QAAA,GAAW,KAAA,EAAO,mBAAA,CAAoB,CAAA,MAAO,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGrC,YAAA,WAAuB,EAAA,GAAA,CAAM,KAAA,EAAO,sBAAA,CAAuB,CAAA,IAAK,KAAA,CAAM,SAAA;AAAA,iBACtE,YAAA,WAAuB,cAAA,CAAA,CACrC,KAAA,EAAO,uBAAA,CAAwB,CAAA,IAC9B,KAAA,CAAM,SAAA"}

package/dist/lazy-observable.mjs

@@ -1,133 +1,7 @@
+import { n as lazyObservableArray, t as lazyObservable } from "./lazy-observable-CdHXpUkk.mjs";
 import { Observer } from "mobx-react-lite";
-import { _allowStateChanges, autorun, observable, onBecomeObserved, onBecomeUnobserved } from "mobx";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/lazy-observable/lazy-observable.ts
-function lazyObservable(fetch, options) {
-	const value = observable.box(options?.initialValue, { deep: !options?.shallow });
-	const status = observable.box("init");
-	const error = observable.box(void 0);
-	let resetTimer;
-	let autorunDisposer;
-	let promise;
-	let promiseResolve;
-	let promiseReject;
-	const getOrCreatePromise = () => {
-		if (promise && status.get() !== "loaded" && status.get() !== "error") return promise;
-		promise = new Promise((resolve, reject) => {
-			promiseResolve = resolve;
-			promiseReject = reject;
-		});
-		return promise;
-	};
-	const reset = () => {
-		clearTimeout(resetTimer);
-		autorunDisposer?.();
-		_allowStateChanges(true, () => {
-			value.set(options?.initialValue);
-			status.set("init");
-			error.set(void 0);
-		});
-		return options?.initialValue;
-	};
-	const load = () => {
-		if (status.get() === "loading") return;
-		clearTimeout(resetTimer);
-		autorunDisposer?.();
-		autorunDisposer = autorun(() => {
-			_allowStateChanges(true, () => {
-				status.set("loading");
-				error.set(void 0);
-			});
-			fetch().then((newValue) => {
-				_allowStateChanges(true, () => {
-					value.set(newValue);
-					status.set("loaded");
-					promiseResolve?.(newValue);
-				});
-			}).catch((e) => {
-				_allowStateChanges(true, () => {
-					error.set(e);
-					status.set("error");
-					promiseReject?.(e);
-				});
-			});
-		});
-	};
-	const set = (val) => {
-		_allowStateChanges(true, () => {
-			value.set(val);
-			status.set("loaded");
-		});
-	};
-	let observedCount = 0;
-	const onObserved = () => {
-		observedCount = Math.min(2, observedCount + 1);
-		if (observedCount !== 1) return;
-		if (options?.debugName) console.log(`lazyObservable ${options.debugName}`, "observed");
-		clearTimeout(resetTimer);
-		if (status.get() === "error" || status.get() === "init") load();
-	};
-	const onUnobserved = () => {
-		observedCount = Math.max(0, observedCount - 1);
-		if (observedCount) return;
-		if (options?.debugName) console.log(`lazyObservable ${options.debugName}`, "unobserved");
-		if (status.get() === "error") {
-			_allowStateChanges(true, () => {
-				status.set("init");
-				error.set(void 0);
-			});
-			return;
-		}
-		if (options?.resetOnUnobserved === "never") return;
-		else if (typeof options?.resetOnUnobserved === "number") resetTimer = setTimeout(() => {
-			reset();
-		}, options?.resetOnUnobserved);
-		else reset();
-	};
-	onBecomeObserved(value, onObserved);
-	onBecomeObserved(status, onObserved);
-	onBecomeObserved(error, onObserved);
-	onBecomeUnobserved(value, onUnobserved);
-	onBecomeUnobserved(status, onUnobserved);
-	onBecomeUnobserved(error, onUnobserved);
-	return {
-		get value() {
-			return value.get();
-		},
-		get status() {
-			return status.get();
-		},
-		get error() {
-			return error.get();
-		},
-		get loading() {
-			return status.get() === "loading";
-		},
-		get loaded() {
-			return status.get() === "loaded";
-		},
-		reload() {
-			const promise = getOrCreatePromise();
-			load();
-			return promise;
-		},
-		getOrLoad() {
-			if (this.loaded) return Promise.resolve(value.get());
-			return this.reload();
-		},
-		set,
-		reset
-	};
-}
-function lazyObservableArray(fetch, options) {
-	return lazyObservable(fetch, {
-		initialValue: [],
-		...options
-	});
-}
-
-//#endregion
 //#region src/lazy-observable/components/lazy-observer.tsx
 function ThrowError({ error }) {
 	throw error;

package/dist/lazy-observable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-observable.mjs","names":[],"sources":["../src/lazy-observable/lazy-observable.ts","../src/lazy-observable/components/lazy-observer.tsx"],"sourcesContent":["import {\n  _allowStateChanges,\n  autorun,\n  type IObservableArray,\n  type IReactionDisposer,\n  observable,\n  onBecomeObserved,\n  onBecomeUnobserved,\n} from \"mobx\";\n\nexport interface LazyObservable<T = any, TInitialValue = T | undefined> {\n  value: TInitialValue;\n  reset(): TInitialValue;\n  getOrLoad(): Promise<T>;\n  set(value: T): void;\n  reload(): Promise<T>;\n  status: \"init\" | \"loading\" | \"loaded\" | \"error\";\n  error: unknown;\n  loading: boolean;\n  loaded: boolean;\n}\n\nexport interface LazyObservableOptions {\n  shallow?: boolean;\n  resetOnUnobserved?: \"never\" | \"always\" | number;\n  debugName?: string;\n}\n\nexport interface LazyObservableOptionsWithInitialValue<\n  TInitialValue,\n> extends LazyObservableOptions {\n  initialValue?: TInitialValue;\n}\n\nexport function lazyObservable<T>(fetch: () => Promise<T>): LazyObservable<T>;\nexport function lazyObservable<T>(\n  fetch: () => Promise<T>,\n  options: LazyObservableOptions,\n): LazyObservable<T>;\nexport function lazyObservable<T, TInitialValue>(\n  fetch: () => Promise<T>,\n  options: LazyObservableOptionsWithInitialValue<TInitialValue>,\n): LazyObservable<T, TInitialValue>;\n\nexport function lazyObservable<T>(\n  fetch: () => Promise<T>,\n  options?: LazyObservableOptionsWithInitialValue<T>,\n): LazyObservable<T> {\n  const value = observable.box<T>(options?.initialValue, { deep: !options?.shallow });\n  const status = observable.box<LazyObservable<T>[\"status\"]>(\"init\");\n  const error = observable.box<unknown>(undefined);\n\n  let resetTimer: NodeJS.Timeout;\n  let autorunDisposer: IReactionDisposer;\n\n  let promise: Promise<T> | undefined;\n  let promiseResolve: ((value: T) => void) | undefined;\n  let promiseReject: ((value: unknown) => void) | undefined;\n\n  const getOrCreatePromise = () => {\n    if (promise && status.get() !== \"loaded\" && status.get() !== \"error\") {\n      return promise;\n    }\n    promise = new Promise<T>((resolve, reject) => {\n      promiseResolve = resolve;\n      promiseReject = reject;\n    });\n    return promise;\n  };\n\n  const reset = () => {\n    clearTimeout(resetTimer);\n    autorunDisposer?.();\n    _allowStateChanges(true, () => {\n      value.set(options?.initialValue);\n      status.set(\"init\");\n      error.set(undefined);\n    });\n    return options?.initialValue;\n  };\n\n  const load = (): void => {\n    if (status.get() === \"loading\") return;\n    clearTimeout(resetTimer);\n\n    // TODO: this disposer is unreliable while we are using\n    // babel to convert all async function to generators\n    autorunDisposer?.();\n    autorunDisposer = autorun(() => {\n      _allowStateChanges(true, () => {\n        status.set(\"loading\");\n        error.set(undefined);\n      });\n      fetch()\n        .then((newValue) => {\n          _allowStateChanges(true, () => {\n            value.set(newValue);\n            status.set(\"loaded\");\n            promiseResolve?.(newValue);\n          });\n        })\n        .catch((e) => {\n          _allowStateChanges(true, () => {\n            error.set(e);\n            status.set(\"error\");\n            promiseReject?.(e);\n          });\n        });\n    });\n  };\n\n  // TODO: should this resolve any promises?\n  const set = (val: T): void => {\n    _allowStateChanges(true, () => {\n      value.set(val);\n      status.set(\"loaded\");\n    });\n  };\n\n  let observedCount = 0;\n\n  const onObserved = () => {\n    observedCount = Math.min(2, observedCount + 1);\n\n    // only consider observed the first time this handler gets called\n    if (observedCount !== 1) return;\n\n    if (options?.debugName) {\n      console.log(`lazyObservable ${options.debugName}`, \"observed\");\n    }\n    clearTimeout(resetTimer);\n    if (status.get() === \"error\" || status.get() === \"init\") {\n      load();\n    }\n  };\n\n  const onUnobserved = () => {\n    observedCount = Math.max(0, observedCount - 1);\n\n    // only consider unobserved when count reaches zero\n    if (observedCount) return;\n\n    if (options?.debugName) {\n      console.log(`lazyObservable ${options.debugName}`, \"unobserved\");\n    }\n\n    // Errors are never cached regardless of resetOnUnobserved — failure state\n    // shouldn't persist across mounts, only successfully loaded values should.\n    if (status.get() === \"error\") {\n      _allowStateChanges(true, () => {\n        status.set(\"init\");\n        error.set(undefined);\n      });\n      return;\n    }\n\n    if (options?.resetOnUnobserved === \"never\") {\n      return;\n    } else if (typeof options?.resetOnUnobserved === \"number\") {\n      resetTimer = setTimeout(() => {\n        reset();\n      }, options?.resetOnUnobserved);\n    } else {\n      reset();\n    }\n  };\n\n  onBecomeObserved(value, onObserved);\n  onBecomeObserved(status, onObserved);\n  onBecomeObserved(error, onObserved);\n\n  onBecomeUnobserved(value, onUnobserved);\n  onBecomeUnobserved(status, onUnobserved);\n  onBecomeUnobserved(error, onUnobserved);\n\n  return {\n    get value() {\n      return value.get();\n    },\n    get status() {\n      return status.get();\n    },\n    get error() {\n      return error.get();\n    },\n    get loading() {\n      return status.get() === \"loading\";\n    },\n    get loaded() {\n      return status.get() === \"loaded\";\n    },\n    reload() {\n      const promise = getOrCreatePromise();\n      load();\n      return promise;\n    },\n    getOrLoad() {\n      // TODO: this assertion shouldn't be necessary\n      // consider fixing box/value type\n      if (this.loaded) return Promise.resolve(value.get() as Promise<T>);\n      return this.reload();\n    },\n    set,\n    reset,\n  };\n}\n\nexport interface LazyObservableArray<T = any> extends Omit<\n  LazyObservable<IObservableArray<T>>,\n  \"set\"\n> {\n  set(value: T[]): void;\n}\n\nexport interface LazyObservableArrayOptions<T> extends LazyObservableOptions {\n  initialValue?: T[];\n}\n\nexport function lazyObservableArray<T>(\n  fetch: () => Promise<T[]>,\n  options?: LazyObservableArrayOptions<T>,\n): LazyObservableArray<T> {\n  return lazyObservable(fetch, { initialValue: [], ...options }) as LazyObservableArray<T>;\n}\n\nexport type InferLazyObservable<O> =\n  O extends LazyObservableArray<infer T> ? T[] : O extends LazyObservable<infer T> ? T : never;\n","import type { InferLazyObservable, LazyObservable, LazyObservableArray } from \"../lazy-observable\";\nimport { Observer } from \"mobx-react-lite\";\nimport type React from \"react\";\n\nfunction ThrowError({ error }: { error: unknown }): never {\n  throw error;\n}\n\ntype LO = LazyObservable | LazyObservableArray;\n\ntype ObserveTuple<O extends LO[]> = {\n  [K in keyof O]: InferLazyObservable<O[K]>;\n};\n\nexport interface LazyObserverBaseProps {\n  placeholder?: React.ReactNode;\n}\n\nexport interface LazyObserverTupleProps<O extends LO[]> extends LazyObserverBaseProps {\n  observe: [...O];\n  children: (...value: ObserveTuple<O>) => React.ReactNode;\n}\n\nexport interface LazyObserverSingleProps<O extends LO> extends LazyObserverBaseProps {\n  observe: O;\n  children: (value: InferLazyObservable<O>) => React.ReactNode;\n}\n\nexport function LazyObserver<O extends LO[]>(props: LazyObserverTupleProps<O>): React.ReactNode;\nexport function LazyObserver<O extends LazyObservable>(\n  props: LazyObserverSingleProps<O>,\n): React.ReactNode;\nexport function LazyObserver(\n  props: LazyObserverTupleProps<any> | LazyObserverSingleProps<any>,\n): React.ReactNode {\n  const { observe, placeholder, children } = props;\n  const observeAsArray = [observe].flat() as LO[];\n  return (\n    <Observer>\n      {() => {\n        const failed = observeAsArray.find((o) => o.status === \"error\");\n        if (failed) return <ThrowError error={failed.error} />;\n        if (!observeAsArray.every((o) => o.loaded)) return placeholder;\n        return (children as any)(...observeAsArray.map((o) => o.value));\n      }}\n    </Observer>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"lazy-observable.mjs","names":[],"sources":["../src/lazy-observable/components/lazy-observer.tsx"],"sourcesContent":["import type { InferLazyObservable, LazyObservable, LazyObservableArray } from \"../lazy-observable\";\nimport { Observer } from \"mobx-react-lite\";\nimport type React from \"react\";\n\nfunction ThrowError({ error }: { error: unknown }): never {\n  throw error;\n}\n\ntype LO = LazyObservable | LazyObservableArray;\n\ntype ObserveTuple<O extends LO[]> = {\n  [K in keyof O]: InferLazyObservable<O[K]>;\n};\n\nexport interface LazyObserverBaseProps {\n  placeholder?: React.ReactNode;\n}\n\nexport interface LazyObserverTupleProps<O extends LO[]> extends LazyObserverBaseProps {\n  observe: [...O];\n  children: (...value: ObserveTuple<O>) => React.ReactNode;\n}\n\nexport interface LazyObserverSingleProps<O extends LO> extends LazyObserverBaseProps {\n  observe: O;\n  children: (value: InferLazyObservable<O>) => React.ReactNode;\n}\n\nexport function LazyObserver<O extends LO[]>(props: LazyObserverTupleProps<O>): React.ReactNode;\nexport function LazyObserver<O extends LazyObservable>(\n  props: LazyObserverSingleProps<O>,\n): React.ReactNode;\nexport function LazyObserver(\n  props: LazyObserverTupleProps<any> | LazyObserverSingleProps<any>,\n): React.ReactNode {\n  const { observe, placeholder, children } = props;\n  const observeAsArray = [observe].flat() as LO[];\n  return (\n    <Observer>\n      {() => {\n        const failed = observeAsArray.find((o) => o.status === \"error\");\n        if (failed) return <ThrowError error={failed.error} />;\n        if (!observeAsArray.every((o) => o.loaded)) return placeholder;\n        return (children as any)(...observeAsArray.map((o) => o.value));\n      }}\n    </Observer>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAS,WAAW,EAAE,SAAoC;AACxD,OAAM;;AA2BR,SAAgB,aACd,OACiB;CACjB,MAAM,EAAE,SAAS,aAAa,aAAa;CAC3C,MAAM,iBAAiB,CAAC,QAAQ,CAAC,MAAM;AACvC,QACE,oBAAC,UAAD,kBACS;EACL,MAAM,SAAS,eAAe,MAAM,MAAM,EAAE,WAAW,QAAQ;AAC/D,MAAI,OAAQ,QAAO,oBAAC,YAAD,EAAY,OAAO,OAAO,OAAS;AACtD,MAAI,CAAC,eAAe,OAAO,MAAM,EAAE,OAAO,CAAE,QAAO;AACnD,SAAQ,SAAiB,GAAG,eAAe,KAAK,MAAM,EAAE,MAAM,CAAC;IAExD"}

package/dist/model.d.mts

@@ -0,0 +1,93 @@
+import { r as LazyObservableArray } from "./lazy-observable-DA4DIMbc.mjs";
+import { AnnotationsMap } from "mobx";
+import * as T from "typebox";
+
+//#region src/model/make-model.d.ts
+/** Minimal interface a model's host store must satisfy. */
+interface ModelStore<M> {
+  remove?(model: M): void;
+}
+type Resource<S extends T.TObject> = T.Static<S>;
+type KeyShape<S extends T.TObject, K extends readonly (keyof Resource<S>)[]> = K extends readonly [] ? undefined : Pick<Resource<S>, K[number]>;
+type KeyedFn<S extends T.TObject, K extends readonly (keyof Resource<S>)[], R> = K extends readonly [] ? (...args: any[]) => Promise<R> : (params: KeyShape<S, K>, ...rest: any[]) => Promise<R>;
+type KeyedBodyFn<S extends T.TObject, K extends readonly (keyof Resource<S>)[], R> = K extends readonly [] ? (body: any, ...rest: any[]) => Promise<R> : (params: KeyShape<S, K>, body: any, ...rest: any[]) => Promise<R>;
+type StripParams<K extends readonly any[], F> = K extends readonly [] ? F : F extends ((params: any, ...rest: infer R) => infer Ret) ? (...args: R) => Ret : never;
+type ReplaceReturn$1<F, R> = F extends ((...args: infer A) => Promise<any>) ? (...args: A) => Promise<R> : never;
+type ReservedActionKey = "reload" | "update" | "delete" | "setData" | "toJSON" | "store";
+type ActionsConfig<S extends T.TObject, K extends readonly (keyof Resource<S>)[]> = {
+  [name: string]: KeyedFn<S, K, Resource<S>>;
+} & { [Key in ReservedActionKey]?: never };
+interface ModelConfig<S extends T.TObject, K extends readonly (keyof Resource<S>)[]> {
+  keys: K;
+  reload?: KeyedFn<S, K, Resource<S>>;
+  update?: KeyedBodyFn<S, K, Resource<S>>;
+  delete?: KeyedFn<S, K, any>;
+  actions?: ActionsConfig<S, K>;
+}
+type ModelMethods<K extends readonly any[], Cfg> = (Cfg extends {
+  reload: infer F;
+} ? {
+  reload: ReplaceReturn$1<StripParams<K, F>, any>;
+} : {}) & (Cfg extends {
+  update: infer F;
+} ? {
+  update: ReplaceReturn$1<StripParams<K, F>, any>;
+} : {}) & (Cfg extends {
+  delete: infer F;
+} ? {
+  delete: StripParams<K, F>;
+} : {}) & (Cfg extends {
+  actions: infer A;
+} ? { [N in keyof A]: A[N] extends ((...args: any[]) => any) ? ReplaceReturn$1<StripParams<K, A[N]>, any> : never } : {});
+type ModelInstance<S extends T.TObject, K extends readonly any[], Cfg> = Resource<S> & {
+  readonly store?: ModelStore<any>;
+  setData(data: Partial<Resource<S>>): void;
+  toJSON(): Resource<S>;
+  buildParams(): KeyShape<S, K extends readonly (keyof Resource<S>)[] ? K : readonly []>;
+  getMobxAnnotations?(): AnnotationsMap<any, never>;
+} & ModelMethods<K, Cfg>;
+type ModelConstructor<S extends T.TObject, K extends readonly any[], Cfg> = {
+  new (data: Resource<S>, store?: ModelStore<any>): ModelInstance<S, K, Cfg>;
+  readonly schema: S;
+};
+declare function makeModel<S extends T.TObject>(schema: S): ModelConstructor<S, readonly [], {}>;
+declare function makeModel<S extends T.TObject, K extends readonly (keyof Resource<S>)[], Cfg extends ModelConfig<S, K>>(schema: S, config: Cfg): ModelConstructor<S, K, Cfg>;
+//#endregion
+//#region src/model/make-store.d.ts
+type ReplaceReturn<F, R> = F extends ((...args: infer A) => Promise<any>) ? (...args: A) => Promise<R> : never;
+type StoreThis<M> = {
+  remove(model: M): void;
+};
+type InferModel<R, Cfg> = Cfg extends {
+  transform: (data: any) => infer M;
+} ? M : R;
+interface StoreConfig<R> {
+  transform?: (data: R) => any;
+  get?: (...args: any[]) => Promise<R>;
+  getAll?: (...args: any[]) => Promise<R[]>;
+  create?: (...args: any[]) => Promise<R>;
+}
+type StoreInstance<M, Cfg> = {
+  remove(model: M): void;
+} & (Cfg extends {
+  get: infer G;
+} ? {
+  get: ReplaceReturn<G, M>;
+} : {}) & (Cfg extends {
+  getAll: any;
+} ? {
+  getAll: () => Promise<M[]>;
+  all: LazyObservableArray<M>;
+} : {}) & (Cfg extends {
+  create: infer C;
+} ? {
+  create: ReplaceReturn<C, M>;
+} : {});
+type StoreConstructor<M, Cfg> = {
+  new (): StoreInstance<M, Cfg>;
+};
+declare function makeStore<S extends T.TObject>(schema: S): StoreConstructor<T.Static<S>, {}>;
+declare function makeStore<S extends T.TObject, Cfg extends StoreConfig<T.Static<S>>>(schema: S, config: Cfg & ThisType<StoreThis<InferModel<T.Static<S>, Cfg>>>): StoreConstructor<InferModel<T.Static<S>, Cfg>, Cfg>;
+//#endregion
+export { type AnnotationsMap, type LazyObservableArray, ModelConfig, ModelConstructor, ModelStore, StoreConfig, StoreConstructor, makeModel, makeStore };
+//# sourceMappingURL=model.d.mts.map

package/dist/model.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.mts","names":[],"sources":["../src/model/make-model.ts","../src/model/make-store.ts"],"mappings":"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"}

package/dist/model.mjs

@@ -0,0 +1,143 @@
+import { n as lazyObservableArray } from "./lazy-observable-CdHXpUkk.mjs";
+import { action, makeObservable, observable, runInAction, toJS } from "mobx";
+import "typebox";
+
+//#region src/model/make-model.ts
+function makeModel(schema, config) {
+	const keys = config?.keys ?? [];
+	class BaseModel {
+		static schema = schema;
+		store;
+		constructor(data, store) {
+			this.store = store;
+			const annotations = {};
+			for (const key of Object.keys(schema.properties)) {
+				Object.defineProperty(this, key, {
+					value: data[key],
+					enumerable: true,
+					configurable: true,
+					writable: true
+				});
+				annotations[key] = observable.ref;
+			}
+			makeObservable(this, {
+				...annotations,
+				setData: action,
+				...this.getMobxAnnotations?.()
+			});
+		}
+		setData(data) {
+			Object.assign(this, data);
+		}
+		/**
+		* Build the params object passed as the first arg to keyed API methods.
+		* Default extracts each property in `keys` from the model. Override on a
+		* subclass when the model field name differs from the API param name, or
+		* to construct composite params from derived values.
+		*/
+		buildParams() {
+			if (keys.length === 0) return void 0;
+			const data = this;
+			return Object.fromEntries(keys.map((k) => [k, data[k]]));
+		}
+		toJSON() {
+			const data = this;
+			return Object.keys(schema.properties).reduce((obj, key) => {
+				if (data[key] !== void 0) obj[key] = toJS(data[key]);
+				return obj;
+			}, {});
+		}
+	}
+	const proto = BaseModel.prototype;
+	if (config?.reload) {
+		const reload = config.reload;
+		proto.reload = async function(...rest) {
+			const params = this.buildParams();
+			const data = params === void 0 ? await reload(...rest) : await reload(params, ...rest);
+			runInAction(() => this.setData(data));
+			return this;
+		};
+	}
+	if (config?.update) {
+		const update = config.update;
+		proto.update = async function(body, ...rest) {
+			const params = this.buildParams();
+			const data = params === void 0 ? await update(body, ...rest) : await update(params, body, ...rest);
+			runInAction(() => this.setData(data));
+			return this;
+		};
+	}
+	if (config?.delete) {
+		const del = config.delete;
+		proto.delete = async function(...rest) {
+			const params = this.buildParams();
+			const result = params === void 0 ? await del(...rest) : await del(params, ...rest);
+			this.store?.remove?.(this);
+			return result;
+		};
+	}
+	if (config?.actions) for (const [name, fn] of Object.entries(config.actions)) {
+		const call = fn;
+		proto[name] = async function(body, ...rest) {
+			const params = this.buildParams();
+			let data;
+			if (params === void 0) data = body === void 0 ? await call() : await call(body, ...rest);
+			else data = body === void 0 ? await call(params) : await call(params, body, ...rest);
+			runInAction(() => this.setData(data));
+			return this;
+		};
+	}
+	return BaseModel;
+}
+
+//#endregion
+//#region src/model/make-store.ts
+function makeStore(schema, config) {
+	const transformFn = config?.transform ?? ((data) => data);
+	class Store {
+		_transform;
+		all;
+		constructor() {
+			this._transform = transformFn.bind(this);
+			makeObservable(this, {
+				_transform: false,
+				remove: action
+			});
+			if (config?.getAll) this.all = lazyObservableArray(async () => {
+				return (await config.getAll()).map((item) => this._transform(item));
+			});
+		}
+		remove(model) {
+			const value = this.all?.value;
+			if (!value) return;
+			const idx = value.indexOf(model);
+			if (idx >= 0) value.splice(idx, 1);
+		}
+	}
+	const proto = Store.prototype;
+	if (config?.get) {
+		const get = config.get;
+		proto.get = function(...args) {
+			return get(...args).then((data) => this._transform(data));
+		};
+	}
+	if (config?.getAll) proto.getAll = function() {
+		return this.all.getOrLoad();
+	};
+	if (config?.create) {
+		const create = config.create;
+		proto.create = async function(...args) {
+			const data = await create(...args);
+			return runInAction(() => {
+				const model = this._transform(data);
+				if (this.all) this.all.value.unshift(model);
+				return model;
+			});
+		};
+	}
+	return Store;
+}
+
+//#endregion
+export { makeModel, makeStore };
+//# sourceMappingURL=model.mjs.map

package/dist/model.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.mjs","names":[],"sources":["../src/model/make-model.ts","../src/model/make-store.ts"],"sourcesContent":["import { action, makeObservable, observable, runInAction, toJS, type AnnotationsMap } from \"mobx\";\nimport * as T from \"typebox\";\n\n// -----------------------------------------------------------------------------\n// Public structural contract\n// -----------------------------------------------------------------------------\n\n/** Minimal interface a model's host store must satisfy. */\nexport interface ModelStore<M> {\n  remove?(model: M): void;\n}\n\n// -----------------------------------------------------------------------------\n// Type plumbing\n// -----------------------------------------------------------------------------\n\ntype Resource<S extends T.TObject> = T.Static<S>;\n\ntype KeyShape<S extends T.TObject, K extends readonly (keyof Resource<S>)[]> = K extends readonly []\n  ? undefined\n  : Pick<Resource<S>, K[number]>;\n\ntype KeyedFn<\n  S extends T.TObject,\n  K extends readonly (keyof Resource<S>)[],\n  R,\n> = K extends readonly []\n  ? (...args: any[]) => Promise<R>\n  : (params: KeyShape<S, K>, ...rest: any[]) => Promise<R>;\n\ntype KeyedBodyFn<\n  S extends T.TObject,\n  K extends readonly (keyof Resource<S>)[],\n  R,\n> = K extends readonly []\n  ? (body: any, ...rest: any[]) => Promise<R>\n  : (params: KeyShape<S, K>, body: any, ...rest: any[]) => Promise<R>;\n\n// Strip the first arg when keys is non-empty — model methods don't take the params.\ntype StripParams<K extends readonly any[], F> = K extends readonly []\n  ? F\n  : F extends (params: any, ...rest: infer R) => infer Ret\n    ? (...args: R) => Ret\n    : never;\n\n// Replace a function's Promise return with Promise<R>.\ntype ReplaceReturn<F, R> = F extends (...args: infer A) => Promise<any>\n  ? (...args: A) => Promise<R>\n  : never;\n\ntype ReservedActionKey = \"reload\" | \"update\" | \"delete\" | \"setData\" | \"toJSON\" | \"store\";\n\ntype ActionsConfig<S extends T.TObject, K extends readonly (keyof Resource<S>)[]> = {\n  [name: string]: KeyedFn<S, K, Resource<S>>;\n} & { [Key in ReservedActionKey]?: never };\n\nexport interface ModelConfig<S extends T.TObject, K extends readonly (keyof Resource<S>)[]> {\n  keys: K;\n  reload?: KeyedFn<S, K, Resource<S>>;\n  update?: KeyedBodyFn<S, K, Resource<S>>;\n  delete?: KeyedFn<S, K, any>;\n  actions?: ActionsConfig<S, K>;\n}\n\n// Instance method shape from config. Self-mutating methods return Promise<any>;\n// the instance is mutated in place via setData, so callers typically read fields\n// off the same reference instead of chaining the return.\ntype ModelMethods<K extends readonly any[], Cfg> = (Cfg extends { reload: infer F }\n  ? { reload: ReplaceReturn<StripParams<K, F>, any> }\n  : {}) &\n  (Cfg extends { update: infer F } ? { update: ReplaceReturn<StripParams<K, F>, any> } : {}) &\n  (Cfg extends { delete: infer F } ? { delete: StripParams<K, F> } : {}) &\n  (Cfg extends { actions: infer A }\n    ? {\n        [N in keyof A]: A[N] extends (...args: any[]) => any\n          ? ReplaceReturn<StripParams<K, A[N]>, any>\n          : never;\n      }\n    : {});\n\n// -----------------------------------------------------------------------------\n// Constructor type\n// -----------------------------------------------------------------------------\n\ntype ModelInstance<S extends T.TObject, K extends readonly any[], Cfg> = Resource<S> & {\n  readonly store?: ModelStore<any>;\n  setData(data: Partial<Resource<S>>): void;\n  toJSON(): Resource<S>;\n  buildParams(): KeyShape<S, K extends readonly (keyof Resource<S>)[] ? K : readonly []>;\n  getMobxAnnotations?(): AnnotationsMap<any, never>;\n} & ModelMethods<K, Cfg>;\n\nexport type ModelConstructor<S extends T.TObject, K extends readonly any[], Cfg> = {\n  new (data: Resource<S>, store?: ModelStore<any>): ModelInstance<S, K, Cfg>;\n  readonly schema: S;\n};\n\n// -----------------------------------------------------------------------------\n// makeModel\n// -----------------------------------------------------------------------------\n\nexport function makeModel<S extends T.TObject>(schema: S): ModelConstructor<S, readonly [], {}>;\nexport function makeModel<\n  S extends T.TObject,\n  K extends readonly (keyof Resource<S>)[],\n  Cfg extends ModelConfig<S, K>,\n>(schema: S, config: Cfg): ModelConstructor<S, K, Cfg>;\nexport function makeModel<S extends T.TObject>(\n  schema: S,\n  config?: ModelConfig<S, readonly (keyof Resource<S>)[]>,\n): any {\n  const keys = (config?.keys ?? []) as readonly PropertyKey[];\n\n  abstract class BaseModel {\n    static readonly schema = schema;\n\n    readonly store?: ModelStore<any>;\n\n    constructor(data: Resource<S>, store?: ModelStore<any>) {\n      this.store = store;\n\n      const annotations: Record<string, any> = {};\n      for (const key of Object.keys(schema.properties)) {\n        Object.defineProperty(this, key, {\n          value: (data as any)[key],\n          enumerable: true,\n          configurable: true,\n          writable: true,\n        });\n        annotations[key] = observable.ref;\n      }\n\n      makeObservable(this, {\n        ...annotations,\n        setData: action,\n        ...(this as any).getMobxAnnotations?.(),\n      });\n    }\n\n    setData(data: Partial<Resource<S>>): void {\n      Object.assign(this, data);\n    }\n\n    /**\n     * Build the params object passed as the first arg to keyed API methods.\n     * Default extracts each property in `keys` from the model. Override on a\n     * subclass when the model field name differs from the API param name, or\n     * to construct composite params from derived values.\n     */\n    buildParams(): any {\n      if (keys.length === 0) return undefined;\n      const data = this as any;\n      return Object.fromEntries(keys.map((k) => [k, data[k]]));\n    }\n\n    toJSON(): Resource<S> {\n      const data = this as any;\n      return Object.keys(schema.properties).reduce(\n        (obj, key) => {\n          if (data[key] !== undefined) obj[key] = toJS(data[key]);\n          return obj;\n        },\n        {} as Record<string, any>,\n      ) as Resource<S>;\n    }\n  }\n\n  const proto = BaseModel.prototype as any;\n\n  if (config?.reload) {\n    const reload = config.reload as (...args: any[]) => Promise<any>;\n    proto.reload = async function (...rest: any[]) {\n      const params = this.buildParams();\n      const data = params === undefined ? await reload(...rest) : await reload(params, ...rest);\n      runInAction(() => this.setData(data));\n      return this;\n    };\n  }\n\n  if (config?.update) {\n    const update = config.update as (...args: any[]) => Promise<any>;\n    proto.update = async function (body: any, ...rest: any[]) {\n      const params = this.buildParams();\n      const data =\n        params === undefined ? await update(body, ...rest) : await update(params, body, ...rest);\n      runInAction(() => this.setData(data));\n      return this;\n    };\n  }\n\n  if (config?.delete) {\n    const del = config.delete as (...args: any[]) => Promise<any>;\n    proto.delete = async function (...rest: any[]) {\n      const params = this.buildParams();\n      const result = params === undefined ? await del(...rest) : await del(params, ...rest);\n      this.store?.remove?.(this);\n      return result;\n    };\n  }\n\n  if (config?.actions) {\n    for (const [name, fn] of Object.entries(config.actions)) {\n      const call = fn as (...args: any[]) => Promise<any>;\n      proto[name] = async function (body?: any, ...rest: any[]) {\n        const params = this.buildParams();\n        let data: any;\n        if (params === undefined) {\n          data = body === undefined ? await call() : await call(body, ...rest);\n        } else {\n          data = body === undefined ? await call(params) : await call(params, body, ...rest);\n        }\n        runInAction(() => this.setData(data));\n        return this;\n      };\n    }\n  }\n\n  return BaseModel;\n}\n\nexport type { AnnotationsMap };\n","import * as T from \"typebox\";\nimport { lazyObservableArray, type LazyObservableArray } from \"../lazy-observable/lazy-observable\";\nimport { action, makeObservable, runInAction } from \"mobx\";\n\n// -----------------------------------------------------------------------------\n// Type plumbing\n// -----------------------------------------------------------------------------\n\n// Replace a function's Promise return with Promise<R> — used so get/create\n// return models rather than the raw API response.\ntype ReplaceReturn<F, R> = F extends (...args: infer A) => Promise<any>\n  ? (...args: A) => Promise<R>\n  : never;\n\n// The structural shape passed as `this` inside `transform` — the only member\n// transform ever needs is `remove`, since it's about to construct a model and\n// hand the store reference along to its constructor.\ntype StoreThis<M> = {\n  remove(model: M): void;\n};\n\n// Infer M from config: when transform is present use its return type, else use R.\ntype InferModel<R, Cfg> = Cfg extends { transform: (data: any) => infer M } ? M : R;\n\nexport interface StoreConfig<R> {\n  transform?: (data: R) => any;\n  get?: (...args: any[]) => Promise<R>;\n  getAll?: (...args: any[]) => Promise<R[]>;\n  create?: (...args: any[]) => Promise<R>;\n}\n\n// Final store-instance shape, derived from config slots.\ntype StoreInstance<M, Cfg> = {\n  remove(model: M): void;\n} & (Cfg extends { get: infer G } ? { get: ReplaceReturn<G, M> } : {}) &\n  (Cfg extends { getAll: any } ? { getAll: () => Promise<M[]>; all: LazyObservableArray<M> } : {}) &\n  (Cfg extends { create: infer C } ? { create: ReplaceReturn<C, M> } : {});\n\nexport type StoreConstructor<M, Cfg> = {\n  new (): StoreInstance<M, Cfg>;\n};\n\n// -----------------------------------------------------------------------------\n// makeStore\n// -----------------------------------------------------------------------------\n\nexport function makeStore<S extends T.TObject>(schema: S): StoreConstructor<T.Static<S>, {}>;\nexport function makeStore<S extends T.TObject, Cfg extends StoreConfig<T.Static<S>>>(\n  schema: S,\n  config: Cfg & ThisType<StoreThis<InferModel<T.Static<S>, Cfg>>>,\n): StoreConstructor<InferModel<T.Static<S>, Cfg>, Cfg>;\nexport function makeStore<S extends T.TObject>(\n  schema: S,\n  config?: StoreConfig<T.Static<S>>,\n): StoreConstructor<any, any> {\n  type R = T.Static<S>;\n\n  const transformFn: (data: R) => any = config?.transform ?? ((data) => data);\n\n  class Store {\n    // Bound `transform` so user-provided `this` keyword resolves to the store instance.\n    private readonly _transform: (data: R) => any;\n\n    all?: LazyObservableArray<any>;\n\n    constructor() {\n      this._transform = transformFn.bind(this as any);\n\n      makeObservable<this, \"_transform\">(this, {\n        _transform: false,\n        remove: action,\n      });\n\n      if (config?.getAll) {\n        this.all = lazyObservableArray(async () => {\n          const items = await (config.getAll as (...args: any[]) => Promise<R[]>)();\n          return items.map((item) => this._transform(item));\n        });\n      }\n    }\n\n    remove(model: any): void {\n      const value = this.all?.value;\n      if (!value) return;\n      const idx = value.indexOf(model);\n      if (idx >= 0) value.splice(idx, 1);\n    }\n  }\n\n  const proto = Store.prototype as any;\n\n  if (config?.get) {\n    const get = config.get;\n    proto.get = function (...args: any[]) {\n      return get(...args).then((data: R) => this._transform(data));\n    };\n  }\n\n  if (config?.getAll) {\n    proto.getAll = function () {\n      return this.all.getOrLoad();\n    };\n  }\n\n  if (config?.create) {\n    const create = config.create;\n    proto.create = async function (...args: any[]) {\n      const data = await create(...args);\n      return runInAction(() => {\n        const model = this._transform(data);\n        if (this.all) this.all.value.unshift(model);\n        return model;\n      });\n    };\n  }\n\n  return Store as unknown as StoreConstructor<any, any>;\n}\n\nexport type { LazyObservableArray };\n"],"mappings":"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"}

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/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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"}

package/dist/router.mjs

@@ -352,8 +352,9 @@ var RouterStore = class {
 		else this.history.push(location, state);
 	}
 	setQueryParam(param, value) {
-		this.search.set(param, value);
-		this.history.replace({ search: this.search.toString() });
+		const params = new URLSearchParams(this.location.search);
+		params.set(param, value);
+		this.history.replace({ search: params.toString() });
 	}
 	removeQueryParam(param) {
 		const params = new URLSearchParams(this.location.search);

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\"\n>;\n\nexport type LinkPropsBase<\n  C extends React.ElementType,\n  I extends React.ElementType = C,\n> = LinkComponentProps<C> & {\n  exact?: 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, 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, ...(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    this.search.set(param, value);\n    this.history.replace({ search: this.search.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/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\"\n>;\n\nexport type LinkPropsBase<\n  C extends React.ElementType,\n  I extends React.ElementType = C,\n> = LinkComponentProps<C> & {\n  exact?: 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, 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, ...(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":";;;;;;;AAAA,MAAa,UAAyB,OAAO,IAAI,sBAAsB;AACvE,MAAa,SAAwB,OAAO,IAAI,qBAAqB;AACrE,MAAa,UAAyB,OAAO,IAAI,sBAAsB;AACvE,MAAa,OAAsB,OAAO,IAAI,mBAAmB;AACjE,MAAa,QAAuB,OAAO,IAAI,oBAAoB;AACnE,MAAa,OAAsB,OAAO,IAAI,mBAAmB;AACjE,MAAa,WAA0B,OAAO,IAAI,uBAAuB;;;;ACHzE,MAAa,eAAe,IAAY,WAAyB;AAC/D,QAAO,GAAG,WAAW,YAAY,YAAY;EAC3C,MAAM,QAAQ,SAAS,QAAQ,MAAM,EAAE;AACvC,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,4BAA4B,GAAG,eAAe,QAAQ,kBAAkB;AAC1F,SAAO;GACP;;AAGJ,MAAa,eAAe,SAAiC;AAC3D,KAAI,CAAC,KAAM,QAAO;AAClB,QACE,OAAO,SAAS,cACf,OAAO,SAAS,YAAY,KAAK,gBAAgB,OAAO,IAAI,aAAa;;AAI9E,MAAa,UAAU,SAA4B;AACjD,KAAI,OAAO,SAAS,SAAU,QAAO;AAErC,QADgB,OAAO,sBAAsB,KAAK,CACnC,SAAS,KAAK;;AAG/B,MAAa,cAAc,SAAkC;AAC3D,KAAI,OAAO,SAAS,SAAU,QAAO;AAErC,QADgB,OAAO,sBAAsB,KAAK,CACnC,SAAS,SAAS;;AAGnC,MAAa,UAAU,SAA4B;AACjD,QAAO,YAAY,KAAK,IAAI,OAAO,KAAK,IAAI,WAAW,KAAK;;AAG9D,MAAa,mBAAmB,SAAqC;AACnE,QAAO,OAAO,SAAS,cAAc,KAAK,UAAU,CAAC,WAAW,gBAAgB;;;;;AC/BlF,MAAa,eAA0B,EAAE,eAAe;AAMxD,MAAa,gBAAmF,EAC9F,OACA,iBACI;CACJ,MAAM,CAAC,GAAG,GAAG,aAAa;AAE1B,KAAI,CAAC,EAAG,QAAO;AAEf,QACE,oBAAC,GAAD;EAAU;YACP,UAAU,SAAS,KAAK,oBAAC,cAAD;GAAqB;GAAO,YAAY;GAAa;EAC5E;;AAIR,MAAa,gBAAgB,cAA2B,KAAY;AACpE,MAAa,kBAAkB,WAAW,cAAc;AAMxD,MAAa,SAAS,UAAU,EAAE,YAAyB;AACzD,KAAI,CAAC,MAAM,YACT,QAAO;CAGT,MAAM,SAAS,MAAM,YAAY,UAAU;CAC3C,MAAM,aAAa,MAAM,YAAY,QAAQ,KAAK,MAAM,EAAE,UAAU;AAEpE,QACE,oBAAC,cAAc,UAAf;EAAwB,OAAO;YAC7B,oBAAC,QAAD;GAAQ,OAAO,MAAM;aACnB,oBAAC,cAAD;IAAc,OAAO,MAAM;IAAyB;IAAc;GAC3D;EACc;EAE3B;;;;ACRF,MAAa,qBACX,GACA,cACG;AACH,QAAO,UAAU,EAAE,IAAI,QAAQ,OAAO,UAAU,GAAG,YAAiB;EAClE,MAAM,SAAS,WAAW;EAC1B,MAAM,cAAc;GAAE,GAAG;GAAW,GAAG;GAAO;AAE9C,MAAI,MAAM,SAAS,OACjB,aAAY,OAAO,YAAY,IAAI,OAAO;AAG5C,MAAI,OAAO,cAAc,IAAI,MAAM,CACjC,aAAY,kBAAkB;AAGhC,cAAY,UAAU,aACnB,UAAyC;AACxC,SAAM,gBAAgB;AACtB,OAAI,MAAM,SAAU;AACpB,UAAO,SAAS;IAAE;IAAI,GAAI;IAAgB,CAA+B;KAE3E;GAAC;GAAQ;GAAQ;GAAI,MAAM;GAAS,CACrC;AAED,SAAO,MAAM,cAAc,GAAG,aAAa,SAAS;GACpD;;;;;AC/DJ,MAAa,YAAiC,UAA8B;CAC1E,MAAM,SAAS,WAAW;AAE1B,uBAAsB;AACpB,SAAO,SAAS,MAAM;IACrB,CAAC,QAAQ,MAAM,CAAC;AAEnB,QAAO;;;;;ACCT,MAAa,iBAA4B,EAAE,eAAe;AAE1D,MAAM,2BAAsC,oBAAC,KAAD,YAAG,cAAc;AAE7D,IAAa,SAAb,MAAoB;CAClB,QAA2B;CAC3B;CACA;CAOA;CAEA,IAAI,YAAmC;AACrC,UAAQ,KAAK,OAAb;GACE,KAAK,UACH,QAAO;GACT,KAAK,QACH,QAAO,KAAK,aAAa;GAC3B,QACE;;;CAIN,YAAY,AAAS,QAAsB;EAAtB;AACnB,MAAI,CAAC,gBAAgB,OAAO,UAAU,CACpC,MAAK,YAAY,OAAO;AAG1B,qBAAmD,MAAM;GACvD,SAAS,WAAW;GACpB,MAAM,WAAW;GACjB,WAAW;GACX,QAAQ;GACT,CAAC;;CAGJ,MAAM,KAAK,OAA6B;EACtC,MAAM,WAA4B,EAAE;AAEpC,MAAI,gBAAgB,KAAK,OAAO,UAAU,IAAI,CAAC,KAAK,UAClD,UAAS,KAAK,KAAK,eAAe,CAAC;AAGrC,MAAI,KAAK,OAAO,OACd,UAAS,KAAK,KAAK,SAAS,MAAM,CAAC;AAGrC,MAAI,CAAC,SAAS,QAAQ;AACpB,QAAK,SAAS,QAAQ;AACtB;;EAMF,MAAM,kBAAkB,iBAAiB;AACvC,OAAI,KAAK,UAAU,aACjB,MAAK,SAAS,UAAU;KAEzB,IAAI;AAEP,OAAK,UAAU,QAAQ,IAAI,SAAS,CACjC,WAAW;AACV,gBAAa,gBAAgB;AAC7B,OAAI,KAAK,UAAU,UAIjB,kBAAiB;AACf,SAAK,SAAS,QAAQ;MACrB,IAAI;OAEP,MAAK,SAAS,QAAQ;IAExB,CACD,YAAY;AACX,gBAAa,gBAAgB;AAG7B,QAAK,SAAS,QAAQ;IACtB;AAEJ,QAAM,KAAK;;CAGb,QAAQ,MAAe;AACrB,OAAK,OAAO;;CAGd,SAAS,OAA0B;AACjC,OAAK,QAAQ;;CAGf,MAAc,SAAS,OAA6B;AAClD,QAAM,KAAK,OAAO,SAAS,MAAM,CAAC,MAAM,SAAS,KAAK,QAAQ,KAAK,CAAC;;CAGtE,MAAc,gBAA+B;AAC3C,MAAI,CAAC,gBAAgB,KAAK,OAAO,UAAU,CAAE;EAC7C,MAAM,SAAS,MAAM,KAAK,OAAO,WAAW;AAC5C,OAAK,MAAM,cAAc,OACvB,KAAI,eAAe,aAAa,WAAW,SAAS,OAAO,EAAE;AAC3D,QAAK,YAAY,OAAO;AACxB;;AAGJ,QAAM,IAAI,MACR,iFACD;;;;;;AC1HL,IAAa,WAAb,MAA2C;CACzC,YAAY,AAAS,SAA6B;EAA7B;;;AAGvB,MAAa,YAAiC,YAC5C,IAAI,SAAS,QAAQ;;;;ACMvB,IAAa,QAAb,MAAmB;CACjB,AAAS;CACT,AAAS;CACT,AAAS;CACT,AAAS;CACT,AAAS;CACT,AAAS;CAET,IAAI,OAAY;AACd,SAAO,OAAO,OAAO,EAAE,EAAE,GAAG,KAAK,QAAQ,KAAK,MAAM,EAAE,KAAK,CAAC;;CAG9D,YAAY,KAAkB;AAC5B,OAAK,OAAO,IAAI;AAChB,OAAK,SAAS,IAAI;AAClB,OAAK,UAAU,IAAI,WAAW,EAAE;AAChC,OAAK,UAAU,IAAI;AACnB,OAAK,SAAS,IAAI;AAClB,OAAK,SAAS,IAAI;AAElB,iBAAe,MAAM,EACnB,MAAM,UACP,CAAC;;CAGJ,MAAM,QAAuB;AAC3B,OAAK,MAAM,SAAS,KAAK,OACvB,OAAM,MAAM,KAAK;;CAIrB,MAAM,OAAsB;AAC1B,QAAM,QAAQ,IAAI,KAAK,QAAQ,KAAK,WAAW,OAAO,KAAK,KAAK,CAAC,CAAC;;;;;;ACtCtE,MAAM,kBAAkB,SAA2B;AACjD,QAAO,KAAK,QAAQ,cAAc,GAAG,CAAC,MAAM,IAAI;;AAYlD,MAAa,aAAa,eAAkC;CAC1D,MAAM,UAAU,WAAW,QAAQ,QAAQ,MAAM,MAAM,OAAU;CACjE,MAAM,SAAS,WAAW,OAAO,QAAQ,MAAM,MAAM,OAAU;AAE/D,QAAO,IAAI,MAAM;EAAE,GAAG;EAAY;EAAS;EAAQ,MAAM,WAAW,SAAS,KAAK,IAAI;EAAE,CAAC;;AAG3F,MAAa,cAAc,MAAc,UAAkB,eAAmC;CAC5F,MAAM,QAAoB;EACxB,UAAU,EAAE;EACZ,QAAQ,EAAE;EACV,GAAG;EACH,QAAQ,SAAS,WAAW,YAAY;EACxC,SAAS;GAAE,GAAG,YAAY;GAAS,GAAG,SAAS;GAAU;EACzD,QAAQ,CAAC,GAAI,YAAY,UAAU,EAAE,EAAG,SAAS,OAAO;EACxD,SAAS;GACP,GAAI,YAAY,WAAW,EAAE;GAC7B,SAAS,WAAW,IAAI,OAAO,EAAE,WAAW,SAAS,UAAU,CAAC,GAAG;GACnE,SAAS,QAAQ,IAAI,OAAO,EAAE,QAAQ,SAAS,OAAO,CAAC,GAAG;GAC3D;EACF;CAED,MAAM,CAAC,SAAS,GAAG,qBAAqB,eAAe,KAAK;CAC5D,MAAM,gBAAgB,kBAAkB,KAAK,IAAI;CAEjD,IAAI,eAAe,SAAS,WAAW;AAEvC,KAAI,CAAC,cAAc;EACjB,MAAM,iBAAiB,OAAO,KAAK,SAAS,CAAC,MAAM,YAAY,QAAQ,WAAW,IAAI,CAAC;AACvF,MAAI,gBAAgB;AAClB,kBAAe,SAAS;AACxB,SAAM,OAAO,eAAe,MAAM,EAAE,IAAI;;;AAI5C,KAAI,CAAC,aACH,OAAM,IAAI,MAAM,aAAa;AAG/B,OAAM,SAAS,KAAK,WAAW,QAAQ;AAEvC,KAAI,OAAO,aAAa,EAAE;AACxB,MAAI,cACF,OAAM,IAAI,MAAM,aAAa;AAG/B,MAAI,WAAW,aAAa,CAK1B,OAAM,IAAI,SAHR,OAAO,aAAa,cAAc,WAC9B,EAAE,IAAI,aAAa,WAAW,GAC9B,aAAa,UACgB;AAGrC,MAAI,YAAY,aAAa,IAAI,gBAAgB,aAAa,EAAE;AAC9D,SAAM,QAAQ,KAAK,IAAI,OAAO,EAAE,WAAW,cAAc,CAAC,CAAC;AAC3D,UAAO,UAAU,MAAM;;;AAM3B,KAAI,OAAO,aAAa,EAAE;AACxB,QAAM,SAAS,aAAa,WAAW,MAAM;AAC7C,SAAO,OAAO,MAAM,SAAS,aAAa,SAAS;AACnD,QAAM,OAAO,KAAK,aAAa,OAAO;AACtC,QAAM,QAAQ,KACZ,IAAI,OAAO;GACT,WAAW,aAAa;GACxB,QAAQ,aAAa;GACtB,CAAC,CACH;AAED,SAAO,UAAU,MAAM;;AAIzB,QAAO,WAAW,eAAe,cAAc,MAAM;;AASvD,MAAa,oBAEQ,WAAiB;AAQlC,QAAO;;;;;ACtGX,IAAa,cAAb,MAAyB;CACvB,AAAS;CAET;CAEA;CACA;CAEA,IAAI,SAA0B;AAC5B,SAAO,IAAI,gBAAgB,KAAK,UAAU,OAAO;;CAGnD,IAAI,QAAgC;AAClC,SAAO,OAAO,YAAY,KAAK,OAAO;;CAGxC,IAAI,aAAqC;EACvC,MAAM,SAAS,EAAE;EAEjB,MAAM,gBAAgB,KAAK,eAAe,QAAQ,YAAY,QAAQ,WAAW,IAAI,CAAC;EACtF,MAAM,aAAa,KAAK,SAAS,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE;AAE7D,gBAAc,SAAS,SAAS,UAAU;GACxC,MAAM,QAAQ,WAAW,QAAQ;AACjC,OAAI,MACF,QAAO,WAAW;IAEpB;AAEF,SAAO;;CAGT,IAAI,iBAA2B;AAC7B,SAAO,KAAK,aAAa,KAAK,MAAM,IAAI,IAAI,EAAE;;CAGhD,YAAY,QAA2B;AACrC,iBAAe,MAAM;GACnB,UAAU,WAAW;GACrB,aAAa,WAAW;GAExB,QAAQ;GACR,YAAY;GACZ,gBAAgB;GAEhB,aAAa;GACd,CAAC;AAEF,OAAK,UAAU,QAAQ,WAAW,sBAAsB;;CAG1D,WAAW,WAAyB;AAClC,OAAK,YAAY;AACjB,OAAK,QAAQ,QAAQ,SAAS;AAC5B,GAAK,KAAK,YAAY,KAAK,SAAS;IACpC;AAEF,EAAK,KAAK,YAAY,KAAK,QAAQ,SAAS;;CAG9C,cAAmC,MAAS,OAA0B;EACpE,MAAM,WAAW,KAAK,MAAM,EAAE,CAAC,MAAM,IAAI;AAKzC,SAJsB,SAAS,OAC5B,SAAS,MAAM,YAAY,KAAK,eAAe,MAAM,QAAQ,WAAW,IAAI,CAC9E,IAIC,KAAK,eAAe,UAAU,SAAS,WACtC,CAAC,SAAS,SAAS,WAAW,KAAK,eAAe;;CAIvD,SAA8B,SAAmC;AAC/D,MAAI,CAAC,SAAS,oBACZ,MAAK,UAAU,QAAQ;MAGvB,CADmB,SAAS,0BAA0B,KAAK,UAAU,QAAQ,CAAC,CACnE,MAAM,OAAO,MAAM,QAAQ,IAAI,GAAG,OAAO,EAAE,CAAC;;CAI3D,UAA+B,SAAmC;EAChE,MAAM,EAAE,IAAI,SAAS,OAAO,SAAS,EAAE,EAAE,gBAAgB,WAAW;EAEpE,MAAM,eAAe,kBAAkB,kBAAkB,SAAS,IAAI,gBAAgB,OAAO;AAE7F,MAAI,gBACF;QAAK,MAAM,CAAC,MAAM,UAAU,KAAK,OAC/B,KAAI,CAAC,aAAa,IAAI,KAAK,CACzB,cAAa,IAAI,MAAM,MAAM;;EAKnC,MAAM,WAAW;GACf,UAAU,YAAY,IAAI,OAAO;GACjC,QAAQ,aAAa,OAAO,IAAI,aAAa,UAAU,KAAK;GAC7D;AAED,MAAI,QACF,MAAK,QAAQ,QAAQ,UAAU,MAAM;MAErC,MAAK,QAAQ,KAAK,UAAU,MAAM;;CAItC,cAAc,OAAe,OAAqB;EAChD,MAAM,SAAS,IAAI,gBAAgB,KAAK,SAAS,OAAO;AACxD,SAAO,IAAI,OAAO,MAAM;AACxB,OAAK,QAAQ,QAAQ,EAAE,QAAQ,OAAO,UAAU,EAAE,CAAC;;CAGrD,iBAAiB,OAAmC;EAClD,MAAM,SAAS,IAAI,gBAAgB,KAAK,SAAS,OAAO;EACxD,MAAM,QAAQ,OAAO,IAAI,MAAM,IAAI;AACnC,MAAI,UAAU,QAAW;AACvB,UAAO,OAAO,MAAM;AACpB,QAAK,QAAQ,QAAQ,EAAE,QAAQ,OAAO,UAAU,EAAE,CAAC;;AAErD,SAAO;;CAGT,MAAM,YAAY,UAAmC;AACnD,MAAI,CAAC,KAAK,UAAW;AAIrB,MAAI,SAAS,aAAa,OAAO,SAAS,SAAS,SAAS,IAAI,EAAE;AAChE,QAAK,QAAQ,QAAQ;IAAE,GAAG;IAAU,UAAU,SAAS,SAAS,MAAM,GAAG,GAAG;IAAE,CAAC;AAC/E;;AAGF,OAAK,WAAW;AAEhB,MAAI;GACF,MAAM,eAAe,WAAW,SAAS,UAAU,KAAK,UAAU;AAElE,SAAM,aAAa,OAAO;AAI1B,OAAI,KAAK,aAAa,SACpB;AAGF,qBAAkB;AAChB,SAAK,cAAc;KACnB;AAEF,SAAM,KAAK,aAAa,MAAM;WACvB,GAAG;AACV,OAAI,aAAa,UAAU;AACzB,SAAK,SAAS,EAAE,QAAQ;AACxB;;AAEF,SAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jayalfredprufrock/mobx-toolbox",
-  "version": "0.4.1",
+  "version": "0.5.1",
   "description": "Misc mobx/react modules/utilities.",
   "homepage": "https://github.com/jayalfredprufrock/mobx-toolbox#readme",
   "bugs": {
@@ -19,6 +19,7 @@
     "./dialog": "./dist/dialog.mjs",
     "./form": "./dist/form.mjs",
     "./lazy-observable": "./dist/lazy-observable.mjs",
+    "./model": "./dist/model.mjs",
     "./react-util": "./dist/react-util.mjs",
     "./router": "./dist/router.mjs",
     "./util": "./dist/util.mjs",