Skip to content

router

wybthon.router

Client-side router components and navigation helpers for Pyodide apps.

Route dataclass

Declarative route definition mapping a path to a component.

Anchor element component that navigates via history API without reloads.

Router(props)

Function component that renders the matched route's component.

Props
  • routes: List[Route]
  • base_path: str
  • not_found: component to render on 404

navigate(path, *, replace=False)

Programmatically change the current path and update current_path.

API

  • class Route(path: str, component, children: Optional[List[Route]] = None)
  • class Router(routes: List[Route], base_path: str = "", not_found: Optional[Callable[[Dict], VNode]] = None)
  • function Link({to: str, children, base_path?: str, replace?: bool, class_active?: str})
  • function navigate(path: str, replace: bool = False)
  • signal current_path – reactive signal with current path + search

Notes: - Wildcard path segment * captures the rest of the path into params["wildcard"]. - Trailing /* also matches the base segment; e.g. /docs/* matches /docs and /docs/guide. - Nested routes use children and resolve to the most specific match. - Link automatically adds an active CSS class (default: "active") when its href matches the current pathname. Customize with class_active. Use replace=True to avoid pushing a new history entry.