@ngrx/store-log-monitor

Store log monitor for @ngrx/store-devtools

Usage no npm install needed!

<script type="module">
  import ngrxStoreLogMonitor from 'https://cdn.skypack.dev/@ngrx/store-log-monitor';
</script>

README

@ngrx/store-log-monitor

Join the chat at https://gitter.im/ngrx/store

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 { }