Function useSearch

packages/ui/client/composables/explorer/search.ts:26–174

(
  searchBox: Ref<HTMLInputElement | undefined>,
  selectProject: Ref<HTMLSelectElement | undefined>,
  sortProject: Ref<HTMLSelectElement | undefined>,
)

} from './state'

export function useSearch(
  searchBox: Ref<HTMLInputElement | undefined>,
  selectProject: Ref<HTMLSelectElement | undefined>,
  sortProject: Ref<HTMLSelectElement | undefined>,
) {
  const disableFilter = computed(() => {
    if (isFilteredByStatus.value) {
      return false
    }

    return !filter.onlyTests
  })

  const disableClearSearch = computed(() => search.value === '')
  const debouncedSearch = ref(search.value)
  const disableClearProjectSort = computed(() => projectSort.value === 'default')

  // Reset project-specific sort when multiple projects are no longer available
  watch(() => enableProjects.value, (enabled) => {
    if (!enabled && (projectSort.value === 'asc' || projectSort.value === 'desc')) {
      projectSort.value = 'default'
    }
  })

  debouncedWatch(() => search.value, (value) => {
    debouncedSearch.value = value?.trim() ?? ''
  }, { debounce: 256 })

  function clearSearch(focus: boolean) {
    search.value = ''
    if (focus) {
      searchBox.value?.focus()
    }
  }

  function clearFilter(focus: boolean) {
    filter.failed = false
    filter.success = false
    filter.skipped = false
    filter.slow = false
    filter.onlyTests = false
    if (focus) {
      searchBox.value?.focus()
    }
  }

  function clearProject(focus: boolean) {
    currentProject.value = ALL_PROJECTS
    if (focus) {
      selectProject.value?.focus()
    }
  }

  function clearProjectSort(focus: boolean) {
    projectSort.value = 'default'
    if (focus) {
      sortProject.value?.focus()
    }