DevTools for Redux with hot reloading, action replay, and customizable UI
Go to file
Fabrizio Vitale 7d92a5e186
[feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750)
* chore: copy rtk-query example from toolkit

* feat(rtk-query): complete initial setup of rtk-query

* feat: complete inspector layout and add initial JSONTree setup

* fix: unintentional removal of tsconfig

* feat(search): add search logic and refactor monitor state shape

* fix: inverted monitor theme inside  devtoop-app

Othetr changes:

* simplify monitor integration

* fix: rtk monitor reducer not working in  app

* refactor(rtk-query): simplify theme config

* feat(rtk-query-monitor): add query preview tabs

* fix: wip

* refactor(examples): add rtk-query-polling to workspace

Other changes:

* docs(rtk-query-polling): add README.md

* chore(rtk-query-inspector): add demo to monorepo

Other changes:

chore: increase isWideScreen polling interval to 300

refactor: add subscription as root node in QueryPreviewSubscriptions

* feat(rtk-query): add multiple filter options

* chore(rtk-queery): rename demo build script and add SKIP_PREFLIGHT_CHECK=true

* feat(rtk-query): display status flags in QueryPreviewInfo

* chore(rtk-query): update typescript versions in rkt-inspector-monitor & its demo

* docs(rtk-query): add proper README

Other changes:

* fix examples/rtk-query-poilling

* docs(rtk-query): improve rtk-query-inspector-monitor demo gif

* docs(rtk-query): clean up demo

* fix(rtk-query): clear button not updating redux state

* docs(rtk-query): add link to rtk-query-inspector-monitor demo site

* chore(rtk-query): run prettier after prettier upgrade (55e2284)

* docs(rtk.query): clean up readme add features, todo and development section

* docs(rtk-query): fix link href

* chore(rtk-query): clean up rtk-query-imspector-monitor-demo and add post example

* feat(rtk-query): add counters on tags & subs tab buttons

* fix(rtk-query): layering issue between queryPreview tabList and select

Other changes:

* clean up demo styles

* run prettier

* fix: revert accidental changes packages/redux-devtools-serialize/tsconfig.json

* chore: change QueryComparators.fulfilledTimeStamp label

* feat(rtk-query): display api stats

* refactor: remove rtk-query-polling example from monorepo

* chore: regenerate lock file and add @types/react as monorepo devDep

* chore: display apiState

Other changes:

* fix close button overflow

* minor responsive style tweaks

* display reducerPath in query tab

* fix(rtk-query): resolve CI errors

- fix(prettier:check): unformatted file
- fix(lint:all): fix accidentallly removed .eslintignore

* chore(rtk-query): rename package to '@redux-devtools/rtk-query-monitor'

* fix(rtk-query): lint:all error

https://github.com/reduxjs/redux-devtools/runs/2869729048?check_suite_focus=true

* feat(rtk-query): add fallback message if there are no rtk-query apis

* refactor(rtk-query): move Inspector & Monitor to containers clean up typings

Other changes:

* chore: improved type coverage

* chore: do not lint packages/redux-devtools-rtk-query-monitor/demo folder

* refactor: put sort order buttons inside a component

* chore: hopefully resolve mockServiceWorker formatting issues

* fix(rtk-query): incorrect link color

Other changes:

* fix: add missing anchor property value noopener

* refactor(rtk-query): simplify sort order control

* feat(rtk-query): add timings to apiStats sections

* feat(rtk-query): add slowest and fastest in timings section

* feat(rtk-query): improve formatting of timings and display average loading time

* fix(rtk-query): rtk-query imports

* refactor(rtk-query): reduce selector computations

Other changes:

* simplify TreeView props

* feat(rtk-query): add actions tab

* refactor(rtk-query): add custom logic for TreeView shouldExpandNode

Other changes:

* feat: added duration in QueryPreviewInfo tab

* refactor: TreeView component

* chore(rtk-query): improve demo visibility on small devices

* feat(rtk-query): do not display tree node preview

Other changes:

* improve visibility of demo devTools on small devices

* tweak QueryPreviewInfo labels

* chore(rtk-query): improve responsiveness

* refactor(rtk-query): move preview to containers remove unnecessary computation

* feat(rtk-query): display median of timings

Other changes:

* improved shouldExpandNode logic of QueryPreviewActions

* tweaked mean logic

* refactor(rtk-query-monitor): conform demo setup to repo standards

* chore(rtk-query-monitor): add option to select active devtools

* chore(rtk-query-monitor): remove redux-devtools/examples/rtk-query-polling

* refactor(rtk-query): improve UI of api tab

* feat(rtk-query): add regex search

* feat(rtk-query): display mutations in queryList

* refactor(rtk-query): track all fulfilled requests using actions

Other changes:

* refactor(rtk-query): rename tally properties

* chore(rtk-query): update @redux-devtools/rtk-query-monitor dependencies

* fix(rtk-query): demo build failing caused by a typing error
2021-08-26 15:33:06 -04:00
.github chore(extension): add extension to yarn workspaces (#747) 2021-06-19 23:08:00 -04:00
.yarn chore(deps): update yarn to v3 (#770) 2021-08-26 10:20:15 -04:00
docs docs(*): update link to Devtools extension (#714) 2021-05-05 19:43:15 -04:00
extension chore(deps): update all non-major dependencies (#758) 2021-08-26 09:52:23 -04:00
packages [feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750) 2021-08-26 15:33:06 -04:00
.eslintignore chore(*): use Yarn 2 (#733) 2021-06-13 17:14:23 -04:00
.eslintrc chore(*): remove prettier plugin (#742) 2021-06-17 23:26:53 -04:00
.gitattributes chore(extension): test in CI (#749) 2021-06-19 21:58:59 -04:00
.gitignore chore(*): use Yarn 2 (#733) 2021-06-13 17:14:23 -04:00
.prettierignore [feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750) 2021-08-26 15:33:06 -04:00
.prettierrc chore(*): fix prettier (#557) 2020-08-05 09:12:31 -04:00
.yarnrc.yml chore(deps): update yarn to v3 (#770) 2021-08-26 10:20:15 -04:00
babel.config.js chore(*): upgrade prettier (#570) 2020-08-08 16:26:39 -04:00
CHANGELOG.md Update CHANGELOG.md 2015-08-26 20:13:18 +03:00
CODE_OF_CONDUCT.md Use prettier 2019-01-10 20:51:14 +02:00
eslintrc.ts.base.json chore(*): remove prettier plugin (#742) 2021-06-17 23:26:53 -04:00
eslintrc.ts.jest.base.json chore(*): remove prettier plugin (#742) 2021-06-17 23:26:53 -04:00
eslintrc.ts.react.base.json chore(*): remove prettier plugin (#742) 2021-06-17 23:26:53 -04:00
eslintrc.ts.react.jest.base.json chore(*): remove prettier plugin (#742) 2021-06-17 23:26:53 -04:00
jest.config.js chore(extension): add extension to yarn workspaces (#747) 2021-06-19 23:08:00 -04:00
lerna.json Use prettier 2019-01-10 20:51:14 +02:00
package.json [feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750) 2021-08-26 15:33:06 -04:00
README.md docs(*): add link to edge (#579) 2020-08-09 09:19:26 -04:00
renovate.json Configure Renovate (#757) 2021-08-25 23:00:13 -04:00
tsconfig.base.json feat(trace): convert to TypeScript (#647) 2020-09-29 09:37:13 -04:00
tsconfig.react.base.json feature(react-json-tree): convert react-json-tree to TypeScript (#601) 2020-08-21 20:13:24 -04:00
yarn.lock [feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750) 2021-08-26 15:33:06 -04:00

Build Status PRs Welcome

Redux DevTools

Developer Tools to power-up Redux development workflow or any other architecture which handles the state change (see integrations).

It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app.

image

Note that this repository is work in progress for the monorepo, which will merge all the packages. Please refer to Redux DevTools Extension and Redux DevTools package.

Documentation

License

MIT