@tanstack/solid-router/dist/cjs/Matches.cjs

Modern and scalable routing for Solid applications

const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
const require_CatchBoundary = require("./CatchBoundary.cjs");
const require_useRouter = require("./useRouter.cjs");
const require_matchContext = require("./matchContext.cjs");
const require_Transitioner = require("./Transitioner.cjs");
const require_SafeFragment = require("./SafeFragment.cjs");
const require_Match = require("./Match.cjs");
let _tanstack_router_core = require("@tanstack/router-core");
let _solidjs_web = require("@solidjs/web");
let solid_js = require("solid-js");
solid_js = require_runtime.__toESM(solid_js, 1);
//#region src/Matches.tsx
var NearestMatchContext = require_matchContext.nearestMatchContext;
function Matches() {
	return (0, _solidjs_web.createComponent)(require_useRouter.useRouter().options.InnerWrap || require_SafeFragment.SafeFragment, { get children() {
		return [
			(0, _solidjs_web.createComponent)(require_Transitioner.Transitioner, {}),
			(0, _solidjs_web.createComponent)(MatchesInner, {}),
			(0, _solidjs_web.createComponent)(require_Transitioner.Rendered, {})
		];
	} });
}
function MatchesInner() {
	const router = require_useRouter.useRouter();
	const routeId = () => router.stores.ids.get()[0];
	const match = () => routeId() ? router.stores.byRoute.get(routeId())?.get() : void 0;
	const nearestMatch = [routeId, match];
	const matchContent = () => (0, _solidjs_web.createComponent)(solid_js.Show, {
		get when() {
			return routeId();
		},
		keyed: true,
		children: (currentRouteId) => (0, _solidjs_web.createComponent)(require_Match.Match, { routeId: currentRouteId })
	});
	if (router.options.disableGlobalCatchBoundary) return (0, _solidjs_web.createComponent)(NearestMatchContext, {
		value: nearestMatch,
		get children() {
			return matchContent();
		}
	});
	return (0, _solidjs_web.createComponent)(NearestMatchContext, {
		value: nearestMatch,
		get children() {
			return (0, _solidjs_web.createComponent)(require_CatchBoundary.CatchBoundary, {
				getResetKey: () => router.stores.matches.get(),
				render: matchContent,
				errorComponent: require_CatchBoundary.ErrorComponent,
				get onCatch() {
					return process.env.NODE_ENV !== "production" ? (error) => {
						console.warn(`Warning: The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!`);
						console.warn(`Warning: ${error.message || error.toString()}`);
					} : void 0;
				}
			});
		}
	});
}
function useMatchRoute() {
	const router = require_useRouter.useRouter();
	return (opts) => {
		return solid_js.createMemo(() => {
			const { pending, caseSensitive, fuzzy, includeSearch, ...rest } = opts;
			router.stores.location.get();
			router.stores.resolvedLocation.get();
			router.stores.status.get();
			return router.matchRoute(rest, {
				pending,
				caseSensitive,
				fuzzy,
				includeSearch
			});
		});
	};
}
function MatchRoute(props) {
	const params = useMatchRoute()(props);
	return (0, _solidjs_web.memo)(solid_js.createMemo(() => {
		const matchedParams = params();
		const child = props.children;
		if (typeof child === "function") return child(matchedParams);
		return matchedParams ? child : null;
	}));
}
function useMatches(opts) {
	const router = require_useRouter.useRouter();
	return solid_js.createMemo((prev) => {
		const matches = router.stores.matches.get();
		const res = opts?.select ? opts.select(matches) : matches;
		if (prev === void 0) return res;
		return (0, _tanstack_router_core.replaceEqualDeep)(prev, res);
	});
}
function useParentMatches(opts) {
	const contextRouteId = solid_js.useContext(require_matchContext.nearestMatchContext)[0];
	return useMatches({ select: (matches) => {
		matches = matches.slice(0, matches.findIndex((d) => d.routeId === contextRouteId()));
		return opts?.select ? opts.select(matches) : matches;
	} });
}
function useChildMatches(opts) {
	const contextRouteId = solid_js.useContext(require_matchContext.nearestMatchContext)[0];
	return useMatches({ select: (matches) => {
		matches = matches.slice(matches.findIndex((d) => d.routeId === contextRouteId()) + 1);
		return opts?.select ? opts.select(matches) : matches;
	} });
}
//#endregion
exports.MatchRoute = MatchRoute;
exports.Matches = Matches;
exports.useChildMatches = useChildMatches;
exports.useMatchRoute = useMatchRoute;
exports.useMatches = useMatches;
exports.useParentMatches = useParentMatches;

//# sourceMappingURL=Matches.cjs.map