fenextjs-hook
Version:
72 lines • 2.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useRouter = void 0;
const react_1 = require("react");
const useRouter = () => {
const _w = {
location: {
pathname: "",
search: "",
hash: "",
href: "",
reload: () => { },
},
history: {
forward: () => { },
back: () => { },
replaceState: () => { },
},
addEventListener: () => { },
removeEventListener: () => { },
};
const w = (typeof window == "undefined" ? _w : window) ?? _w;
const [pathname, setPathname] = (0, react_1.useState)(w?.location?.pathname ?? "");
const [query, setQuery] = (0, react_1.useState)(new URLSearchParams(w?.location?.search ?? ""));
const [hash, setHash] = (0, react_1.useState)(w?.location?.hash ?? "");
(0, react_1.useEffect)(() => {
const handleLocationChange = () => {
setPathname(w?.location?.pathname ?? "");
setQuery(new URLSearchParams(w?.location?.search ?? ""));
setHash(w?.location?.hash ?? "");
};
w.addEventListener("popstate", handleLocationChange); // Cambios en el historial
return () => {
w.removeEventListener("popstate", handleLocationChange);
};
}, []);
const push = (url) => {
w.location.href = url;
setPathname(w?.location?.pathname ?? "");
setQuery(new URLSearchParams(w?.location?.search ?? ""));
setHash(w?.location?.hash ?? "");
};
const replace = (url) => {
w?.history?.replaceState({}, "", url);
setPathname(w?.location?.pathname ?? "");
setQuery(new URLSearchParams(w?.location?.search ?? ""));
setHash(w?.location?.hash ?? "");
};
const back = () => {
w?.history?.back();
};
const forward = () => {
w?.history?.forward();
};
const reload = () => {
w?.location?.reload();
};
return {
asPath: pathname + (query.toString() ? `?${query.toString()}` : "") + hash,
back,
forward,
isReady: true, // Siempre está listo en w.location
pathname,
push,
query: Object.fromEntries(query.entries()),
reload,
replace,
route: pathname,
};
};
exports.useRouter = useRouter;
//# sourceMappingURL=index.js.map