@tanstack/react-query-devtools - npm Package Compare versions

Comparing version 5.53.3 to 5.54.0

build/legacy/index.d.ts

@@ -1,2 +0,3 @@
-import { d as devtools } from './devtools-5wO_5H1h.js';
+import { D as Devtools } from './ReactQueryDevtools-Cn7cKi7o.js';
+import { D as DevtoolsPanel } from './ReactQueryDevtoolsPanel-D9deyZtU.js';
 import 'react';
@@ -6,4 +7,5 @@ import '@tanstack/query-devtools';
 
-declare const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'];
+declare const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'];
+declare const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
 
-export { ReactQueryDevtools };
+export { ReactQueryDevtools, ReactQueryDevtoolsPanel };

build/legacy/index.js

 "use client";
 
 // src/index.ts
-import * as devtools from "./devtools.js";
+import * as Devtools from "./ReactQueryDevtools.js";
+import * as DevtoolsPanel from "./ReactQueryDevtoolsPanel.js";
 var ReactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
   return null;
-} : devtools.ReactQueryDevtools;
+} : Devtools.ReactQueryDevtools;
+var ReactQueryDevtoolsPanel2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : DevtoolsPanel.ReactQueryDevtoolsPanel;
 export {
-  ReactQueryDevtools2 as ReactQueryDevtools
+  ReactQueryDevtools2 as ReactQueryDevtools,
+  ReactQueryDevtoolsPanel2 as ReactQueryDevtoolsPanel
 };
 //# sourceMappingURL=index.js.map

build/legacy/production.d.ts

@@ -1,2 +0,3 @@
-import { R as ReactQueryDevtools$1 } from './devtools-5wO_5H1h.js';
+import { R as ReactQueryDevtools$1 } from './ReactQueryDevtools-Cn7cKi7o.js';
+import { R as ReactQueryDevtoolsPanel$1 } from './ReactQueryDevtoolsPanel-D9deyZtU.js';
 import 'react';
@@ -7,3 +8,4 @@ import '@tanstack/query-devtools';
 declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
+declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
 
-export { ReactQueryDevtools };
+export { ReactQueryDevtools, ReactQueryDevtoolsPanel };

build/legacy/production.js

 "use client";
 
 // src/production.ts
-import * as devtools from "./devtools.js";
-var ReactQueryDevtools2 = devtools.ReactQueryDevtools;
+import * as Devtools from "./ReactQueryDevtools.js";
+import * as DevtoolsPanel from "./ReactQueryDevtoolsPanel.js";
+var ReactQueryDevtools2 = Devtools.ReactQueryDevtools;
+var ReactQueryDevtoolsPanel2 = DevtoolsPanel.ReactQueryDevtoolsPanel;
 export {
-  ReactQueryDevtools2 as ReactQueryDevtools
+  ReactQueryDevtools2 as ReactQueryDevtools,
+  ReactQueryDevtoolsPanel2 as ReactQueryDevtoolsPanel
 };
 //# sourceMappingURL=production.js.map

build/modern/index.d.ts

@@ -1,2 +0,3 @@
-import { d as devtools } from './devtools-5wO_5H1h.js';
+import { D as Devtools } from './ReactQueryDevtools-Cn7cKi7o.js';
+import { D as DevtoolsPanel } from './ReactQueryDevtoolsPanel-D9deyZtU.js';
 import 'react';
@@ -6,4 +7,5 @@ import '@tanstack/query-devtools';
 
-declare const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'];
+declare const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'];
+declare const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'];
 
-export { ReactQueryDevtools };
+export { ReactQueryDevtools, ReactQueryDevtoolsPanel };

build/modern/index.js

 "use client";
 
 // src/index.ts
-import * as devtools from "./devtools.js";
+import * as Devtools from "./ReactQueryDevtools.js";
+import * as DevtoolsPanel from "./ReactQueryDevtoolsPanel.js";
 var ReactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
   return null;
-} : devtools.ReactQueryDevtools;
+} : Devtools.ReactQueryDevtools;
+var ReactQueryDevtoolsPanel2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : DevtoolsPanel.ReactQueryDevtoolsPanel;
 export {
-  ReactQueryDevtools2 as ReactQueryDevtools
+  ReactQueryDevtools2 as ReactQueryDevtools,
+  ReactQueryDevtoolsPanel2 as ReactQueryDevtoolsPanel
 };
 //# sourceMappingURL=index.js.map

build/modern/production.d.ts

@@ -1,2 +0,3 @@
-import { R as ReactQueryDevtools$1 } from './devtools-5wO_5H1h.js';
+import { R as ReactQueryDevtools$1 } from './ReactQueryDevtools-Cn7cKi7o.js';
+import { R as ReactQueryDevtoolsPanel$1 } from './ReactQueryDevtoolsPanel-D9deyZtU.js';
 import 'react';
@@ -7,3 +8,4 @@ import '@tanstack/query-devtools';
 declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
+declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
 
-export { ReactQueryDevtools };
+export { ReactQueryDevtools, ReactQueryDevtoolsPanel };

build/modern/production.js

 "use client";
 
 // src/production.ts
-import * as devtools from "./devtools.js";
-var ReactQueryDevtools2 = devtools.ReactQueryDevtools;
+import * as Devtools from "./ReactQueryDevtools.js";
+import * as DevtoolsPanel from "./ReactQueryDevtoolsPanel.js";
+var ReactQueryDevtools2 = Devtools.ReactQueryDevtools;
+var ReactQueryDevtoolsPanel2 = DevtoolsPanel.ReactQueryDevtoolsPanel;
 export {
-  ReactQueryDevtools2 as ReactQueryDevtools
+  ReactQueryDevtools2 as ReactQueryDevtools,
+  ReactQueryDevtoolsPanel2 as ReactQueryDevtoolsPanel
 };
 //# sourceMappingURL=production.js.map

package.json

 {
   "name": "@tanstack/react-query-devtools",
-  "version": "5.53.3",
+  "version": "5.54.0",
   "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
@@ -60,3 +60,3 @@ "author": "tannerlinsley",
   "dependencies": {
-    "@tanstack/query-devtools": "5.52.3"
+    "@tanstack/query-devtools": "5.54.0"
   },
@@ -63,0 +63,0 @@ "devDependencies": {

src/index.ts

 'use client'
 
-import * as devtools from './devtools'
+import * as Devtools from './ReactQueryDevtools'
+import * as DevtoolsPanel from './ReactQueryDevtoolsPanel'
 
-export const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =
+export const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'] =
   process.env.NODE_ENV !== 'development'
@@ -10,2 +11,9 @@ ? function () {
       }
-    : devtools.ReactQueryDevtools
+    : Devtools.ReactQueryDevtools
+
+export const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'] =
+  process.env.NODE_ENV !== 'development'
+    ? function () {
+        return null
+      }
+    : DevtoolsPanel.ReactQueryDevtoolsPanel

src/production.ts

 'use client'
 
-import * as devtools from './devtools'
+import * as Devtools from './ReactQueryDevtools'
+import * as DevtoolsPanel from './ReactQueryDevtoolsPanel'
 
-export const ReactQueryDevtools = devtools.ReactQueryDevtools
+export const ReactQueryDevtools = Devtools.ReactQueryDevtools
+export const ReactQueryDevtoolsPanel = DevtoolsPanel.ReactQueryDevtoolsPanel

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

95830

increased by74.1%

Number of package files

64

increased by36.17%

Lines of code

1273

increased by66.41%

Worsened metrics

Number of low supply chain risk alerts

8

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@tanstack/query-devtools@5.54.0(transitive)

• - Removed@tanstack/query-devtools@5.52.3(transitive)

• Updated@tanstack/query-devtools@5.54.0