@tanstack/query-devtools - npm Package Compare versions

Comparing version 5.101.1 to 5.101.2

build/DevtoolsComponent/SO26Z5QU.js

+import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/OJ5GAW4I.js';
+import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/M4GWWVAC.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 };

build/DevtoolsComponent/ZXV6FBN7.js

+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 };

build/DevtoolsPanelComponent/MO2VZFYH.js

+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 };

build/DevtoolsPanelComponent/MYKLHYJZ.js

+import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/OJ5GAW4I.js';
+import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/M4GWWVAC.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 };

build/dev.js

@@ -1,2 +0,2 @@
-import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/RJYFHVWH.js';
+import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/M4GWWVAC.js';
 
@@ -83,3 +83,3 @@ // src/TanstackQueryDevtools.tsx
       } else {
-        Devtools = lazy(() => import('./DevtoolsComponent/I4EE2JD6.js'));
+        Devtools = lazy(() => import('./DevtoolsComponent/SO26Z5QU.js'));
         this.#Component = Devtools;
@@ -224,3 +224,3 @@ }
       } else {
-        Devtools = lazy(() => import('./DevtoolsPanelComponent/C2NHY6T5.js'));
+        Devtools = lazy(() => import('./DevtoolsPanelComponent/MYKLHYJZ.js'));
         this.#Component = Devtools;
@@ -227,0 +227,0 @@ }

build/index.js

@@ -1,2 +0,2 @@
-import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/LLLYVUVC.js';
+import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/ZCXR2IAF.js';
 
@@ -83,3 +83,3 @@ // src/TanstackQueryDevtools.tsx
       } else {
-        Devtools = lazy(() => import('./DevtoolsComponent/KX7FEU5Y.js'));
+        Devtools = lazy(() => import('./DevtoolsComponent/ZXV6FBN7.js'));
         this.#Component = Devtools;
@@ -224,3 +224,3 @@ }
       } else {
-        Devtools = lazy(() => import('./DevtoolsPanelComponent/RTO6RD2J.js'));
+        Devtools = lazy(() => import('./DevtoolsPanelComponent/MO2VZFYH.js'));
         this.#Component = Devtools;
@@ -227,0 +227,0 @@ }

package.json

 {
   "name": "@tanstack/query-devtools",
-  "version": "5.101.1",
+  "version": "5.101.2",
   "description": "Developer tools to interact with and visualize the TanStack Query cache",
@@ -61,3 +61,3 @@ "author": "tannerlinsley",
     "vite-plugin-solid": "^2.11.6",
-    "@tanstack/query-core": "5.101.1"
+    "@tanstack/query-core": "5.101.2"
   },
@@ -64,0 +64,0 @@ "scripts": {

src/contexts/PiPContext.tsx

@@ -44,2 +44,3 @@ import {
       w.close()
+      props.setLocalStore('pip_open', 'false')
       setPipWindow(null)
@@ -46,0 +47,0 @@ }

src/utils.tsx

@@ -104,4 +104,6 @@ import { serialize } from 'superjson'
 
-const dateSort: SortFn = (a, b) =>
-  a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1
+const dateSort: SortFn = (a, b) => {
+  const diff = b.state.dataUpdatedAt - a.state.dataUpdatedAt
+  return diff < 0 ? -1 : diff > 0 ? 1 : 0
+}
 
@@ -309,7 +311,10 @@ const statusAndDateSort: SortFn = (a, b) => {
 export const setupStyleSheet = (nonce?: string, target?: ShadowRoot) => {
-  if (!nonce) return
-  const styleExists =
-    document.querySelector('#_goober') || target?.querySelector('#_goober')
+  if (!nonce)
+    return // Goober reads window.__nonce__ every time it creates or accesses its style
+    // element (el.nonce = window.__nonce__). Without this, goober overwrites the
+    // nonce we set on the pre-created element with undefined, clearing it.
+  ;(window as any).__nonce__ = nonce
 
-  if (styleExists) return
+  const root = target ?? document.head
+  if (root.querySelector('#_goober')) return
   const styleTag = document.createElement('style')
@@ -320,7 +325,3 @@ const textNode = document.createTextNode('')
   styleTag.setAttribute('nonce', nonce)
-  if (target) {
-    target.appendChild(styleTag)
-  } else {
-    document.head.appendChild(styleTag)
-  }
+  root.appendChild(styleTag)
 }

build/DevtoolsComponent/I4EE2JD6.js

-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/WLGSOJG7.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/RJYFHVWH.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 };

build/DevtoolsComponent/KX7FEU5Y.js

-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/B5IE7ZLN.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/LLLYVUVC.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 };

build/DevtoolsPanelComponent/C2NHY6T5.js

-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/WLGSOJG7.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/RJYFHVWH.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 };

build/DevtoolsPanelComponent/RTO6RD2J.js

-import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/B5IE7ZLN.js';
-import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/LLLYVUVC.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 };

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Fixed alerts

AI-detected potential code anomaly

Supply chain risk

AI has identified unusual behaviors that may pose a security risk.

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Improved metrics

Total package byte prevSize

2545048

0.03%

Lines of code

72396

0.02%

Number of low supply chain risk alerts

14

-6.67%

No dependency changes