chart-monitor

This commit is contained in:
Nathan Bierema 2020-12-21 15:10:56 -05:00
parent d445e9fade
commit 7f49051889
6 changed files with 7 additions and 7 deletions

View File

@ -1,6 +1,6 @@
A pure function to convert a map into a tree structure. Created by [@romseguy](https://github.com/romseguy) and merged from [`romseguy/map2tree`](https://github.com/romseguy/map2tree). A pure function to convert a map into a tree structure. Created by [@romseguy](https://github.com/romseguy) and merged from [`romseguy/map2tree`](https://github.com/romseguy/map2tree).
The following opinions must be taken into account since the primary use case of this library is [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor): The following opinions must be taken into account since the primary use case of this library is [redux-devtools-chart-monitor](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-chart-monitor):
- Objects and arrays deeply nested within collections are not converted into a tree structure. See `someNestedObject` and `someNestedArray` in the [output](https://github.com/romseguy/map2tree#output) below, or the [corresponding test](https://github.com/romseguy/map2tree/blob/master/test/map2tree.js#L140). - Objects and arrays deeply nested within collections are not converted into a tree structure. See `someNestedObject` and `someNestedArray` in the [output](https://github.com/romseguy/map2tree#output) below, or the [corresponding test](https://github.com/romseguy/map2tree/blob/master/test/map2tree.js#L140).
- Provides support for [Immutable.js](https://github.com/facebook/immutable-js) data structures (only List and Map though). - Provides support for [Immutable.js](https://github.com/facebook/immutable-js) data structures (only List and Map though).

View File

@ -15,7 +15,7 @@ It shows a real-time view of the store aka the current state of the app.
### Installation ### Installation
``` ```
yarn add redux-devtools-chart-monitor yarn add @redux-devtools/chart-monitor
``` ```
### Usage ### Usage
@ -27,7 +27,7 @@ You can use `ChartMonitor` as the only monitor in your app:
```js ```js
import React from 'react'; import React from 'react';
import { createDevTools } from '@redux-devtools/core'; import { createDevTools } from '@redux-devtools/core';
import ChartMonitor from 'redux-devtools-chart-monitor'; import ChartMonitor from '@redux-devtools/chart-monitor';
export default createDevTools(<ChartMonitor />); export default createDevTools(<ChartMonitor />);
``` ```

View File

@ -1,5 +1,5 @@
{ {
"name": "redux-devtools-chart-monitor", "name": "@redux-devtools/chart-monitor",
"version": "1.7.2", "version": "1.7.2",
"description": "Chart monitor for Redux DevTools", "description": "Chart monitor for Redux DevTools",
"keywords": [ "keywords": [

View File

@ -37,6 +37,7 @@
"prepublishOnly": "npm run clean && npm run build" "prepublishOnly": "npm run clean && npm run build"
}, },
"dependencies": { "dependencies": {
"@redux-devtools/chart-monitor": "^1.7.2",
"@redux-devtools/core": "^3.7.0", "@redux-devtools/core": "^3.7.0",
"@redux-devtools/inspector-monitor": "^0.14.0", "@redux-devtools/inspector-monitor": "^0.14.0",
"@redux-devtools/log-monitor": "^2.1.0", "@redux-devtools/log-monitor": "^2.1.0",
@ -57,7 +58,6 @@
"react-is": "^16.13.1", "react-is": "^16.13.1",
"react-redux": "^7.2.1", "react-redux": "^7.2.1",
"redux": "^4.0.5", "redux": "^4.0.5",
"redux-devtools-chart-monitor": "^1.7.2",
"redux-devtools-inspector-monitor-test-tab": "^0.6.2", "redux-devtools-inspector-monitor-test-tab": "^0.6.2",
"redux-devtools-inspector-monitor-trace-tab": "^0.1.3", "redux-devtools-inspector-monitor-trace-tab": "^0.1.3",
"redux-persist": "^4.10.2", "redux-persist": "^4.10.2",

View File

@ -1,6 +1,6 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { connect, ResolveThunks } from 'react-redux'; import { connect, ResolveThunks } from 'react-redux';
import ChartMonitor from 'redux-devtools-chart-monitor'; import ChartMonitor from '@redux-devtools/chart-monitor';
import { NodeWithId } from 'd3-state-visualizer'; import { NodeWithId } from 'd3-state-visualizer';
import { selectMonitorWithState } from '../../actions'; import { selectMonitorWithState } from '../../actions';

View File

@ -107,7 +107,7 @@ In fact some of these are implemented already:
![redux-devtools-filterable-log-monitor](https://cloud.githubusercontent.com/assets/29597/12440009/182bb31c-beec-11e5-8fd0-bdda48e646b2.gif) ![redux-devtools-filterable-log-monitor](https://cloud.githubusercontent.com/assets/29597/12440009/182bb31c-beec-11e5-8fd0-bdda48e646b2.gif)
#### [Chart Monitor](https://github.com/romseguy/redux-devtools-chart-monitor) #### [Chart Monitor](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-chart-monitor)
![redux-devtools-chart-monitor](http://i.imgur.com/MSgvU6l.gif) ![redux-devtools-chart-monitor](http://i.imgur.com/MSgvU6l.gif)