@shaun/alpinejs-router/src/router.js

Easy to use and flexible router for Alpine.js

import { RouterURL } from './url'
import { URLPattern } from './pattern'

export class Router {
  #patterns = {}
  #cache = {}

  add (route) {
    this.#patterns = {
      ...this.#patterns,
      [route]: this.#cache[route] ?? URLPattern.build(route)
    }
  }

  match (target) {
    console.assert(target instanceof RouterURL)
    const path = target.path
    for (const [route, pattern] of Object.entries(this.#patterns)) {
      const found = URLPattern.match(path, pattern)
      if (found) {
        return found === true ? {} : found
      }
    }
    return false
  }

  is (target, ...routes) {
    console.assert(target instanceof RouterURL)
    const path = target.path
    for (const route of routes) {
      const pattern = this.#patterns[route] ?? this.#cache[route] ?? URLPattern.build(route)
      this.#cache[route] = pattern
      if (URLPattern.is(path, pattern)) {
        return true
      }
    }
    return false
  }

  not (target, ...routes) {
    console.assert(target instanceof RouterURL)
    const path = target.path
    for (const route of routes) {
      const pattern = this.#patterns[route] ?? this.#cache[route] ?? URLPattern.build(route)
      this.#cache[route] = pattern
      if (URLPattern.is(path, pattern)) {
        return false
      }
    }
    return true
  }

  notfound (target) {
    console.assert(target instanceof RouterURL)
    const path = target.path
    return Object.values(this.#patterns).findIndex(
      e => URLPattern.is(path, e)
    ) === -1
  }
}