Router Plugin about store

[amcdnl]

Started on this here: https://stackblitz.com/edit/ngxs-router?file=app%2Frouter.store.ts

[xmlking]

@amcdnl is this how you intend us to implement RouterState ?

I don't understand the role of constructor in xyzState . does it have any special way to access state?

import {Router, NavigationEnd, ActivatedRoute} from '@angular/router';
import {filter, map} from 'rxjs/operators';
import {State, Action, Store, StateContext, NgxsModule} from 'ngxs';
import {Injectable, NgModule} from '@angular/core';
import {RouterModule} from '@angular/router';


export class UpdateRouteModel {
    constructor(public readonly payload: RouteModel) {
    }
}

export interface RouteModel {
    data: any;
    path: string;
}

@State<RouteModel>({
    defaults: {
        data: {},
        path: ""
    }
})
export class RouterState {

    constructor(private store: Store, private _router: Router, private activatedRoute: ActivatedRoute) {
        this._router.events
            .pipe(
                filter(event => event instanceof NavigationEnd),
                map(() => this.activatedRoute),
                map(route => {
                    while (route.firstChild) route = route.firstChild;
                    return route;
                })
            )
            .subscribe((event: any) => {

                const {data, path} = event.routeConfig;

                this.store.dispatch(new UpdateRouteModel({data, path}))
            });
    }

    @Action(UpdateRouteModel)
    update({getState, setState}: StateContext<RouteModel>, {payload} : UpdateRouteModel) {
        setState({
            ...payload
        })
    }

}

[xmlking]

@amcdnl I have MenuState store that needs to fetch its default state from backend. State’s constructor is the ideal palace to implement this logic ? If so , is there a shortcut to set default state within the constructor ? Dispatching initial setState from constructor doesn’t make sense to me.

[amcdnl]

Here is a rough draft of this - https://gist.github.com/amcdnl/1c935e9773242bd61a5e86fce9baf3ea