12 KiB
@refinedev/devtools-ui
1.1.15
Patch Changes
- #5303
00ac812347
Thanks @aliemir! - Removed unuseduse-is-in-viewport
dependency
1.1.14
Patch Changes
- #5248
e29a3d37064
Thanks @aliemir! - Removed the halloween decorations from the UI.
1.1.13
Patch Changes
- #5208
72f9f608f42
Thanks @BatuhanW! - chore: update T&C link from next to master branch.
1.1.12
Patch Changes
- #5167
be899901d0e
Thanks @aliemir! - 🎃 halloween update: devtools panel is temporarily welcoming a group of ghosts 👻, don't worry they are harmless. 👻
1.1.11
Patch Changes
- #5167
be899901d0e
Thanks @aliemir! - 🎃 halloween update: devtools panel is temporarily welcoming a group of ghosts 👻, don't worry they are harmless. 👻
1.1.10
Patch Changes
- #5149
2bd813f62bf
Thanks @aliemir! - Add the ability to update all outdated packages with a single click
1.1.9
Patch Changes
- #5149
2bd813f62bf
Thanks @aliemir! - Add the ability to update all outdated packages with a single click
1.1.8
Patch Changes
- #5082
61366ebd866
Thanks @aliemir! - Add open in vscode feature in monitor details tab
1.1.7
Patch Changes
- #5082
61366ebd866
Thanks @aliemir! - Add open in vscode feature in monitor details tab
1.1.6
Patch Changes
-
#5022
80513a4e42f
Thanks @BatuhanW! - chore: update README.md- fix grammar errors.
- make all README.md files consistent.
- add code example code snippets.
-
#5020
20f5b6128d4
Thanks @aliemir! - Fixed the issue with the layout not being scrollable when content is overflowing. -
Updated dependencies [
80513a4e42f
]:- @refinedev/devtools-shared@1.1.2
1.1.5
Patch Changes
-
#5022
80513a4e42f
Thanks @BatuhanW! - chore: update README.md- fix grammar errors.
- make all README.md files consistent.
- add code example code snippets.
-
#5020
20f5b6128d4
Thanks @aliemir! - Fixed the issue with the layout not being scrollable when content is overflowing. -
Updated dependencies [
80513a4e42f
]:- @refinedev/devtools-shared@1.1.1
1.1.4
Patch Changes
-
#5008
c8499114e55
Thanks @aliemir! - Fixing the version of@refinedev/devtools-shared
dependency to avoid breaking projects in mismatching releases. -
#5008
c8499114e55
Thanks @aliemir! - fix: filtering monitor from DOM selectorfeat: persistently store monitor filter in local storage From now on, the monitor filter will be stored in local storage and will be restored on page load.
-
#5008
c8499114e55
Thanks @aliemir! - replaced the base64 encoded png with a remote CDN url -
#5008
c8499114e55
Thanks @aliemir! - feat: added feature slide show to login and onboarding page
1.1.3
Patch Changes
-
#5008
c8499114e55
Thanks @aliemir! - Fixing the version of@refinedev/devtools-shared
dependency to avoid breaking projects in mismatching releases. -
#5008
c8499114e55
Thanks @aliemir! - fix: filtering monitor from DOM selectorfeat: persistently store monitor filter in local storage From now on, the monitor filter will be stored in local storage and will be restored on page load.
-
#5008
c8499114e55
Thanks @aliemir! - replaced the base64 encoded png with a remote CDN url -
#5008
c8499114e55
Thanks @aliemir! - feat: added feature slide show to login and onboarding page
1.1.2
Patch Changes
-
#4995
ab01e8e32d8
Thanks @omeraplak! - Add Project ID warning and auto-fix action for broken projects -
#4995
ab01e8e32d8
Thanks @omeraplak! - feat: add parent filter to devtools-ui From now on, you can filter parent(trace) by name.
1.1.1
Patch Changes
-
#4995
ab01e8e32d8
Thanks @omeraplak! - Add Project ID warning and auto-fix action for broken projects -
#4995
ab01e8e32d8
Thanks @omeraplak! - feat: add parent filter to devtools-ui From now on, you can filter parent(trace) by name.
1.0.2
Patch Changes
-
#4976
ed026da4239
Thanks @aliemir! - Hide scrollbars in UI -
#4976
ed026da4239
Thanks @aliemir! - Fix: trace item paddings
1.0.1
Patch Changes
- #4968
246b3cb6a00
Thanks @aliemir! - Update Privacy Policy and Terms and Conditions links in the onboarding page.
1.0.0
Major Changes
-
#4960
d8e464fa2c4
Thanks @aliemir! - Initial beta release of refine devtools.🎉We're releasing refine devtools in beta. refine devtools is designed to help you debug and develop your refine apps. It will be a collection of features including monitoring queries and mutations, testing out inferencer generated codes, adding and updating refine packages from the UI and more. 🤯
Usage
Install the dependencies using your package manager.
npm i @refinedev/devtools@next @refinedev/cli@next @refinedev/core@next
Add
<DevtoolsProvider />
and<DevtoolsPanel />
components to your app:You'll need to wrap your app with
<DevtoolsProvider />
component and add<DevtoolsPanel />
component to your app to access the devtools UI.import { DevtoolsPanel, DevtoolsProvider } from "@refinedev/devtools"; const App = () => { return ( <DevtoolsProvider> <Refine // ... > {/* ... */} </Refine> <DevtoolsPanel /> </DevtoolsProvider> ); };
Then you're good to go 🙌,
<DevtoolsProvider />
will tell refine to connect to the devtools server and track your queries and mutations.<DevtoolsPanel />
will render the devtools UI in your app.note: Devtools only works in development mode and have no overhead on production builds. You don't need to do anything special to exclude DevTools from your bundle.
Devtools is integrated with
@refinedev/cli
and it will be started automatically in development mode if you have@refinedev/devtools
installed.If you want to start devtools manually or have a custom dev script, you can run
refine devtools
in your project directory or add the following scripts to yourpackage.json
:{ "scripts": { // If you have not customized the start script. "start": "refine dev", // The devtools server runs automatically; you don't need to do anything. // If you have customized the start script. "start": "my-custom-dev-script & refine devtools" // Run the devtools server manually. // other scripts } }
If you don't have
@refinedev/cli
installed already, you can follow the installation guide to add it to your project.These commands will start the devtools server. If you want to access the devtools UI outside of your app without depending on the
<DevtoolsPanel />
component, you can go tohttp://localhost:5001
in your browser. 🚀
Patch Changes
- Updated dependencies [
d8e464fa2c4
]:- @refinedev/devtools-shared@1.0.0