import { useQuery } from '@tanstack/react-query';

import { withGlobalError } from '@/react-tools/react-query';
import { getEdgeStackFile } from '@/react/edge/edge-stacks/queries/useEdgeStackFile';
import { getStackFile } from '@/react/common/stacks/queries/useStackFile';

import { queryKeys } from './query-keys';

export function useAppStackFile(
  {
    id,
    kind,
  }: {
    id: number | undefined;
    kind?: 'edge' | 'compose' | 'kubernetes' | (string & NonNullable<unknown>);
  },
  { enabled }: { enabled?: boolean } = {}
) {
  return useQuery(
    queryKeys.appStackFile(id, kind),
    async ({ signal }) => {
      if (!id) {
        return undefined;
      }

      if (kind === 'edge') {
        return getEdgeStackFile(id);
      }

      const stackFile = await getStackFile({
        stackId: id,
        options: { signal },
      });
      return stackFile?.StackFileContent;
    },
    {
      enabled: !!id && enabled,
      ...withGlobalError('Failed to load app stack file'),
    }
  );
}