low-router - hard type route names

[willybrauner]

working example to contraint developer to pass existing route name to createUrl

import { Route } from "@wbe/low-router"

// routes 

const ROUTES = [
  {
    name: "home",
    children: [
      { name: "dashboard" },
      {
        name: "profile",
        children: [{ name: "hello" }, { name: "foo" }],
      },
    ],
  },
  { name: "about" },
  { name: "contact" },
] as const satisfies Route[] // this is the trick to allow route names casting 


// fake router

type RouteNames<R> = R extends { name: infer N; children: infer C }
  ? N | RouteNamesFromArray<C>
  : R extends { name: infer N }
    ? N
    : never

type RouteNamesFromArray<A> = A extends readonly (infer R)[] ? RouteNames<R> : never

class Router<T extends Route[]> {
  routes: T
  constructor(routes: T) {
    this.routes = routes
  }
  public createUrl({ name }: { name: RouteNamesFromArray<T> }) {
    console.log(`Creating URL for route name: ${name}`)
  }
}
const router = new Router(ROUTES)
router.createUrl({ name: "about" })