import {backend} from '../../store';
import {useClusterBaseInfo} from '../../store/reducers/cluster/cluster';
import type {NodeAddress} from '../../types/additionalProps';
import {uiFactory} from '../../uiFactory/uiFactory';
import {
    createDeveloperUIInternalPageHref,
    createDeveloperUILinkWithNodeId,
    useHasDeveloperUi,
} from '../developerUI/developerUI';
import {getBackendFromBalancerAndNodeId} from '../prepareBackend';

import {useTypedSelector} from './useTypedSelector';

export function useNodeDeveloperUIHref(node?: NodeAddress) {
    const singleClusterMode = useTypedSelector((state) => state.singleClusterMode);

    const {balancer = backend, settings} = useClusterBaseInfo();
    const hasDeveloperUi = useHasDeveloperUi();
    const useMetaProxy = uiFactory.useMetaProxy && settings?.use_meta_proxy !== false;

    if (!hasDeveloperUi) {
        return undefined;
    }

    // Only for multi-cluster version since there is no balancer in single-cluster mode
    if (!singleClusterMode) {
        const developerUIHref = getBackendFromBalancerAndNodeId(
            node?.NodeId,
            balancer,
            useMetaProxy,
        );
        return developerUIHref ? createDeveloperUIInternalPageHref(developerUIHref) : undefined;
    }

    if (node?.NodeId) {
        const developerUIHref = createDeveloperUILinkWithNodeId(node.NodeId);
        return createDeveloperUIInternalPageHref(developerUIHref);
    }

    return undefined;
}