nuqs/dist/adapters/tanstack-router.js

Type-safe search params state manager for React - Like useState, but stored in the URL query string

'use client';

import { n as createAdapterProvider, o as renderQueryString } from "../context-C4spomkL.js";
import { startTransition, useCallback, useMemo } from "react";
import { useLocation, useRouter } from "@tanstack/react-router";

//#region src/adapters/tanstack-router.ts
function useNuqsTanstackRouterAdapter(watchKeys) {
	const pathname = useLocation({ select: (state) => state.pathname });
	const search = useLocation({ select: (state) => Object.fromEntries(Object.entries(state.search).filter(([key]) => watchKeys.includes(key))) });
	const { navigate } = useRouter();
	return {
		searchParams: useMemo(() => new URLSearchParams(Object.entries(search).flatMap(([key, value]) => {
			if (Array.isArray(value)) return value.map((v) => [key, v]);
			else if (typeof value === "object" && value !== null) return [[key, JSON.stringify(value)]];
			else return [[key, value]];
		})), [search, watchKeys.join(",")]),
		updateUrl: useCallback((search, options) => {
			startTransition(() => {
				navigate({
					from: "/",
					to: pathname + renderQueryString(search),
					replace: options.history === "replace",
					resetScroll: options.scroll,
					hash: (prevHash) => prevHash ?? "",
					state: (state) => state
				});
			});
		}, [navigate, pathname]),
		rateLimitFactor: 1
	};
}
const NuqsAdapter = createAdapterProvider(useNuqsTanstackRouterAdapter);

//#endregion
export { NuqsAdapter };
//# sourceMappingURL=tanstack-router.js.map