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

Modern and scalable routing for Solid applications

import { useStore } from '@tanstack/solid-store';
import { isServer } from '@tanstack/router-core/isServer';
import { useRouter } from './useRouter';
// Deep equality check to match behavior of solid-store 0.7.0's reconcile()
function deepEqual(a, b) {
    if (Object.is(a, b))
        return true;
    if (typeof a !== 'object' ||
        a === null ||
        typeof b !== 'object' ||
        b === null) {
        return false;
    }
    const keysA = Object.keys(a);
    const keysB = Object.keys(b);
    if (keysA.length !== keysB.length)
        return false;
    for (const key of keysA) {
        if (!Object.prototype.hasOwnProperty.call(b, key))
            return false;
        if (!deepEqual(a[key], b[key]))
            return false;
    }
    return true;
}
export function useRouterState(opts) {
    const contextRouter = useRouter({
        warn: opts?.router === undefined,
    });
    const router = opts?.router || contextRouter;
    // During SSR we render exactly once and do not need reactivity.
    // Avoid subscribing to the store on the server since the server store
    // implementation does not provide subscribe() semantics.
    const _isServer = isServer ?? router.isServer;
    if (_isServer) {
        const state = router.state;
        const selected = (opts?.select ? opts.select(state) : state);
        return (() => selected);
    }
    return useStore(router.__store, (state) => {
        if (opts?.select)
            return opts.select(state);
        return state;
    }, {
        // Use deep equality to match behavior of solid-store 0.7.0 which used
        // reconcile(). This ensures updates work correctly when selectors
        // return new object references but with the same values.
        equal: deepEqual,
    });
}
//# sourceMappingURL=useRouterState.jsx.map