@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 contextMatch = Solid.useContext(nearestMatchContext);
    const nearestMatch = opts.from ? undefined : contextMatch;
    const match = () => {
        if (opts.from) {
            return router.stores.getMatchStore(opts.from).get();
        }
        return nearestMatch?.[1 /* match */]();
    };
    Solid.createEffect(() => {
        if (match() !== undefined) {
            return;
        }
        if (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