You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23–26.RSVP
Socket
Book a DemoSign in
Socket

@tanstack/query-devtools

Package Overview
Dependencies
Maintainers
2
Versions
141
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tanstack/query-devtools - npm Package Compare versions

Comparing version
5.72.2
to
5.73.3
build/chunk/PPK4CBG4.js

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

+38
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/PPK4CBG4.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/HR7YXZ5H.js';
// src/DevtoolsComponent.tsx
var DevtoolsComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(Devtools, {
localStore,
setLocalStore
});
}
});
}
});
}
});
};
var DevtoolsComponent_default = DevtoolsComponent;
export { DevtoolsComponent_default as default };
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/SUJ6RQCA.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/V5T5VJKG.js';
// src/DevtoolsComponent.tsx
var DevtoolsComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(Devtools, {
localStore,
setLocalStore
});
}
});
}
});
}
});
};
var DevtoolsComponent_default = DevtoolsComponent;
export { DevtoolsComponent_default as default };
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/PPK4CBG4.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/HR7YXZ5H.js';
// src/DevtoolsPanelComponent.tsx
var DevtoolsPanelComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
disabled: true,
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(ParentPanel, {
get children() {
return createComponent(ContentView, {
localStore,
setLocalStore,
get onClose() {
return props.onClose;
},
showPanelViewOnly: true
});
}
});
}
});
}
});
}
});
};
var DevtoolsPanelComponent_default = DevtoolsPanelComponent;
export { DevtoolsPanelComponent_default as default };
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/SUJ6RQCA.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/V5T5VJKG.js';
// src/DevtoolsPanelComponent.tsx
var DevtoolsPanelComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
disabled: true,
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(ParentPanel, {
get children() {
return createComponent(ContentView, {
localStore,
setLocalStore,
get onClose() {
return props.onClose;
},
showPanelViewOnly: true
});
}
});
}
});
}
});
}
});
};
var DevtoolsPanelComponent_default = DevtoolsPanelComponent;
export { DevtoolsPanelComponent_default as default };
+2
-2

@@ -72,3 +72,3 @@ import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/V5T5VJKG.js';

} else {
Devtools = lazy(() => import('./DevtoolsComponent/SUXNJKMM.js'));
Devtools = lazy(() => import('./DevtoolsComponent/OHEVZFKG.js'));
this.#Component = Devtools;

@@ -196,3 +196,3 @@ }

} else {
Devtools = lazy(() => import('./DevtoolsPanelComponent/LDUQ2GE4.js'));
Devtools = lazy(() => import('./DevtoolsPanelComponent/ZXCTK5ZC.js'));
this.#Component = Devtools;

@@ -199,0 +199,0 @@ }

@@ -72,3 +72,3 @@ import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/HR7YXZ5H.js';

} else {
Devtools = lazy(() => import('./DevtoolsComponent/CPIOZS5X.js'));
Devtools = lazy(() => import('./DevtoolsComponent/C2Q2AJ2U.js'));
this.#Component = Devtools;

@@ -196,3 +196,3 @@ }

} else {
Devtools = lazy(() => import('./DevtoolsPanelComponent/OKF6E45R.js'));
Devtools = lazy(() => import('./DevtoolsPanelComponent/CTUG6TWM.js'));
this.#Component = Devtools;

@@ -199,0 +199,0 @@ }

{
"name": "@tanstack/query-devtools",
"version": "5.72.2",
"version": "5.73.3",
"description": "Developer tools to interact with and visualize the TanStack Query cache",

@@ -59,5 +59,5 @@ "author": "tannerlinsley",

"vite-plugin-solid": "^2.11.6",
"@tanstack/query-core": "5.72.2"
"@tanstack/query-core": "5.73.3"
},
"scripts": {}
}

@@ -535,3 +535,4 @@ import { serialize, stringify } from 'superjson'

font-size: ${font.size.xs};
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
font-family:
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
'Liberation Mono', 'Courier New', monospace;

@@ -538,0 +539,0 @@ }

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/WXAWMS3D.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/HR7YXZ5H.js';
// src/DevtoolsComponent.tsx
var DevtoolsComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(Devtools, {
localStore,
setLocalStore
});
}
});
}
});
}
});
};
var DevtoolsComponent_default = DevtoolsComponent;
export { DevtoolsComponent_default as default };
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/DZBXNQB4.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/V5T5VJKG.js';
// src/DevtoolsComponent.tsx
var DevtoolsComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(Devtools, {
localStore,
setLocalStore
});
}
});
}
});
}
});
};
var DevtoolsComponent_default = DevtoolsComponent;
export { DevtoolsComponent_default as default };
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/DZBXNQB4.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/V5T5VJKG.js';
// src/DevtoolsPanelComponent.tsx
var DevtoolsPanelComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
disabled: true,
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(ParentPanel, {
get children() {
return createComponent(ContentView, {
localStore,
setLocalStore,
get onClose() {
return props.onClose;
},
showPanelViewOnly: true
});
}
});
}
});
}
});
}
});
};
var DevtoolsPanelComponent_default = DevtoolsPanelComponent;
export { DevtoolsPanelComponent_default as default };
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/WXAWMS3D.js';
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/HR7YXZ5H.js';
// src/DevtoolsPanelComponent.tsx
var DevtoolsPanelComponent = (props) => {
const [localStore, setLocalStore] = createLocalStorage({
prefix: "TanstackQueryDevtools"
});
const colorScheme = getPreferredColorScheme();
const theme = createMemo(() => {
const preference = localStore.theme_preference || THEME_PREFERENCE;
if (preference !== "system") return preference;
return colorScheme();
});
return createComponent(QueryDevtoolsContext.Provider, {
value: props,
get children() {
return createComponent(PiPProvider, {
disabled: true,
localStore,
setLocalStore,
get children() {
return createComponent(ThemeContext.Provider, {
value: theme,
get children() {
return createComponent(ParentPanel, {
get children() {
return createComponent(ContentView, {
localStore,
setLocalStore,
get onClose() {
return props.onClose;
},
showPanelViewOnly: true
});
}
});
}
});
}
});
}
});
};
var DevtoolsPanelComponent_default = DevtoolsPanelComponent;
export { DevtoolsPanelComponent_default as default };

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display