refine

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.

Patch Changes

• #4995 ab01e8e32d8 Thanks @omeraplak! - Add Project ID warning and auto-fix action for broken projects

• #4995 ab01e8e32d8 Thanks @omeraplak! - Fixed package descriptions and usage instructions

• Updated dependencies [ab01e8e32d8, ab01e8e32d8]:

  • @refinedev/[email protected]

Patch Changes

• #4995 ab01e8e32d8 Thanks @omeraplak! - Updated DOM selector to pick elements to highlight by click instead of space

Patch Changes

• #4995 ab01e8e32d8 Thanks @omeraplak! - Updated @refinedev/devtools-server dependency

• Updated dependencies [ab01e8e32d8, ab01e8e32d8]:

  • @refinedev/[email protected]

Minor Changes

• #4979 1958c77e7e3 Thanks @alicanerdurmaz! - feat: added devtools init command.
  From now on, you can install refine devtools with a single command and add the necessary components to your project.

  npm run refine devtools init
  

Patch Changes

• #4975 ff66a862e46 Thanks @aliemir! - Updated dependency of @tabler/icons to v1.119.0 to fix the issue of using misconfigured versions. (Fixes #4921)

Patch Changes

• #4975 ff66a862e46 Thanks @aliemir! - Updated dependency of @tabler/icons to v1.119.0 to fix the issue of using misconfigured versions. (Fixes #4921)

• Updated dependencies [d8e464fa2c4]:

  • @refinedev/[email protected]

Minor 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@latest @refinedev/cli@latest
  

  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

• #4976 ed026da4239 Thanks @aliemir! - Hide scrollbars in UI

• #4968 246b3cb6a00 Thanks @aliemir! - Update Privacy Policy and Terms and Conditions links in the onboarding page.

• #4976 ed026da4239 Thanks @aliemir! - Fix: trace item paddings

• Updated dependencies [d8e464fa2c4]:

  • @refinedev/[email protected]

Minor 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@latest @refinedev/cli@latest
  

  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. 🚀

Minor 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@latest @refinedev/cli@latest
  

  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

• #4968 246b3cb6a00 Thanks @aliemir! - Fix feed content url with main github branch

• #4976 ed026da4239 Thanks @aliemir! - Updated dependency of @refinedev/devtools-ui

• Updated dependencies [ed026da4239, d8e464fa2c4, 246b3cb6a00, ed026da4239]:

  • @refinedev/[email protected]
  • @refinedev/[email protected]

Minor 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@latest @refinedev/cli@latest
  

  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/[email protected]

Minor 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@latest @refinedev/cli@latest
  

  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

• #4976 ed026da4239 Thanks @aliemir! - Snappier DOM selector

• #4968 246b3cb6a00 Thanks @aliemir! - Update @refinedev/devtools-server peer dependency to ^1.0.1

• Updated dependencies [d8e464fa2c4]:

  • @refinedev/[email protected]

Minor Changes

• #4960 d8e464fa2c4 Thanks @aliemir! - Integration with refine devtools.

  Now you can start the Devtools server using the refine devtools command or when the server will be started automatically when you start your app in development mode using refine dev command if you have @refinedev/devtools installed.

Patch Changes

• #4971 34b23d84368 Thanks @omeraplak! - chore: add refine devtools warning

• #4976 ed026da4239 Thanks @aliemir! - Updated dependency of @refinedev/devtools-server

• 25539d23320 Thanks @aliemir! - Updated @refinedev/devtools-server dependency

• Updated dependencies [d8e464fa2c4, 246b3cb6a00, ed026da4239]:

  • @refinedev/[email protected]

Minor Changes

• #4960 d8e464fa2c4 Thanks @aliemir! - Added devtools internals and integrated with the core hooks. Now users will be able to track the queries and mutation made by refine through refine devtools.

Patch Changes

• Updated dependencies [d8e464fa2c4]:
  • @refinedev/[email protected]

Patch Changes

• #4975 ff66a862e46 Thanks @aliemir! - Updated dependency of @tabler/icons to v1.119.0 to fix the issue of using misconfigured versions. (Fixes #4921)

Patch Changes

• #4964 85b1ac0db5f Thanks @BatuhanW! - chore: update @refinedev/core peer dependency versions.

Patch Changes

• #4964 85b1ac0db5f Thanks @BatuhanW! - chore: update @refinedev/core peer dependency versions.

• Updated dependencies [85b1ac0db5f]:

  • @refinedev/[email protected]

Patch Changes

• #4964 85b1ac0db5f Thanks @BatuhanW! - chore: update @refinedev/core peer dependency versions.

Patch Changes

• #4964 85b1ac0db5f Thanks @BatuhanW! - chore: update @refinedev/core peer dependency versions.

Patch Changes

• #4964 85b1ac0db5f Thanks @BatuhanW! - chore: update @refinedev/core peer dependency versions.

• Updated dependencies [85b1ac0db5f]:

  • @refinedev/[email protected]