import { useQuery } from '@tanstack/react-query';
import { invoke } from '@tauri-apps/api';
import type { Variable } from '../lib/models';

export function variablesQueryKey({ environmentId }: { environmentId: string }) {
  return ['variables', { environmentId }];
}

export function useVariables({ environmentId }: { environmentId: string }) {
  return (
    useQuery({
      queryKey: variablesQueryKey({ environmentId }),
      queryFn: async () => {
        return (await invoke('list_variables', { environmentId })) as Variable[];
      },
    }).data ?? []
  );
}