39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/RQBHRHJL.js';
|
|
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/ZCXR2IAF.js';
|
|
|
|
// src/DevtoolsComponent.tsx
|
|
var DevtoolsComponent = (props) => {
|
|
const [localStore, setLocalStore] = createLocalStorage({
|
|
prefix: "TanstackQueryDevtools"
|
|
});
|
|
const colorScheme = getPreferredColorScheme();
|
|
const theme = createMemo(() => {
|
|
const preference = props.theme || 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 };
|