@tanstack/vue-query 5.0.0-alpha.5 → 5.0.0-alpha.50

package/README.md

@@ -47,37 +47,41 @@ Visit https://tanstack.com/query/v4/docs/adapters/vue-query
 2. Initialize **Vue Query** via **VueQueryPlugin**
 
    ```tsx
-   import { createApp } from "vue";
-   import { VueQueryPlugin } from "@tanstack/vue-query";
+   import { createApp } from 'vue'
+   import { VueQueryPlugin } from '@tanstack/vue-query'
 
-   import App from "./App.vue";
+   import App from './App.vue'
 
-   createApp(App).use(VueQueryPlugin).mount("#app");
+   createApp(App).use(VueQueryPlugin).mount('#app')
    ```
 
 3. Use query
 
    ```tsx
-   import { defineComponent } from "vue";
-   import { useQuery } from "@tanstack/vue-query";
+   import { defineComponent } from 'vue'
+   import { useQuery } from '@tanstack/vue-query'
 
    export default defineComponent({
-     name: "MyComponent",
+     name: 'MyComponent',
      setup() {
-       const query = useQuery({ queryKey: ["todos"], queryFn: getTodos });
+       const query = useQuery({ queryKey: ['todos'], queryFn: getTodos })
 
        return {
          query,
-       };
+       }
      },
-   });
+   })
    ```
 
 4. If you need to update options on your query dynamically, make sure to pass them as reactive variables
 
    ```tsx
-   const id = ref(1);
-   const enabled = ref(false);
-
-   const query = useQuery({ queryKey: ["todos", id], queryFn: () => getTodos(id), enabled });
+   const id = ref(1)
+   const enabled = ref(false)
+
+   const query = useQuery({
+     queryKey: ['todos', id],
+     queryFn: () => getTodos(id),
+     enabled,
+   })
    ```

package/build/lib/__mocks__/useBaseQuery.d.ts

@@ -1,2 +1,3 @@
-export declare const useBaseQuery: import("vitest/dist/index-1cfc7f58").x<any[], any>;
+export declare const useBaseQuery: import("vitest/dist/index-2dd51af4").x<any[], any>;
 export declare const unrefQueryArgs: any;
+//# sourceMappingURL=useBaseQuery.d.ts.map

package/build/lib/__mocks__/useBaseQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseQuery.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/useBaseQuery.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,oDAAoB,CAAA;AAC7C,eAAO,MAAM,cAAc,KAAgB,CAAA"}

package/build/lib/__mocks__/useQueryClient.d.ts

@@ -1,2 +1,3 @@
 import { QueryClient } from '../queryClient';
-export declare const useQueryClient: import("vitest/dist/index-1cfc7f58").x<[], QueryClient>;
+export declare const useQueryClient: import("vitest/dist/index-2dd51af4").x<[], QueryClient>;
+//# sourceMappingURL=useQueryClient.d.ts.map

package/build/lib/__mocks__/useQueryClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryClient.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/useQueryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAS5C,eAAO,MAAM,cAAc,yDAA2B,CAAA"}

package/build/lib/__tests__/mutationCache.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=mutationCache.test.d.ts.map

package/build/lib/__tests__/mutationCache.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutationCache.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/mutationCache.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/queryCache.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=queryCache.test.d.ts.map

package/build/lib/__tests__/queryCache.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryCache.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/queryCache.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/queryClient.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=queryClient.test.d.ts.map

package/build/lib/__tests__/queryClient.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryClient.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/queryClient.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/test-utils.d.ts

@@ -7,6 +7,7 @@ export declare function infiniteFetcher({ pageParam, }: {
 export declare function rejectFetcher(): Promise<Error>;
 export declare function successMutator<T>(param: T): Promise<T>;
 export declare function errorMutator<T>(_: T): Promise<Error>;
-export declare type Equal<X, Y> = (<T>() => T extends X ? 1 : 2) extends <T>() => T extends Y ? 1 : 2 ? true : false;
-export declare type Expect<T extends true> = T;
+export type Equal<X, Y> = (<T>() => T extends X ? 1 : 2) extends <T>() => T extends Y ? 1 : 2 ? true : false;
+export type Expect<T extends true> = T;
 export declare const doNotExecute: (_func: () => void) => boolean;
+//# sourceMappingURL=test-utils.d.ts.map

package/build/lib/__tests__/test-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/__tests__/test-utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,OAAO,SAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAI3D;AAED,wBAAgB,aAAa,IAAI,OAAO,CAAC,MAAM,CAAC,CAM/C;AAED,wBAAgB,8BAA8B,CAAC,UAAU,EAAE,OAAO,0BAGjE;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,OAAO,CAAC,MAAM,CAAC,CAMlB;AAED,wBAAgB,aAAa,IAAI,OAAO,CAAC,KAAK,CAAC,CAM9C;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAMtD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAEpD;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,SAAS,CAC/D,CAAC,OACI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GACtB,IAAI,GACJ,KAAK,CAAA;AAET,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAA;AAEtC,eAAO,MAAM,YAAY,UAAW,MAAM,IAAI,YAAS,CAAA"}

package/build/lib/__tests__/useInfiniteQuery.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useInfiniteQuery.test.d.ts.map

package/build/lib/__tests__/useInfiniteQuery.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteQuery.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useInfiniteQuery.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/useInfiniteQuery.types.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useInfiniteQuery.types.test.d.ts.map

package/build/lib/__tests__/useInfiniteQuery.types.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteQuery.types.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useInfiniteQuery.types.test.tsx"],"names":[],"mappings":""}

package/build/lib/__tests__/useIsFetching.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useIsFetching.test.d.ts.map

package/build/lib/__tests__/useIsFetching.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsFetching.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useIsFetching.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/useIsMutating.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useIsMutating.test.d.ts.map

package/build/lib/__tests__/useIsMutating.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMutating.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useIsMutating.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/useMutation.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useMutation.test.d.ts.map

package/build/lib/__tests__/useMutation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMutation.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useMutation.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/useMutation.types.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useMutation.types.test.d.ts.map

package/build/lib/__tests__/useMutation.types.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMutation.types.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useMutation.types.test.tsx"],"names":[],"mappings":""}

package/build/lib/__tests__/useQueries.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useQueries.test.d.ts.map

package/build/lib/__tests__/useQueries.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueries.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useQueries.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/useQuery.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useQuery.test.d.ts.map

package/build/lib/__tests__/useQuery.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuery.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useQuery.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/useQuery.types.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useQuery.types.test.d.ts.map

package/build/lib/__tests__/useQuery.types.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuery.types.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useQuery.types.test.tsx"],"names":[],"mappings":""}

package/build/lib/__tests__/useQueryClient.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=useQueryClient.test.d.ts.map

package/build/lib/__tests__/useQueryClient.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryClient.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/useQueryClient.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/utils.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/build/lib/__tests__/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/utils.test.ts"],"names":[],"mappings":""}

package/build/lib/__tests__/vueQueryPlugin.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=vueQueryPlugin.test.d.ts.map

package/build/lib/__tests__/vueQueryPlugin.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vueQueryPlugin.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/vueQueryPlugin.test.ts"],"names":[],"mappings":""}

package/build/lib/devtools/devtools.d.ts

@@ -1,2 +1,3 @@
 import type { QueryClient } from '../queryClient';
 export declare function setupDevtools(app: any, queryClient: QueryClient): void;
+//# sourceMappingURL=devtools.d.ts.map

package/build/lib/devtools/devtools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.d.ts","sourceRoot":"","sources":["../../../src/devtools/devtools.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAWjD,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,QAwO/D"}

package/build/lib/devtools/devtools.js

@@ -2,9 +2,9 @@
 
 var devtoolsApi = require('@vue/devtools-api');
 var matchSorterUtils = require('@tanstack/match-sorter-utils');
+var queryCore = require('@tanstack/query-core');
 var utils = require('./utils.js');
 
-/* istanbul ignore file */
 const pluginId = 'vue-query';
 const pluginName = 'Vue Query';
 function setupDevtools(app, queryClient) {
@@ -12,8 +12,8 @@ function setupDevtools(app, queryClient) {
     id: pluginId,
     label: pluginName,
     packageName: 'vue-query',
-    homepage: 'https://tanstack.com/query/v4',
-    logo: 'https://vue-query.vercel.app/vue-query.svg',
+    homepage: 'https://tanstack.com/query/latest',
+    logo: 'https://raw.githubusercontent.com/TanStack/query/main/packages/vue-query/media/vue-query.svg',
     app,
     settings: {
       baseSort: {
@@ -37,16 +37,31 @@ function setupDevtools(app, queryClient) {
           value: key
         })),
         defaultValue: Object.keys(utils.sortFns)[0]
+      },
+      onlineMode: {
+        type: 'choice',
+        component: 'button-group',
+        label: 'Online mode',
+        options: [{
+          label: 'Online',
+          value: 1
+        }, {
+          label: 'Offline',
+          value: 0
+        }],
+        defaultValue: 1
       }
     }
   }, api => {
+    const initialSettings = api.getSettings();
+    queryCore.onlineManager.setOnline(Boolean(initialSettings.onlineMode.valueOf()));
     const queryCache = queryClient.getQueryCache();
     api.addInspector({
       id: pluginId,
       label: pluginName,
       icon: 'api',
       nodeActions: [{
-        icon: 'cloud_download',
+        icon: 'file_download',
         tooltip: 'Refetch',
         action: queryHash => {
           queryCache.get(queryHash)?.fetch();
@@ -71,6 +86,27 @@ function setupDevtools(app, queryClient) {
           const query = queryCache.get(queryHash);
           queryCache.remove(query);
         }
+      }, {
+        icon: 'hourglass_empty',
+        tooltip: 'Force loading',
+        action: queryHash => {
+          const query = queryCache.get(queryHash);
+          query.setState({
+            data: undefined,
+            status: 'pending'
+          });
+        }
+      }, {
+        icon: 'error_outline',
+        tooltip: 'Force error',
+        action: queryHash => {
+          const query = queryCache.get(queryHash);
+          query.setState({
+            data: undefined,
+            status: 'error',
+            error: new Error('Unknown error from devtools')
+          });
+        }
       }]
     });
     api.addTimelineLayer({
@@ -81,9 +117,7 @@ function setupDevtools(app, queryClient) {
     queryCache.subscribe(event => {
       api.sendInspectorTree(pluginId);
       api.sendInspectorState(pluginId);
-      if (
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      event && ['queryAdded', 'queryRemoved', 'queryUpdated'].includes(event.type)) {
+      if (['added', 'removed', 'updated'].includes(event.type)) {
         api.addTimelineEvent({
           layerId: pluginId,
           event: {
@@ -98,6 +132,11 @@ function setupDevtools(app, queryClient) {
         });
       }
     });
+    api.on.setPluginSettings(payload => {
+      if (payload.key === 'onlineMode') {
+        queryCore.onlineManager.setOnline(Boolean(payload.newValue));
+      }
+    });
     api.on.getInspectorTree(payload => {
       if (payload.inspectorId === pluginId) {
         const queries = queryCache.getAll();

package/build/lib/devtools/devtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.js","sources":["../../../src/devtools/devtools.ts"],"sourcesContent":["/* istanbul ignore file */\n\nimport { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport type { CustomInspectorNode } from '@vue/devtools-api'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport type { Query } from '@tanstack/query-core'\nimport type { QueryClient } from '../queryClient'\nimport {\n  getQueryStateLabel,\n  getQueryStatusBg,\n  getQueryStatusFg,\n  sortFns,\n} from './utils'\n\nconst pluginId = 'vue-query'\nconst pluginName = 'Vue Query'\n\nexport function setupDevtools(app: any, queryClient: QueryClient) {\n  setupDevtoolsPlugin(\n    {\n      id: pluginId,\n      label: pluginName,\n      packageName: 'vue-query',\n      homepage: 'https://tanstack.com/query/v4',\n      logo: 'https://vue-query.vercel.app/vue-query.svg',\n      app,\n      settings: {\n        baseSort: {\n          type: 'choice',\n          component: 'button-group',\n          label: 'Sort Cache Entries',\n          options: [\n            {\n              label: 'ASC',\n              value: 1,\n            },\n            {\n              label: 'DESC',\n              value: -1,\n            },\n          ],\n          defaultValue: 1,\n        },\n        sortFn: {\n          type: 'choice',\n          label: 'Sort Function',\n          options: Object.keys(sortFns).map((key) => ({\n            label: key,\n            value: key,\n          })),\n          defaultValue: Object.keys(sortFns)[0]!,\n        },\n      },\n    },\n    (api) => {\n      const queryCache = queryClient.getQueryCache()\n\n      api.addInspector({\n        id: pluginId,\n        label: pluginName,\n        icon: 'api',\n        nodeActions: [\n          {\n            icon: 'cloud_download',\n            tooltip: 'Refetch',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.fetch()\n            },\n          },\n          {\n            icon: 'alarm',\n            tooltip: 'Invalidate',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryClient.invalidateQueries(query)\n            },\n          },\n          {\n            icon: 'settings_backup_restore',\n            tooltip: 'Reset',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.reset()\n            },\n          },\n          {\n            icon: 'delete',\n            tooltip: 'Remove',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryCache.remove(query)\n            },\n          },\n        ],\n      })\n\n      api.addTimelineLayer({\n        id: pluginId,\n        label: pluginName,\n        color: 0xffd94c,\n      })\n\n      queryCache.subscribe((event) => {\n        api.sendInspectorTree(pluginId)\n        api.sendInspectorState(pluginId)\n\n        if (\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          event &&\n          ['queryAdded', 'queryRemoved', 'queryUpdated'].includes(event.type)\n        ) {\n          api.addTimelineEvent({\n            layerId: pluginId,\n            event: {\n              title: event.type,\n              subtitle: event.query.queryHash,\n              time: api.now(),\n              data: {\n                queryHash: event.query.queryHash,\n                ...event,\n              },\n            },\n          })\n        }\n      })\n\n      api.on.getInspectorTree((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const queries = queryCache.getAll()\n          const settings = api.getSettings()\n\n          const filtered = payload.filter\n            ? queries.filter(\n                (item) => rankItem(item.queryHash, payload.filter).passed,\n              )\n            : [...queries]\n\n          const sorted = filtered.sort(\n            (a, b) => sortFns[settings.sortFn]!(a, b) * settings.baseSort,\n          )\n\n          const nodes: CustomInspectorNode[] = sorted.map((query) => {\n            const stateLabel = getQueryStateLabel(query)\n\n            return {\n              id: query.queryHash,\n              label: query.queryHash,\n              tags: [\n                {\n                  label: `${stateLabel} [${query.getObserversCount()}]`,\n                  textColor: getQueryStatusFg(query),\n                  backgroundColor: getQueryStatusBg(query),\n                },\n              ],\n            }\n          })\n          payload.rootNodes = nodes\n        }\n      })\n\n      api.on.getInspectorState((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const query = queryCache.get(payload.nodeId)\n\n          if (!query) {\n            return\n          }\n\n          payload.state = {\n            ' Query Details': [\n              {\n                key: 'Query key',\n                value: query.queryHash,\n              },\n              {\n                key: 'Query status',\n                value: getQueryStateLabel(query),\n              },\n              {\n                key: 'Observers',\n                value: query.getObserversCount(),\n              },\n              {\n                key: 'Last Updated',\n                value: new Date(query.state.dataUpdatedAt).toLocaleTimeString(),\n              },\n            ],\n            'Data Explorer': [\n              {\n                key: 'Data',\n                value: query.state.data,\n              },\n            ],\n            'Query Explorer': [\n              {\n                key: 'Query',\n                value: query,\n              },\n            ],\n          }\n        }\n      })\n    },\n  )\n}\n"],"names":["pluginId","pluginName","setupDevtools","app","queryClient","setupDevtoolsPlugin","id","label","packageName","homepage","logo","settings","baseSort","type","component","options","value","defaultValue","sortFn","Object","keys","sortFns","map","key","api","queryCache","getQueryCache","addInspector","icon","nodeActions","tooltip","action","queryHash","get","fetch","query","invalidateQueries","reset","remove","addTimelineLayer","color","subscribe","event","sendInspectorTree","sendInspectorState","includes","addTimelineEvent","layerId","title","subtitle","time","now","data","on","getInspectorTree","payload","inspectorId","queries","getAll","getSettings","filtered","filter","item","rankItem","passed","sorted","sort","a","b","nodes","stateLabel","getQueryStateLabel","tags","getObserversCount","textColor","getQueryStatusFg","backgroundColor","getQueryStatusBg","rootNodes","getInspectorState","nodeId","state","Date","dataUpdatedAt","toLocaleTimeString"],"mappings":";;;;;;AAAA;AAcA,MAAMA,QAAQ,GAAG,WAAW,CAAA;AAC5B,MAAMC,UAAU,GAAG,WAAW,CAAA;AAEvB,SAASC,aAAa,CAACC,GAAQ,EAAEC,WAAwB,EAAE;AAChEC,EAAAA,+BAAmB,CACjB;AACEC,IAAAA,EAAE,EAAEN,QAAQ;AACZO,IAAAA,KAAK,EAAEN,UAAU;AACjBO,IAAAA,WAAW,EAAE,WAAW;AACxBC,IAAAA,QAAQ,EAAE,+BAA+B;AACzCC,IAAAA,IAAI,EAAE,4CAA4C;IAClDP,GAAG;AACHQ,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,SAAS,EAAE,cAAc;AACzBP,QAAAA,KAAK,EAAE,oBAAoB;AAC3BQ,QAAAA,OAAO,EAAE,CACP;AACER,UAAAA,KAAK,EAAE,KAAK;AACZS,UAAAA,KAAK,EAAE,CAAA;AACT,SAAC,EACD;AACET,UAAAA,KAAK,EAAE,MAAM;AACbS,UAAAA,KAAK,EAAE,CAAC,CAAA;AACV,SAAC,CACF;AACDC,QAAAA,YAAY,EAAE,CAAA;OACf;AACDC,MAAAA,MAAM,EAAE;AACNL,QAAAA,IAAI,EAAE,QAAQ;AACdN,QAAAA,KAAK,EAAE,eAAe;QACtBQ,OAAO,EAAEI,MAAM,CAACC,IAAI,CAACC,aAAO,CAAC,CAACC,GAAG,CAAEC,GAAG,KAAM;AAC1ChB,UAAAA,KAAK,EAAEgB,GAAG;AACVP,UAAAA,KAAK,EAAEO,GAAAA;AACT,SAAC,CAAC,CAAC;QACHN,YAAY,EAAEE,MAAM,CAACC,IAAI,CAACC,aAAO,CAAC,CAAC,CAAC,CAAA;AACtC,OAAA;AACF,KAAA;GACD,EACAG,GAAG,IAAK;AACP,IAAA,MAAMC,UAAU,GAAGrB,WAAW,CAACsB,aAAa,EAAE,CAAA;IAE9CF,GAAG,CAACG,YAAY,CAAC;AACfrB,MAAAA,EAAE,EAAEN,QAAQ;AACZO,MAAAA,KAAK,EAAEN,UAAU;AACjB2B,MAAAA,IAAI,EAAE,KAAK;AACXC,MAAAA,WAAW,EAAE,CACX;AACED,QAAAA,IAAI,EAAE,gBAAgB;AACtBE,QAAAA,OAAO,EAAE,SAAS;QAClBC,MAAM,EAAGC,SAAiB,IAAK;AAC7BP,UAAAA,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAC,EAAEE,KAAK,EAAE,CAAA;AACpC,SAAA;AACF,OAAC,EACD;AACEN,QAAAA,IAAI,EAAE,OAAO;AACbE,QAAAA,OAAO,EAAE,YAAY;QACrBC,MAAM,EAAGC,SAAiB,IAAK;AAC7B,UAAA,MAAMG,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAU,CAAA;AAChD5B,UAAAA,WAAW,CAACgC,iBAAiB,CAACD,KAAK,CAAC,CAAA;AACtC,SAAA;AACF,OAAC,EACD;AACEP,QAAAA,IAAI,EAAE,yBAAyB;AAC/BE,QAAAA,OAAO,EAAE,OAAO;QAChBC,MAAM,EAAGC,SAAiB,IAAK;AAC7BP,UAAAA,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAC,EAAEK,KAAK,EAAE,CAAA;AACpC,SAAA;AACF,OAAC,EACD;AACET,QAAAA,IAAI,EAAE,QAAQ;AACdE,QAAAA,OAAO,EAAE,QAAQ;QACjBC,MAAM,EAAGC,SAAiB,IAAK;AAC7B,UAAA,MAAMG,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAU,CAAA;AAChDP,UAAAA,UAAU,CAACa,MAAM,CAACH,KAAK,CAAC,CAAA;AAC1B,SAAA;OACD,CAAA;AAEL,KAAC,CAAC,CAAA;IAEFX,GAAG,CAACe,gBAAgB,CAAC;AACnBjC,MAAAA,EAAE,EAAEN,QAAQ;AACZO,MAAAA,KAAK,EAAEN,UAAU;AACjBuC,MAAAA,KAAK,EAAE,QAAA;AACT,KAAC,CAAC,CAAA;AAEFf,IAAAA,UAAU,CAACgB,SAAS,CAAEC,KAAK,IAAK;AAC9BlB,MAAAA,GAAG,CAACmB,iBAAiB,CAAC3C,QAAQ,CAAC,CAAA;AAC/BwB,MAAAA,GAAG,CAACoB,kBAAkB,CAAC5C,QAAQ,CAAC,CAAA;AAEhC,MAAA;AACE;AACA0C,MAAAA,KAAK,IACL,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,CAAC,CAACG,QAAQ,CAACH,KAAK,CAAC7B,IAAI,CAAC,EACnE;QACAW,GAAG,CAACsB,gBAAgB,CAAC;AACnBC,UAAAA,OAAO,EAAE/C,QAAQ;AACjB0C,UAAAA,KAAK,EAAE;YACLM,KAAK,EAAEN,KAAK,CAAC7B,IAAI;AACjBoC,YAAAA,QAAQ,EAAEP,KAAK,CAACP,KAAK,CAACH,SAAS;AAC/BkB,YAAAA,IAAI,EAAE1B,GAAG,CAAC2B,GAAG,EAAE;AACfC,YAAAA,IAAI,EAAE;AACJpB,cAAAA,SAAS,EAAEU,KAAK,CAACP,KAAK,CAACH,SAAS;cAChC,GAAGU,KAAAA;AACL,aAAA;AACF,WAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAC,CAAC,CAAA;AAEFlB,IAAAA,GAAG,CAAC6B,EAAE,CAACC,gBAAgB,CAAEC,OAAO,IAAK;AACnC,MAAA,IAAIA,OAAO,CAACC,WAAW,KAAKxD,QAAQ,EAAE;AACpC,QAAA,MAAMyD,OAAO,GAAGhC,UAAU,CAACiC,MAAM,EAAE,CAAA;AACnC,QAAA,MAAM/C,QAAQ,GAAGa,GAAG,CAACmC,WAAW,EAAE,CAAA;AAElC,QAAA,MAAMC,QAAQ,GAAGL,OAAO,CAACM,MAAM,GAC3BJ,OAAO,CAACI,MAAM,CACXC,IAAI,IAAKC,yBAAQ,CAACD,IAAI,CAAC9B,SAAS,EAAEuB,OAAO,CAACM,MAAM,CAAC,CAACG,MAAM,CAC1D,GACD,CAAC,GAAGP,OAAO,CAAC,CAAA;QAEhB,MAAMQ,MAAM,GAAGL,QAAQ,CAACM,IAAI,CAC1B,CAACC,CAAC,EAAEC,CAAC,KAAK/C,aAAO,CAACV,QAAQ,CAACO,MAAM,CAAC,CAAEiD,CAAC,EAAEC,CAAC,CAAC,GAAGzD,QAAQ,CAACC,QAAQ,CAC9D,CAAA;AAED,QAAA,MAAMyD,KAA4B,GAAGJ,MAAM,CAAC3C,GAAG,CAAEa,KAAK,IAAK;AACzD,UAAA,MAAMmC,UAAU,GAAGC,wBAAkB,CAACpC,KAAK,CAAC,CAAA;UAE5C,OAAO;YACL7B,EAAE,EAAE6B,KAAK,CAACH,SAAS;YACnBzB,KAAK,EAAE4B,KAAK,CAACH,SAAS;AACtBwC,YAAAA,IAAI,EAAE,CACJ;cACEjE,KAAK,EAAG,GAAE+D,UAAW,CAAA,EAAA,EAAInC,KAAK,CAACsC,iBAAiB,EAAG,CAAE,CAAA,CAAA;AACrDC,cAAAA,SAAS,EAAEC,sBAAgB,CAACxC,KAAK,CAAC;cAClCyC,eAAe,EAAEC,sBAAgB,CAAC1C,KAAK,CAAA;aACxC,CAAA;WAEJ,CAAA;AACH,SAAC,CAAC,CAAA;QACFoB,OAAO,CAACuB,SAAS,GAAGT,KAAK,CAAA;AAC3B,OAAA;AACF,KAAC,CAAC,CAAA;AAEF7C,IAAAA,GAAG,CAAC6B,EAAE,CAAC0B,iBAAiB,CAAExB,OAAO,IAAK;AACpC,MAAA,IAAIA,OAAO,CAACC,WAAW,KAAKxD,QAAQ,EAAE;QACpC,MAAMmC,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAACsB,OAAO,CAACyB,MAAM,CAAC,CAAA;QAE5C,IAAI,CAAC7C,KAAK,EAAE;AACV,UAAA,OAAA;AACF,SAAA;QAEAoB,OAAO,CAAC0B,KAAK,GAAG;AACd,UAAA,gBAAgB,EAAE,CAChB;AACE1D,YAAAA,GAAG,EAAE,WAAW;YAChBP,KAAK,EAAEmB,KAAK,CAACH,SAAAA;AACf,WAAC,EACD;AACET,YAAAA,GAAG,EAAE,cAAc;YACnBP,KAAK,EAAEuD,wBAAkB,CAACpC,KAAK,CAAA;AACjC,WAAC,EACD;AACEZ,YAAAA,GAAG,EAAE,WAAW;YAChBP,KAAK,EAAEmB,KAAK,CAACsC,iBAAiB,EAAA;AAChC,WAAC,EACD;AACElD,YAAAA,GAAG,EAAE,cAAc;YACnBP,KAAK,EAAE,IAAIkE,IAAI,CAAC/C,KAAK,CAAC8C,KAAK,CAACE,aAAa,CAAC,CAACC,kBAAkB,EAAA;AAC/D,WAAC,CACF;AACD,UAAA,eAAe,EAAE,CACf;AACE7D,YAAAA,GAAG,EAAE,MAAM;AACXP,YAAAA,KAAK,EAAEmB,KAAK,CAAC8C,KAAK,CAAC7B,IAAAA;AACrB,WAAC,CACF;AACD,UAAA,gBAAgB,EAAE,CAChB;AACE7B,YAAAA,GAAG,EAAE,OAAO;AACZP,YAAAA,KAAK,EAAEmB,KAAAA;WACR,CAAA;SAEJ,CAAA;AACH,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,CACF,CAAA;AACH;;;;"}
+{"version":3,"file":"devtools.js","sources":["../../../src/devtools/devtools.ts"],"sourcesContent":["import { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport type { CustomInspectorNode } from '@vue/devtools-api'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport { onlineManager } from '@tanstack/query-core'\nimport type { Query } from '@tanstack/query-core'\nimport type { QueryClient } from '../queryClient'\nimport {\n  getQueryStateLabel,\n  getQueryStatusBg,\n  getQueryStatusFg,\n  sortFns,\n} from './utils'\n\nconst pluginId = 'vue-query'\nconst pluginName = 'Vue Query'\n\nexport function setupDevtools(app: any, queryClient: QueryClient) {\n  setupDevtoolsPlugin(\n    {\n      id: pluginId,\n      label: pluginName,\n      packageName: 'vue-query',\n      homepage: 'https://tanstack.com/query/latest',\n      logo: 'https://raw.githubusercontent.com/TanStack/query/main/packages/vue-query/media/vue-query.svg',\n      app,\n      settings: {\n        baseSort: {\n          type: 'choice',\n          component: 'button-group',\n          label: 'Sort Cache Entries',\n          options: [\n            {\n              label: 'ASC',\n              value: 1,\n            },\n            {\n              label: 'DESC',\n              value: -1,\n            },\n          ],\n          defaultValue: 1,\n        },\n        sortFn: {\n          type: 'choice',\n          label: 'Sort Function',\n          options: Object.keys(sortFns).map((key) => ({\n            label: key,\n            value: key,\n          })),\n          defaultValue: Object.keys(sortFns)[0]!,\n        },\n        onlineMode: {\n          type: 'choice',\n          component: 'button-group',\n          label: 'Online mode',\n          options: [\n            {\n              label: 'Online',\n              value: 1,\n            },\n            {\n              label: 'Offline',\n              value: 0,\n            },\n          ],\n          defaultValue: 1,\n        },\n      },\n    },\n    (api) => {\n      const initialSettings = api.getSettings()\n      onlineManager.setOnline(Boolean(initialSettings.onlineMode.valueOf()))\n\n      const queryCache = queryClient.getQueryCache()\n\n      api.addInspector({\n        id: pluginId,\n        label: pluginName,\n        icon: 'api',\n        nodeActions: [\n          {\n            icon: 'file_download',\n            tooltip: 'Refetch',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.fetch()\n            },\n          },\n          {\n            icon: 'alarm',\n            tooltip: 'Invalidate',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryClient.invalidateQueries(query)\n            },\n          },\n          {\n            icon: 'settings_backup_restore',\n            tooltip: 'Reset',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.reset()\n            },\n          },\n          {\n            icon: 'delete',\n            tooltip: 'Remove',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryCache.remove(query)\n            },\n          },\n          {\n            icon: 'hourglass_empty',\n            tooltip: 'Force loading',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n\n              query.setState({\n                data: undefined,\n                status: 'pending',\n              })\n            },\n          },\n          {\n            icon: 'error_outline',\n            tooltip: 'Force error',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n\n              query.setState({\n                data: undefined,\n                status: 'error',\n                error: new Error('Unknown error from devtools'),\n              })\n            },\n          },\n        ],\n      })\n\n      api.addTimelineLayer({\n        id: pluginId,\n        label: pluginName,\n        color: 0xffd94c,\n      })\n\n      queryCache.subscribe((event) => {\n        api.sendInspectorTree(pluginId)\n        api.sendInspectorState(pluginId)\n\n        if (['added', 'removed', 'updated'].includes(event.type)) {\n          api.addTimelineEvent({\n            layerId: pluginId,\n            event: {\n              title: event.type,\n              subtitle: event.query.queryHash,\n              time: api.now(),\n              data: {\n                queryHash: event.query.queryHash,\n                ...event,\n              },\n            },\n          })\n        }\n      })\n\n      api.on.setPluginSettings((payload) => {\n        if (payload.key === 'onlineMode') {\n          onlineManager.setOnline(Boolean(payload.newValue))\n        }\n      })\n\n      api.on.getInspectorTree((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const queries = queryCache.getAll()\n          const settings = api.getSettings()\n\n          const filtered = payload.filter\n            ? queries.filter(\n                (item) => rankItem(item.queryHash, payload.filter).passed,\n              )\n            : [...queries]\n\n          const sorted = filtered.sort(\n            (a, b) => sortFns[settings.sortFn]!(a, b) * settings.baseSort,\n          )\n\n          const nodes: CustomInspectorNode[] = sorted.map((query) => {\n            const stateLabel = getQueryStateLabel(query)\n\n            return {\n              id: query.queryHash,\n              label: query.queryHash,\n              tags: [\n                {\n                  label: `${stateLabel} [${query.getObserversCount()}]`,\n                  textColor: getQueryStatusFg(query),\n                  backgroundColor: getQueryStatusBg(query),\n                },\n              ],\n            }\n          })\n          payload.rootNodes = nodes\n        }\n      })\n\n      api.on.getInspectorState((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const query = queryCache.get(payload.nodeId)\n\n          if (!query) {\n            return\n          }\n\n          payload.state = {\n            ' Query Details': [\n              {\n                key: 'Query key',\n                value: query.queryHash,\n              },\n              {\n                key: 'Query status',\n                value: getQueryStateLabel(query),\n              },\n              {\n                key: 'Observers',\n                value: query.getObserversCount(),\n              },\n              {\n                key: 'Last Updated',\n                value: new Date(query.state.dataUpdatedAt).toLocaleTimeString(),\n              },\n            ],\n            'Data Explorer': [\n              {\n                key: 'Data',\n                value: query.state.data,\n              },\n            ],\n            'Query Explorer': [\n              {\n                key: 'Query',\n                value: query,\n              },\n            ],\n          }\n        }\n      })\n    },\n  )\n}\n"],"names":["pluginId","pluginName","setupDevtools","app","queryClient","setupDevtoolsPlugin","id","label","packageName","homepage","logo","settings","baseSort","type","component","options","value","defaultValue","sortFn","Object","keys","sortFns","map","key","onlineMode","api","initialSettings","getSettings","onlineManager","setOnline","Boolean","valueOf","queryCache","getQueryCache","addInspector","icon","nodeActions","tooltip","action","queryHash","get","fetch","query","invalidateQueries","reset","remove","setState","data","undefined","status","error","Error","addTimelineLayer","color","subscribe","event","sendInspectorTree","sendInspectorState","includes","addTimelineEvent","layerId","title","subtitle","time","now","on","setPluginSettings","payload","newValue","getInspectorTree","inspectorId","queries","getAll","filtered","filter","item","rankItem","passed","sorted","sort","a","b","nodes","stateLabel","getQueryStateLabel","tags","getObserversCount","textColor","getQueryStatusFg","backgroundColor","getQueryStatusBg","rootNodes","getInspectorState","nodeId","state","Date","dataUpdatedAt","toLocaleTimeString"],"mappings":"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"}

package/build/lib/devtools/devtools.mjs

@@ -1,8 +1,8 @@
 import { setupDevtoolsPlugin } from '@vue/devtools-api';
 import { rankItem } from '@tanstack/match-sorter-utils';
+import { onlineManager } from '@tanstack/query-core';
 import { sortFns, getQueryStateLabel, getQueryStatusFg, getQueryStatusBg } from './utils.mjs';
 
-/* istanbul ignore file */
 const pluginId = 'vue-query';
 const pluginName = 'Vue Query';
 function setupDevtools(app, queryClient) {
@@ -10,8 +10,8 @@ function setupDevtools(app, queryClient) {
     id: pluginId,
     label: pluginName,
     packageName: 'vue-query',
-    homepage: 'https://tanstack.com/query/v4',
-    logo: 'https://vue-query.vercel.app/vue-query.svg',
+    homepage: 'https://tanstack.com/query/latest',
+    logo: 'https://raw.githubusercontent.com/TanStack/query/main/packages/vue-query/media/vue-query.svg',
     app,
     settings: {
       baseSort: {
@@ -35,16 +35,31 @@ function setupDevtools(app, queryClient) {
           value: key
         })),
         defaultValue: Object.keys(sortFns)[0]
+      },
+      onlineMode: {
+        type: 'choice',
+        component: 'button-group',
+        label: 'Online mode',
+        options: [{
+          label: 'Online',
+          value: 1
+        }, {
+          label: 'Offline',
+          value: 0
+        }],
+        defaultValue: 1
       }
     }
   }, api => {
+    const initialSettings = api.getSettings();
+    onlineManager.setOnline(Boolean(initialSettings.onlineMode.valueOf()));
     const queryCache = queryClient.getQueryCache();
     api.addInspector({
       id: pluginId,
       label: pluginName,
       icon: 'api',
       nodeActions: [{
-        icon: 'cloud_download',
+        icon: 'file_download',
         tooltip: 'Refetch',
         action: queryHash => {
           queryCache.get(queryHash)?.fetch();
@@ -69,6 +84,27 @@ function setupDevtools(app, queryClient) {
           const query = queryCache.get(queryHash);
           queryCache.remove(query);
         }
+      }, {
+        icon: 'hourglass_empty',
+        tooltip: 'Force loading',
+        action: queryHash => {
+          const query = queryCache.get(queryHash);
+          query.setState({
+            data: undefined,
+            status: 'pending'
+          });
+        }
+      }, {
+        icon: 'error_outline',
+        tooltip: 'Force error',
+        action: queryHash => {
+          const query = queryCache.get(queryHash);
+          query.setState({
+            data: undefined,
+            status: 'error',
+            error: new Error('Unknown error from devtools')
+          });
+        }
       }]
     });
     api.addTimelineLayer({
@@ -79,9 +115,7 @@ function setupDevtools(app, queryClient) {
     queryCache.subscribe(event => {
       api.sendInspectorTree(pluginId);
       api.sendInspectorState(pluginId);
-      if (
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      event && ['queryAdded', 'queryRemoved', 'queryUpdated'].includes(event.type)) {
+      if (['added', 'removed', 'updated'].includes(event.type)) {
         api.addTimelineEvent({
           layerId: pluginId,
           event: {
@@ -96,6 +130,11 @@ function setupDevtools(app, queryClient) {
         });
       }
     });
+    api.on.setPluginSettings(payload => {
+      if (payload.key === 'onlineMode') {
+        onlineManager.setOnline(Boolean(payload.newValue));
+      }
+    });
     api.on.getInspectorTree(payload => {
       if (payload.inspectorId === pluginId) {
         const queries = queryCache.getAll();

package/build/lib/devtools/devtools.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.mjs","sources":["../../../src/devtools/devtools.ts"],"sourcesContent":["/* istanbul ignore file */\n\nimport { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport type { CustomInspectorNode } from '@vue/devtools-api'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport type { Query } from '@tanstack/query-core'\nimport type { QueryClient } from '../queryClient'\nimport {\n  getQueryStateLabel,\n  getQueryStatusBg,\n  getQueryStatusFg,\n  sortFns,\n} from './utils'\n\nconst pluginId = 'vue-query'\nconst pluginName = 'Vue Query'\n\nexport function setupDevtools(app: any, queryClient: QueryClient) {\n  setupDevtoolsPlugin(\n    {\n      id: pluginId,\n      label: pluginName,\n      packageName: 'vue-query',\n      homepage: 'https://tanstack.com/query/v4',\n      logo: 'https://vue-query.vercel.app/vue-query.svg',\n      app,\n      settings: {\n        baseSort: {\n          type: 'choice',\n          component: 'button-group',\n          label: 'Sort Cache Entries',\n          options: [\n            {\n              label: 'ASC',\n              value: 1,\n            },\n            {\n              label: 'DESC',\n              value: -1,\n            },\n          ],\n          defaultValue: 1,\n        },\n        sortFn: {\n          type: 'choice',\n          label: 'Sort Function',\n          options: Object.keys(sortFns).map((key) => ({\n            label: key,\n            value: key,\n          })),\n          defaultValue: Object.keys(sortFns)[0]!,\n        },\n      },\n    },\n    (api) => {\n      const queryCache = queryClient.getQueryCache()\n\n      api.addInspector({\n        id: pluginId,\n        label: pluginName,\n        icon: 'api',\n        nodeActions: [\n          {\n            icon: 'cloud_download',\n            tooltip: 'Refetch',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.fetch()\n            },\n          },\n          {\n            icon: 'alarm',\n            tooltip: 'Invalidate',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryClient.invalidateQueries(query)\n            },\n          },\n          {\n            icon: 'settings_backup_restore',\n            tooltip: 'Reset',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.reset()\n            },\n          },\n          {\n            icon: 'delete',\n            tooltip: 'Remove',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryCache.remove(query)\n            },\n          },\n        ],\n      })\n\n      api.addTimelineLayer({\n        id: pluginId,\n        label: pluginName,\n        color: 0xffd94c,\n      })\n\n      queryCache.subscribe((event) => {\n        api.sendInspectorTree(pluginId)\n        api.sendInspectorState(pluginId)\n\n        if (\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          event &&\n          ['queryAdded', 'queryRemoved', 'queryUpdated'].includes(event.type)\n        ) {\n          api.addTimelineEvent({\n            layerId: pluginId,\n            event: {\n              title: event.type,\n              subtitle: event.query.queryHash,\n              time: api.now(),\n              data: {\n                queryHash: event.query.queryHash,\n                ...event,\n              },\n            },\n          })\n        }\n      })\n\n      api.on.getInspectorTree((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const queries = queryCache.getAll()\n          const settings = api.getSettings()\n\n          const filtered = payload.filter\n            ? queries.filter(\n                (item) => rankItem(item.queryHash, payload.filter).passed,\n              )\n            : [...queries]\n\n          const sorted = filtered.sort(\n            (a, b) => sortFns[settings.sortFn]!(a, b) * settings.baseSort,\n          )\n\n          const nodes: CustomInspectorNode[] = sorted.map((query) => {\n            const stateLabel = getQueryStateLabel(query)\n\n            return {\n              id: query.queryHash,\n              label: query.queryHash,\n              tags: [\n                {\n                  label: `${stateLabel} [${query.getObserversCount()}]`,\n                  textColor: getQueryStatusFg(query),\n                  backgroundColor: getQueryStatusBg(query),\n                },\n              ],\n            }\n          })\n          payload.rootNodes = nodes\n        }\n      })\n\n      api.on.getInspectorState((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const query = queryCache.get(payload.nodeId)\n\n          if (!query) {\n            return\n          }\n\n          payload.state = {\n            ' Query Details': [\n              {\n                key: 'Query key',\n                value: query.queryHash,\n              },\n              {\n                key: 'Query status',\n                value: getQueryStateLabel(query),\n              },\n              {\n                key: 'Observers',\n                value: query.getObserversCount(),\n              },\n              {\n                key: 'Last Updated',\n                value: new Date(query.state.dataUpdatedAt).toLocaleTimeString(),\n              },\n            ],\n            'Data Explorer': [\n              {\n                key: 'Data',\n                value: query.state.data,\n              },\n            ],\n            'Query Explorer': [\n              {\n                key: 'Query',\n                value: query,\n              },\n            ],\n          }\n        }\n      })\n    },\n  )\n}\n"],"names":["pluginId","pluginName","setupDevtools","app","queryClient","setupDevtoolsPlugin","id","label","packageName","homepage","logo","settings","baseSort","type","component","options","value","defaultValue","sortFn","Object","keys","sortFns","map","key","api","queryCache","getQueryCache","addInspector","icon","nodeActions","tooltip","action","queryHash","get","fetch","query","invalidateQueries","reset","remove","addTimelineLayer","color","subscribe","event","sendInspectorTree","sendInspectorState","includes","addTimelineEvent","layerId","title","subtitle","time","now","data","on","getInspectorTree","payload","inspectorId","queries","getAll","getSettings","filtered","filter","item","rankItem","passed","sorted","sort","a","b","nodes","stateLabel","getQueryStateLabel","tags","getObserversCount","textColor","getQueryStatusFg","backgroundColor","getQueryStatusBg","rootNodes","getInspectorState","nodeId","state","Date","dataUpdatedAt","toLocaleTimeString"],"mappings":"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"}
+{"version":3,"file":"devtools.mjs","sources":["../../../src/devtools/devtools.ts"],"sourcesContent":["import { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport type { CustomInspectorNode } from '@vue/devtools-api'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport { onlineManager } from '@tanstack/query-core'\nimport type { Query } from '@tanstack/query-core'\nimport type { QueryClient } from '../queryClient'\nimport {\n  getQueryStateLabel,\n  getQueryStatusBg,\n  getQueryStatusFg,\n  sortFns,\n} from './utils'\n\nconst pluginId = 'vue-query'\nconst pluginName = 'Vue Query'\n\nexport function setupDevtools(app: any, queryClient: QueryClient) {\n  setupDevtoolsPlugin(\n    {\n      id: pluginId,\n      label: pluginName,\n      packageName: 'vue-query',\n      homepage: 'https://tanstack.com/query/latest',\n      logo: 'https://raw.githubusercontent.com/TanStack/query/main/packages/vue-query/media/vue-query.svg',\n      app,\n      settings: {\n        baseSort: {\n          type: 'choice',\n          component: 'button-group',\n          label: 'Sort Cache Entries',\n          options: [\n            {\n              label: 'ASC',\n              value: 1,\n            },\n            {\n              label: 'DESC',\n              value: -1,\n            },\n          ],\n          defaultValue: 1,\n        },\n        sortFn: {\n          type: 'choice',\n          label: 'Sort Function',\n          options: Object.keys(sortFns).map((key) => ({\n            label: key,\n            value: key,\n          })),\n          defaultValue: Object.keys(sortFns)[0]!,\n        },\n        onlineMode: {\n          type: 'choice',\n          component: 'button-group',\n          label: 'Online mode',\n          options: [\n            {\n              label: 'Online',\n              value: 1,\n            },\n            {\n              label: 'Offline',\n              value: 0,\n            },\n          ],\n          defaultValue: 1,\n        },\n      },\n    },\n    (api) => {\n      const initialSettings = api.getSettings()\n      onlineManager.setOnline(Boolean(initialSettings.onlineMode.valueOf()))\n\n      const queryCache = queryClient.getQueryCache()\n\n      api.addInspector({\n        id: pluginId,\n        label: pluginName,\n        icon: 'api',\n        nodeActions: [\n          {\n            icon: 'file_download',\n            tooltip: 'Refetch',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.fetch()\n            },\n          },\n          {\n            icon: 'alarm',\n            tooltip: 'Invalidate',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryClient.invalidateQueries(query)\n            },\n          },\n          {\n            icon: 'settings_backup_restore',\n            tooltip: 'Reset',\n            action: (queryHash: string) => {\n              queryCache.get(queryHash)?.reset()\n            },\n          },\n          {\n            icon: 'delete',\n            tooltip: 'Remove',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n              queryCache.remove(query)\n            },\n          },\n          {\n            icon: 'hourglass_empty',\n            tooltip: 'Force loading',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n\n              query.setState({\n                data: undefined,\n                status: 'pending',\n              })\n            },\n          },\n          {\n            icon: 'error_outline',\n            tooltip: 'Force error',\n            action: (queryHash: string) => {\n              const query = queryCache.get(queryHash) as Query\n\n              query.setState({\n                data: undefined,\n                status: 'error',\n                error: new Error('Unknown error from devtools'),\n              })\n            },\n          },\n        ],\n      })\n\n      api.addTimelineLayer({\n        id: pluginId,\n        label: pluginName,\n        color: 0xffd94c,\n      })\n\n      queryCache.subscribe((event) => {\n        api.sendInspectorTree(pluginId)\n        api.sendInspectorState(pluginId)\n\n        if (['added', 'removed', 'updated'].includes(event.type)) {\n          api.addTimelineEvent({\n            layerId: pluginId,\n            event: {\n              title: event.type,\n              subtitle: event.query.queryHash,\n              time: api.now(),\n              data: {\n                queryHash: event.query.queryHash,\n                ...event,\n              },\n            },\n          })\n        }\n      })\n\n      api.on.setPluginSettings((payload) => {\n        if (payload.key === 'onlineMode') {\n          onlineManager.setOnline(Boolean(payload.newValue))\n        }\n      })\n\n      api.on.getInspectorTree((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const queries = queryCache.getAll()\n          const settings = api.getSettings()\n\n          const filtered = payload.filter\n            ? queries.filter(\n                (item) => rankItem(item.queryHash, payload.filter).passed,\n              )\n            : [...queries]\n\n          const sorted = filtered.sort(\n            (a, b) => sortFns[settings.sortFn]!(a, b) * settings.baseSort,\n          )\n\n          const nodes: CustomInspectorNode[] = sorted.map((query) => {\n            const stateLabel = getQueryStateLabel(query)\n\n            return {\n              id: query.queryHash,\n              label: query.queryHash,\n              tags: [\n                {\n                  label: `${stateLabel} [${query.getObserversCount()}]`,\n                  textColor: getQueryStatusFg(query),\n                  backgroundColor: getQueryStatusBg(query),\n                },\n              ],\n            }\n          })\n          payload.rootNodes = nodes\n        }\n      })\n\n      api.on.getInspectorState((payload) => {\n        if (payload.inspectorId === pluginId) {\n          const query = queryCache.get(payload.nodeId)\n\n          if (!query) {\n            return\n          }\n\n          payload.state = {\n            ' Query Details': [\n              {\n                key: 'Query key',\n                value: query.queryHash,\n              },\n              {\n                key: 'Query status',\n                value: getQueryStateLabel(query),\n              },\n              {\n                key: 'Observers',\n                value: query.getObserversCount(),\n              },\n              {\n                key: 'Last Updated',\n                value: new Date(query.state.dataUpdatedAt).toLocaleTimeString(),\n              },\n            ],\n            'Data Explorer': [\n              {\n                key: 'Data',\n                value: query.state.data,\n              },\n            ],\n            'Query Explorer': [\n              {\n                key: 'Query',\n                value: query,\n              },\n            ],\n          }\n        }\n      })\n    },\n  )\n}\n"],"names":["pluginId","pluginName","setupDevtools","app","queryClient","setupDevtoolsPlugin","id","label","packageName","homepage","logo","settings","baseSort","type","component","options","value","defaultValue","sortFn","Object","keys","sortFns","map","key","onlineMode","api","initialSettings","getSettings","onlineManager","setOnline","Boolean","valueOf","queryCache","getQueryCache","addInspector","icon","nodeActions","tooltip","action","queryHash","get","fetch","query","invalidateQueries","reset","remove","setState","data","undefined","status","error","Error","addTimelineLayer","color","subscribe","event","sendInspectorTree","sendInspectorState","includes","addTimelineEvent","layerId","title","subtitle","time","now","on","setPluginSettings","payload","newValue","getInspectorTree","inspectorId","queries","getAll","filtered","filter","item","rankItem","passed","sorted","sort","a","b","nodes","stateLabel","getQueryStateLabel","tags","getObserversCount","textColor","getQueryStatusFg","backgroundColor","getQueryStatusBg","rootNodes","getInspectorState","nodeId","state","Date","dataUpdatedAt","toLocaleTimeString"],"mappings":";;;;;AAaA,MAAMA,QAAQ,GAAG,WAAW,CAAA;AAC5B,MAAMC,UAAU,GAAG,WAAW,CAAA;AAEvB,SAASC,aAAaA,CAACC,GAAQ,EAAEC,WAAwB,EAAE;AAChEC,EAAAA,mBAAmB,CACjB;AACEC,IAAAA,EAAE,EAAEN,QAAQ;AACZO,IAAAA,KAAK,EAAEN,UAAU;AACjBO,IAAAA,WAAW,EAAE,WAAW;AACxBC,IAAAA,QAAQ,EAAE,mCAAmC;AAC7CC,IAAAA,IAAI,EAAE,8FAA8F;IACpGP,GAAG;AACHQ,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,SAAS,EAAE,cAAc;AACzBP,QAAAA,KAAK,EAAE,oBAAoB;AAC3BQ,QAAAA,OAAO,EAAE,CACP;AACER,UAAAA,KAAK,EAAE,KAAK;AACZS,UAAAA,KAAK,EAAE,CAAA;AACT,SAAC,EACD;AACET,UAAAA,KAAK,EAAE,MAAM;AACbS,UAAAA,KAAK,EAAE,CAAC,CAAA;AACV,SAAC,CACF;AACDC,QAAAA,YAAY,EAAE,CAAA;OACf;AACDC,MAAAA,MAAM,EAAE;AACNL,QAAAA,IAAI,EAAE,QAAQ;AACdN,QAAAA,KAAK,EAAE,eAAe;QACtBQ,OAAO,EAAEI,MAAM,CAACC,IAAI,CAACC,OAAO,CAAC,CAACC,GAAG,CAAEC,GAAG,KAAM;AAC1ChB,UAAAA,KAAK,EAAEgB,GAAG;AACVP,UAAAA,KAAK,EAAEO,GAAAA;AACT,SAAC,CAAC,CAAC;QACHN,YAAY,EAAEE,MAAM,CAACC,IAAI,CAACC,OAAO,CAAC,CAAC,CAAC,CAAA;OACrC;AACDG,MAAAA,UAAU,EAAE;AACVX,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,SAAS,EAAE,cAAc;AACzBP,QAAAA,KAAK,EAAE,aAAa;AACpBQ,QAAAA,OAAO,EAAE,CACP;AACER,UAAAA,KAAK,EAAE,QAAQ;AACfS,UAAAA,KAAK,EAAE,CAAA;AACT,SAAC,EACD;AACET,UAAAA,KAAK,EAAE,SAAS;AAChBS,UAAAA,KAAK,EAAE,CAAA;AACT,SAAC,CACF;AACDC,QAAAA,YAAY,EAAE,CAAA;AAChB,OAAA;AACF,KAAA;GACD,EACAQ,GAAG,IAAK;AACP,IAAA,MAAMC,eAAe,GAAGD,GAAG,CAACE,WAAW,EAAE,CAAA;AACzCC,IAAAA,aAAa,CAACC,SAAS,CAACC,OAAO,CAACJ,eAAe,CAACF,UAAU,CAACO,OAAO,EAAE,CAAC,CAAC,CAAA;AAEtE,IAAA,MAAMC,UAAU,GAAG5B,WAAW,CAAC6B,aAAa,EAAE,CAAA;IAE9CR,GAAG,CAACS,YAAY,CAAC;AACf5B,MAAAA,EAAE,EAAEN,QAAQ;AACZO,MAAAA,KAAK,EAAEN,UAAU;AACjBkC,MAAAA,IAAI,EAAE,KAAK;AACXC,MAAAA,WAAW,EAAE,CACX;AACED,QAAAA,IAAI,EAAE,eAAe;AACrBE,QAAAA,OAAO,EAAE,SAAS;QAClBC,MAAM,EAAGC,SAAiB,IAAK;UAC7BP,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAC,EAAEE,KAAK,EAAE,CAAA;AACpC,SAAA;AACF,OAAC,EACD;AACEN,QAAAA,IAAI,EAAE,OAAO;AACbE,QAAAA,OAAO,EAAE,YAAY;QACrBC,MAAM,EAAGC,SAAiB,IAAK;AAC7B,UAAA,MAAMG,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAU,CAAA;AAChDnC,UAAAA,WAAW,CAACuC,iBAAiB,CAACD,KAAK,CAAC,CAAA;AACtC,SAAA;AACF,OAAC,EACD;AACEP,QAAAA,IAAI,EAAE,yBAAyB;AAC/BE,QAAAA,OAAO,EAAE,OAAO;QAChBC,MAAM,EAAGC,SAAiB,IAAK;UAC7BP,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAC,EAAEK,KAAK,EAAE,CAAA;AACpC,SAAA;AACF,OAAC,EACD;AACET,QAAAA,IAAI,EAAE,QAAQ;AACdE,QAAAA,OAAO,EAAE,QAAQ;QACjBC,MAAM,EAAGC,SAAiB,IAAK;AAC7B,UAAA,MAAMG,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAU,CAAA;AAChDP,UAAAA,UAAU,CAACa,MAAM,CAACH,KAAK,CAAC,CAAA;AAC1B,SAAA;AACF,OAAC,EACD;AACEP,QAAAA,IAAI,EAAE,iBAAiB;AACvBE,QAAAA,OAAO,EAAE,eAAe;QACxBC,MAAM,EAAGC,SAAiB,IAAK;AAC7B,UAAA,MAAMG,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAU,CAAA;UAEhDG,KAAK,CAACI,QAAQ,CAAC;AACbC,YAAAA,IAAI,EAAEC,SAAS;AACfC,YAAAA,MAAM,EAAE,SAAA;AACV,WAAC,CAAC,CAAA;AACJ,SAAA;AACF,OAAC,EACD;AACEd,QAAAA,IAAI,EAAE,eAAe;AACrBE,QAAAA,OAAO,EAAE,aAAa;QACtBC,MAAM,EAAGC,SAAiB,IAAK;AAC7B,UAAA,MAAMG,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAACD,SAAS,CAAU,CAAA;UAEhDG,KAAK,CAACI,QAAQ,CAAC;AACbC,YAAAA,IAAI,EAAEC,SAAS;AACfC,YAAAA,MAAM,EAAE,OAAO;AACfC,YAAAA,KAAK,EAAE,IAAIC,KAAK,CAAC,6BAA6B,CAAA;AAChD,WAAC,CAAC,CAAA;AACJ,SAAA;OACD,CAAA;AAEL,KAAC,CAAC,CAAA;IAEF1B,GAAG,CAAC2B,gBAAgB,CAAC;AACnB9C,MAAAA,EAAE,EAAEN,QAAQ;AACZO,MAAAA,KAAK,EAAEN,UAAU;AACjBoD,MAAAA,KAAK,EAAE,QAAA;AACT,KAAC,CAAC,CAAA;AAEFrB,IAAAA,UAAU,CAACsB,SAAS,CAAEC,KAAK,IAAK;AAC9B9B,MAAAA,GAAG,CAAC+B,iBAAiB,CAACxD,QAAQ,CAAC,CAAA;AAC/ByB,MAAAA,GAAG,CAACgC,kBAAkB,CAACzD,QAAQ,CAAC,CAAA;AAEhC,MAAA,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC0D,QAAQ,CAACH,KAAK,CAAC1C,IAAI,CAAC,EAAE;QACxDY,GAAG,CAACkC,gBAAgB,CAAC;AACnBC,UAAAA,OAAO,EAAE5D,QAAQ;AACjBuD,UAAAA,KAAK,EAAE;YACLM,KAAK,EAAEN,KAAK,CAAC1C,IAAI;AACjBiD,YAAAA,QAAQ,EAAEP,KAAK,CAACb,KAAK,CAACH,SAAS;AAC/BwB,YAAAA,IAAI,EAAEtC,GAAG,CAACuC,GAAG,EAAE;AACfjB,YAAAA,IAAI,EAAE;AACJR,cAAAA,SAAS,EAAEgB,KAAK,CAACb,KAAK,CAACH,SAAS;cAChC,GAAGgB,KAAAA;AACL,aAAA;AACF,WAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAC,CAAC,CAAA;AAEF9B,IAAAA,GAAG,CAACwC,EAAE,CAACC,iBAAiB,CAAEC,OAAO,IAAK;AACpC,MAAA,IAAIA,OAAO,CAAC5C,GAAG,KAAK,YAAY,EAAE;QAChCK,aAAa,CAACC,SAAS,CAACC,OAAO,CAACqC,OAAO,CAACC,QAAQ,CAAC,CAAC,CAAA;AACpD,OAAA;AACF,KAAC,CAAC,CAAA;AAEF3C,IAAAA,GAAG,CAACwC,EAAE,CAACI,gBAAgB,CAAEF,OAAO,IAAK;AACnC,MAAA,IAAIA,OAAO,CAACG,WAAW,KAAKtE,QAAQ,EAAE;AACpC,QAAA,MAAMuE,OAAO,GAAGvC,UAAU,CAACwC,MAAM,EAAE,CAAA;AACnC,QAAA,MAAM7D,QAAQ,GAAGc,GAAG,CAACE,WAAW,EAAE,CAAA;AAElC,QAAA,MAAM8C,QAAQ,GAAGN,OAAO,CAACO,MAAM,GAC3BH,OAAO,CAACG,MAAM,CACXC,IAAI,IAAKC,QAAQ,CAACD,IAAI,CAACpC,SAAS,EAAE4B,OAAO,CAACO,MAAM,CAAC,CAACG,MACrD,CAAC,GACD,CAAC,GAAGN,OAAO,CAAC,CAAA;QAEhB,MAAMO,MAAM,GAAGL,QAAQ,CAACM,IAAI,CAC1B,CAACC,CAAC,EAAEC,CAAC,KAAK5D,OAAO,CAACV,QAAQ,CAACO,MAAM,CAAC,CAAE8D,CAAC,EAAEC,CAAC,CAAC,GAAGtE,QAAQ,CAACC,QACvD,CAAC,CAAA;AAED,QAAA,MAAMsE,KAA4B,GAAGJ,MAAM,CAACxD,GAAG,CAAEoB,KAAK,IAAK;AACzD,UAAA,MAAMyC,UAAU,GAAGC,kBAAkB,CAAC1C,KAAK,CAAC,CAAA;UAE5C,OAAO;YACLpC,EAAE,EAAEoC,KAAK,CAACH,SAAS;YACnBhC,KAAK,EAAEmC,KAAK,CAACH,SAAS;AACtB8C,YAAAA,IAAI,EAAE,CACJ;cACE9E,KAAK,EAAG,GAAE4E,UAAW,CAAA,EAAA,EAAIzC,KAAK,CAAC4C,iBAAiB,EAAG,CAAE,CAAA,CAAA;AACrDC,cAAAA,SAAS,EAAEC,gBAAgB,CAAC9C,KAAK,CAAC;cAClC+C,eAAe,EAAEC,gBAAgB,CAAChD,KAAK,CAAA;aACxC,CAAA;WAEJ,CAAA;AACH,SAAC,CAAC,CAAA;QACFyB,OAAO,CAACwB,SAAS,GAAGT,KAAK,CAAA;AAC3B,OAAA;AACF,KAAC,CAAC,CAAA;AAEFzD,IAAAA,GAAG,CAACwC,EAAE,CAAC2B,iBAAiB,CAAEzB,OAAO,IAAK;AACpC,MAAA,IAAIA,OAAO,CAACG,WAAW,KAAKtE,QAAQ,EAAE;QACpC,MAAM0C,KAAK,GAAGV,UAAU,CAACQ,GAAG,CAAC2B,OAAO,CAAC0B,MAAM,CAAC,CAAA;QAE5C,IAAI,CAACnD,KAAK,EAAE;AACV,UAAA,OAAA;AACF,SAAA;QAEAyB,OAAO,CAAC2B,KAAK,GAAG;AACd,UAAA,gBAAgB,EAAE,CAChB;AACEvE,YAAAA,GAAG,EAAE,WAAW;YAChBP,KAAK,EAAE0B,KAAK,CAACH,SAAAA;AACf,WAAC,EACD;AACEhB,YAAAA,GAAG,EAAE,cAAc;YACnBP,KAAK,EAAEoE,kBAAkB,CAAC1C,KAAK,CAAA;AACjC,WAAC,EACD;AACEnB,YAAAA,GAAG,EAAE,WAAW;AAChBP,YAAAA,KAAK,EAAE0B,KAAK,CAAC4C,iBAAiB,EAAC;AACjC,WAAC,EACD;AACE/D,YAAAA,GAAG,EAAE,cAAc;AACnBP,YAAAA,KAAK,EAAE,IAAI+E,IAAI,CAACrD,KAAK,CAACoD,KAAK,CAACE,aAAa,CAAC,CAACC,kBAAkB,EAAC;AAChE,WAAC,CACF;AACD,UAAA,eAAe,EAAE,CACf;AACE1E,YAAAA,GAAG,EAAE,MAAM;AACXP,YAAAA,KAAK,EAAE0B,KAAK,CAACoD,KAAK,CAAC/C,IAAAA;AACrB,WAAC,CACF;AACD,UAAA,gBAAgB,EAAE,CAChB;AACExB,YAAAA,GAAG,EAAE,OAAO;AACZP,YAAAA,KAAK,EAAE0B,KAAAA;WACR,CAAA;SAEJ,CAAA;AACH,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GACF,CAAC,CAAA;AACH;;;;"}

package/build/lib/devtools/utils.d.ts

@@ -1,5 +1,5 @@
 import type { Query } from '@tanstack/query-core';
-declare type SortFn = (a: Query, b: Query) => number;
+type SortFn = (a: Query, b: Query) => number;
 declare enum QueryState {
     Fetching = 0,
     Fresh = 1,
@@ -13,3 +13,4 @@ export declare function getQueryStatusFg(query: Query): number;
 export declare function getQueryStatusBg(query: Query): number;
 export declare const sortFns: Record<string, SortFn>;
 export {};
+//# sourceMappingURL=utils.d.ts.map

package/build/lib/devtools/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/devtools/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAEjD,KAAK,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,MAAM,CAAA;AAG5C,aAAK,UAAU;IACb,QAAQ,IAAI;IACZ,KAAK,IAAA;IACL,KAAK,IAAA;IACL,QAAQ,IAAA;IACR,MAAM,IAAA;CACP;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,CAetD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAiBvD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAQrD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAiBrD;AAeD,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI1C,CAAA"}

package/build/lib/devtools/utils.js

@@ -1,15 +1,14 @@
 'use strict';
 
-/* istanbul ignore file */
 // eslint-disable-next-line no-shadow
-var QueryState;
-(function (QueryState) {
+var QueryState = /*#__PURE__*/function (QueryState) {
   QueryState[QueryState["Fetching"] = 0] = "Fetching";
   QueryState[QueryState["Fresh"] = 1] = "Fresh";
   QueryState[QueryState["Stale"] = 2] = "Stale";
   QueryState[QueryState["Inactive"] = 3] = "Inactive";
   QueryState[QueryState["Paused"] = 4] = "Paused";
-})(QueryState || (QueryState = {}));
+  return QueryState;
+}(QueryState || {});
 function getQueryState(query) {
   if (query.state.fetchStatus === 'fetching') {
     return QueryState.Fetching;