@prefecthq/prefect-design/src/utilities/router.ts

A collection of low-level Vue components.

import { RouteLocationNamedRaw, RouteLocationRaw } from 'vue-router'

export function getRouteName(route: RouteLocationRaw): string | undefined {
  if (typeof route === 'string') {
    return route
  }

  if (isRouteLocationNamedRaw(route)) {
    return route.name?.toString()
  }

  return route.path
}

export function isRouteLocationNamedRaw(route: RouteLocationRaw): route is RouteLocationNamedRaw {
  const routeLocationNamedRaw = route as RouteLocationNamedRaw
  return !!routeLocationNamedRaw.name
}

export function isRouteExternal(route: RouteLocationRaw): boolean {
  if (typeof route !== 'string' || typeof window === 'undefined') {
    return false
  }

  try {
    const url = new URL(route)
    return url.host !== window.location.host
  } catch (error) {
    return false
  }
}

export function isRouteRelative(route: RouteLocationRaw): boolean {
  if (typeof route !== 'string') {
    return false
  }

  return route.startsWith('/')
}

export function isRouteAbsolute(route: RouteLocationRaw): boolean {
  if (typeof route !== 'string') {
    return false
  }

  return !isRouteRelative(route)
}

export function stripBaseUrl(href: string): string {
  try {
    const strippedBaseUrl = new URL(href).pathname
    return strippedBaseUrl
  } catch {
    // fail silently
    return href
  }
}