misc_pterodactyl-panel/resources/scripts/plugins/useLocationHash.ts

32 lines
919 B
TypeScript

import { useLocation } from 'react-router';
import { useMemo } from 'react';
export default () => {
const location = useLocation();
const getHashObject = (value: string): Record<string, string> =>
value
.substring(1)
.split('&')
.reduce((obj, str) => {
const [key, value = ''] = str.split('=');
return !str.trim() ? obj : { ...obj, [key]: value };
}, {});
const pathTo = (params: Record<string, string>): string => {
const current = getHashObject(location.hash);
for (const key in params) {
current[key] = params[key];
}
return Object.keys(current)
.map((key) => `${key}=${current[key]}`)
.join('&');
};
const hash = useMemo((): Record<string, string> => getHashObject(location.hash), [location.hash]);
return { hash, pathTo };
};