> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mastermindcms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# RouteManager

> Route-Helper, der von msm-components exportiert wird

`RouteManager` ist ein kleiner Helper für Client-side Routing.

## Initialisierung und Routen

```js theme={null}
import { routeManager } from "msm-components/dist/services.js";

routeManager.init("My application");
routeManager.addRoute("/dashboard", "dashboard", "Dashboard");
routeManager.addRoute("/users/:id.html", "user", "User");
routeManager.loadRouteByCurrentUrl();
```

Eine Route besteht aus URL-Muster, Panel-Schlüssel und Übersetzungsschlüssel für den Titel.

## Navigation

```js theme={null}
routeManager.navigate("dashboard");
routeManager.navigate("user", "42.html");

const activeRoute = routeManager.getActiveRoute();
console.log(activeRoute.props.id); // "42"
```

Die Navigation nutzt `history.pushState`; Zurück/Weiter wird über `popstate` verarbeitet. Mit `disable()` kann die Navigation deaktiviert werden, `removeActiveRoute()` löscht die gespeicherte Route aus `sessionStorage`.

## Export

* `routeManager`

## Was er macht

* verwaltet eine Route-Map und die aktuell aktive Route
* navigiert über `history.pushState`
* löst dynamische Routen über `URLPattern` auf