7Silvan / store-log-monitor

Log Monitor for @ngrx/store-devtools and Angular 2

@ngrx/store-log-monitor

Port of redux-devtools-log-monitor for Angular 2 and @ngrx/store-devtools

Setup

Install @ngrx/store-log-monitor from npm

npm install @ngrx/store-log-monitor --save

Configure the monitor when instrumenting store

import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { StoreLogMonitorModule, useLogMonitor } from '@ngrx/store-log-monitor';

@NgModule({
  imports: [
    StoreDevtoolsModule.instrumentStore({
      monitor: useLogMonitor({
        visible: true,
        position: 'right'
      })
    }),
    StoreLogMonitorModule
  ]
})
export class AppModule { }

Use the StoreLogMonitor component in your app

@Component({
  selector: 'app',
  template: `
    <ngrx-store-log-monitor toggleCommand="ctrl-h" positionCommand="ctrl-m"></ngrx-store-log-monitor>
  `
})
export class AppComponent { }