Research
Two Malicious Rust Crates Impersonate Popular Logger to Steal Wallet Keys
Socket uncovers malicious Rust crates impersonating fast_log to steal Solana and Ethereum wallet keys from source code.
By Kirill Boychenko - Sep 24, 2025
ng-redux-dev-tools
Advanced tools
Angular Redux DevTools
The goal of this version of the Redux DevTools is to provide a React free developer tools for your Redux/Angular apps, speeding your development build
Features
- Lets you inspect every state and action payload
- Lets you go back in time by “cancelling” actions
Overview
The Angular Redux DevTools are largely inspired by DockMonitor and LogMonitor with a bit changes to adapt them to the Angular environment. You need to still be careful to not include these tools into production environment. This version is not using the base Redux DevTools because it requires to have React in your project. Any suggestions or improvements are welcome. Make sure to follow advices given by Dan Abramov on Redux DevTools because they basically work basically the same.
Instalation
npm install --save-dev ng-redux-dev-tools
Usage
DevTools are pretty easy to use in Angular, everything you have to do is :
- Import the Angular module
ngReduxDevTools - Use the
devToolsServiceProvider.instrumentstore enhancer - Add the monitors you want (
dock-monitorandlog-monitorare packaged with the tools) directive to your main HTML file and you're ready to go !
Here's an example :
index.js
import {module} from 'angular';
import ngRedux from 'ng-redux';
import ngReduxDevTools from 'ng-redux-dev-tools';
import reducer from './reducer';
module('myApp', [ngRedux, ngReduxDevTools])
.config(function ($ngReduxProvider, devToolsServiceProvider) {
'ngInject';
$ngReduxProvider.createStoreWith(reducer, [], [devToolsServiceProvider.instrument()]);
});
index.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Angular Redux DevTools</title>
</head>
<body ng-app="myApp">
<dock-monitor>
<log-monitor></log-monitor>
</dock-monitor>
</body>
</html>
That's it. Simple ? (The default key to show the DevTools is Ctrl-H)
API
See the API Reference.
Running example
Clone the project:
git clone https://github.com/D34THWINGS/ng-redux-dev-tools.git
cd ng-redux-dev-tools
Install npm packages in the root folder:
npm install
Install gulp on your machine if not already present:
npm install -g gulp
Finally run the following command:
gulp serve
It's a basic counter example, any changes made to the code (even in the example folder) will reload the browser automatically.
Custom Monitors
In the Angular version of the tools, it's event simpler to add a new monitor. Here what you need to do :
custom-monitor.js
// Stupid example that displays all staged actions
angular.module('ngCustomMonitor', ['ngRedux', 'ngReduxDevToolsServices'])
.directive('customMonitor', function () {
return {
restrict: 'E',
template: '<div class="custom-monitor">{{customMonitorCtrl.stagedActions}}</div>',
controllerAs: 'customMonitorCtrl',
controller(devToolsService, devToolsActionCreatorsService, $scope) {
'ngInject';
// Connect your controller to the dev tools
const unsubscribe = devToolsService.connect()(state => state)(this);
$scope.$on('$destroy', unsubscribe);
// Do anything you want from here...
// This is the dev tools store, if you want the application store, use $ngRedux
this.store = devToolsService.store;
// Dev tools implements basic action creators (reset, revert, sweep, commit, toggleAction, jumpToState)
this.reset = function () {
this.store.dispatch(devToolsActionCreatorsService.reset());
};
}
};
})
.config(function (devToolsServiceProvider) {
'ngInject';
// Register a custom reducer on the dev tool store allowing us to use redux to manage state of tools
// without polluting you application state
devToolsServiceProvider.registerReducer((state, action) => {
if (action.type === 'FOO') {
return {foo: 'bar'};
}
return state;
});
});
See this issue if you want to learn more about what thing are available to you in the dev tool state and what action you can perform
Licence
MIT
FAQs
DevTools for Redux using Angular 1.x
We found that ng-redux-dev-tools demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 07 Jan 2016
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Research
Malicious fezbox npm Package Steals Browser Passwords from Cookies via Innovative QR Code Steganographic Technique
A malicious package uses a QR code as steganography in an innovative technique.
By Olivia Brown - Sep 22, 2025
Research
/Security News
Identifying and Preventing Fraudulent Engineering Candidates: An Investigation into 80 Confirmed Cases
Socket identified 80 fake candidates targeting engineering roles, including suspected North Korean operators, exposing the new reality of hiring as a security function.
By Lauren Valencia, Kirill Boychenko - Sep 17, 2025