@tanstack/query-devtools 5.100.14 → 5.101.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/build/DevtoolsComponent/{3PTWN7RB.js → I4EE2JD6.js} +2 -2
  2. package/build/DevtoolsComponent/{VKXKX7EQ.js → KX7FEU5Y.js} +2 -2
  3. package/build/DevtoolsPanelComponent/{KFUZFIDZ.js → C2NHY6T5.js} +2 -2
  4. package/build/DevtoolsPanelComponent/{ZUJJ2RGI.js → RTO6RD2J.js} +2 -2
  5. package/build/chunk/{WP7M55MP.js → B5IE7ZLN.js} +6 -16
  6. package/build/chunk/{KTUP6UL7.js → LLLYVUVC.js} +1 -1
  7. package/build/chunk/{Q7GRFEEB.js → RJYFHVWH.js} +1 -1
  8. package/build/chunk/{S7NCRHOU.js → WLGSOJG7.js} +6 -16
  9. package/build/dev.cjs +6 -16
  10. package/build/dev.js +3 -3
  11. package/build/index.cjs +6 -16
  12. package/build/index.js +3 -3
  13. package/package.json +2 -2
  14. package/src/Devtools.tsx +6 -26
  15. package/src/utils.tsx +3 -3
package/build/DevtoolsComponent/{3PTWN7RB.js → I4EE2JD6.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/WP7M55MP.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/KTUP6UL7.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/WLGSOJG7.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/RJYFHVWH.js';
3
3
 
4
4
  // src/DevtoolsComponent.tsx
5
5
  var DevtoolsComponent = (props) => {
package/build/DevtoolsComponent/{VKXKX7EQ.js → KX7FEU5Y.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/S7NCRHOU.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/Q7GRFEEB.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/B5IE7ZLN.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/LLLYVUVC.js';
3
3
 
4
4
  // src/DevtoolsComponent.tsx
5
5
  var DevtoolsComponent = (props) => {
package/build/DevtoolsPanelComponent/{KFUZFIDZ.js → C2NHY6T5.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/WP7M55MP.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/KTUP6UL7.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/WLGSOJG7.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/RJYFHVWH.js';
3
3
 
4
4
  // src/DevtoolsPanelComponent.tsx
5
5
  var DevtoolsPanelComponent = (props) => {
package/build/DevtoolsPanelComponent/{ZUJJ2RGI.js → RTO6RD2J.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/S7NCRHOU.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/Q7GRFEEB.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/B5IE7ZLN.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/LLLYVUVC.js';
3
3
 
4
4
  // src/DevtoolsPanelComponent.tsx
5
5
  var DevtoolsPanelComponent = (props) => {
package/build/chunk/{WP7M55MP.js → B5IE7ZLN.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './KTUP6UL7.js';
1
+ import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './LLLYVUVC.js';
2
2
 
3
3
  // ../../node_modules/.pnpm/@solid-primitives+utils@6.4.0_solid-js@1.9.12/node_modules/@solid-primitives/utils/dist/index.js
4
4
  var isClient = !isServer;
@@ -10640,21 +10640,11 @@ var QueryRow = (props) => {
10640
10640
  alpha
10641
10641
  } = tokens;
10642
10642
  const t2 = (light, dark) => theme() === "dark" ? dark : light;
10643
- const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10644
- queryKey: props.query.queryKey
10645
- })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
10646
- const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10647
- queryKey: props.query.queryKey
10648
- })?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10649
- const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10650
- queryKey: props.query.queryKey
10651
- })?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10652
- const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10653
- queryKey: props.query.queryKey
10654
- })?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10655
- const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10656
- queryKey: props.query.queryKey
10657
- })?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
10643
+ const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
10644
+ const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10645
+ const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10646
+ const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10647
+ const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
10658
10648
  const color = createMemo(() => getQueryStatusColor({
10659
10649
  queryState: queryState(),
10660
10650
  observerCount: observers(),
package/build/chunk/{KTUP6UL7.js → LLLYVUVC.js} RENAMED
@@ -2756,7 +2756,7 @@ function getQueryStatusColor({
2756
2756
  observerCount,
2757
2757
  isStale
2758
2758
  }) {
2759
- return queryState.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2759
+ return queryState?.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState?.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2760
2760
  }
2761
2761
  function getMutationStatusColor({
2762
2762
  status,
package/build/chunk/{Q7GRFEEB.js → RJYFHVWH.js} RENAMED
@@ -2757,7 +2757,7 @@ function getQueryStatusColor({
2757
2757
  observerCount,
2758
2758
  isStale
2759
2759
  }) {
2760
- return queryState.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2760
+ return queryState?.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState?.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2761
2761
  }
2762
2762
  function getMutationStatusColor({
2763
2763
  status,
package/build/chunk/{S7NCRHOU.js → WLGSOJG7.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './Q7GRFEEB.js';
1
+ import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createSignal, useContext, createUniqueId, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, template, use, insert, className, getSidedProp, convertRemToPixels, setStyleProperty, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './RJYFHVWH.js';
2
2
 
3
3
  // ../../node_modules/.pnpm/@solid-primitives+utils@6.4.0_solid-js@1.9.12/node_modules/@solid-primitives/utils/dist/index.js
4
4
  var isClient = !isServer;
@@ -10642,21 +10642,11 @@ var QueryRow = (props) => {
10642
10642
  alpha
10643
10643
  } = tokens;
10644
10644
  const t2 = (light, dark) => theme() === "dark" ? dark : light;
10645
- const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10646
- queryKey: props.query.queryKey
10647
- })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
10648
- const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10649
- queryKey: props.query.queryKey
10650
- })?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10651
- const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10652
- queryKey: props.query.queryKey
10653
- })?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10654
- const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10655
- queryKey: props.query.queryKey
10656
- })?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10657
- const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
10658
- queryKey: props.query.queryKey
10659
- })?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
10645
+ const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
10646
+ const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10647
+ const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10648
+ const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
10649
+ const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
10660
10650
  const color = createMemo(() => getQueryStatusColor({
10661
10651
  queryState: queryState(),
10662
10652
  observerCount: observers(),
package/build/dev.cjs CHANGED
@@ -2879,7 +2879,7 @@ function getQueryStatusColor({
2879
2879
  observerCount,
2880
2880
  isStale
2881
2881
  }) {
2882
- return queryState.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2882
+ return queryState?.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState?.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2883
2883
  }
2884
2884
  function getMutationStatusColor({
2885
2885
  status,
@@ -14288,21 +14288,11 @@ var init_Devtools = __esm({
14288
14288
  alpha
14289
14289
  } = tokens;
14290
14290
  const t2 = (light, dark) => theme() === "dark" ? dark : light;
14291
- const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14292
- queryKey: props.query.queryKey
14293
- })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
14294
- const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14295
- queryKey: props.query.queryKey
14296
- })?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14297
- const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14298
- queryKey: props.query.queryKey
14299
- })?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14300
- const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14301
- queryKey: props.query.queryKey
14302
- })?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14303
- const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14304
- queryKey: props.query.queryKey
14305
- })?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
14291
+ const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
14292
+ const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14293
+ const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14294
+ const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14295
+ const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
14306
14296
  const color = createMemo(() => getQueryStatusColor({
14307
14297
  queryState: queryState(),
14308
14298
  observerCount: observers(),
package/build/dev.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/Q7GRFEEB.js';
1
+ import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/RJYFHVWH.js';
2
2
 
3
3
  // src/TanstackQueryDevtools.tsx
4
4
  var TanstackQueryDevtools = class {
@@ -80,7 +80,7 @@ var TanstackQueryDevtools = class {
80
80
  if (this.#Component) {
81
81
  Devtools = this.#Component;
82
82
  } else {
83
- Devtools = lazy(() => import('./DevtoolsComponent/VKXKX7EQ.js'));
83
+ Devtools = lazy(() => import('./DevtoolsComponent/I4EE2JD6.js'));
84
84
  this.#Component = Devtools;
85
85
  }
86
86
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
@@ -220,7 +220,7 @@ var TanstackQueryDevtoolsPanel = class {
220
220
  if (this.#Component) {
221
221
  Devtools = this.#Component;
222
222
  } else {
223
- Devtools = lazy(() => import('./DevtoolsPanelComponent/ZUJJ2RGI.js'));
223
+ Devtools = lazy(() => import('./DevtoolsPanelComponent/C2NHY6T5.js'));
224
224
  this.#Component = Devtools;
225
225
  }
226
226
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
package/build/index.cjs CHANGED
@@ -2878,7 +2878,7 @@ function getQueryStatusColor({
2878
2878
  observerCount,
2879
2879
  isStale
2880
2880
  }) {
2881
- return queryState.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2881
+ return queryState?.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState?.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
2882
2882
  }
2883
2883
  function getMutationStatusColor({
2884
2884
  status,
@@ -14285,21 +14285,11 @@ var init_Devtools = __esm({
14285
14285
  alpha
14286
14286
  } = tokens;
14287
14287
  const t2 = (light, dark) => theme() === "dark" ? dark : light;
14288
- const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14289
- queryKey: props.query.queryKey
14290
- })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
14291
- const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14292
- queryKey: props.query.queryKey
14293
- })?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14294
- const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14295
- queryKey: props.query.queryKey
14296
- })?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14297
- const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14298
- queryKey: props.query.queryKey
14299
- })?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14300
- const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
14301
- queryKey: props.query.queryKey
14302
- })?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
14288
+ const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
14289
+ const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14290
+ const isStatic = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStatic() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14291
+ const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
14292
+ const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().get(props.query.queryHash)?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
14303
14293
  const color = createMemo(() => getQueryStatusColor({
14304
14294
  queryState: queryState(),
14305
14295
  observerCount: observers(),
package/build/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/KTUP6UL7.js';
1
+ import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/LLLYVUVC.js';
2
2
 
3
3
  // src/TanstackQueryDevtools.tsx
4
4
  var TanstackQueryDevtools = class {
@@ -80,7 +80,7 @@ var TanstackQueryDevtools = class {
80
80
  if (this.#Component) {
81
81
  Devtools = this.#Component;
82
82
  } else {
83
- Devtools = lazy(() => import('./DevtoolsComponent/3PTWN7RB.js'));
83
+ Devtools = lazy(() => import('./DevtoolsComponent/KX7FEU5Y.js'));
84
84
  this.#Component = Devtools;
85
85
  }
86
86
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
@@ -220,7 +220,7 @@ var TanstackQueryDevtoolsPanel = class {
220
220
  if (this.#Component) {
221
221
  Devtools = this.#Component;
222
222
  } else {
223
- Devtools = lazy(() => import('./DevtoolsPanelComponent/KFUZFIDZ.js'));
223
+ Devtools = lazy(() => import('./DevtoolsPanelComponent/RTO6RD2J.js'));
224
224
  this.#Component = Devtools;
225
225
  }
226
226
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/query-devtools",
3
- "version": "5.100.14",
3
+ "version": "5.101.1",
4
4
  "description": "Developer tools to interact with and visualize the TanStack Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -58,7 +58,7 @@
58
58
  "superjson": "^2.2.2",
59
59
  "tsup-preset-solid": "^2.2.0",
60
60
  "vite-plugin-solid": "^2.11.6",
61
- "@tanstack/query-core": "5.100.14"
61
+ "@tanstack/query-core": "5.101.1"
62
62
  },
63
63
  "scripts": {
64
64
  "clean": "premove ./build ./coverage ./dist-ts",
package/src/Devtools.tsx CHANGED
@@ -1384,61 +1384,41 @@ const QueryRow: Component<{ query: Query }> = (props) => {
1384
1384
  const t = (light: string, dark: string) => (theme() === 'dark' ? dark : light)
1385
1385
 
1386
1386
  const queryState = createSubscribeToQueryCacheBatcher(
1387
- (queryCache) =>
1388
- queryCache().find({
1389
- queryKey: props.query.queryKey,
1390
- })?.state,
1387
+ (queryCache) => queryCache().get(props.query.queryHash)?.state,
1391
1388
  true,
1392
1389
  (e) => e.query.queryHash === props.query.queryHash,
1393
1390
  )
1394
1391
 
1395
1392
  const isDisabled = createSubscribeToQueryCacheBatcher(
1396
1393
  (queryCache) =>
1397
- queryCache()
1398
- .find({
1399
- queryKey: props.query.queryKey,
1400
- })
1401
- ?.isDisabled() ?? false,
1394
+ queryCache().get(props.query.queryHash)?.isDisabled() ?? false,
1402
1395
  true,
1403
1396
  (e) => e.query.queryHash === props.query.queryHash,
1404
1397
  )
1405
1398
 
1406
1399
  const isStatic = createSubscribeToQueryCacheBatcher(
1407
1400
  (queryCache) =>
1408
- queryCache()
1409
- .find({
1410
- queryKey: props.query.queryKey,
1411
- })
1412
- ?.isStatic() ?? false,
1401
+ queryCache().get(props.query.queryHash)?.isStatic() ?? false,
1413
1402
  true,
1414
1403
  (e) => e.query.queryHash === props.query.queryHash,
1415
1404
  )
1416
1405
 
1417
1406
  const isStale = createSubscribeToQueryCacheBatcher(
1418
- (queryCache) =>
1419
- queryCache()
1420
- .find({
1421
- queryKey: props.query.queryKey,
1422
- })
1423
- ?.isStale() ?? false,
1407
+ (queryCache) => queryCache().get(props.query.queryHash)?.isStale() ?? false,
1424
1408
  true,
1425
1409
  (e) => e.query.queryHash === props.query.queryHash,
1426
1410
  )
1427
1411
 
1428
1412
  const observers = createSubscribeToQueryCacheBatcher(
1429
1413
  (queryCache) =>
1430
- queryCache()
1431
- .find({
1432
- queryKey: props.query.queryKey,
1433
- })
1434
- ?.getObserversCount() ?? 0,
1414
+ queryCache().get(props.query.queryHash)?.getObserversCount() ?? 0,
1435
1415
  true,
1436
1416
  (e) => e.query.queryHash === props.query.queryHash,
1437
1417
  )
1438
1418
 
1439
1419
  const color = createMemo(() =>
1440
1420
  getQueryStatusColor({
1441
- queryState: queryState()!,
1421
+ queryState: queryState(),
1442
1422
  observerCount: observers(),
1443
1423
  isStale: isStale(),
1444
1424
  }),
package/src/utils.tsx CHANGED
@@ -31,15 +31,15 @@ export function getQueryStatusColor({
31
31
  observerCount,
32
32
  isStale,
33
33
  }: {
34
- queryState: Query['state']
34
+ queryState: Query['state'] | undefined
35
35
  observerCount: number
36
36
  isStale: boolean
37
37
  }) {
38
- return queryState.fetchStatus === 'fetching'
38
+ return queryState?.fetchStatus === 'fetching'
39
39
  ? 'blue'
40
40
  : !observerCount
41
41
  ? 'gray'
42
- : queryState.fetchStatus === 'paused'
42
+ : queryState?.fetchStatus === 'paused'
43
43
  ? 'purple'
44
44
  : isStale
45
45
  ? 'yellow'