27 KiB
@refinedev/devtools
1.2.9
Patch Changes
- Updated dependencies [
da9da4ed1a9700c7a48db6520d683168c48b226e
,451016a207d4dd6aecb4d56133efc1ad6229acff
,da9da4ed1a9700c7a48db6520d683168c48b226e
]:- @refinedev/devtools-server@1.1.37
- @refinedev/cli@2.16.39
1.2.8
Patch Changes
- Updated dependencies [
6963e591f8f307aee9362d5dfff99972eb64bf03
,f5501f93a818d6e5811aa94cb354d77a2b1eb1ff
]:- @refinedev/devtools-server@1.1.36
- @refinedev/cli@2.16.38
1.2.7
Patch Changes
-
#6228
4e375902943c356f269e9f596103fd681ee9afb8
Thanks @aliemir! - refactor(devtools): check both parent and child nodes for representationPreviously, Refine Devtools's X-Ray feature looked for the representation of the components by looking at the parent nodes until a proper
stateNode
was found. This was problematic when the parent node was not a proper HTML element. A lack of type checking caused the feature to break in runtime in some cases.Adding only a type check for the
stateNode
is not enough since there may be cases where there are no proper HTML elements in the parent nodes. This change adds a check for the child nodes as well. This way, the feature will look for the representation in both the parent and child nodes.First check for a representation node will be done in the child nodes. If a proper representation is not found, an element will be searched in the parent nodes. If a no proper representation is found in the parent nodes,
document.body
will be used as the representation. -
#6228
4e375902943c356f269e9f596103fd681ee9afb8
Thanks @aliemir! - fix(devtools): styling issues in the X-Ray featureA minimum size was set for the X-Ray feature's overlay to prevent it from being too small.
-
#6185
603c73eb7d376fc2357a577f5921f844a8f444e4
Thanks @aliemir! - feat(devtools): ability to change the port of the devtools serverNow users can change the port of the devtools server by setting the
REFINE_DEVTOOLS_PORT
environment variable. Previously, the port was hardcoded to "5001" and could not be changed.If you're using
@refinedev/cli
's runner commands to start your development server,REFINE_DEVTOOLS_PORT
will be propagated to your app with appropriate prefix. E.g. if you're using Vite, the environment variable will beVITE_REFINE_DEVTOOLS_PORT
and it will be used by the@refinedev/devtools
's<DevtoolsProvider />
component to connect to the devtools server.- In Next.js apps, it will be prefixed with
NEXT_PUBLIC_
- In Craco and Create React App apps, it will be prefixed with
REACT_APP_
- In Remix apps and other custom setups, the environment variable will be used as is.
In some scenarios where the environment variables are not passed to the browser, you may need to manually set the Refine Devtools URL in the
<DevtoolsProvider />
component via theurl
prop. Remix apps do not automatically pass environment variables to the browser, so you will need to set the URL manually. If not set, the default URL will be used.While the port can be changed, this feature also allows users to host the devtools server on a different machine or domain and provide the
<DevtoolsProvider />
with the custom domain URL. This such case will be useful if you're dockerizing your app and devtools server separately.Enterprise Edition: Refine Devtools running on ports other than "5001" is only available in the Enterprise Edition. If you're using the Community Edition, Refine Devtools will not work if the port is changed.
- In Next.js apps, it will be prefixed with
-
Updated dependencies [
d7fb07e59ddcbef49437c64d3a92b3d47d850225
,cbf2fd70a6a0d54722b6541c948ce8cb3f682fb4
,c3a75139f82de022b54855e87e200ab38c803af5
,9806a3629256d73bdc18ae808dce217f0108aad2
,e2b467528f6a799c3219e3a8fefd4834a0ca0431
,603c73eb7d376fc2357a577f5921f844a8f444e4
,603c73eb7d376fc2357a577f5921f844a8f444e4
]:- @refinedev/cli@2.16.37
- @refinedev/devtools-server@1.1.35
- @refinedev/devtools-shared@1.1.12
1.2.6
Patch Changes
-
#6098
8bc2c1c6790d1e098ce0d98e01f608e3310f7b4a
Thanks @aliemir! - chore(devtools): update devtools url fallback valuesUpdated fallback values for the Devtools URL and use single fallback value until its provided by the
@refinedev/devtools-server
when client is connected. -
Updated dependencies [
8bc2c1c6790d1e098ce0d98e01f608e3310f7b4a
,8bc2c1c6790d1e098ce0d98e01f608e3310f7b4a
,8bc2c1c6790d1e098ce0d98e01f608e3310f7b4a
,8bc2c1c6790d1e098ce0d98e01f608e3310f7b4a
,24db047aea42e307a9662c46fde50ea69ca8c381
,8bc2c1c6790d1e098ce0d98e01f608e3310f7b4a
,8bc2c1c6790d1e098ce0d98e01f608e3310f7b4a
,50d21076928ca738ec54cc5bcd17fad2683653dd
]:- @refinedev/devtools-server@1.1.34
- @refinedev/cli@2.16.36
- @refinedev/devtools-shared@1.1.11
1.2.4
Patch Changes
-
#6059
ad42665ad9ccb07f6090da353377d016b67acdd0
Thanks @aliemir! - fix(devtools): failing authentication checksDevtools was failing on determining the auth status and always ended up redirecting to the login page or the onboarding step regardless of the actual authentication status.
Resolves #6047
-
Updated dependencies [
ad42665ad9ccb07f6090da353377d016b67acdd0
,ad42665ad9ccb07f6090da353377d016b67acdd0
]:- @refinedev/devtools-server@1.1.32
- @refinedev/cli@2.16.34
1.2.3
Patch Changes
-
6bd14228760d3e1e205ea9248e427f9afa2ec046
Thanks @BatuhanW! - chore: addedtype
qualifier to imports used as type only.- import { A } from "./example.ts"; + import type { A } from "./example.ts";
-
Updated dependencies [
6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
,6bd14228760d3e1e205ea9248e427f9afa2ec046
]:- @refinedev/cli@2.16.33
- @refinedev/devtools-server@1.1.31
- @refinedev/devtools-shared@1.1.9
1.2.2
Patch Changes
-
#5945
90930b381d8d369c63bc59beedf69c391875166d
Thanks @aliemir! - chore: addedtype
qualifier to imports used as type only.- import { A } from "./example.ts"; + import type { A } from "./example.ts";
-
Updated dependencies [
45b68cc3450618468e938f9540dc52ff088b555a
,429009db854653ab3ca00fbfb84561de38b3a255
,6c22ece19f44ca2b99ad70543f9ee40b4b139863
,429009db854653ab3ca00fbfb84561de38b3a255
,bb89dc34bf6ef061d0bcdcf0cb3173fe7014ae5e
,6c22ece19f44ca2b99ad70543f9ee40b4b139863
,6c22ece19f44ca2b99ad70543f9ee40b4b139863
,90930b381d8d369c63bc59beedf69c391875166d
,bb89dc34bf6ef061d0bcdcf0cb3173fe7014ae5e
]:- @refinedev/cli@2.16.32
- @refinedev/devtools-server@1.1.30
- @refinedev/devtools-shared@1.1.8
1.2.1
Patch Changes
-
#5928
db9756e7908
Thanks @aliemir! - fix: type errors on typescript <5Due to the changes in #5881, typescript users below version 5 are facing type errors. This PR fixes the type errors by updating the file extensions required by the
d.mts
declaration files to provide a compatible declarations for both typescript 4 and 5 users. -
Updated dependencies [
db9756e7908
]:- @refinedev/cli@2.16.31
- @refinedev/devtools-shared@1.1.7
- @refinedev/devtools-server@1.1.29
1.2.0
Minor Changes
-
#5898
93c35d82a9c
Thanks @aliemir! - feat: devtools selector with all selectablesUpdated devtools selector to display all available elements instead of relying on the user's pointer to select the element.
Patch Changes
-
#5881
ba719f6ea26
Thanks @aliemir! - fix: declaration files in node10, node16 and nodenext module resolutions -
Updated dependencies [
1c9a95f22ab
,1c9a95f22ab
,1c9a95f22ab
,a9dbd808782
,ba719f6ea26
]:- @refinedev/devtools-server@1.1.28
- @refinedev/devtools-shared@1.1.6
- @refinedev/cli@2.16.30
1.1.37
Patch Changes
-
#5823
aedc6a2961c
Thanks @aliemir! - fix: broken lodash imports in ESM buildsFixed lodash imports in ESM builds which requires
lodash-es
imports to use.js
extension to work properly unless the bundler is configured to handle non-fully-specified imports.Resolves #5822
-
Updated dependencies [
aedc6a2961c
]:- @refinedev/devtools-server@1.1.27
- @refinedev/cli@2.16.29
1.1.36
Patch Changes
-
#5765
0c197d82393
Thanks @aliemir! - refactor: package bundles and package.json configuration for exportsPreviously, Refine packages had exported ESM and CJS bundles with same
.js
extension and same types for both with.d.ts
extensions. This was causing issues with bundlers and compilers to pick up the wrong files for the wrong environment. Now we're outputting ESM bundles with.mjs
extension and CJS bundles with.cjs
extension. Also types are now exported with both.d.mts
and.d.cts
extensions.In older versions ESM and CJS outputs of some packages were using wrong imports/requires to dependencies causing errors in some environments. This will be fixed since now we're also enforcing the module type with extensions.
Above mentioned changes also supported with changes in
package.json
files of the packages to support the new extensions and types. All Refine packages now includeexports
fields in their configuration to make sure the correct bundle is picked up by the bundlers and compilers. -
#5754
56ed144a0f5
Thanks @alicanerdurmaz! - chore: TypeScript upgraded to v5.x.x. #5752 -
Updated dependencies [
b20a18e4dfc
,0c197d82393
,51f368eab1a
,33a8a80d80f
,56ed144a0f5
,e9bbb1aa5af
]:- @refinedev/cli@2.16.28
- @refinedev/devtools-server@1.1.26
- @refinedev/devtools-shared@1.1.5
1.1.35
Patch Changes
-
#5695
79865affa1c
Thanks @BatuhanW! - chore: apply biome format and fix lint errors. -
Updated dependencies [
79865affa1c
]:- @refinedev/cli@2.16.27
- @refinedev/devtools-server@1.1.25
- @refinedev/devtools-shared@1.1.4
1.1.34
Patch Changes
- Updated dependencies [
363fd4ed5f6
]:- @refinedev/cli@2.16.26
1.1.33
Patch Changes
- Updated dependencies [
e504c5b043c
]:- @refinedev/cli@2.16.25
1.1.32
Patch Changes
-
#5573
546df06482
Thanks @alicanerdurmaz! - chore: add "use client" directive to exported files to work with nextjs app router -
Updated dependencies [
546df06482
]:- @refinedev/devtools-shared@1.1.3
- @refinedev/devtools-server@1.1.24
- @refinedev/cli@2.16.24
1.1.31
Patch Changes
- Updated dependencies [
ee0f7867c3
]:- @refinedev/devtools-server@1.1.23
- @refinedev/cli@2.16.23
1.1.30
Patch Changes
- Updated dependencies [
fda3494215
]:- @refinedev/cli@2.16.22
1.1.29
Patch Changes
-
#5425
190af9fce2
Thanks @aliemir! - Updated@refinedev/core
peer dependencies to latest (^4.46.1
) -
Updated dependencies [
190af9fce2
]:- @refinedev/cli@2.16.21
1.1.28
Patch Changes
- Updated dependencies [
1b031a2c19
,1b031a2c19
]:- @refinedev/devtools-server@1.1.22
- @refinedev/cli@2.16.20
1.1.27
Patch Changes
- Updated dependencies [
714841da4b24
]:- @refinedev/cli@2.16.19
1.1.26
Patch Changes
- Updated dependencies [
404f16a947f3
]:- @refinedev/cli@2.16.18
1.1.25
Patch Changes
- Updated dependencies [
97d5d9c98b28
]:- @refinedev/cli@2.16.17
1.1.24
Patch Changes
- Updated dependencies []:
- @refinedev/devtools-server@1.1.21
- @refinedev/cli@2.16.16
1.1.23
Patch Changes
- Updated dependencies [
72f9f608f42
,72f9f608f42
]:- @refinedev/devtools-server@1.1.20
- @refinedev/cli@2.16.15
1.1.22
Patch Changes
- Updated dependencies []:
- @refinedev/devtools-server@1.1.19
- @refinedev/cli@2.16.14
1.1.21
Patch Changes
- Updated dependencies []:
- @refinedev/devtools-server@1.1.18
- @refinedev/cli@2.16.13
1.1.20
Patch Changes
- Updated dependencies [
2bd813f62bf
,b5f93f60f1d
,38f2a9b2e71
]:- @refinedev/devtools-server@1.1.17
- @refinedev/cli@2.16.12
1.1.19
Patch Changes
- Updated dependencies [
2bd813f62bf
,b5f93f60f1d
,38f2a9b2e71
]:- @refinedev/devtools-server@1.1.16
- @refinedev/cli@2.16.11
1.1.18
Patch Changes
- Updated dependencies [
be419eb31bc
]:- @refinedev/devtools-server@1.1.15
- @refinedev/cli@2.16.10
1.1.17
Patch Changes
- Updated dependencies [
be419eb31bc
]:- @refinedev/devtools-server@1.1.14
- @refinedev/cli@2.16.9
1.1.16
Patch Changes
- Updated dependencies [
78117485899
]:- @refinedev/devtools-server@1.1.13
- @refinedev/cli@2.16.8
1.1.15
Patch Changes
- Updated dependencies [
78117485899
]:- @refinedev/devtools-server@1.1.12
- @refinedev/cli@2.16.7
1.1.14
Patch Changes
- #5127
4f89ca46ac4
Thanks @aliemir! - Update panel and pin positioning for rounded numbers to avoid subpixel blurry rendering
1.1.13
Patch Changes
- #5127
4f89ca46ac4
Thanks @aliemir! - Update panel and pin positioning for rounded numbers to avoid subpixel blurry rendering
1.1.12
Patch Changes
-
#5082
61366ebd866
Thanks @aliemir! - Fixed the server/client mismatch error due to<DevtoolsPanel />
component. -
Updated dependencies [
61366ebd866
,6c40a720140
]:- @refinedev/devtools-server@1.1.11
- @refinedev/cli@2.16.6
1.1.11
Patch Changes
-
#5082
61366ebd866
Thanks @aliemir! - Fixed the server/client mismatch error due to<DevtoolsPanel />
component. -
Updated dependencies [
61366ebd866
,6c40a720140
]:- @refinedev/devtools-server@1.1.10
- @refinedev/cli@2.16.5
1.1.10
Patch Changes
-
#26
7533e541739
Thanks @pull! - Use the proper devtools url coming from the websocket handshake rather than using the hardcoded port. -
Updated dependencies [
7533e541739
,7533e541739
]:- @refinedev/cli@2.16.4
- @refinedev/devtools-server@1.1.9
1.1.9
Patch Changes
-
#5056
1fa531ebe89
Thanks @aliemir! - Use the proper devtools url coming from the websocket handshake rather than using the hardcoded port. -
Updated dependencies [
68f24d5b596
,1fa531ebe89
]:- @refinedev/cli@2.16.3
- @refinedev/devtools-server@1.1.8
1.1.8
Patch Changes
-
#5056
1fa531ebe89
Thanks @aliemir! - Use the proper devtools url coming from the websocket handshake rather than using the hardcoded port. -
Updated dependencies [
68f24d5b596
,1fa531ebe89
]:- @refinedev/cli@2.16.2
- @refinedev/devtools-server@1.1.7
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 latest version of
@refinedev/cli
:npm install @refinedev/cli@latest
🚨 If you don't have
@refinedev/cli
installed already, you can follow the installation guide to add it to your project.Install
@refinedev/devtools
with@refinedev/cli
npm run refine devtools init
Ta-da! 🎉 Everything is ready now, you can use the refine devtools in your project! 🕶
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.