@tanstack/solid-router/dist/source/useMatch.jsx

Modern and scalable routing for Solid applications

import * as Solid from 'solid-js';
import { invariant, replaceEqualDeep } from '@tanstack/router-core';
import { nearestMatchContext } from './matchContext';
import { useRouter } from './useRouter';
export function useMatch(opts) {
    const router = useRouter();
    const nearestMatch = opts.from
        ? undefined
        : Solid.useContext(nearestMatchContext);
    const match = () => {
        if (opts.from) {
            return router.stores.getMatchStoreByRouteId(opts.from).state;
        }
        return nearestMatch?.match();
    };
    Solid.createEffect(() => {
        if (match() !== undefined) {
            return;
        }
        const hasPendingMatch = opts.from
            ? Boolean(router.stores.pendingRouteIds.state[opts.from])
            : (nearestMatch?.hasPending() ?? false);
        if (!hasPendingMatch &&
            !router.stores.isTransitioning.state &&
            (opts.shouldThrow ?? true)) {
            if (process.env.NODE_ENV !== 'production') {
                throw new Error(`Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
            }
            invariant();
        }
    });
    return Solid.createMemo((prev) => {
        const selectedMatch = match();
        if (selectedMatch === undefined)
            return undefined;
        const res = opts.select ? opts.select(selectedMatch) : selectedMatch;
        if (prev === undefined)
            return res;
        return replaceEqualDeep(prev, res);
    });
}
//# sourceMappingURL=useMatch.jsx.map