TanTan
2a69b23b47
Dev Build / cleanup (push) Canceled after 0s
Dev Build / typecheck (push) Canceled after 0s
Dev Build / build (linux-arm64, ubuntu-24.04-arm, linux-arm64) (push) Canceled after 0s
Dev Build / build (linux-x64, ubuntu-latest, linux-x64) (push) Canceled after 0s
Dev Build / build (win-x64, windows-latest, win32-x64) (push) Canceled after 0s
Dev Build / dispatch-dev-docker (push) Skipped
39 lines
1.4 KiB
Plaintext
39 lines
1.4 KiB
Plaintext
"use client";
|
|
import { useRouter } from "./useRouter.js";
|
|
import { replaceEqualDeep } from "@tanstack/router-core";
|
|
import { useRef } from "react";
|
|
import { useStore } from "@tanstack/react-store";
|
|
import { isServer } from "@tanstack/router-core/isServer";
|
|
//#region src/useLocation.tsx
|
|
/**
|
|
* Read the current location from the router state with optional selection.
|
|
* Useful for subscribing to just the pieces of location you care about.
|
|
*
|
|
* Options:
|
|
* - `select`: Project the `location` object to a derived value
|
|
* - `structuralSharing`: Enable structural sharing for stable references
|
|
*
|
|
* @returns The current location (or selected value).
|
|
* @link https://tanstack.com/router/latest/docs/framework/react/api/router/useLocationHook
|
|
*/
|
|
function useLocation(opts) {
|
|
const router = useRouter();
|
|
if (isServer ?? router.isServer) {
|
|
const location = router.stores.location.get();
|
|
return opts?.select ? opts.select(location) : location;
|
|
}
|
|
const previousResult = useRef(void 0);
|
|
return useStore(router.stores.location, (location) => {
|
|
const selected = opts?.select ? opts.select(location) : location;
|
|
if (opts?.structuralSharing ?? router.options.defaultStructuralSharing) {
|
|
const shared = replaceEqualDeep(previousResult.current, selected);
|
|
previousResult.current = shared;
|
|
return shared;
|
|
}
|
|
return selected;
|
|
});
|
|
}
|
|
//#endregion
|
|
export { useLocation };
|
|
|
|
//# sourceMappingURL=useLocation.js.map |