refactor(router-plugin): reduce RxJS depedency (#2291)

* refactor(router-plugin): reduce RxJS depedency

In this commit, we only unsubscribe from `router.events`. The `Store` is automatically completed
by NGXS when the root injector is destroyed; therefore, we remove the replay subject
and the `takeUntil` dependency.

* chore: update CHANGELOG.md

CHANGELOG.md

@@ -14,6 +14,7 @@ $ npm install @ngxs/store@dev
 - Build(store): Use `ngServerMode` to check whether we are in SSR [#2287](https://github.com/ngxs/store/pull/2287)
 - Build(storage-plugin): Use `ngServerMode` to check whether we are in SSR [#2288](https://github.com/ngxs/store/pull/2288)
 - Refactor(form-plugin): Replace `takeUntil` with `takeUntilDestroyed` [#2283](https://github.com/ngxs/store/pull/2283)
+- Refactor(router-plugin): Reduce RxJS depedency [#2291](https://github.com/ngxs/store/pull/2291)
 
 ### 19.0.0 2024-12-3
 

packages/router-plugin/src/router.state.ts

@@ -15,8 +15,7 @@ import {
   NavigationActionTiming,
   ɵNGXS_ROUTER_PLUGIN_OPTIONS
 } from '@ngxs/router-plugin/internals';
-import { ReplaySubject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
+import type { Subscription } from 'rxjs';
 
 import {
   Navigate,
@@ -84,7 +83,7 @@ export class RouterState {
 
   private _options = inject(ɵNGXS_ROUTER_PLUGIN_OPTIONS);
 
-  private _destroy$ = new ReplaySubject<void>(1);
+  private _subscription!: Subscription;
 
   @Selector()
   static state<T = RouterStateSnapshot>(state: RouterStateModel<T>) {
@@ -102,7 +101,7 @@ export class RouterState {
     this._setUpStoreListener();
     this._setUpRouterEventsListener();
 
-    inject(DestroyRef).onDestroy(() => this._destroy$.next());
+    inject(DestroyRef).onDestroy(() => this._subscription.unsubscribe());
   }
 
   @Action(Navigate)
@@ -135,9 +134,8 @@ export class RouterState {
   }
 
   private _setUpStoreListener(): void {
-    const routerState$ = this._store
-      .select(ROUTER_STATE_TOKEN)
-      .pipe(takeUntil(this._destroy$));
+    const routerState$ = this._store.select(ROUTER_STATE_TOKEN);
+
     routerState$.subscribe((state: RouterStateModel | undefined) => {
       this._navigateIfNeeded(state);
     });
@@ -172,8 +170,7 @@ export class RouterState {
 
     let lastRoutesRecognized: RoutesRecognized;
 
-    const events$ = this._router.events.pipe(takeUntil(this._destroy$));
-    events$.subscribe(event => {
+    this._subscription = this._router.events.subscribe(event => {
       this._lastEvent = event;
 
       if (event instanceof NavigationStart) {