import type {Page} from '@sveltejs/kit'
import {userGroupsByNom} from '@app/state'

export const makeSpacePath = (nom: string) => `/spaces/${nom}`

export const getPrimaryNavItem = ($page: Page) => {
  if ($page.route?.id?.match('^/(spaces|themes)$')) return 'discover'
  if ($page.route?.id?.startsWith('/spaces'))       return 'space'
  if ($page.route?.id?.startsWith('/settings'))     return 'settings'
  return 'home'
}

export const getPrimaryNavItemIndex = ($page: Page) => {
  switch (getPrimaryNavItem($page)) {
    case 'discover':
      return userGroupsByNom.get().size + 2
    case 'space':
      return Array.from(userGroupsByNom.get().keys()).findIndex(nom => nom === $page.params.nom) + 1
    case 'settings':
      return userGroupsByNom.get().size + 3
    default:
      return 0
  }
}