@benjavicente/angular-router-experimental 1.142.11 → 1.142.12

package/dist/types/tanstack-angular-router-experimental-experimental.d.ts

@@ -22,6 +22,42 @@ export declare function injectRouteErrorHandler<TRouter extends AnyRouter = Regi
 export { }
 
 
+declare module '@benjavicente/router-core' {
+    interface RouterOptionsExtensions {
+        /**
+         * The default `component` a route should use if no component is provided.
+         *
+         * @default Outlet
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultcomponent-property)
+         */
+        defaultComponent?: RouteComponent;
+        /**
+         * The default `errorComponent` a route should use if no error component is provided.
+         *
+         * @default ErrorComponent
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaulterrorcomponent-property)
+         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#handling-errors-with-routeoptionserrorcomponent)
+         */
+        defaultErrorComponent?: ErrorRouteComponent;
+        /**
+         * The default `pendingComponent` a route should use if no pending component is provided.
+         *
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultpendingcomponent-property)
+         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#showing-a-pending-component)
+         */
+        defaultPendingComponent?: RouteComponent;
+        /**
+         * The default `notFoundComponent` a route should use if no notFound component is provided.
+         *
+         * @default NotFound
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultnotfoundcomponent-property)
+         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/not-found-errors#default-router-wide-not-found-handling)
+         */
+        defaultNotFoundComponent?: RouteComponent;
+    }
+}
+
+
 declare module '@benjavicente/router-core' {
     interface UpdatableRouteOptionsExtensions {
         component?: RouteComponent;
@@ -60,44 +96,12 @@ declare module '@benjavicente/router-core' {
 
 
 declare module '@benjavicente/router-core' {
-    interface RouterOptionsExtensions {
-        /**
-         * The default `component` a route should use if no component is provided.
-         *
-         * @default Outlet
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultcomponent-property)
-         */
-        defaultComponent?: RouteComponent;
-        /**
-         * The default `errorComponent` a route should use if no error component is provided.
-         *
-         * @default ErrorComponent
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaulterrorcomponent-property)
-         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#handling-errors-with-routeoptionserrorcomponent)
-         */
-        defaultErrorComponent?: ErrorRouteComponent;
-        /**
-         * The default `pendingComponent` a route should use if no pending component is provided.
-         *
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultpendingcomponent-property)
-         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#showing-a-pending-component)
-         */
-        defaultPendingComponent?: RouteComponent;
-        /**
-         * The default `notFoundComponent` a route should use if no notFound component is provided.
-         *
-         * @default NotFound
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultnotfoundcomponent-property)
-         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/not-found-errors#default-router-wide-not-found-handling)
-         */
-        defaultNotFoundComponent?: RouteComponent;
+    interface RouterReadableStore<TValue> extends Readable<TValue> {
     }
-}
-
-
-declare module '@benjavicente/router-core' {
     interface RouterStores<in out TRouteTree extends AnyRoute> {
+        /** Maps each active routeId to the matchId of its child in the match tree. */
         childMatchIdByRouteId: RouterReadableStore<Record<string, string>>;
+        /** Maps each pending routeId to true for quick lookup. */
         pendingRouteIds: RouterReadableStore<Record<string, boolean>>;
     }
 }

package/dist/types/tanstack-angular-router-experimental.d.ts

@@ -28,6 +28,7 @@ import { HistoryAction } from '@benjavicente/history';
 import { HistoryLocation } from '@benjavicente/history';
 import { HistoryState } from '@benjavicente/history';
 import { InjectionToken } from '@angular/core';
+import { Injector } from '@angular/core';
 import { InputSignal } from '@angular/core';
 import { isRedirect } from '@benjavicente/router-core';
 import { lazyFn } from '@benjavicente/router-core';
@@ -40,7 +41,6 @@ import { MakeRouteMatchUnion } from '@benjavicente/router-core';
 import { MaskOptions } from '@benjavicente/router-core';
 import { MatchRouteOptions } from '@benjavicente/router-core';
 import { NavigateOptions } from '@benjavicente/router-core';
-import { NoInfer as NoInfer_2 } from '@benjavicente/router-core';
 import { notFound } from '@benjavicente/router-core';
 import { NotFoundError } from '@benjavicente/router-core';
 import { ParsedLocation } from '@benjavicente/router-core';
@@ -158,6 +158,10 @@ export declare function buildManagedDocumentContent(router: AnyRouter): ManagedD
  */
 export declare function buildMatchManagedDocumentContent(router: AnyRouter): ManagedDocumentContent;
 
+declare type CompatibilityInjectStoreOptions<TSelected> = CreateSignalOptions<TSelected> & {
+    injector?: Injector;
+};
+
 export { createBrowserHistory }
 
 export { CreateFileRoute }
@@ -277,7 +281,7 @@ export declare type InjectMatchResult<TRouter extends AnyRouter, TFrom, TStrict
 
 export declare type InjectMatchRoute<out TFrom> = <TRouter extends AnyRouter = RegisteredRouter, TSelected = unknown>(opts?: InjectMatchBaseOptions<TRouter, TFrom, true, true, TSelected>) => Angular.Signal<InjectMatchResult<TRouter, TFrom, true, TSelected>>;
 
-export declare function injectMatchRoute<TRouter extends AnyRouter = RegisteredRouter>(): <const TFrom extends string = string, const TTo extends string | undefined = undefined, const TMaskFrom extends string = TFrom, const TMaskTo extends string = "">(opts: InjectMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>) => Angular.Signal<false | Expand<ResolveRoute<TRouter, TFrom, NoInfer_2<TTo>>["types"]["allParams"]>>;
+export declare function injectMatchRoute<TRouter extends AnyRouter = RegisteredRouter>(): <const TFrom extends string = string, const TTo extends string | undefined = undefined, const TMaskFrom extends string = TFrom, const TMaskTo extends string = "">(opts: InjectMatchRouteOptions<TRouter, TFrom, TTo, TMaskFrom, TMaskTo>) => Angular.Signal<false | Expand<ResolveRoute<TRouter, TFrom, TTo>["types"]["allParams"]>>;
 
 export declare type InjectMatchRouteOptions<TRouter extends AnyRouter = RegisteredRouter, TFrom extends string = string, TTo extends string | undefined = undefined, TMaskFrom extends string = TFrom, TMaskTo extends string = ''> = ToSubOptionsProps<TRouter, TFrom, TTo> & DeepPartial<MakeOptionalSearchParams<TRouter, TFrom, TTo>> & DeepPartial<MakeOptionalPathParams<TRouter, TFrom, TTo>> & MaskOptions<TRouter, TMaskFrom, TMaskTo> & MatchRouteOptions;
 
@@ -335,7 +339,9 @@ export declare type InjectSearchRoute<out TFrom> = <TRouter extends AnyRouter =
  */
 export declare function injectSsrScrollRestorationScript(): void;
 
-export declare function injectStore<TState, TSelected = NoInfer<TState>>(storeOrStoreSignal: ReadableStore<TState> | (() => ReadableStore<TState>), selector?: (state: NoInfer<TState>) => TSelected, options?: CreateSignalOptions<TSelected>): Signal<TSelected>;
+export declare function injectStore<TState, TSelected = NoInfer<TState>>(store: SelectionSource<TState>, selector?: (state: NoInfer<TState>) => TSelected, options?: CompatibilityInjectStoreOptions<TSelected>): Signal<TSelected>;
+
+export declare function injectStore<TState, TSelected = NoInfer<TState>>(store: SelectionSource<TState> | (() => SelectionSource<TState>), selector?: (state: NoInfer<TState>) => TSelected, options?: CompatibilityInjectStoreOptions<TSelected>): Signal<TSelected>;
 
 declare class InternalFileRouteFactory<TFilePath extends keyof FileRoutesByPath, TParentRoute extends AnyRoute = FileRoutesByPath[TFilePath]['parentRoute'], TId extends RouteConstraints['TId'] = FileRoutesByPath[TFilePath]['id'], TPath extends RouteConstraints['TPath'] = FileRoutesByPath[TFilePath]['path'], TFullPath extends RouteConstraints['TFullPath'] = FileRoutesByPath[TFilePath]['fullPath']> {
     createRoute: <TRegister = Register, TSearchValidator = undefined, TParams = ResolveParams<TPath>, TRouteContextFn = AnyContext, TBeforeLoadFn = AnyContext, TLoaderDeps extends Record<string, any> = {}, TLoaderFn = undefined, TChildren = unknown, TSSR = unknown, TMiddlewares = unknown, THandlers = undefined>(options?: FileBaseRouteOptions<TRegister, TParentRoute, TId, TPath, TSearchValidator, TParams, TLoaderDeps, TLoaderFn, AnyContext, TRouteContextFn, TBeforeLoadFn, AnyContext, TSSR, TMiddlewares, THandlers> & UpdatableRouteOptions<TParentRoute, TId, TFullPath, TParams, TSearchValidator, TLoaderFn, TLoaderDeps, AnyContext, TRouteContextFn, TBeforeLoadFn>) => Route_2<TRegister, TParentRoute, TPath, TFullPath, TFilePath, TId, TSearchValidator, TParams, AnyContext, TRouteContextFn, TBeforeLoadFn, TLoaderDeps, TLoaderFn, TChildren, unknown, TSSR, TMiddlewares, THandlers>;
@@ -484,10 +490,6 @@ export declare function provideTanstackRouter({ router, context, options, }: Tan
     useFactory?: undefined;
 })[];
 
-declare type ReadableStore<TState> = {
-    state: TState;
-};
-
 export { redirect }
 
 export { Register }
@@ -556,6 +558,7 @@ export declare class RouteMatch {
     matchId: InputSignal<string>;
     router: AnyRouter;
     match: Signal<AnyRouteMatch | undefined>;
+    private matchSignal;
     matchData: Signal<{
         key: string | undefined;
         route: AnyRoute;
@@ -604,6 +607,13 @@ export declare class RouterProvider<TRouter extends AnyRouter = RegisteredRouter
 
 export { RouterState }
 
+declare type SelectionSource<T> = {
+    get: () => T;
+    subscribe: (listener: (value: T) => void) => {
+        unsubscribe: () => void;
+    };
+};
+
 export declare type ShouldBlockFn<TRouter extends AnyRouter = RegisteredRouter> = (args: ShouldBlockFnArgs<TRouter>) => boolean | Promise<boolean>;
 
 declare type ShouldBlockFnArgs<TRouter extends AnyRouter = RegisteredRouter> = {
@@ -645,6 +655,42 @@ export declare type UseBlockerOpts<TRouter extends AnyRouter = RegisteredRouter,
 export { }
 
 
+declare module '@benjavicente/router-core' {
+    interface RouterOptionsExtensions {
+        /**
+         * The default `component` a route should use if no component is provided.
+         *
+         * @default Outlet
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultcomponent-property)
+         */
+        defaultComponent?: RouteComponent;
+        /**
+         * The default `errorComponent` a route should use if no error component is provided.
+         *
+         * @default ErrorComponent
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaulterrorcomponent-property)
+         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#handling-errors-with-routeoptionserrorcomponent)
+         */
+        defaultErrorComponent?: ErrorRouteComponent;
+        /**
+         * The default `pendingComponent` a route should use if no pending component is provided.
+         *
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultpendingcomponent-property)
+         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#showing-a-pending-component)
+         */
+        defaultPendingComponent?: RouteComponent;
+        /**
+         * The default `notFoundComponent` a route should use if no notFound component is provided.
+         *
+         * @default NotFound
+         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultnotfoundcomponent-property)
+         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/not-found-errors#default-router-wide-not-found-handling)
+         */
+        defaultNotFoundComponent?: RouteComponent;
+    }
+}
+
+
 declare module '@benjavicente/router-core' {
     interface UpdatableRouteOptionsExtensions {
         component?: RouteComponent;
@@ -683,44 +729,12 @@ declare module '@benjavicente/router-core' {
 
 
 declare module '@benjavicente/router-core' {
-    interface RouterOptionsExtensions {
-        /**
-         * The default `component` a route should use if no component is provided.
-         *
-         * @default Outlet
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultcomponent-property)
-         */
-        defaultComponent?: RouteComponent;
-        /**
-         * The default `errorComponent` a route should use if no error component is provided.
-         *
-         * @default ErrorComponent
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaulterrorcomponent-property)
-         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#handling-errors-with-routeoptionserrorcomponent)
-         */
-        defaultErrorComponent?: ErrorRouteComponent;
-        /**
-         * The default `pendingComponent` a route should use if no pending component is provided.
-         *
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultpendingcomponent-property)
-         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#showing-a-pending-component)
-         */
-        defaultPendingComponent?: RouteComponent;
-        /**
-         * The default `notFoundComponent` a route should use if no notFound component is provided.
-         *
-         * @default NotFound
-         * @link [API Docs](https://tanstack.com/router/latest/docs/framework/solid/api/router/RouterOptionsType#defaultnotfoundcomponent-property)
-         * @link [Guide](https://tanstack.com/router/latest/docs/framework/solid/guide/not-found-errors#default-router-wide-not-found-handling)
-         */
-        defaultNotFoundComponent?: RouteComponent;
+    interface RouterReadableStore<TValue> extends Readable<TValue> {
     }
-}
-
-
-declare module '@benjavicente/router-core' {
     interface RouterStores<in out TRouteTree extends AnyRoute> {
+        /** Maps each active routeId to the matchId of its child in the match tree. */
         childMatchIdByRouteId: RouterReadableStore<Record<string, string>>;
+        /** Maps each pending routeId to true for quick lookup. */
         pendingRouteIds: RouterReadableStore<Record<string, boolean>>;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benjavicente/angular-router-experimental",
-  "version": "1.142.11",
+  "version": "1.142.12",
   "description": "Modern and scalable routing for Angular applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -50,10 +50,11 @@
     "node": ">=20.19"
   },
   "dependencies": {
+    "@benjavicente/history": "^1.161.6",
+    "@benjavicente/router-core": "^1.169.2",
+    "@tanstack/store": "^0.9.3",
     "isbot": "^5.1.22",
-    "tslib": "^2.3.0",
-    "@benjavicente/history": "1.161.6",
-    "@benjavicente/router-core": "1.168.9"
+    "tslib": "^2.3.0"
   },
   "devDependencies": {
     "@analogjs/vitest-angular": "^2.2.1",

package/src/Match.ts

@@ -16,7 +16,7 @@ import {
   rootRouteId,
 } from '@benjavicente/router-core'
 import { injectRouter } from './injectRouter'
-import { injectStore } from './injectStore'
+import { injectStore } from './store/injectStore'
 import { DefaultNotFoundComponent } from './DefaultNotFound'
 import { MATCH_CONTEXT_INJECTOR_TOKEN } from './matchInjectorToken'
 import { injectRender } from './renderer/injectRender'
@@ -24,6 +24,12 @@ import { ERROR_STATE_INJECTOR_TOKEN } from './injectErrorState'
 import { injectIsCatchingError } from './renderer/injectIsCatchingError'
 import type { Signal } from '@angular/core'
 import type { NearestMatchContextValue } from './matchInjectorToken'
+import type { AnyRouteMatch } from '@benjavicente/router-core'
+
+const dummyMatchStore = {
+  get: () => undefined as AnyRouteMatch | undefined,
+  subscribe: () => ({ unsubscribe: () => {} }),
+}
 
 function injectOnRendered({
   parentRouteIsRoot,
@@ -35,7 +41,7 @@ function injectOnRendered({
   const destroyRef = inject(DestroyRef)
   const location = injectStore(
     router.stores.resolvedLocation,
-    (resolvedLocation) => resolvedLocation?.state.__TSR_key,
+    (resolvedLocation) => resolvedLocation?.state?.__TSR_key,
   )
   const loadedAt = injectStore(router.stores.loadedAt, (value) => value)
 
@@ -68,8 +74,8 @@ function injectOnRendered({
           router.emit({
             type: 'onRendered',
             ...getLocationChangeInfo(
-              router.stores.location.state,
-              router.stores.resolvedLocation.state,
+              router.stores.location.get(),
+              router.stores.resolvedLocation.get(),
             ),
           })
         },
@@ -84,6 +90,7 @@ function injectOnRendered({
   template: '',
   standalone: true,
   host: {
+    hidden: '',
     '[attr.data-matchId]': 'matchId()',
   },
 })
@@ -93,11 +100,12 @@ export class RouteMatch {
   router = injectRouter()
 
   match = computed(() => {
-    const matchId = this.matchId()
-    return matchId
-      ? this.router.stores.activeMatchStoresById.get(matchId)?.state
-      : undefined
+    return this.matchSignal()
   })
+  private matchSignal = injectStore(
+    () => this.router.stores.matchStores.get(this.matchId()) ?? dummyMatchStore,
+    (value) => value,
+  )
 
   matchData = computed(() => {
     const match = this.match()
@@ -141,16 +149,17 @@ export class RouteMatch {
     return this.resolvedNoSsr() || !!match._displayPending
   })
 
-  parentRouteIdSignal = computed(
-    () => this.matchData()?.parentRouteId ?? '',
-  )
+  parentRouteIdSignal = computed(() => this.matchData()?.parentRouteId ?? '')
   rootRouteIdSignal = computed(() => rootRouteId)
 
   hasPendingMatch = computed(() => {
     const routeId = this.matchData()?.route.id
     return routeId ? Boolean(this.pendingRouteIds()[routeId]) : false
   })
-  pendingRouteIds = injectStore(this.router.stores.pendingRouteIds, (ids) => ids)
+  pendingRouteIds = injectStore(
+    this.router.stores.pendingRouteIds,
+    (ids) => ids,
+  )
   nearestMatchContext: NearestMatchContextValue = {
     matchId: this.matchId,
     routeId: computed(() => this.matchData()?.route.id),
@@ -258,23 +267,27 @@ export class RouteMatch {
   selector: 'outlet,[outlet]',
   template: '',
   standalone: true,
+  host: {
+    hidden: '',
+  },
 })
 export class Outlet {
   router = injectRouter()
   nearestMatch = inject(MATCH_CONTEXT_INJECTOR_TOKEN)
 
-  currentMatch = computed(() => {
-    const matchId = this.nearestMatch.matchId()
-    return matchId
-      ? this.router.stores.activeMatchStoresById.get(matchId)?.state
-      : undefined
-  })
+  currentMatch = injectStore(
+    () => {
+      const matchId = this.nearestMatch.matchId()
+      return matchId
+        ? (this.router.stores.matchStores.get(matchId) ?? dummyMatchStore)
+        : dummyMatchStore
+    },
+    (value) => value,
+  )
 
   routeId = computed(() => this.currentMatch()?.routeId as string)
 
-  route = computed(
-    () => this.router.routesById[this.routeId()] as AnyRoute,
-  )
+  route = computed(() => this.router.routesById[this.routeId()] as AnyRoute)
 
   parentGlobalNotFound = computed(
     () => this.currentMatch()?.globalNotFound ?? false,
@@ -310,7 +323,9 @@ export class Outlet {
   })
 }
 
-type CalledIfFunction<T> = T extends (...args: Array<any>) => any ? ReturnType<T> : T
+type CalledIfFunction<T> = T extends (...args: Array<any>) => any
+  ? ReturnType<T>
+  : T
 
 function getComponent<T>(routeComponent: T): CalledIfFunction<T> {
   if (typeof routeComponent === 'function') {

package/src/Matches.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core'
 import { injectRouter } from './injectRouter'
-import { injectStore } from './injectStore'
+import { injectStore } from './store/injectStore'
 import { injectRender } from './renderer/injectRender'
 import { RouteMatch } from './Match'
 import { injectSsrScrollRestorationScript } from './ssr-scroll-restoration'
@@ -10,11 +10,14 @@ import { injectTransitionerSetup } from './transitioner'
   selector: 'router-matches',
   template: '',
   standalone: true,
+  host: {
+    hidden: '',
+  },
 })
 export class Matches {
   router = injectRouter()
 
-  private matchId = injectStore(this.router.stores.firstMatchId, (id) => id)
+  private matchId = injectStore(this.router.stores.firstId, (id) => id)
 
   private ssrScrollRestoration = injectSsrScrollRestorationScript()
 

package/src/RouterProvider.ts

@@ -75,6 +75,9 @@ export function provideTanstackRouter({
   selector: 'router-provider,[router-provider]',
   template: '',
   standalone: true,
+  host: {
+    hidden: '',
+  },
 })
 export class RouterProvider<TRouter extends AnyRouter = RegisteredRouter> {
   readonly injectedContext: RouterInputs<TRouter>['context'] = inject(

package/src/document/build-match-managed-document.ts

@@ -16,7 +16,7 @@ export function buildMatchManagedDocumentContent(
   router: AnyRouter,
 ): ManagedDocumentContent {
   const nonce = router.options.ssr?.nonce
-  const matches = router.stores.activeMatchesSnapshot.state
+  const matches = router.stores.matches.get()
   const title = selectTitle(matches)
   const metaTags = selectMetaTags(matches, nonce)
   const links = selectConstructedLinks(matches, nonce)

package/src/document/install-unified-document-sync.ts

@@ -1,6 +1,6 @@
 import { DOCUMENT } from '@angular/common'
 import * as Angular from '@angular/core'
-import { injectStore } from '../injectStore'
+import { injectStore } from '../store/injectStore'
 import { buildMatchManagedDocumentContent } from './build-match-managed-document'
 import {
   collectDehydrationScriptManagedTags,
@@ -9,7 +9,10 @@ import {
 import { areManagedDocumentContentsEqual } from './document-equality'
 import { createManagedTagCollection } from './managed-dom'
 import type { AnyRouter } from '@benjavicente/router-core'
-import type { ManagedDocumentContent, ManagedTagCollection } from './managed-document-types'
+import type {
+  ManagedDocumentContent,
+  ManagedTagCollection,
+} from './managed-document-types'
 
 function applyManagedDocumentContent({
   document,
@@ -45,7 +48,7 @@ export function installUnifiedTanstackDocumentSync(injectedRouter: AnyRouter) {
   })
   const destroyRef = Angular.inject(Angular.DestroyRef)
   const activeMatches = injectStore(
-    injectedRouter.stores.activeMatchesSnapshot,
+    injectedRouter.stores.matches,
     (matches) => matches,
   )
 

package/src/document/provide-tanstack-body-managed-tags.ts

@@ -1,6 +1,6 @@
 import { DOCUMENT } from '@angular/common'
 import * as Angular from '@angular/core'
-import { injectStore } from '../injectStore'
+import { injectStore } from '../store/injectStore'
 import { buildMatchManagedDocumentContent } from './build-match-managed-document'
 import { collectDehydrationScriptManagedTags } from './document-dehydration'
 import { areManagedTagArraysEqual } from './document-equality'
@@ -20,7 +20,7 @@ export function installTanstackBodyManagedTags(injectedRouter: AnyRouter) {
   })
   const destroyRef = Angular.inject(Angular.DestroyRef)
   const activeMatches = injectStore(
-    injectedRouter.stores.activeMatchesSnapshot,
+    injectedRouter.stores.matches,
     (matches) => matches,
   )
 

package/src/document/provide-tanstack-document-title.ts

@@ -1,6 +1,6 @@
 import { DOCUMENT } from '@angular/common'
 import * as Angular from '@angular/core'
-import { injectStore } from '../injectStore'
+import { injectStore } from '../store/injectStore'
 import { buildMatchManagedDocumentContent } from './build-match-managed-document'
 import { TANSTACK_DOCUMENT_ROUTER } from './document-router-token'
 import type { AnyRouter } from '@benjavicente/router-core'
@@ -10,14 +10,13 @@ export function installTanstackDocumentTitle(injectedRouter: AnyRouter) {
   const document = Angular.inject(DOCUMENT)
   const destroyRef = Angular.inject(Angular.DestroyRef)
   const activeMatches = injectStore(
-    injectedRouter.stores.activeMatchesSnapshot,
+    injectedRouter.stores.matches,
     (matches) => matches,
   )
 
   const initialTitle = document.title
-  let currentTitle: string | undefined = buildMatchManagedDocumentContent(
-    injectedRouter,
-  ).title
+  let currentTitle: string | undefined =
+    buildMatchManagedDocumentContent(injectedRouter).title
 
   const applyTitle = (next?: string) => {
     if (next !== undefined) {

package/src/document/provide-tanstack-head-managed-tags.ts

@@ -1,6 +1,6 @@
 import { DOCUMENT } from '@angular/common'
 import * as Angular from '@angular/core'
-import { injectStore } from '../injectStore'
+import { injectStore } from '../store/injectStore'
 import { buildMatchManagedDocumentContent } from './build-match-managed-document'
 import { areManagedTagArraysEqual } from './document-equality'
 import { TANSTACK_DOCUMENT_ROUTER } from './document-router-token'
@@ -16,7 +16,7 @@ export function installTanstackHeadManagedTags(injectedRouter: AnyRouter) {
   })
   const destroyRef = Angular.inject(Angular.DestroyRef)
   const activeMatches = injectStore(
-    injectedRouter.stores.activeMatchesSnapshot,
+    injectedRouter.stores.matches,
     (matches) => matches,
   )
 

package/src/index.ts

@@ -54,7 +54,10 @@ export {
   type InjectMatchesBaseOptions,
   type InjectMatchesResult,
 } from './injectMatches'
-export { injectMatchRoute, type InjectMatchRouteOptions } from './injectMatchRoute'
+export {
+  injectMatchRoute,
+  type InjectMatchRouteOptions,
+} from './injectMatchRoute'
 
 // Injection functions
 export { injectRouter } from './injectRouter'
@@ -125,7 +128,7 @@ export { injectCanGoBack } from './injectCanGoBack'
 
 export { injectErrorState } from './injectErrorState'
 
-export { injectStore } from './injectStore'
+export { injectStore } from './store/injectStore'
 
 // Link
 export { type LinkOptions as LinkInputOptions, Link } from './Link'

package/src/injectCanGoBack.ts

@@ -1,11 +1,11 @@
 import { injectRouter } from './injectRouter'
-import { injectStore } from './injectStore'
+import { injectStore } from './store/injectStore'
 
 export function injectCanGoBack() {
   const router = injectRouter()
 
   return injectStore(
     router.stores.location,
-    (location) => location.state.__TSR_index !== 0,
+    (location) => (location.state?.__TSR_index ?? 0) !== 0,
   )
 }

package/src/injectLocation.ts

@@ -1,12 +1,12 @@
 import { deepEqual } from '@benjavicente/router-core'
 import { injectRouter } from './injectRouter'
-import { injectStore } from './injectStore'
+import { injectStore } from './store/injectStore'
+import type * as Angular from '@angular/core'
 import type {
   AnyRouter,
   RegisteredRouter,
   RouterState,
 } from '@benjavicente/router-core'
-import type * as Angular from '@angular/core'
 
 export interface InjectLocationOptions<TRouter extends AnyRouter, TSelected> {
   select?: (
@@ -29,10 +29,13 @@ export function injectLocation<
 ): Angular.Signal<InjectLocationResult<TRouter, TSelected>> {
   const router = injectRouter<TRouter>()
 
-  return injectStore(
-    router.stores.location,
-    (location) =>
-      (opts?.select ? opts.select(location as any) : location) as any,
-    { equal: deepEqual }
-  ) as Angular.Signal<InjectLocationResult<TRouter, TSelected>>
+  if (!opts?.select) {
+    return injectStore(router.stores.location) as Angular.Signal<
+      InjectLocationResult<TRouter, TSelected>
+    >
+  }
+
+  return injectStore(router.stores.location, opts.select, {
+    equal: deepEqual,
+  }) as Angular.Signal<InjectLocationResult<TRouter, TSelected>>
 }