@depalmastudios/store-log-monitor

@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 { instrumentStore } from '@ngrx/store-devtools';
import { useLogMonitor } from '@ngrx/store-log-monitor';

bootstrap(App, [
	instrumentStore({
		monitor: useLogMonitor({
			visible: true,
			position: 'right'
		})
	})
]);

Add the StoreLogMonitorComponent to your app

import { StoreLogMonitorComponent } from '@ngrx/store-log-monitor';

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