Implement redux-devtools-trace-monitor

This commit is contained in:
Zalmoxisus 2019-01-03 23:02:41 +02:00
parent 1b8a734e2b
commit 9de536fae2
3 changed files with 19 additions and 10 deletions

View File

@ -95,6 +95,7 @@
"redux-devtools-instrument": "^1.8.0", "redux-devtools-instrument": "^1.8.0",
"redux-devtools-log-monitor": "^1.3.0", "redux-devtools-log-monitor": "^1.3.0",
"redux-devtools-test-generator": "^0.5.1", "redux-devtools-test-generator": "^0.5.1",
"redux-devtools-trace-monitor": "^0.1.0",
"redux-persist": "^4.8.0", "redux-persist": "^4.8.0",
"redux-slider-monitor": "^2.0.0-0", "redux-slider-monitor": "^2.0.0-0",
"redux-devtools-inspector": "^0.11.0", "redux-devtools-inspector": "^0.11.0",

View File

@ -1,20 +1,27 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import InspectorMonitor from 'redux-devtools-inspector'; import InspectorMonitor from 'redux-devtools-inspector';
import StackTraceTab from 'redux-devtools-trace-monitor';
import TestTab from 'redux-devtools-test-generator'; import TestTab from 'redux-devtools-test-generator';
import { DATA_TYPE_KEY } from '../../../constants/dataTypes'; import { DATA_TYPE_KEY } from '../../../constants/dataTypes';
import SubTabs from './SubTabs'; import SubTabs from './SubTabs';
const DEFAULT_TABS = [{ const DEFAULT_TABS = [
name: 'Action', {
component: SubTabs name: 'Action',
}, { component: SubTabs
name: 'State', }, {
component: SubTabs name: 'State',
}, { component: SubTabs
name: 'Diff', }, {
component: SubTabs name: 'Diff',
}]; component: SubTabs
},
{
name: 'Trace',
component: StackTraceTab
}
];
class InspectorWrapper extends Component { class InspectorWrapper extends Component {
static update = InspectorMonitor.update; static update = InspectorMonitor.update;

View File

@ -16,6 +16,7 @@ export function recompute(previousLiftedState, storeState, action, nextActionId
liftedState.actionsById[actionId] = { liftedState.actionsById[actionId] = {
action: action.action || action, action: action.action || action,
timestamp: action.timestamp || Date.now(), timestamp: action.timestamp || Date.now(),
stack: action.stack,
type: 'PERFORM_ACTION' type: 'PERFORM_ACTION'
}; };
} }