import { useRouter } from 'next/router'
import { useCallback } from 'react'

import {
  getDaoPath as _getDaoPath,
  getDaoProposalPath as _getDaoProposalPath,
} from '@dao-dao/utils'

import { useAppContext } from '../components/layout/AppContext'

export const useDaoNavHelpers = () => {
  const router = useRouter()

  const { mode } = useAppContext()

  const getDaoPath = useCallback(
    (coreAddress: string, path?: string, params?: Record<string, unknown>) =>
      _getDaoPath(mode, coreAddress, path, params),
    [mode]
  )

  const goToDao = useCallback(
    (
      coreAddress: string,
      path?: string,
      params?: Record<string, unknown>,
      { shallow = false }: { shallow?: boolean } = {}
    ) =>
      router.push(getDaoPath(coreAddress, path, params), undefined, {
        shallow,
      }),
    [getDaoPath, router]
  )

  const getDaoProposalPath = useCallback(
    (
      coreAddress: string,
      proposalId: string,
      params?: Record<string, unknown>
    ) => _getDaoProposalPath(mode, coreAddress, proposalId, params),
    [mode]
  )

  const goToDaoProposal = useCallback(
    (...args: Parameters<typeof getDaoProposalPath>) =>
      router.push(getDaoProposalPath(...args)),
    [getDaoProposalPath, router]
  )

  // Returns proposal ID if we're on a DAO proposal subpath, or undefined.
  const getDaoFromPath = () =>
    router.asPath.match(new RegExp('^' + getDaoPath('([a-zA-Z0-9]+)')))?.[1]

  // Returns proposal ID if we're on a DAO proposal subpath, or undefined.
  const getProposalIdFromPath = () =>
    router.asPath.match(
      new RegExp('^' + getDaoProposalPath('.+', '([a-zA-Z0-9]+)'))
    )?.[1]

  // Path components after the DAO's address.
  const daoSubpathComponents = new URL(
    router.asPath,
    'http://localhost'
  ).pathname
    .replace(getDaoPath(''), '')
    .split('/')
    .slice(1)

  return {
    getDaoPath,
    goToDao,
    getDaoProposalPath,
    goToDaoProposal,
    getDaoFromPath,
    getProposalIdFromPath,
    router,
    daoSubpathComponents,
  }
}