// useMatchRoute / MatchRoute — port of react-router's Matches.tsx matcher pair.
// The hook subscribes to `matchRouteDeps` (location href + resolved href +
// status) so the matcher re-evaluates per navigation, and returns
// `matchRoute(opts)` → false | matched params. The component renders its
// children when matched — a render-prop child ALWAYS renders, receiving the
// params (false when unmatched).
import { useCallback, isChildrenBlock } from 'octane';
import { useRouter } from './context.ts';
import { useStore } from './useStore.ts';

export function useMatchRoute() {
	const router = useRouter();
	useStore(router.stores.matchRouteDeps, (d) => d);
	return useCallback((opts: Record<string, any>) => {
		const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts;
		return router.matchRoute(rest as any, { pending, caseSensitive, fuzzy, includeSearch });
	}, [router]);
}

// Props are permissive (`Record<string, any>` + optional render-prop children) —
// upstream's MakeMatchRouteOptions generics are the type-safe facade; the octane
// binding keeps the loose v1 surface (see Link).
export function MatchRoute(props: Record<string, any>) @{
	const matchRoute = useMatchRoute();
	const params = matchRoute(props);
	const out =
		typeof props.children === 'function' && !isChildrenBlock(props.children)
			? props.children(params)
			: params
				? props.children
				: null;
	<>
		{out}
	</>
}