@tanstack/solid-router/dist/esm/useRouterState.js

Modern and scalable routing for Solid applications

import { useRouter } from "./useRouter.js";
import { isServer } from "@tanstack/router-core/isServer";
import { useStore } from "@tanstack/solid-store";
//#region src/useRouterState.tsx
function deepEqual(a, b) {
	if (Object.is(a, b)) return true;
	if (typeof a !== "object" || a === null || typeof b !== "object" || b === null) return false;
	const keysA = Object.keys(a);
	const keysB = Object.keys(b);
	if (keysA.length !== keysB.length) return false;
	for (const key of keysA) {
		if (!Object.prototype.hasOwnProperty.call(b, key)) return false;
		if (!deepEqual(a[key], b[key])) return false;
	}
	return true;
}
function useRouterState(opts) {
	const contextRouter = useRouter({ warn: opts?.router === void 0 });
	const router = opts?.router || contextRouter;
	if (isServer ?? router.isServer) {
		const state = router.state;
		const selected = opts?.select ? opts.select(state) : state;
		return (() => selected);
	}
	return useStore(router.__store, (state) => {
		if (opts?.select) return opts.select(state);
		return state;
	}, { equal: deepEqual });
}
//#endregion
export { useRouterState };

//# sourceMappingURL=useRouterState.js.map