@ngrx/store-log-monitor

WebJar for @ngrx/store-log-monitor

License	MIT
GroupId	org.webjars.npm
ArtifactId	ngrx__store-log-monitor
Last Version	3.0.2
Release Date	Feb 19, 2017
Type	jar
Description	@ngrx/store-log-monitor WebJar for @ngrx/store-log-monitor
Project URL	http://webjars.org
Source Code Management	https://github.com/ngrx/store-log-monitor

Download ngrx__store-log-monitor

Filename	Size
ngrx__store-log-monitor-3.0.2.pom
ngrx__store-log-monitor-3.0.2.jar	74 KB
ngrx__store-log-monitor-3.0.2-sources.jar	22 bytes
ngrx__store-log-monitor-3.0.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/ngrx__store-log-monitor/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>ngrx__store-log-monitor</artifactId>
    <version>3.0.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/ngrx__store-log-monitor/
implementation 'org.webjars.npm:ngrx__store-log-monitor:3.0.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/ngrx__store-log-monitor/
implementation ("org.webjars.npm:ngrx__store-log-monitor:3.0.2")

Apache Buildr

'org.webjars.npm:ngrx__store-log-monitor:jar:3.0.2'

Apache Ivy

<dependency org="org.webjars.npm" name="ngrx__store-log-monitor" rev="3.0.2">
  <artifact name="ngrx__store-log-monitor" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='ngrx__store-log-monitor', version='3.0.2')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "ngrx__store-log-monitor" % "3.0.2"

Leiningen

[org.webjars.npm/ngrx__store-log-monitor "3.0.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

@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';

export function instrumentOptions() {
  return {
    monitor: useLogMonitor({ visible: true, position: 'right' })
  };
}

@NgModule({
  imports: [
    StoreDevtoolsModule.instrumentStore(instrumentOptions),
    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 { }

ngrx

Reactive Extensions for Angular

Versions

Version
3.0.2 Feb 19, 2017