Files
wanderer/assets/js/hooks/Mapper/mapRootProvider/hooks/useLoadSystemStatic.ts
2024-11-19 17:06:35 +01:00

63 lines
2.0 KiB
TypeScript

import { useMapRootState } from '@/hooks/Mapper/mapRootProvider';
import { useCallback, useEffect, useRef, useState } from 'react';
import { OutCommand, OutCommandHandler, SolarSystemStaticInfoRaw } from '@/hooks/Mapper/types';
type SystemStaticResult = {
system_static_infos: SolarSystemStaticInfoRaw[];
};
// TODO maybe later we can store in Static data in provider
const cache = new Map<number, SolarSystemStaticInfoRaw>();
export const loadSystemStaticInfo = async (outCommand: OutCommandHandler, systems: number[]) => {
const result = await outCommand({
type: OutCommand.getSystemStaticInfos,
data: {
solar_system_ids: systems,
},
});
return (result as SystemStaticResult).system_static_infos;
};
interface UseLoadSystemStaticProps {
systems: (number | string)[];
}
export const useLoadSystemStatic = ({ systems = [] }: UseLoadSystemStaticProps) => {
const { outCommand } = useMapRootState();
const [loading, setLoading] = useState(false);
const [lastUpdateKey, setLastUpdateKey] = useState(0);
const ref = useRef({ outCommand });
ref.current = { outCommand };
const addSystemStatic = useCallback((static_info: SolarSystemStaticInfoRaw) => {
cache.set(static_info.solar_system_id, static_info);
setLastUpdateKey(new Date().getTime());
}, []);
const loadSystems = useCallback(async (systems: (number | string)[]) => {
setLoading(true);
const allSystems = systems.map(x => (typeof x == 'number' ? x : parseInt(x)));
const toLoad = allSystems.filter(x => !cache.has(x));
if (toLoad.length > 0) {
const res = await loadSystemStaticInfo(ref.current.outCommand, toLoad);
res.forEach(x => cache.set(x.solar_system_id, x));
setLastUpdateKey(new Date().getTime());
}
setLoading(false);
}, []);
useEffect(() => {
if (!systems.length) {
return;
}
loadSystems(systems);
// eslint-disable-next-line
}, [systems]);
return { addSystemStatic, systems: cache, lastUpdateKey, loading, loadSystems };
};