import { SubscriptionOptions, useSubscriptionWithDependencies } from '@prefecthq/vue-compositions' import merge from 'lodash.merge' import { computed, MaybeRefOrGetter, toRef, toValue } from 'vue' import { useCan, useWorkspaceApi } from '@/compositions' import { TaskRunsFilter } from '@/models/Filters' import { WorkspaceTaskRunsApi } from '@/services/WorkspaceTaskRunsApi' import { MaybeRef } from '@/types' import { Getter } from '@/types/reactivity' import { UseEntitySubscription } from '@/types/useEntitySubscription' export type UseTaskRunsCount = UseEntitySubscription export function useTaskRunsCount(filter: MaybeRefOrGetter, options?: MaybeRef): UseTaskRunsCount { const api = useWorkspaceApi() const can = useCan() const getter: Getter<[TaskRunsFilter] | null> = () => { if (!can.read.task_run) { return null } const filterValue = toValue(filter) if (!filterValue) { return null } const base = getBaseFilter(filterValue) // merge here is important to track changes to `filter` if it is a reactive const parameter = merge({}, base, filterValue) return [parameter] } const parameters = toRef(getter) const subscription = useSubscriptionWithDependencies(api.taskRuns.getTaskRunsCount, parameters, options) const count = computed(() => subscription.response) return { subscription, count, } } function getBaseFilter(filter: TaskRunsFilter): TaskRunsFilter { // makes sure that if subFlowRunsExists but was set to undefined (to get both all tasks) // it doesn't get overridden to `false` if ('subFlowRunsExist' in (filter.taskRuns ?? {})) { return {} } return { taskRuns: { subFlowRunsExist: false, }, } }