@tanstack/vue-query 4.9.0

package/build/lib/devtools/devtools.mjs

@@ -0,0 +1,163 @@
+import { setupDevtoolsPlugin } from '@vue/devtools-api';
+import { matchSorter } from 'match-sorter';
+import { sortFns, getQueryStateLabel, getQueryStatusFg, getQueryStatusBg } from './utils.mjs';
+
+/* istanbul ignore file */
+const pluginId = 'vue-query';
+const pluginName = 'Vue Query';
+function setupDevtools(app, queryClient) {
+  setupDevtoolsPlugin({
+    id: pluginId,
+    label: pluginName,
+    packageName: 'vue-query',
+    homepage: 'https://github.com/DamianOsipiuk/vue-query',
+    logo: 'https://vue-query.vercel.app/vue-query.svg',
+    app,
+    settings: {
+      baseSort: {
+        type: 'choice',
+        component: 'button-group',
+        label: 'Sort Cache Entries',
+        options: [{
+          label: 'ASC',
+          value: 1
+        }, {
+          label: 'DESC',
+          value: -1
+        }],
+        defaultValue: 1
+      },
+      sortFn: {
+        type: 'choice',
+        label: 'Sort Function',
+        options: Object.keys(sortFns).map(key => ({
+          label: key,
+          value: key
+        })),
+        defaultValue: Object.keys(sortFns)[0]
+      }
+    }
+  }, api => {
+    const queryCache = queryClient.getQueryCache();
+    api.addInspector({
+      id: pluginId,
+      label: pluginName,
+      icon: 'api',
+      nodeActions: [{
+        icon: 'cloud_download',
+        tooltip: 'Refetch',
+        action: queryHash => {
+          var _queryCache$get;
+
+          (_queryCache$get = queryCache.get(queryHash)) == null ? void 0 : _queryCache$get.fetch();
+        }
+      }, {
+        icon: 'alarm',
+        tooltip: 'Invalidate',
+        action: queryHash => {
+          const query = queryCache.get(queryHash);
+          queryClient.invalidateQueries(query.queryKey);
+        }
+      }, {
+        icon: 'settings_backup_restore',
+        tooltip: 'Reset',
+        action: queryHash => {
+          var _queryCache$get2;
+
+          (_queryCache$get2 = queryCache.get(queryHash)) == null ? void 0 : _queryCache$get2.reset();
+        }
+      }, {
+        icon: 'delete',
+        tooltip: 'Remove',
+        action: queryHash => {
+          const query = queryCache.get(queryHash);
+          queryCache.remove(query);
+        }
+      }]
+    });
+    api.addTimelineLayer({
+      id: pluginId,
+      label: pluginName,
+      color: 0xffd94c
+    });
+    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)) {
+        api.addTimelineEvent({
+          layerId: pluginId,
+          event: {
+            title: event.type,
+            subtitle: event.query.queryHash,
+            time: api.now(),
+            data: {
+              queryHash: event.query.queryHash,
+              ...event
+            }
+          }
+        });
+      }
+    });
+    api.on.getInspectorTree(payload => {
+      if (payload.inspectorId === pluginId) {
+        const queries = queryCache.getAll();
+        const settings = api.getSettings();
+        const filtered = matchSorter(queries, payload.filter, {
+          keys: ['queryHash'],
+          baseSort: (a, b) => sortFns[settings.sortFn](a.item, b.item) * settings.baseSort
+        });
+        const nodes = filtered.map(query => {
+          const stateLabel = getQueryStateLabel(query);
+          return {
+            id: query.queryHash,
+            label: query.queryHash,
+            tags: [{
+              label: stateLabel + " [" + query.getObserversCount() + "]",
+              textColor: getQueryStatusFg(query),
+              backgroundColor: getQueryStatusBg(query)
+            }]
+          };
+        });
+        payload.rootNodes = nodes;
+      }
+    });
+    api.on.getInspectorState(payload => {
+      if (payload.inspectorId === pluginId) {
+        const query = queryCache.get(payload.nodeId);
+
+        if (!query) {
+          return;
+        }
+
+        payload.state = {
+          ' Query Details': [{
+            key: 'Query key',
+            value: query.queryHash
+          }, {
+            key: 'Query status',
+            value: getQueryStateLabel(query)
+          }, {
+            key: 'Observers',
+            value: query.getObserversCount()
+          }, {
+            key: 'Last Updated',
+            value: new Date(query.state.dataUpdatedAt).toLocaleTimeString()
+          }],
+          'Data Explorer': [{
+            key: 'Data',
+            value: query.state.data
+          }],
+          'Query Explorer': [{
+            key: 'Query',
+            value: query
+          }]
+        };
+      }
+    });
+  });
+}
+
+export { setupDevtools };
+//# sourceMappingURL=devtools.mjs.map

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

@@ -0,0 +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 { matchSorter } from 'match-sorter'\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://github.com/DamianOsipiuk/vue-query',\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.queryKey)\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: Query[] = queryCache.getAll()\n          const settings = api.getSettings()\n          const filtered = matchSorter(queries, payload.filter, {\n            keys: ['queryHash'],\n            baseSort: (a, b) =>\n              sortFns[settings.sortFn]!(a.item, b.item) * settings.baseSort,\n          })\n\n          const nodes: CustomInspectorNode[] = filtered.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 as string,\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","queryKey","reset","remove","addTimelineLayer","color","subscribe","event","sendInspectorTree","sendInspectorState","includes","addTimelineEvent","layerId","title","subtitle","time","now","data","on","getInspectorTree","payload","inspectorId","queries","getAll","getSettings","filtered","matchSorter","filter","a","b","item","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/utils.d.ts

@@ -0,0 +1,15 @@
+import type { Query } from '@tanstack/query-core';
+declare type SortFn = (a: Query, b: Query) => number;
+declare enum QueryState {
+    Fetching = 0,
+    Fresh = 1,
+    Stale = 2,
+    Inactive = 3,
+    Paused = 4
+}
+export declare function getQueryState(query: Query): QueryState;
+export declare function getQueryStateLabel(query: Query): string;
+export declare function getQueryStatusFg(query: Query): number;
+export declare function getQueryStatusBg(query: Query): number;
+export declare const sortFns: Record<string, SortFn>;
+export {};

package/build/lib/devtools/utils.esm.js

@@ -0,0 +1,103 @@
+/* istanbul ignore file */
+// eslint-disable-next-line no-shadow
+var QueryState;
+
+(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 = {}));
+
+function getQueryState(query) {
+  if (query.state.fetchStatus === 'fetching') {
+    return QueryState.Fetching;
+  }
+
+  if (query.state.fetchStatus === 'paused') {
+    return QueryState.Paused;
+  }
+
+  if (!query.getObserversCount()) {
+    return QueryState.Inactive;
+  }
+
+  if (query.isStale()) {
+    return QueryState.Stale;
+  }
+
+  return QueryState.Fresh;
+}
+function getQueryStateLabel(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Fetching) {
+    return 'fetching';
+  }
+
+  if (queryState === QueryState.Paused) {
+    return 'paused';
+  }
+
+  if (queryState === QueryState.Stale) {
+    return 'stale';
+  }
+
+  if (queryState === QueryState.Inactive) {
+    return 'inactive';
+  }
+
+  return 'fresh';
+}
+function getQueryStatusFg(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Stale) {
+    return 0x000000;
+  }
+
+  return 0xffffff;
+}
+function getQueryStatusBg(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Fetching) {
+    return 0x006bff;
+  }
+
+  if (queryState === QueryState.Paused) {
+    return 0x8c49eb;
+  }
+
+  if (queryState === QueryState.Stale) {
+    return 0xffb200;
+  }
+
+  if (queryState === QueryState.Inactive) {
+    return 0x3f4e60;
+  }
+
+  return 0x008327;
+}
+
+const queryHashSort = (a, b) => String(a.queryHash).localeCompare(b.queryHash);
+
+const dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
+
+const statusAndDateSort = (a, b) => {
+  if (getQueryState(a) === getQueryState(b)) {
+    return dateSort(a, b);
+  }
+
+  return getQueryState(a) > getQueryState(b) ? 1 : -1;
+};
+
+const sortFns = {
+  'Status > Last Updated': statusAndDateSort,
+  'Query Hash': queryHashSort,
+  'Last Updated': dateSort
+};
+
+export { getQueryState, getQueryStateLabel, getQueryStatusBg, getQueryStatusFg, sortFns };
+//# sourceMappingURL=utils.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.esm.js","sources":["../../../src/devtools/utils.ts"],"sourcesContent":["/* istanbul ignore file */\n\nimport type { Query } from '@tanstack/query-core'\n\ntype SortFn = (a: Query, b: Query) => number\n\n// eslint-disable-next-line no-shadow\nenum QueryState {\n  Fetching = 0,\n  Fresh,\n  Stale,\n  Inactive,\n  Paused,\n}\n\nexport function getQueryState(query: Query): QueryState {\n  if (query.state.fetchStatus === 'fetching') {\n    return QueryState.Fetching\n  }\n  if (query.state.fetchStatus === 'paused') {\n    return QueryState.Paused\n  }\n  if (!query.getObserversCount()) {\n    return QueryState.Inactive\n  }\n  if (query.isStale()) {\n    return QueryState.Stale\n  }\n\n  return QueryState.Fresh\n}\n\nexport function getQueryStateLabel(query: Query): string {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Fetching) {\n    return 'fetching'\n  }\n  if (queryState === QueryState.Paused) {\n    return 'paused'\n  }\n  if (queryState === QueryState.Stale) {\n    return 'stale'\n  }\n  if (queryState === QueryState.Inactive) {\n    return 'inactive'\n  }\n\n  return 'fresh'\n}\n\nexport function getQueryStatusFg(query: Query): number {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Stale) {\n    return 0x000000\n  }\n\n  return 0xffffff\n}\n\nexport function getQueryStatusBg(query: Query): number {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Fetching) {\n    return 0x006bff\n  }\n  if (queryState === QueryState.Paused) {\n    return 0x8c49eb\n  }\n  if (queryState === QueryState.Stale) {\n    return 0xffb200\n  }\n  if (queryState === QueryState.Inactive) {\n    return 0x3f4e60\n  }\n\n  return 0x008327\n}\n\nconst queryHashSort: SortFn = (a, b) =>\n  String(a.queryHash).localeCompare(b.queryHash)\n\nconst dateSort: SortFn = (a, b) =>\n  a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1\n\nconst statusAndDateSort: SortFn = (a, b) => {\n  if (getQueryState(a) === getQueryState(b)) {\n    return dateSort(a, b)\n  }\n\n  return getQueryState(a) > getQueryState(b) ? 1 : -1\n}\n\nexport const sortFns: Record<string, SortFn> = {\n  'Status > Last Updated': statusAndDateSort,\n  'Query Hash': queryHashSort,\n  'Last Updated': dateSort,\n}\n"],"names":["QueryState","getQueryState","query","state","fetchStatus","Fetching","Paused","getObserversCount","Inactive","isStale","Stale","Fresh","getQueryStateLabel","queryState","getQueryStatusFg","getQueryStatusBg","queryHashSort","a","b","String","queryHash","localeCompare","dateSort","dataUpdatedAt","statusAndDateSort","sortFns"],"mappings":"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"}

package/build/lib/devtools/utils.js

@@ -0,0 +1,111 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* istanbul ignore file */
+// eslint-disable-next-line no-shadow
+var QueryState;
+
+(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 = {}));
+
+function getQueryState(query) {
+  if (query.state.fetchStatus === 'fetching') {
+    return QueryState.Fetching;
+  }
+
+  if (query.state.fetchStatus === 'paused') {
+    return QueryState.Paused;
+  }
+
+  if (!query.getObserversCount()) {
+    return QueryState.Inactive;
+  }
+
+  if (query.isStale()) {
+    return QueryState.Stale;
+  }
+
+  return QueryState.Fresh;
+}
+function getQueryStateLabel(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Fetching) {
+    return 'fetching';
+  }
+
+  if (queryState === QueryState.Paused) {
+    return 'paused';
+  }
+
+  if (queryState === QueryState.Stale) {
+    return 'stale';
+  }
+
+  if (queryState === QueryState.Inactive) {
+    return 'inactive';
+  }
+
+  return 'fresh';
+}
+function getQueryStatusFg(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Stale) {
+    return 0x000000;
+  }
+
+  return 0xffffff;
+}
+function getQueryStatusBg(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Fetching) {
+    return 0x006bff;
+  }
+
+  if (queryState === QueryState.Paused) {
+    return 0x8c49eb;
+  }
+
+  if (queryState === QueryState.Stale) {
+    return 0xffb200;
+  }
+
+  if (queryState === QueryState.Inactive) {
+    return 0x3f4e60;
+  }
+
+  return 0x008327;
+}
+
+const queryHashSort = (a, b) => String(a.queryHash).localeCompare(b.queryHash);
+
+const dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
+
+const statusAndDateSort = (a, b) => {
+  if (getQueryState(a) === getQueryState(b)) {
+    return dateSort(a, b);
+  }
+
+  return getQueryState(a) > getQueryState(b) ? 1 : -1;
+};
+
+const sortFns = {
+  'Status > Last Updated': statusAndDateSort,
+  'Query Hash': queryHashSort,
+  'Last Updated': dateSort
+};
+
+exports.getQueryState = getQueryState;
+exports.getQueryStateLabel = getQueryStateLabel;
+exports.getQueryStatusBg = getQueryStatusBg;
+exports.getQueryStatusFg = getQueryStatusFg;
+exports.sortFns = sortFns;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/devtools/utils.ts"],"sourcesContent":["/* istanbul ignore file */\n\nimport type { Query } from '@tanstack/query-core'\n\ntype SortFn = (a: Query, b: Query) => number\n\n// eslint-disable-next-line no-shadow\nenum QueryState {\n  Fetching = 0,\n  Fresh,\n  Stale,\n  Inactive,\n  Paused,\n}\n\nexport function getQueryState(query: Query): QueryState {\n  if (query.state.fetchStatus === 'fetching') {\n    return QueryState.Fetching\n  }\n  if (query.state.fetchStatus === 'paused') {\n    return QueryState.Paused\n  }\n  if (!query.getObserversCount()) {\n    return QueryState.Inactive\n  }\n  if (query.isStale()) {\n    return QueryState.Stale\n  }\n\n  return QueryState.Fresh\n}\n\nexport function getQueryStateLabel(query: Query): string {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Fetching) {\n    return 'fetching'\n  }\n  if (queryState === QueryState.Paused) {\n    return 'paused'\n  }\n  if (queryState === QueryState.Stale) {\n    return 'stale'\n  }\n  if (queryState === QueryState.Inactive) {\n    return 'inactive'\n  }\n\n  return 'fresh'\n}\n\nexport function getQueryStatusFg(query: Query): number {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Stale) {\n    return 0x000000\n  }\n\n  return 0xffffff\n}\n\nexport function getQueryStatusBg(query: Query): number {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Fetching) {\n    return 0x006bff\n  }\n  if (queryState === QueryState.Paused) {\n    return 0x8c49eb\n  }\n  if (queryState === QueryState.Stale) {\n    return 0xffb200\n  }\n  if (queryState === QueryState.Inactive) {\n    return 0x3f4e60\n  }\n\n  return 0x008327\n}\n\nconst queryHashSort: SortFn = (a, b) =>\n  String(a.queryHash).localeCompare(b.queryHash)\n\nconst dateSort: SortFn = (a, b) =>\n  a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1\n\nconst statusAndDateSort: SortFn = (a, b) => {\n  if (getQueryState(a) === getQueryState(b)) {\n    return dateSort(a, b)\n  }\n\n  return getQueryState(a) > getQueryState(b) ? 1 : -1\n}\n\nexport const sortFns: Record<string, SortFn> = {\n  'Status > Last Updated': statusAndDateSort,\n  'Query Hash': queryHashSort,\n  'Last Updated': dateSort,\n}\n"],"names":["QueryState","getQueryState","query","state","fetchStatus","Fetching","Paused","getObserversCount","Inactive","isStale","Stale","Fresh","getQueryStateLabel","queryState","getQueryStatusFg","getQueryStatusBg","queryHashSort","a","b","String","queryHash","localeCompare","dateSort","dataUpdatedAt","statusAndDateSort","sortFns"],"mappings":"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"}

package/build/lib/devtools/utils.mjs

@@ -0,0 +1,103 @@
+/* istanbul ignore file */
+// eslint-disable-next-line no-shadow
+var QueryState;
+
+(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 = {}));
+
+function getQueryState(query) {
+  if (query.state.fetchStatus === 'fetching') {
+    return QueryState.Fetching;
+  }
+
+  if (query.state.fetchStatus === 'paused') {
+    return QueryState.Paused;
+  }
+
+  if (!query.getObserversCount()) {
+    return QueryState.Inactive;
+  }
+
+  if (query.isStale()) {
+    return QueryState.Stale;
+  }
+
+  return QueryState.Fresh;
+}
+function getQueryStateLabel(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Fetching) {
+    return 'fetching';
+  }
+
+  if (queryState === QueryState.Paused) {
+    return 'paused';
+  }
+
+  if (queryState === QueryState.Stale) {
+    return 'stale';
+  }
+
+  if (queryState === QueryState.Inactive) {
+    return 'inactive';
+  }
+
+  return 'fresh';
+}
+function getQueryStatusFg(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Stale) {
+    return 0x000000;
+  }
+
+  return 0xffffff;
+}
+function getQueryStatusBg(query) {
+  const queryState = getQueryState(query);
+
+  if (queryState === QueryState.Fetching) {
+    return 0x006bff;
+  }
+
+  if (queryState === QueryState.Paused) {
+    return 0x8c49eb;
+  }
+
+  if (queryState === QueryState.Stale) {
+    return 0xffb200;
+  }
+
+  if (queryState === QueryState.Inactive) {
+    return 0x3f4e60;
+  }
+
+  return 0x008327;
+}
+
+const queryHashSort = (a, b) => String(a.queryHash).localeCompare(b.queryHash);
+
+const dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
+
+const statusAndDateSort = (a, b) => {
+  if (getQueryState(a) === getQueryState(b)) {
+    return dateSort(a, b);
+  }
+
+  return getQueryState(a) > getQueryState(b) ? 1 : -1;
+};
+
+const sortFns = {
+  'Status > Last Updated': statusAndDateSort,
+  'Query Hash': queryHashSort,
+  'Last Updated': dateSort
+};
+
+export { getQueryState, getQueryStateLabel, getQueryStatusBg, getQueryStatusFg, sortFns };
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../src/devtools/utils.ts"],"sourcesContent":["/* istanbul ignore file */\n\nimport type { Query } from '@tanstack/query-core'\n\ntype SortFn = (a: Query, b: Query) => number\n\n// eslint-disable-next-line no-shadow\nenum QueryState {\n  Fetching = 0,\n  Fresh,\n  Stale,\n  Inactive,\n  Paused,\n}\n\nexport function getQueryState(query: Query): QueryState {\n  if (query.state.fetchStatus === 'fetching') {\n    return QueryState.Fetching\n  }\n  if (query.state.fetchStatus === 'paused') {\n    return QueryState.Paused\n  }\n  if (!query.getObserversCount()) {\n    return QueryState.Inactive\n  }\n  if (query.isStale()) {\n    return QueryState.Stale\n  }\n\n  return QueryState.Fresh\n}\n\nexport function getQueryStateLabel(query: Query): string {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Fetching) {\n    return 'fetching'\n  }\n  if (queryState === QueryState.Paused) {\n    return 'paused'\n  }\n  if (queryState === QueryState.Stale) {\n    return 'stale'\n  }\n  if (queryState === QueryState.Inactive) {\n    return 'inactive'\n  }\n\n  return 'fresh'\n}\n\nexport function getQueryStatusFg(query: Query): number {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Stale) {\n    return 0x000000\n  }\n\n  return 0xffffff\n}\n\nexport function getQueryStatusBg(query: Query): number {\n  const queryState = getQueryState(query)\n\n  if (queryState === QueryState.Fetching) {\n    return 0x006bff\n  }\n  if (queryState === QueryState.Paused) {\n    return 0x8c49eb\n  }\n  if (queryState === QueryState.Stale) {\n    return 0xffb200\n  }\n  if (queryState === QueryState.Inactive) {\n    return 0x3f4e60\n  }\n\n  return 0x008327\n}\n\nconst queryHashSort: SortFn = (a, b) =>\n  String(a.queryHash).localeCompare(b.queryHash)\n\nconst dateSort: SortFn = (a, b) =>\n  a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1\n\nconst statusAndDateSort: SortFn = (a, b) => {\n  if (getQueryState(a) === getQueryState(b)) {\n    return dateSort(a, b)\n  }\n\n  return getQueryState(a) > getQueryState(b) ? 1 : -1\n}\n\nexport const sortFns: Record<string, SortFn> = {\n  'Status > Last Updated': statusAndDateSort,\n  'Query Hash': queryHashSort,\n  'Last Updated': dateSort,\n}\n"],"names":["QueryState","getQueryState","query","state","fetchStatus","Fetching","Paused","getObserversCount","Inactive","isStale","Stale","Fresh","getQueryStateLabel","queryState","getQueryStatusFg","getQueryStatusBg","queryHashSort","a","b","String","queryHash","localeCompare","dateSort","dataUpdatedAt","statusAndDateSort","sortFns"],"mappings":"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"}

package/build/lib/index.d.ts

@@ -0,0 +1,21 @@
+export * from '@tanstack/query-core';
+export { useQueryClient } from './useQueryClient';
+export { VueQueryPlugin } from './vueQueryPlugin';
+export { QueryClient } from './queryClient';
+export { QueryCache } from './queryCache';
+export { MutationCache } from './mutationCache';
+export { useQuery } from './useQuery';
+export { useQueries } from './useQueries';
+export { useInfiniteQuery } from './useInfiniteQuery';
+export { useMutation } from './useMutation';
+export { useIsFetching } from './useIsFetching';
+export { useIsMutating } from './useIsMutating';
+export { VUE_QUERY_CLIENT } from './utils';
+export type { UseQueryReturnType } from './useBaseQuery';
+export type { UseQueryOptions } from './useQuery';
+export type { UseInfiniteQueryOptions } from './useInfiniteQuery';
+export type { UseMutationOptions, UseMutationReturnType } from './useMutation';
+export type { UseQueriesOptions, UseQueriesResults } from './useQueries';
+export type { MutationFilters } from './useIsMutating';
+export type { QueryFilters } from './useIsFetching';
+export type { VueQueryPluginOptions } from './vueQueryPlugin';

package/build/lib/index.esm.js

@@ -0,0 +1,14 @@
+export * from '@tanstack/query-core';
+export { useQueryClient } from './useQueryClient.esm.js';
+export { VueQueryPlugin } from './vueQueryPlugin.esm.js';
+export { QueryClient } from './queryClient.esm.js';
+export { QueryCache } from './queryCache.esm.js';
+export { MutationCache } from './mutationCache.esm.js';
+export { useQuery } from './useQuery.esm.js';
+export { useQueries } from './useQueries.esm.js';
+export { useInfiniteQuery } from './useInfiniteQuery.esm.js';
+export { useMutation } from './useMutation.esm.js';
+export { useIsFetching } from './useIsFetching.esm.js';
+export { useIsMutating } from './useIsMutating.esm.js';
+export { VUE_QUERY_CLIENT } from './utils.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/build/lib/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/build/lib/index.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var queryCore = require('@tanstack/query-core');
+var useQueryClient = require('./useQueryClient.js');
+var vueQueryPlugin = require('./vueQueryPlugin.js');
+var queryClient = require('./queryClient.js');
+var queryCache = require('./queryCache.js');
+var mutationCache = require('./mutationCache.js');
+var useQuery = require('./useQuery.js');
+var useQueries = require('./useQueries.js');
+var useInfiniteQuery = require('./useInfiniteQuery.js');
+var useMutation = require('./useMutation.js');
+var useIsFetching = require('./useIsFetching.js');
+var useIsMutating = require('./useIsMutating.js');
+var utils = require('./utils.js');
+
+
+
+exports.useQueryClient = useQueryClient.useQueryClient;
+exports.VueQueryPlugin = vueQueryPlugin.VueQueryPlugin;
+exports.QueryClient = queryClient.QueryClient;
+exports.QueryCache = queryCache.QueryCache;
+exports.MutationCache = mutationCache.MutationCache;
+exports.useQuery = useQuery.useQuery;
+exports.useQueries = useQueries.useQueries;
+exports.useInfiniteQuery = useInfiniteQuery.useInfiniteQuery;
+exports.useMutation = useMutation.useMutation;
+exports.useIsFetching = useIsFetching.useIsFetching;
+exports.useIsMutating = useIsMutating.useIsMutating;
+exports.VUE_QUERY_CLIENT = utils.VUE_QUERY_CLIENT;
+Object.keys(queryCore).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return queryCore[k]; }
+	});
+});
+//# sourceMappingURL=index.js.map

package/build/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/index.mjs

@@ -0,0 +1,14 @@
+export * from '@tanstack/query-core';
+export { useQueryClient } from './useQueryClient.mjs';
+export { VueQueryPlugin } from './vueQueryPlugin.mjs';
+export { QueryClient } from './queryClient.mjs';
+export { QueryCache } from './queryCache.mjs';
+export { MutationCache } from './mutationCache.mjs';
+export { useQuery } from './useQuery.mjs';
+export { useQueries } from './useQueries.mjs';
+export { useInfiniteQuery } from './useInfiniteQuery.mjs';
+export { useMutation } from './useMutation.mjs';
+export { useIsFetching } from './useIsFetching.mjs';
+export { useIsMutating } from './useIsMutating.mjs';
+export { VUE_QUERY_CLIENT } from './utils.mjs';
+//# sourceMappingURL=index.mjs.map

package/build/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}