redux-devtools/packages/redux-devtools-inspector-monitor-trace-tab
Iliya Brook a77d8edb07 Update color scheme in StackTrace and StackFrame
The changes introduce new color attributes for various elements in both StackTrace and StackFrame components. Specifically, the color and background color of StackTrace have been revised, alongside the color adjustments of linkStyle, anchorStyle and codeAnchorStyle properties in StackFrame.
2024-03-05 00:43:58 +02:00
..
src Update color scheme in StackTrace and StackFrame 2024-03-05 00:43:58 +02:00
test chore(deps): update dependency prettier to v3 (#1434) 2023-07-12 18:03:20 +00:00
.eslintignore Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
.eslintrc.js chore(deps): update typescript-eslint monorepo to v6 (major) (#1436) 2023-09-03 22:56:58 -04:00
babel.config.esm.json Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
babel.config.json Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
CHANGELOG.md Version Packages (#1577) 2023-12-18 02:32:58 +00:00
jest.config.js chore(deps): update all non-major dependencies (#1478) 2023-09-27 08:23:14 -04:00
LICENSE.md chore(trace): rename trace-monitor to trace-tab (#650) 2020-10-04 00:11:22 -04:00
package.json chore(deps): update all non-major dependencies (#1613) 2024-02-23 23:18:02 +00:00
README.md chore(deps): update dependency prettier to v3 (#1434) 2023-07-12 18:03:20 +00:00
tsconfig.json Imprrove ability to tree-shake libraries (#1050) 2022-01-24 02:11:46 +00:00
tsconfig.test.json Use types in tscnofig to explicitly define global types (#1045) 2022-01-22 21:51:27 +00:00

Redux DevTools Stack Trace Monitor

Submonitor for Redux DevTools inspector to show stack traces. Based on react-error-overlay and the contribution of Mark Erikson in the PR from remotedev-app.

It's integrated in Redux DevTools browser extension. To use it separately with redux-devtools and redux-devtools-inspector-monitor according to Walkthrough:

containers/DevTools.js
import React from 'react';
import { createDevTools } from '@redux-devtools/core';
import { InspectorMonitor } from '@redux-devtools/inspector-monitor';
import { TraceTab } from '@redux-devtools/inspector-monitor-trace-tab';

export default createDevTools(
  <InspectorMonitor
    tabs: defaultTabs => [...defaultTabs, { name: 'Trace', component: TraceTab }]
  />
);
store/configureStore.js
// ...
const enhancer = compose(
  // ...
  DevTools.instrument({ trace: true }),
);
// ...

License

MIT