48 lines
1.6 KiB
JavaScript
48 lines
1.6 KiB
JavaScript
import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/RQBHRHJL.js';
|
|
import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/ZCXR2IAF.js';
|
|
|
|
// src/DevtoolsPanelComponent.tsx
|
|
var DevtoolsPanelComponent = (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, {
|
|
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 };
|