@tanstack/query-devtools 5.27.6 → 5.28.3

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 (12) hide show
  1. package/build/Devtools/{DNNKSY26.js → BPGFTGZB.js} +2 -2
  2. package/build/Devtools/{XCT7HWYW.jsx → IATLRCG5.jsx} +4 -2
  3. package/build/Devtools/{3GD3OJ5X.jsx → MTC7LE5I.jsx} +4 -2
  4. package/build/Devtools/{TSTTTWSP.js → TCDAW7I4.js} +2 -2
  5. package/build/dev.cjs +3 -3
  6. package/build/dev.js +1 -1
  7. package/build/dev.jsx +1 -1
  8. package/build/index.cjs +3 -3
  9. package/build/index.js +1 -1
  10. package/build/index.jsx +1 -1
  11. package/package.json +2 -2
  12. package/src/Devtools.tsx +4 -3
package/build/Devtools/{DNNKSY26.js → BPGFTGZB.js} RENAMED
@@ -9556,6 +9556,7 @@ var DEFAULT_MUTATION_SORT_FN_NAME = Object.keys(mutationSortFns)[0];
9556
9556
  var [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
9557
9557
  var [selectedMutationId, setSelectedMutationId] = createSignal(null);
9558
9558
  var [panelWidth, setPanelWidth] = createSignal(0);
9559
+ var [offline, setOffline] = createSignal(false);
9559
9560
  var PiPContext = createContext(void 0);
9560
9561
  var PiPProvider = (props) => {
9561
9562
  const [pipWindow, setPipWindow] = createSignal(null);
@@ -9583,7 +9584,7 @@ var PiPProvider = (props) => {
9583
9584
  props.setLocalStore("pip_open", "false");
9584
9585
  setPipWindow(null);
9585
9586
  });
9586
- [...document.styleSheets].forEach((styleSheet) => {
9587
+ [...(useQueryDevtoolsContext().shadowDOMTarget || document).styleSheets].forEach((styleSheet) => {
9587
9588
  try {
9588
9589
  const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
9589
9590
  const style2 = document.createElement("style");
@@ -10055,7 +10056,6 @@ var ContentView = (props) => {
10055
10056
  const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
10056
10057
  const mutationSort = createMemo(() => props.localStore.mutationSort || DEFAULT_MUTATION_SORT_FN_NAME);
10057
10058
  const mutationSortOrder = createMemo(() => Number(props.localStore.mutationSortOrder) || DEFAULT_SORT_ORDER);
10058
- const [offline, setOffline] = createSignal(false);
10059
10059
  const sortFn = createMemo(() => sortFns[sort()]);
10060
10060
  const mutationSortFn = createMemo(() => mutationSortFns[mutationSort()]);
10061
10061
  const onlineManager = createMemo(() => useQueryDevtoolsContext().onlineManager);
package/build/Devtools/{XCT7HWYW.jsx → IATLRCG5.jsx} RENAMED
@@ -10459,6 +10459,7 @@ var [selectedMutationId, setSelectedMutationId] = createSignal(
10459
10459
  null
10460
10460
  );
10461
10461
  var [panelWidth, setPanelWidth] = createSignal(0);
10462
+ var [offline, setOffline] = createSignal(false);
10462
10463
  var PiPContext = createContext(
10463
10464
  void 0
10464
10465
  );
@@ -10494,7 +10495,9 @@ var PiPProvider = (props) => {
10494
10495
  props.setLocalStore("pip_open", "false");
10495
10496
  setPipWindow(null);
10496
10497
  });
10497
- [...document.styleSheets].forEach((styleSheet) => {
10498
+ [
10499
+ ...(useQueryDevtoolsContext().shadowDOMTarget || document).styleSheets
10500
+ ].forEach((styleSheet) => {
10498
10501
  try {
10499
10502
  const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
10500
10503
  const style2 = document.createElement("style");
@@ -10930,7 +10933,6 @@ var ContentView = (props) => {
10930
10933
  const mutationSortOrder = createMemo(
10931
10934
  () => Number(props.localStore.mutationSortOrder) || DEFAULT_SORT_ORDER
10932
10935
  );
10933
- const [offline, setOffline] = createSignal(false);
10934
10936
  const sortFn = createMemo(() => sortFns[sort()]);
10935
10937
  const mutationSortFn = createMemo(
10936
10938
  () => mutationSortFns[mutationSort()]
package/build/Devtools/{3GD3OJ5X.jsx → MTC7LE5I.jsx} RENAMED
@@ -10458,6 +10458,7 @@ var [selectedMutationId, setSelectedMutationId] = createSignal(
10458
10458
  null
10459
10459
  );
10460
10460
  var [panelWidth, setPanelWidth] = createSignal(0);
10461
+ var [offline, setOffline] = createSignal(false);
10461
10462
  var PiPContext = createContext(
10462
10463
  void 0
10463
10464
  );
@@ -10493,7 +10494,9 @@ var PiPProvider = (props) => {
10493
10494
  props.setLocalStore("pip_open", "false");
10494
10495
  setPipWindow(null);
10495
10496
  });
10496
- [...document.styleSheets].forEach((styleSheet) => {
10497
+ [
10498
+ ...(useQueryDevtoolsContext().shadowDOMTarget || document).styleSheets
10499
+ ].forEach((styleSheet) => {
10497
10500
  try {
10498
10501
  const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
10499
10502
  const style2 = document.createElement("style");
@@ -10929,7 +10932,6 @@ var ContentView = (props) => {
10929
10932
  const mutationSortOrder = createMemo(
10930
10933
  () => Number(props.localStore.mutationSortOrder) || DEFAULT_SORT_ORDER
10931
10934
  );
10932
- const [offline, setOffline] = createSignal(false);
10933
10935
  const sortFn = createMemo(() => sortFns[sort()]);
10934
10936
  const mutationSortFn = createMemo(
10935
10937
  () => mutationSortFns[mutationSort()]
package/build/Devtools/{TSTTTWSP.js → TCDAW7I4.js} RENAMED
@@ -9557,6 +9557,7 @@ var DEFAULT_MUTATION_SORT_FN_NAME = Object.keys(mutationSortFns)[0];
9557
9557
  var [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
9558
9558
  var [selectedMutationId, setSelectedMutationId] = createSignal(null);
9559
9559
  var [panelWidth, setPanelWidth] = createSignal(0);
9560
+ var [offline, setOffline] = createSignal(false);
9560
9561
  var PiPContext = createContext(void 0);
9561
9562
  var PiPProvider = (props) => {
9562
9563
  const [pipWindow, setPipWindow] = createSignal(null);
@@ -9584,7 +9585,7 @@ var PiPProvider = (props) => {
9584
9585
  props.setLocalStore("pip_open", "false");
9585
9586
  setPipWindow(null);
9586
9587
  });
9587
- [...document.styleSheets].forEach((styleSheet) => {
9588
+ [...(useQueryDevtoolsContext().shadowDOMTarget || document).styleSheets].forEach((styleSheet) => {
9588
9589
  try {
9589
9590
  const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
9590
9591
  const style2 = document.createElement("style");
@@ -10056,7 +10057,6 @@ var ContentView = (props) => {
10056
10057
  const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
10057
10058
  const mutationSort = createMemo(() => props.localStore.mutationSort || DEFAULT_MUTATION_SORT_FN_NAME);
10058
10059
  const mutationSortOrder = createMemo(() => Number(props.localStore.mutationSortOrder) || DEFAULT_SORT_ORDER);
10059
- const [offline, setOffline] = createSignal(false);
10060
10060
  const sortFn = createMemo(() => sortFns[sort()]);
10061
10061
  const mutationSortFn = createMemo(() => mutationSortFns[mutationSort()]);
10062
10062
  const onlineManager = createMemo(() => useQueryDevtoolsContext().onlineManager);
package/build/dev.cjs CHANGED
@@ -12910,7 +12910,7 @@ var Devtools_exports = {};
12910
12910
  __export(Devtools_exports, {
12911
12911
  default: () => Devtools_default
12912
12912
  });
12913
- var _tmpl$25, _tmpl$26, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$93, _tmpl$103, _tmpl$113, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$152, _tmpl$162, _tmpl$172, _tmpl$182, _tmpl$192, _tmpl$202, _tmpl$212, _tmpl$222, _tmpl$232, _tmpl$242, _tmpl$252, _tmpl$262, _tmpl$27, _tmpl$28, _tmpl$29, _tmpl$30, _tmpl$31, _tmpl$322, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, THEME_PREFERENCE, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, DEFAULT_MUTATION_SORT_FN_NAME, selectedQueryHash, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth, setPanelWidth, PiPContext, PiPProvider, usePiPWindow, DevtoolsComponent, Devtools_default, Devtools, PiPPanel, DevtoolsPanel, ContentView, QueryRow, MutationRow, QueryStatusCount, MutationStatusCount, QueryStatus, QueryDetails, MutationDetails, queryCacheMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, mutationCacheMap, setupMutationCacheSubscription, createSubscribeToMutationCacheBatcher, stylesFactory2, lightStyles2, darkStyles2;
12913
+ var _tmpl$25, _tmpl$26, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$93, _tmpl$103, _tmpl$113, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$152, _tmpl$162, _tmpl$172, _tmpl$182, _tmpl$192, _tmpl$202, _tmpl$212, _tmpl$222, _tmpl$232, _tmpl$242, _tmpl$252, _tmpl$262, _tmpl$27, _tmpl$28, _tmpl$29, _tmpl$30, _tmpl$31, _tmpl$322, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, THEME_PREFERENCE, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, DEFAULT_MUTATION_SORT_FN_NAME, selectedQueryHash, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth, setPanelWidth, offline, setOffline, PiPContext, PiPProvider, usePiPWindow, DevtoolsComponent, Devtools_default, Devtools, PiPPanel, DevtoolsPanel, ContentView, QueryRow, MutationRow, QueryStatusCount, MutationStatusCount, QueryStatus, QueryDetails, MutationDetails, queryCacheMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, mutationCacheMap, setupMutationCacheSubscription, createSubscribeToMutationCacheBatcher, stylesFactory2, lightStyles2, darkStyles2;
12914
12914
  var init_Devtools = __esm({
12915
12915
  "src/Devtools.tsx"() {
12916
12916
  init_web();
@@ -12986,6 +12986,7 @@ var init_Devtools = __esm({
12986
12986
  [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
12987
12987
  [selectedMutationId, setSelectedMutationId] = createSignal(null);
12988
12988
  [panelWidth, setPanelWidth] = createSignal(0);
12989
+ [offline, setOffline] = createSignal(false);
12989
12990
  PiPContext = createContext(void 0);
12990
12991
  PiPProvider = (props) => {
12991
12992
  const [pipWindow, setPipWindow] = createSignal(null);
@@ -13013,7 +13014,7 @@ var init_Devtools = __esm({
13013
13014
  props.setLocalStore("pip_open", "false");
13014
13015
  setPipWindow(null);
13015
13016
  });
13016
- [...document.styleSheets].forEach((styleSheet) => {
13017
+ [...(useQueryDevtoolsContext().shadowDOMTarget || document).styleSheets].forEach((styleSheet) => {
13017
13018
  try {
13018
13019
  const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
13019
13020
  const style2 = document.createElement("style");
@@ -13485,7 +13486,6 @@ var init_Devtools = __esm({
13485
13486
  const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
13486
13487
  const mutationSort = createMemo(() => props.localStore.mutationSort || DEFAULT_MUTATION_SORT_FN_NAME);
13487
13488
  const mutationSortOrder = createMemo(() => Number(props.localStore.mutationSortOrder) || DEFAULT_SORT_ORDER);
13488
- const [offline, setOffline] = createSignal(false);
13489
13489
  const sortFn = createMemo(() => sortFns[sort()]);
13490
13490
  const mutationSortFn = createMemo(() => mutationSortFns[mutationSort()]);
13491
13491
  const onlineManager = createMemo(() => useQueryDevtoolsContext().onlineManager);
package/build/dev.js CHANGED
@@ -69,7 +69,7 @@ var TanstackQueryDevtools = class {
69
69
  if (this.#Component) {
70
70
  Devtools = this.#Component;
71
71
  } else {
72
- Devtools = lazy(() => import('./Devtools/TSTTTWSP.js'));
72
+ Devtools = lazy(() => import('./Devtools/TCDAW7I4.js'));
73
73
  this.#Component = Devtools;
74
74
  }
75
75
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
package/build/dev.jsx CHANGED
@@ -73,7 +73,7 @@ var TanstackQueryDevtools = class {
73
73
  if (this.#Component) {
74
74
  Devtools = this.#Component;
75
75
  } else {
76
- Devtools = lazy(() => import("./Devtools/XCT7HWYW.jsx"));
76
+ Devtools = lazy(() => import("./Devtools/IATLRCG5.jsx"));
77
77
  this.#Component = Devtools;
78
78
  }
79
79
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
package/build/index.cjs CHANGED
@@ -12908,7 +12908,7 @@ var Devtools_exports = {};
12908
12908
  __export(Devtools_exports, {
12909
12909
  default: () => Devtools_default
12910
12910
  });
12911
- var _tmpl$25, _tmpl$26, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$93, _tmpl$103, _tmpl$113, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$152, _tmpl$162, _tmpl$172, _tmpl$182, _tmpl$192, _tmpl$202, _tmpl$212, _tmpl$222, _tmpl$232, _tmpl$242, _tmpl$252, _tmpl$262, _tmpl$27, _tmpl$28, _tmpl$29, _tmpl$30, _tmpl$31, _tmpl$322, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, THEME_PREFERENCE, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, DEFAULT_MUTATION_SORT_FN_NAME, selectedQueryHash, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth, setPanelWidth, PiPContext, PiPProvider, usePiPWindow, DevtoolsComponent, Devtools_default, Devtools, PiPPanel, DevtoolsPanel, ContentView, QueryRow, MutationRow, QueryStatusCount, MutationStatusCount, QueryStatus, QueryDetails, MutationDetails, queryCacheMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, mutationCacheMap, setupMutationCacheSubscription, createSubscribeToMutationCacheBatcher, stylesFactory2, lightStyles2, darkStyles2;
12911
+ var _tmpl$25, _tmpl$26, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$93, _tmpl$103, _tmpl$113, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$152, _tmpl$162, _tmpl$172, _tmpl$182, _tmpl$192, _tmpl$202, _tmpl$212, _tmpl$222, _tmpl$232, _tmpl$242, _tmpl$252, _tmpl$262, _tmpl$27, _tmpl$28, _tmpl$29, _tmpl$30, _tmpl$31, _tmpl$322, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, THEME_PREFERENCE, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, DEFAULT_MUTATION_SORT_FN_NAME, selectedQueryHash, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth, setPanelWidth, offline, setOffline, PiPContext, PiPProvider, usePiPWindow, DevtoolsComponent, Devtools_default, Devtools, PiPPanel, DevtoolsPanel, ContentView, QueryRow, MutationRow, QueryStatusCount, MutationStatusCount, QueryStatus, QueryDetails, MutationDetails, queryCacheMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, mutationCacheMap, setupMutationCacheSubscription, createSubscribeToMutationCacheBatcher, stylesFactory2, lightStyles2, darkStyles2;
12912
12912
  var init_Devtools = __esm({
12913
12913
  "src/Devtools.tsx"() {
12914
12914
  init_web();
@@ -12984,6 +12984,7 @@ var init_Devtools = __esm({
12984
12984
  [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
12985
12985
  [selectedMutationId, setSelectedMutationId] = createSignal(null);
12986
12986
  [panelWidth, setPanelWidth] = createSignal(0);
12987
+ [offline, setOffline] = createSignal(false);
12987
12988
  PiPContext = createContext(void 0);
12988
12989
  PiPProvider = (props) => {
12989
12990
  const [pipWindow, setPipWindow] = createSignal(null);
@@ -13011,7 +13012,7 @@ var init_Devtools = __esm({
13011
13012
  props.setLocalStore("pip_open", "false");
13012
13013
  setPipWindow(null);
13013
13014
  });
13014
- [...document.styleSheets].forEach((styleSheet) => {
13015
+ [...(useQueryDevtoolsContext().shadowDOMTarget || document).styleSheets].forEach((styleSheet) => {
13015
13016
  try {
13016
13017
  const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
13017
13018
  const style2 = document.createElement("style");
@@ -13483,7 +13484,6 @@ var init_Devtools = __esm({
13483
13484
  const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
13484
13485
  const mutationSort = createMemo(() => props.localStore.mutationSort || DEFAULT_MUTATION_SORT_FN_NAME);
13485
13486
  const mutationSortOrder = createMemo(() => Number(props.localStore.mutationSortOrder) || DEFAULT_SORT_ORDER);
13486
- const [offline, setOffline] = createSignal(false);
13487
13487
  const sortFn = createMemo(() => sortFns[sort()]);
13488
13488
  const mutationSortFn = createMemo(() => mutationSortFns[mutationSort()]);
13489
13489
  const onlineManager = createMemo(() => useQueryDevtoolsContext().onlineManager);
package/build/index.js CHANGED
@@ -69,7 +69,7 @@ var TanstackQueryDevtools = class {
69
69
  if (this.#Component) {
70
70
  Devtools = this.#Component;
71
71
  } else {
72
- Devtools = lazy(() => import('./Devtools/DNNKSY26.js'));
72
+ Devtools = lazy(() => import('./Devtools/BPGFTGZB.js'));
73
73
  this.#Component = Devtools;
74
74
  }
75
75
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
package/build/index.jsx CHANGED
@@ -73,7 +73,7 @@ var TanstackQueryDevtools = class {
73
73
  if (this.#Component) {
74
74
  Devtools = this.#Component;
75
75
  } else {
76
- Devtools = lazy(() => import("./Devtools/3GD3OJ5X.jsx"));
76
+ Devtools = lazy(() => import("./Devtools/MTC7LE5I.jsx"));
77
77
  this.#Component = Devtools;
78
78
  }
79
79
  setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/query-devtools",
3
- "version": "5.27.6",
3
+ "version": "5.28.3",
4
4
  "description": "Developer tools to interact with and visualize the TanStack Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -50,7 +50,7 @@
50
50
  "superjson": "^1.13.3",
51
51
  "tsup-preset-solid": "^2.2.0",
52
52
  "vite-plugin-solid": "^2.9.1",
53
- "@tanstack/query-core": "5.27.5"
53
+ "@tanstack/query-core": "5.28.2"
54
54
  },
55
55
  "scripts": {
56
56
  "clean": "rimraf ./build && rimraf ./coverage",
package/src/Devtools.tsx CHANGED
@@ -110,6 +110,7 @@ const [selectedMutationId, setSelectedMutationId] = createSignal<number | null>(
110
110
  null,
111
111
  )
112
112
  const [panelWidth, setPanelWidth] = createSignal(0)
113
+ const [offline, setOffline] = createSignal(false)
113
114
 
114
115
  export type DevtoolsComponentType = Component<QueryDevtoolsProps> & {
115
116
  shadowDOMTarget?: ShadowRoot
@@ -181,7 +182,9 @@ const PiPProvider = (props: PiPProviderProps) => {
181
182
 
182
183
  // It is important to copy all parent window styles. Otherwise, there would be no CSS available at all
183
184
  // https://developer.chrome.com/docs/web-platform/document-picture-in-picture/#copy-style-sheets-to-the-picture-in-picture-window
184
- ;[...document.styleSheets].forEach((styleSheet) => {
185
+ ;[
186
+ ...(useQueryDevtoolsContext().shadowDOMTarget || document).styleSheets,
187
+ ].forEach((styleSheet) => {
185
188
  try {
186
189
  const cssRules = [...styleSheet.cssRules]
187
190
  .map((rule) => rule.cssText)
@@ -776,8 +779,6 @@ const ContentView: Component<DevtoolsPanelProps> = (props) => {
776
779
  () => Number(props.localStore.mutationSortOrder) || DEFAULT_SORT_ORDER,
777
780
  ) as () => 1 | -1
778
781
 
779
- const [offline, setOffline] = createSignal(false)
780
-
781
782
  const sortFn = createMemo(() => sortFns[sort() as string])
782
783
  const mutationSortFn = createMemo(
783
784
  () => mutationSortFns[mutationSort() as string],