OpenPanel/packages/devtools-ui/CHANGELOG.md
2024-02-05 10:23:04 +01:00

12 KiB

@refinedev/devtools-ui

1.1.15

Patch Changes

1.1.14

Patch Changes

1.1.13

Patch Changes

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

1.1.9

Patch Changes

1.1.8

Patch Changes

1.1.7

Patch Changes

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 selector

    feat: 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 selector

    feat: 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

1.1.1

Patch Changes

refine devtools

1.0.2

Patch Changes

1.0.1

Patch Changes

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 your package.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 to http://localhost:5001 in your browser. 🚀

Patch Changes

  • Updated dependencies [d8e464fa2c4]:
    • @refinedev/devtools-shared@1.0.0