@clusterio/web_ui/src/model/mod_pack.ts

Clusterio web interface implementation

import { useCallback, useContext, useSyncExternalStore } from "react";
import ControlContext from "../components/ControlContext";

export function useModPack(id?: number) {
	const [modPacks, synced] = useModPacks();
	return [id !== undefined ? modPacks.get(id) : undefined, synced] as const;
}

export function useModPacks() {
	const control = useContext(ControlContext);
	const subscribe = useCallback((callback: () => void) => control.modPacks.subscribe(callback), [control]);
	return useSyncExternalStore(subscribe, () => control.modPacks.getSnapshot());
}