Skip to content

Class: SolidRouterBridge

Documentation / @xmachines/play-tanstack-solid-router / SolidRouterBridge

Defined in: play-tanstack-solid-router/src/solid-router-bridge.ts:45

TanStack Solid Router integration bridge extending RouterBridgeBase

Uses router.subscribe(“onBeforeLoad”, fn) for router→actor sync. This mirrors the TanStack React Router bridge pattern and uses the public router events API instead of the internal __store.

Extends

Constructors

Constructor

new SolidRouterBridge(
router,
actor,
routeMap): SolidRouterBridge;

Defined in: play-tanstack-solid-router/src/solid-router-bridge.ts:55

Create a TanStack Solid Router bridge

Parameters

ParameterTypeDescription
routerTanStackRouterLikeTanStack Router instance (from createRouter)
actorAbstractActor<AnyActorLogic> & RoutableXMachines actor instance
routeMapRouteMapBidirectional state ID ↔ path mapping

Returns

SolidRouterBridge

Overrides

RouterBridgeBase.constructor

Properties

PropertyModifierTypeDescriptionInherited fromDefined in
actorreadonlyAbstractActor<AnyActorLogic> & RoutableActor with currentRoute signal and send methodRouterBridgeBase.actorplay-router/dist/router-bridge-base.d.ts:55
hasConnectedOnceprotectedboolean-RouterBridgeBase.hasConnectedOnceplay-router/dist/router-bridge-base.d.ts:61
isConnectedprotectedboolean-RouterBridgeBase.isConnectedplay-router/dist/router-bridge-base.d.ts:60
isProcessingNavigationprotectedboolean-RouterBridgeBase.isProcessingNavigationplay-router/dist/router-bridge-base.d.ts:63
lastSyncedPathprotectedstring-RouterBridgeBase.lastSyncedPathplay-router/dist/router-bridge-base.d.ts:62
routeMapreadonlyobjectBidirectional route map for stateId ↔ path resolutionRouterBridgeBase.routeMapplay-router/dist/router-bridge-base.d.ts:56
routeMap.getPathByStateIdpublicstring | null | undefined--play-router/dist/router-bridge-base.d.ts:58
routeMap.getStateIdByPathpublicstring | null | undefined--play-router/dist/router-bridge-base.d.ts:57
routeWatcherprotected| Watcher | null-RouterBridgeBase.routeWatcherplay-router/dist/router-bridge-base.d.ts:64

Methods

connect()

connect(): void;

Defined in: play-router/dist/router-bridge-base.d.ts:81

Connect the router bridge to the Actor.

Sets up the TC39 Signal watcher for actor → router direction and starts watching router changes (framework-specific).

Returns

void

Inherited from

RouterBridgeBase.connect


disconnect()

disconnect(): void;

Defined in: play-router/dist/router-bridge-base.d.ts:87

Disconnect the router bridge from the Actor.

Stops signal watching and unregisters framework-specific router listener.

Returns

void

Inherited from

RouterBridgeBase.disconnect


dispose()

dispose(): void;

Defined in: play-tanstack-solid-router/src/solid-router-bridge.ts:120

Dispose the bridge (alias for disconnect).

Returns

void


extractParams()

protected extractParams(pathname, stateId): Record<string, string>;

Defined in: play-router/dist/router-bridge-base.d.ts:134

Extract path parameters from URL using the URLPattern API.

Accesses globalThis.URLPattern at runtime — no polyfill is imported by this library. If URLPattern is unavailable (Node.js < 24, older browsers without a polyfill), this method returns {} silently (graceful degradation — routing still works, params will be empty).

Parameters

ParameterTypeDescription
pathnamestringThe actual URL path (e.g., ‘/profile/john’)
stateIdstringThe matched state ID for looking up route pattern

Returns

Record<string, string>

Extracted path parameters, or empty object if URLPattern is unavailable or no match

Inherited from

RouterBridgeBase.extractParams


extractQuery()

protected extractQuery(search): Record<string, string>;

Defined in: play-router/dist/router-bridge-base.d.ts:141

Extract query parameters from URL search string.

Parameters

ParameterTypeDescription
searchstringURL search string (e.g., ‘?tab=security&page=1’)

Returns

Record<string, string>

Extracted query parameters or empty object

Inherited from

RouterBridgeBase.extractQuery


getInitialRouterPath()

protected getInitialRouterPath(): string | null;

Defined in: play-tanstack-solid-router/src/solid-router-bridge.ts:80

Get the router’s current path at connect() time for initial sync.

TanStack Router exposes router.state.location.pathname synchronously, so we can read it here to drive the actor to the correct initial state when the user cold-loads on a deep-link URL.

Returns

string | null

Overrides

RouterBridgeBase.getInitialRouterPath


protected navigateRouter(path): void;

Defined in: play-tanstack-solid-router/src/solid-router-bridge.ts:69

Navigate TanStack Solid Router to the given path.

Parameters

ParameterType
pathstring

Returns

void

Overrides

RouterBridgeBase.navigateRouter


syncActorFromRouter()

protected syncActorFromRouter(pathname, search?): void;

Defined in: play-router/dist/router-bridge-base.d.ts:101

Sync actor state when router location changes.

Sends play.route event to actor with resolved stateId, params, and query. Prevents circular updates via isProcessingNavigation flag.

Parameters

ParameterType
pathnamestring
search?string

Returns

void

Inherited from

RouterBridgeBase.syncActorFromRouter


syncRouterFromActor()

protected syncRouterFromActor(route): void;

Defined in: play-router/dist/router-bridge-base.d.ts:94

Sync router location when actor route signal changes.

Calls navigateRouter() for framework-specific navigation. Prevents circular updates via isProcessingNavigation flag.

Parameters

ParameterType
routeunknown

Returns

void

Inherited from

RouterBridgeBase.syncRouterFromActor


unwatchRouterChanges()

protected unwatchRouterChanges(): void;

Defined in: play-tanstack-solid-router/src/solid-router-bridge.ts:112

Stop watching TanStack Router changes.

Returns

void

Overrides

RouterBridgeBase.unwatchRouterChanges


watchRouterChanges()

protected watchRouterChanges(): void;

Defined in: play-tanstack-solid-router/src/solid-router-bridge.ts:98

Subscribe to ALL navigation events via router.history.

router.history.subscribe fires for PUSH, POP, BACK, FORWARD, REPLACE, and GO — covering both link clicks and browser back/forward button presses.

The subscriber callback receives { location, action } where location is the new history location with pathname and search already updated.

Using router.history rather than router.subscribe(“onBeforeLoad”) ensures back/forward works regardless of whether is mounted.

Also registers onCleanup() so Solid automatically disconnects on unmount.

Returns

void

Overrides

RouterBridgeBase.watchRouterChanges