import { useRouter, useSearchParams } from 'solito/navigation'

const encodeSearchQuery = (query: string): string => {
  if (query.trim()) {
    const encodedQuery = encodeURIComponent(query.trim()).replace(/\+/g, '%2B').replace(/\s+/g, '+')
    return encodedQuery
  }
  return ''
}

export function useSearch() {
  const router = useRouter()
  const search = (query: string) => {
    if (query.trim()) {
      const encodedQuery = encodeSearchQuery(query)
      router.push(`/search?q=${encodedQuery}`)
    }
  }

  const searchParams = useSearchParams()
  const getSearchQuery = () => {
    return searchParams?.get('q') ?? ''
  }

  return { search, getSearchQuery }
}