Advanced logging for @ngrx/store applications, ported from redux-logger.
ngrx-store-logger depends on @ngrx/store and Angular 2.
npm install ngrx-store-logger --save- Configure your ngrx store as normal using
provideStore. - Using the provided
loggerMiddlewarefunction, specify option overrides.
import {bootstrap} from 'angular2/platform/browser';
import {TodoApp} from './todo-app';
import {provideStore} from "@ngrx/store";
import {loggerMiddleware} from "ngrx-store-logger";
export function main() {
return bootstrap(TodoApp, [
provideStore({todos, visibilityFilter}),
//taking all defaults
...loggerMiddleware()
])
.catch(err => console.error(err));
}
document.addEventListener('DOMContentLoaded', main);Initializes logger middleware with appropriate options (logical defaults if no options supplied)
options(Object): Available logger options
interface LoggerOptions {
level? : 'log' | 'console' | 'warn' | 'error' | 'info'; //default log
collapsed? : boolean; //Should log group be collapsed? default: false
duration? : boolean; //Print duration with action? default: false
timestamp? : boolean; //Print timestamp with action? default: true
stateTransformer? : (state : Object) => Object; //Transform state before print default: state => state
actionTransformer? : (actn : Object) => Object; //Transform action before print default: actn => actn
colors? : {
title: (action : Object) => string;
prevState: (prevState : Object) => string;
action: (action: Object) => string;
nextState: (nextState : Object) => string;
error: (error: any, prevState: Object) => string;
}
}