@tanstack/query-devtools - npm Package Compare versions

Comparing version 5.100.14 to 5.101.0

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

build/dev.js

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

build/index.js

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

package.json

 {
   "name": "@tanstack/query-devtools",
-  "version": "5.100.14",
+  "version": "5.101.0",
   "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.100.14"
+    "@tanstack/query-core": "5.101.0"
   },
@@ -64,0 +64,0 @@ "scripts": {

src/utils.tsx

@@ -34,11 +34,11 @@ import { serialize } from 'superjson'
 }: {
-  queryState: Query['state']
+  queryState: Query['state'] | undefined
   observerCount: number
   isStale: boolean
 }) {
-  return queryState.fetchStatus === 'fetching'
+  return queryState?.fetchStatus === 'fetching'
     ? 'blue'
     : !observerCount
       ? 'gray'
-      : queryState.fetchStatus === 'paused'
+      : queryState?.fetchStatus === 'paused'
         ? 'purple'
@@ -45,0 +45,0 @@ : isStale

build/DevtoolsComponent/3PTWN7RB.js

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

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

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

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

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

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

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

2544345

-0.03%

Lines of code

72380

-0.08%

No dependency changes