Registry / observability / logrocket-ngrx

logrocket-ngrx

library0.2.1jsnpmunverified

LogRocket ngrx middleware (v0.2.1) is a companion package for LogRocket that augments session recordings with Redux actions and state from @ngrx/store. It integrates as an ngrx meta reducer to capture dispatched actions and store state snapshots, enabling developers to replay user sessions alongside application state changes. Requires LogRocket >=2 and @ngrx/store >=4. Minimal setup: add `logrocket-ngrx` to your meta reducers. Actively maintained by LogRocket, with weekly releases. Differentiates from generic Redux devtools by integrating directly with LogRocket's session replay and performance monitoring.

observability web-framework testing

npm install logrocket-ngrx

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · LOGROCKET-NGRX

logrocket-ngrx

observabilityjavascriptv0.2.1

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

createLogRocketMetaReducer

✓ import { createLogRocketMetaReducer } from 'logrocket-ngrx';

✗ const { createLogRocketMetaReducer } = require('logrocket-ngrx');

Package ships TypeScript types, but is CJS-compatible. Named export only.

Demonstrates how to add LogRocket ngrx middleware as a meta reducer in an Angular app with @ngrx/store.

import LogRocket from 'logrocket'; import { createLogRocketMetaReducer } from 'logrocket-ngrx'; import { StoreModule, MetaReducer } from '@ngrx/store'; LogRocket.init('your-app-id'); export const metaReducers: MetaReducer[] = [ createLogRocketMetaReducer(LogRocket) ]; @NgModule({ imports: [ StoreModule.forRoot(reducers, { metaReducers }) ] }) export class AppModule {}

Debug

Known issues

gotchaInitial state may not be recorded correctly in versions <0.1.1.

fix

Update to v0.1.1 or later.

affects: <0.1.1

gotchaFeature state may resend initial state events in versions <0.1.1.

fix

Update to v0.1.1 or later.

affects: <0.1.1

deprecatedThe old main entry file location changed in v0.1.0.

fix

Ensure import is 'logrocket-ngrx' (no subpath).

affects: >=0.1.0

breakingPeer dependency on logrocket >=2 and @ngrx/store >=4. Incompatible with older versions.

fix

Upgrade logrocket and @ngrx/store to meet peer requirements.

affects: >=0.1.0

Errors

Common errors & fixes

Cannot find module 'logrocket-ngrx'

Package not installed or missing from node_modules.

fix

Run `npm install logrocket-ngrx` and ensure it's in package.json dependencies.

'createLogRocketMetaReducer' is not exported from 'logrocket-ngrx'

Using wrong import syntax or old version without named export.

fix

Use `import { createLogRocketMetaReducer } from 'logrocket-ngrx';` with v0.1.0+.

LogRocket is not defined

LogRocket library not imported or initialized before meta reducer creation.

fix

Import and initialize LogRocket with `LogRocket.init('your-app-id')` before using `createLogRocketMetaReducer`.

Upgrade

Version history

0.2.1latest on npm

Audit

Dependencies

logrocketrequiredPeer dependency: required for session recording (must be installed separately)

@ngrx/storerequiredPeer dependency: required for ngrx integration (must be installed separately)

Agent activity

14 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/LogRocket/logrocket-ngrx ↗

packagehttps://www.npmjs.com/package/logrocket-ngrx ↗

homepagehttps://logrocket.com ↗