@tanstack/query-devtools 5.0.0-alpha.83 → 5.0.0-alpha.86

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { T as TanstackQueryDevtools } from './index-339c169d.js';
+export { T as TanstackQueryDevtools } from './index-7b089165.js';
 //# sourceMappingURL=index.js.map

package/dist/source/Devtools.jsx

@@ -1,16 +1,16 @@
-import { createEffect, createMemo, createSignal, on, onCleanup, onMount, For, Show, } from 'solid-js';
+import { For, Show, createEffect, createMemo, createSignal, on, onCleanup, onMount, } from 'solid-js';
 import { rankItem } from '@tanstack/match-sorter-utils';
 import { css, cx } from '@emotion/css';
+import { TransitionGroup } from 'solid-transition-group';
+import { Key } from '@solid-primitives/keyed';
+import { createLocalStorage } from '@solid-primitives/storage';
+import { createResizeObserver } from '@solid-primitives/resize-observer';
 import { tokens } from './theme';
-import { getQueryStatusLabel, getQueryStatusColor, displayValue, getQueryStatusColorByLabel, sortFns, convertRemToPixels, getSidedProp, } from './utils';
+import { convertRemToPixels, displayValue, getQueryStatusColor, getQueryStatusColorByLabel, getQueryStatusLabel, getSidedProp, sortFns, } from './utils';
 import { ArrowDown, ArrowUp, ChevronDown, Offline, Search, Settings, TanstackLogo, Wifi, } from './icons';
 import Explorer from './Explorer';
 import { QueryDevtoolsContext, useQueryDevtoolsContext } from './Context';
-import { TransitionGroup } from 'solid-transition-group';
 import { loadFonts } from './fonts';
-import { Key } from '@solid-primitives/keyed';
-import { createLocalStorage } from '@solid-primitives/storage';
-import { createResizeObserver } from '@solid-primitives/resize-observer';
 const firstBreakpoint = 1024;
 const secondBreakpoint = 796;
 const thirdBreakpoint = 700;
@@ -302,14 +302,12 @@ export const DevtoolsPanel = (props) => {
           <div class={styles.actionsContainer}>
             <button onClick={() => {
             if (offline()) {
-                onlineManager().setOnline(undefined);
+                onlineManager().setOnline(true);
                 setOffline(false);
-                window.dispatchEvent(new Event('online'));
             }
             else {
                 onlineManager().setOnline(false);
                 setOffline(true);
-                window.dispatchEvent(new Event('offline'));
             }
         }} class={styles.actionsBtn} aria-label={`${offline()
             ? 'Unset offline mocking behavior'

package/dist/source/Explorer.jsx

@@ -1,9 +1,9 @@
-import { displayValue } from './utils';
 import { stringify } from 'superjson';
 import { css, cx } from '@emotion/css';
-import { tokens } from './theme';
-import { createMemo, createSignal, Index, Match, Show, Switch } from 'solid-js';
+import { Index, Match, Show, Switch, createMemo, createSignal } from 'solid-js';
 import { Key } from '@solid-primitives/keyed';
+import { tokens } from './theme';
+import { displayValue } from './utils';
 import { CopiedCopier, Copier, ErrorCopier } from './icons';
 /**
  * Chunk elements in the array by size

package/dist/types/Context.d.ts

@@ -1,4 +1,4 @@
-import type { QueryClient, onlineManager, Query } from '@tanstack/query-core';
+import type { Query, QueryClient, onlineManager } from '@tanstack/query-core';
 type XPosition = 'left' | 'right';
 type YPosition = 'top' | 'bottom';
 export type DevtoolsPosition = XPosition | YPosition;

package/dist/types/Devtools.d.ts

@@ -1,7 +1,7 @@
-import type { Component, JSX } from 'solid-js';
-import type { Query } from '@tanstack/query-core';
 import type { QueryDevtoolsProps } from './Context';
+import type { Query } from '@tanstack/query-core';
 import type { StorageObject, StorageSetter } from '@solid-primitives/storage';
+import type { Component, JSX } from 'solid-js';
 interface DevtoolsPanelProps {
     localStore: StorageObject<string>;
     setLocalStore: StorageSetter<string, unknown>;

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import type { QueryClient, onlineManager as TonlineManager } from '@tanstack/query-core';
 import type { DevtoolsComponent } from './Devtools';
-import type { DevtoolsButtonPosition, DevtoolsPosition, QueryDevtoolsProps, DevToolsErrorType } from './Context';
+import type { DevToolsErrorType, DevtoolsButtonPosition, DevtoolsPosition, QueryDevtoolsProps } from './Context';
 import type { Signal } from 'solid-js';
 export type { DevtoolsButtonPosition, DevtoolsPosition, DevToolsErrorType };
 export interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-devtools",
-  "version": "5.0.0-alpha.83",
+  "version": "5.0.0-alpha.86",
   "description": "Developer tools to interact with and visualize the TanStack Query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "vite-plugin-solid": "^2.5.0",
-    "@tanstack/query-core": "5.0.0-alpha.81"
+    "@tanstack/query-core": "5.0.0-alpha.86"
   },
   "scripts": {
     "clean": "rimraf ./dist && rimraf ./coverage",

package/src/Context.ts

@@ -1,5 +1,5 @@
-import type { QueryClient, onlineManager, Query } from '@tanstack/query-core'
 import { createContext, useContext } from 'solid-js'
+import type { Query, QueryClient, onlineManager } from '@tanstack/query-core'
 
 type XPosition = 'left' | 'right'
 type YPosition = 'top' | 'bottom'

package/src/Devtools.tsx

@@ -1,26 +1,28 @@
-import type { Accessor, Component, JSX, Setter } from 'solid-js'
 import {
+  For,
+  Show,
   createEffect,
   createMemo,
   createSignal,
   on,
   onCleanup,
   onMount,
-  For,
-  Show,
 } from 'solid-js'
 import { rankItem } from '@tanstack/match-sorter-utils'
 import { css, cx } from '@emotion/css'
+import { TransitionGroup } from 'solid-transition-group'
+import { Key } from '@solid-primitives/keyed'
+import { createLocalStorage } from '@solid-primitives/storage'
+import { createResizeObserver } from '@solid-primitives/resize-observer'
 import { tokens } from './theme'
-import type { Query, QueryCache, QueryState } from '@tanstack/query-core'
 import {
-  getQueryStatusLabel,
-  getQueryStatusColor,
+  convertRemToPixels,
   displayValue,
+  getQueryStatusColor,
   getQueryStatusColorByLabel,
-  sortFns,
-  convertRemToPixels,
+  getQueryStatusLabel,
   getSidedProp,
+  sortFns,
 } from './utils'
 import {
   ArrowDown,
@@ -33,19 +35,17 @@ import {
   Wifi,
 } from './icons'
 import Explorer from './Explorer'
+import { QueryDevtoolsContext, useQueryDevtoolsContext } from './Context'
+import { loadFonts } from './fonts'
 import type {
-  QueryDevtoolsProps,
-  DevtoolsPosition,
-  DevtoolsButtonPosition,
   DevToolsErrorType,
+  DevtoolsButtonPosition,
+  DevtoolsPosition,
+  QueryDevtoolsProps,
 } from './Context'
-import { QueryDevtoolsContext, useQueryDevtoolsContext } from './Context'
-import { TransitionGroup } from 'solid-transition-group'
-import { loadFonts } from './fonts'
-import { Key } from '@solid-primitives/keyed'
+import type { Query, QueryCache, QueryState } from '@tanstack/query-core'
 import type { StorageObject, StorageSetter } from '@solid-primitives/storage'
-import { createLocalStorage } from '@solid-primitives/storage'
-import { createResizeObserver } from '@solid-primitives/resize-observer'
+import type { Accessor, Component, JSX, Setter } from 'solid-js'
 
 interface DevtoolsPanelProps {
   localStore: StorageObject<string>
@@ -485,13 +485,11 @@ export const DevtoolsPanel: Component<DevtoolsPanelProps> = (props) => {
             <button
               onClick={() => {
                 if (offline()) {
-                  onlineManager().setOnline(undefined)
+                  onlineManager().setOnline(true)
                   setOffline(false)
-                  window.dispatchEvent(new Event('online'))
                 } else {
                   onlineManager().setOnline(false)
                   setOffline(true)
-                  window.dispatchEvent(new Event('offline'))
                 }
               }}
               class={styles.actionsBtn}

package/src/Explorer.tsx

@@ -1,9 +1,9 @@
-import { displayValue } from './utils'
 import { stringify } from 'superjson'
 import { css, cx } from '@emotion/css'
-import { tokens } from './theme'
-import { createMemo, createSignal, Index, Match, Show, Switch } from 'solid-js'
+import { Index, Match, Show, Switch, createMemo, createSignal } from 'solid-js'
 import { Key } from '@solid-primitives/keyed'
+import { tokens } from './theme'
+import { displayValue } from './utils'
 import { CopiedCopier, Copier, ErrorCopier } from './icons'
 
 /**

package/src/index.tsx

@@ -1,17 +1,17 @@
+import { render } from 'solid-js/web'
+import { createSignal, lazy } from 'solid-js'
 import type {
   QueryClient,
   onlineManager as TonlineManager,
 } from '@tanstack/query-core'
 import type { DevtoolsComponent } from './Devtools'
-import { render } from 'solid-js/web'
 import type {
+  DevToolsErrorType,
   DevtoolsButtonPosition,
   DevtoolsPosition,
   QueryDevtoolsProps,
-  DevToolsErrorType,
 } from './Context'
 import type { Signal } from 'solid-js'
-import { createSignal, lazy } from 'solid-js'
 
 export type { DevtoolsButtonPosition, DevtoolsPosition, DevToolsErrorType }
 export interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {}

package/src/utils.tsx

@@ -1,5 +1,5 @@
-import type { Query } from '@tanstack/query-core'
 import { serialize } from 'superjson'
+import type { Query } from '@tanstack/query-core'
 import type { DevtoolsPosition } from './Context'
 
 export function getQueryStatusLabel(query: Query) {