@tanstack/vue-query 5.101.4 → 5.102.0

package/build/legacy/vueQueryPlugin.js

@@ -1,80 +1,62 @@
-// src/vueQueryPlugin.ts
-import { isVue2 } from "vue-demi";
-import { environmentManager } from "@tanstack/query-core";
-import { QueryClient } from "./queryClient.js";
 import { getClientKey } from "./utils.js";
+import { QueryClient as QueryClient$1 } from "./queryClient.js";
 import { setupDevtools } from "./devtools/devtools.js";
-var VueQueryPlugin = {
-  install: (app, options = {}) => {
-    const clientKey = getClientKey(options.queryClientKey);
-    let client;
-    if ("queryClient" in options && options.queryClient) {
-      client = options.queryClient;
-    } else {
-      const clientConfig = "queryClientConfig" in options ? options.queryClientConfig : void 0;
-      client = new QueryClient(clientConfig);
-    }
-    if (!environmentManager.isServer()) {
-      client.mount();
-    }
-    let persisterUnmount = () => {
-    };
-    if (options.clientPersister) {
-      if (client.isRestoring) {
-        client.isRestoring.value = true;
-      }
-      const [unmount, promise] = options.clientPersister(client);
-      persisterUnmount = unmount;
-      promise.then(() => {
-        var _a;
-        if (client.isRestoring) {
-          client.isRestoring.value = false;
-        }
-        (_a = options.clientPersisterOnSuccess) == null ? void 0 : _a.call(options, client);
-      });
-    }
-    const cleanup = () => {
-      client.unmount();
-      persisterUnmount();
-    };
-    if (app.onUnmount) {
-      app.onUnmount(cleanup);
-    } else {
-      const originalUnmount = app.unmount;
-      app.unmount = function vueQueryUnmount() {
-        cleanup();
-        originalUnmount();
-      };
-    }
-    if (isVue2) {
-      app.mixin({
-        beforeCreate() {
-          if (!this._provided) {
-            const provideCache = {};
-            Object.defineProperty(this, "_provided", {
-              get: () => provideCache,
-              set: (v) => Object.assign(provideCache, v)
-            });
-          }
-          this._provided[clientKey] = client;
-          if (process.env.NODE_ENV === "development") {
-            if (this === this.$root && options.enableDevtoolsV6Plugin) {
-              setupDevtools(this, client);
-            }
-          }
-        }
-      });
-    } else {
-      app.provide(clientKey, client);
-      if (process.env.NODE_ENV === "development") {
-        if (options.enableDevtoolsV6Plugin) {
-          setupDevtools(app, client);
-        }
-      }
-    }
-  }
-};
-export {
-  VueQueryPlugin
-};
+import { environmentManager } from "@tanstack/query-core";
+import { isVue2 } from "vue-demi";
+//#region src/vueQueryPlugin.ts
+const VueQueryPlugin = { install: (app, options = {}) => {
+	const clientKey = getClientKey(options.queryClientKey);
+	let client;
+	if ("queryClient" in options && options.queryClient) client = options.queryClient;
+	else {
+		const clientConfig = "queryClientConfig" in options ? options.queryClientConfig : void 0;
+		client = new QueryClient$1(clientConfig);
+	}
+	if (!environmentManager.isServer()) client.mount();
+	let persisterUnmount = () => {};
+	if (options.clientPersister) {
+		if (client.isRestoring) client.isRestoring.value = true;
+		const [unmount, promise] = options.clientPersister(client);
+		persisterUnmount = unmount;
+		promise.then(() => {
+			var _options$clientPersis;
+			if (client.isRestoring) client.isRestoring.value = false;
+			(_options$clientPersis = options.clientPersisterOnSuccess) === null || _options$clientPersis === void 0 || _options$clientPersis.call(options, client);
+		});
+	}
+	const cleanup = () => {
+		client.unmount();
+		persisterUnmount();
+	};
+	if (app.onUnmount) app.onUnmount(cleanup);
+	else {
+		const originalUnmount = app.unmount;
+		app.unmount = function vueQueryUnmount() {
+			cleanup();
+			originalUnmount();
+		};
+	}
+	if (isVue2) app.mixin({ beforeCreate() {
+		if (!this._provided) {
+			const provideCache = {};
+			Object.defineProperty(this, "_provided", {
+				get: () => provideCache,
+				set: (v) => Object.assign(provideCache, v)
+			});
+		}
+		this._provided[clientKey] = client;
+		if (process.env.NODE_ENV === "development") {
+			if (this === this.$root && options.enableDevtoolsV6Plugin) setupDevtools(this, client);
+		}
+	} });
+	else {
+		app.provide(clientKey, client);
+		if (process.env.NODE_ENV === "development") {
+			if (options.enableDevtoolsV6Plugin) setupDevtools(app, client);
+		}
+	}
+} };
+//#endregion
+export { VueQueryPlugin };
+
 //# sourceMappingURL=vueQueryPlugin.js.map

package/build/legacy/vueQueryPlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { environmentManager } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey } from './utils'\nimport { setupDevtools } from './devtools/devtools'\nimport type { QueryClientConfig } from './types'\n\ntype ClientPersister = (client: QueryClient) => [() => void, Promise<void>]\n\ninterface CommonOptions {\n  enableDevtoolsV6Plugin?: boolean\n  queryClientKey?: string\n  clientPersister?: ClientPersister\n  clientPersisterOnSuccess?: (client: QueryClient) => void\n}\n\ninterface ConfigOptions extends CommonOptions {\n  queryClientConfig?: QueryClientConfig\n}\n\ninterface ClientOptions extends CommonOptions {\n  queryClient?: QueryClient\n}\n\nexport type VueQueryPluginOptions = ConfigOptions | ClientOptions\n\nexport const VueQueryPlugin = {\n  install: (app: any, options: VueQueryPluginOptions = {}) => {\n    const clientKey = getClientKey(options.queryClientKey)\n    let client: QueryClient\n\n    if ('queryClient' in options && options.queryClient) {\n      client = options.queryClient\n    } else {\n      const clientConfig =\n        'queryClientConfig' in options ? options.queryClientConfig : undefined\n      client = new QueryClient(clientConfig)\n    }\n\n    if (!environmentManager.isServer()) {\n      client.mount()\n    }\n\n    let persisterUnmount = () => {\n      // noop\n    }\n\n    if (options.clientPersister) {\n      if (client.isRestoring) {\n        client.isRestoring.value = true\n      }\n      const [unmount, promise] = options.clientPersister(client)\n      persisterUnmount = unmount\n      promise.then(() => {\n        if (client.isRestoring) {\n          client.isRestoring.value = false\n        }\n        options.clientPersisterOnSuccess?.(client)\n      })\n    }\n\n    const cleanup = () => {\n      client.unmount()\n      persisterUnmount()\n    }\n\n    if (app.onUnmount) {\n      app.onUnmount(cleanup)\n    } else {\n      const originalUnmount = app.unmount\n      app.unmount = function vueQueryUnmount() {\n        cleanup()\n        originalUnmount()\n      }\n    }\n\n    if (isVue2) {\n      app.mixin({\n        beforeCreate() {\n          // HACK: taken from provide(): https://github.com/vuejs/composition-api/blob/master/src/apis/inject.ts#L30\n          if (!this._provided) {\n            const provideCache = {}\n            Object.defineProperty(this, '_provided', {\n              get: () => provideCache,\n              set: (v) => Object.assign(provideCache, v),\n            })\n          }\n\n          this._provided[clientKey] = client\n\n          if (process.env.NODE_ENV === 'development') {\n            if (this === this.$root && options.enableDevtoolsV6Plugin) {\n              setupDevtools(this, client)\n            }\n          }\n        },\n      })\n    } else {\n      app.provide(clientKey, client)\n\n      if (process.env.NODE_ENV === 'development') {\n        if (options.enableDevtoolsV6Plugin) {\n          setupDevtools(app, client)\n        }\n      }\n    }\n  },\n}\n"],"mappings":";AAAA,SAAS,cAAc;AACvB,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAsBvB,IAAM,iBAAiB;AAAA,EAC5B,SAAS,CAAC,KAAU,UAAiC,CAAC,MAAM;AAC1D,UAAM,YAAY,aAAa,QAAQ,cAAc;AACrD,QAAI;AAEJ,QAAI,iBAAiB,WAAW,QAAQ,aAAa;AACnD,eAAS,QAAQ;AAAA,IACnB,OAAO;AACL,YAAM,eACJ,uBAAuB,UAAU,QAAQ,oBAAoB;AAC/D,eAAS,IAAI,YAAY,YAAY;AAAA,IACvC;AAEA,QAAI,CAAC,mBAAmB,SAAS,GAAG;AAClC,aAAO,MAAM;AAAA,IACf;AAEA,QAAI,mBAAmB,MAAM;AAAA,IAE7B;AAEA,QAAI,QAAQ,iBAAiB;AAC3B,UAAI,OAAO,aAAa;AACtB,eAAO,YAAY,QAAQ;AAAA,MAC7B;AACA,YAAM,CAAC,SAAS,OAAO,IAAI,QAAQ,gBAAgB,MAAM;AACzD,yBAAmB;AACnB,cAAQ,KAAK,MAAM;AAtDzB;AAuDQ,YAAI,OAAO,aAAa;AACtB,iBAAO,YAAY,QAAQ;AAAA,QAC7B;AACA,sBAAQ,6BAAR,iCAAmC;AAAA,MACrC,CAAC;AAAA,IACH;AAEA,UAAM,UAAU,MAAM;AACpB,aAAO,QAAQ;AACf,uBAAiB;AAAA,IACnB;AAEA,QAAI,IAAI,WAAW;AACjB,UAAI,UAAU,OAAO;AAAA,IACvB,OAAO;AACL,YAAM,kBAAkB,IAAI;AAC5B,UAAI,UAAU,SAAS,kBAAkB;AACvC,gBAAQ;AACR,wBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,QAAI,QAAQ;AACV,UAAI,MAAM;AAAA,QACR,eAAe;AAEb,cAAI,CAAC,KAAK,WAAW;AACnB,kBAAM,eAAe,CAAC;AACtB,mBAAO,eAAe,MAAM,aAAa;AAAA,cACvC,KAAK,MAAM;AAAA,cACX,KAAK,CAAC,MAAM,OAAO,OAAO,cAAc,CAAC;AAAA,YAC3C,CAAC;AAAA,UACH;AAEA,eAAK,UAAU,SAAS,IAAI;AAE5B,cAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,gBAAI,SAAS,KAAK,SAAS,QAAQ,wBAAwB;AACzD,4BAAc,MAAM,MAAM;AAAA,YAC5B;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,UAAI,QAAQ,WAAW,MAAM;AAE7B,UAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAI,QAAQ,wBAAwB;AAClC,wBAAc,KAAK,MAAM;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"file":"vueQueryPlugin.js","names":["QueryClient"],"sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { environmentManager } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey } from './utils'\nimport { setupDevtools } from './devtools/devtools'\nimport type { QueryClientConfig } from './types'\n\ntype ClientPersister = (client: QueryClient) => [() => void, Promise<void>]\n\ninterface CommonOptions {\n  enableDevtoolsV6Plugin?: boolean\n  queryClientKey?: string\n  clientPersister?: ClientPersister\n  clientPersisterOnSuccess?: (client: QueryClient) => void\n}\n\ninterface ConfigOptions extends CommonOptions {\n  queryClientConfig?: QueryClientConfig\n}\n\ninterface ClientOptions extends CommonOptions {\n  queryClient?: QueryClient\n}\n\nexport type VueQueryPluginOptions = ConfigOptions | ClientOptions\n\nexport const VueQueryPlugin = {\n  install: (app: any, options: VueQueryPluginOptions = {}) => {\n    const clientKey = getClientKey(options.queryClientKey)\n    let client: QueryClient\n\n    if ('queryClient' in options && options.queryClient) {\n      client = options.queryClient\n    } else {\n      const clientConfig =\n        'queryClientConfig' in options ? options.queryClientConfig : undefined\n      client = new QueryClient(clientConfig)\n    }\n\n    if (!environmentManager.isServer()) {\n      client.mount()\n    }\n\n    let persisterUnmount = () => {\n      // noop\n    }\n\n    if (options.clientPersister) {\n      if (client.isRestoring) {\n        client.isRestoring.value = true\n      }\n      const [unmount, promise] = options.clientPersister(client)\n      persisterUnmount = unmount\n      promise.then(() => {\n        if (client.isRestoring) {\n          client.isRestoring.value = false\n        }\n        options.clientPersisterOnSuccess?.(client)\n      })\n    }\n\n    const cleanup = () => {\n      client.unmount()\n      persisterUnmount()\n    }\n\n    if (app.onUnmount) {\n      app.onUnmount(cleanup)\n    } else {\n      const originalUnmount = app.unmount\n      app.unmount = function vueQueryUnmount() {\n        cleanup()\n        originalUnmount()\n      }\n    }\n\n    if (isVue2) {\n      app.mixin({\n        beforeCreate() {\n          // HACK: taken from provide(): https://github.com/vuejs/composition-api/blob/master/src/apis/inject.ts#L30\n          if (!this._provided) {\n            const provideCache = {}\n            Object.defineProperty(this, '_provided', {\n              get: () => provideCache,\n              set: (v) => Object.assign(provideCache, v),\n            })\n          }\n\n          this._provided[clientKey] = client\n\n          if (process.env.NODE_ENV === 'development') {\n            if (this === this.$root && options.enableDevtoolsV6Plugin) {\n              setupDevtools(this, client)\n            }\n          }\n        },\n      })\n    } else {\n      app.provide(clientKey, client)\n\n      if (process.env.NODE_ENV === 'development') {\n        if (options.enableDevtoolsV6Plugin) {\n          setupDevtools(app, client)\n        }\n      }\n    }\n  },\n}\n"],"mappings":";;;;;;AA2BA,MAAa,iBAAiB,EAC5B,UAAU,KAAU,UAAiC,CAAC,MAAM;CAC1D,MAAM,YAAY,aAAa,QAAQ,cAAc;CACrD,IAAI;CAEJ,IAAI,iBAAiB,WAAW,QAAQ,aACtC,SAAS,QAAQ;MACZ;EACL,MAAM,eACJ,uBAAuB,UAAU,QAAQ,oBAAoB,KAAA;EAC/D,SAAS,IAAIA,cAAY,YAAY;CACvC;CAEA,IAAI,CAAC,mBAAmB,SAAS,GAC/B,OAAO,MAAM;CAGf,IAAI,yBAAyB,CAE7B;CAEA,IAAI,QAAQ,iBAAiB;EAC3B,IAAI,OAAO,aACT,OAAO,YAAY,QAAQ;EAE7B,MAAM,CAAC,SAAS,WAAW,QAAQ,gBAAgB,MAAM;EACzD,mBAAmB;EACnB,QAAQ,WAAW;;GACjB,IAAI,OAAO,aACT,OAAO,YAAY,QAAQ;GAE7B,CAAA,wBAAA,QAAQ,8BAAA,QAAA,0BAAA,KAAA,KAAA,sBAAA,KAAA,SAA2B,MAAM;EAC3C,CAAC;CACH;CAEA,MAAM,gBAAgB;EACpB,OAAO,QAAQ;EACf,iBAAiB;CACnB;CAEA,IAAI,IAAI,WACN,IAAI,UAAU,OAAO;MAChB;EACL,MAAM,kBAAkB,IAAI;EAC5B,IAAI,UAAU,SAAS,kBAAkB;GACvC,QAAQ;GACR,gBAAgB;EAClB;CACF;CAEA,IAAI,QACF,IAAI,MAAM,EACR,eAAe;EAEb,IAAI,CAAC,KAAK,WAAW;GACnB,MAAM,eAAe,CAAC;GACtB,OAAO,eAAe,MAAM,aAAa;IACvC,WAAW;IACX,MAAM,MAAM,OAAO,OAAO,cAAc,CAAC;GAC3C,CAAC;EACH;EAEA,KAAK,UAAU,aAAa;EAE5B,IAAI,QAAQ,IAAI,aAAa,eACvB;OAAA,SAAS,KAAK,SAAS,QAAQ,wBACjC,cAAc,MAAM,MAAM;EAAA;CAGhC,EACF,CAAC;MACI;EACL,IAAI,QAAQ,WAAW,MAAM;EAE7B,IAAI,QAAQ,IAAI,aAAa,eACvB;OAAA,QAAQ,wBACV,cAAc,KAAK,MAAM;EAAA;CAG/B;AACF,EACF"}

package/build/modern/devtools/devtools.cjs

@@ -1,259 +1,204 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/devtools/devtools.ts
-var devtools_exports = {};
-__export(devtools_exports, {
-  setupDevtools: () => setupDevtools
-});
-module.exports = __toCommonJS(devtools_exports);
-var import_devtools_api = require("@vue/devtools-api");
-var import_match_sorter_utils = require("@tanstack/match-sorter-utils");
-var import_query_core = require("@tanstack/query-core");
-var import_utils = require("./utils.cjs");
-var pluginId = "vue-query";
-var pluginName = "Vue Query";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_devtools_utils = require("./utils.cjs");
+let _tanstack_query_core = require("@tanstack/query-core");
+let _vue_devtools_api = require("@vue/devtools-api");
+let _tanstack_match_sorter_utils = require("@tanstack/match-sorter-utils");
+//#region src/devtools/devtools.ts
+const pluginId = "vue-query";
+const pluginName = "Vue Query";
 function setupDevtools(app, queryClient) {
-  (0, import_devtools_api.setupDevtoolsPlugin)(
-    {
-      id: pluginId,
-      label: pluginName,
-      packageName: "vue-query",
-      homepage: "https://tanstack.com/query/latest",
-      logo: "https://raw.githubusercontent.com/TanStack/query/main/packages/vue-query/media/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(import_utils.sortFns).map((key) => ({
-            label: key,
-            value: key
-          })),
-          defaultValue: Object.keys(import_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();
-      import_query_core.onlineManager.setOnline(Boolean(initialSettings.onlineMode.valueOf()));
-      const queryCache = queryClient.getQueryCache();
-      api.addInspector({
-        id: pluginId,
-        label: pluginName,
-        icon: "api",
-        nodeActions: [
-          {
-            icon: "file_download",
-            tooltip: "Refetch",
-            action: (queryHash) => {
-              queryCache.get(queryHash)?.fetch();
-            }
-          },
-          {
-            icon: "alarm",
-            tooltip: "Invalidate",
-            action: (queryHash) => {
-              const query = queryCache.get(queryHash);
-              queryClient.invalidateQueries({
-                queryKey: query.queryKey,
-                exact: true
-              });
-            }
-          },
-          {
-            icon: "settings_backup_restore",
-            tooltip: "Reset",
-            action: (queryHash) => {
-              queryCache.get(queryHash)?.reset();
-            }
-          },
-          {
-            icon: "delete",
-            tooltip: "Remove",
-            action: (queryHash) => {
-              const query = queryCache.get(queryHash);
-              queryCache.remove(query);
-            }
-          },
-          {
-            icon: "hourglass_empty",
-            tooltip: "Force loading",
-            action: (queryHash) => {
-              const query = queryCache.get(queryHash);
-              query.setState({
-                data: void 0,
-                status: "pending"
-              });
-            }
-          },
-          {
-            icon: "error_outline",
-            tooltip: "Force error",
-            action: (queryHash) => {
-              const query = queryCache.get(queryHash);
-              query.setState({
-                data: void 0,
-                status: "error",
-                error: new Error("Unknown error from devtools")
-              });
-            }
-          }
-        ]
-      });
-      api.addTimelineLayer({
-        id: pluginId,
-        label: pluginName,
-        color: 16767308
-      });
-      queryCache.subscribe((event) => {
-        api.sendInspectorTree(pluginId);
-        api.sendInspectorState(pluginId);
-        const queryEvents = [
-          "added",
-          "removed",
-          "updated"
-        ];
-        if (queryEvents.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.setPluginSettings((payload) => {
-        if (payload.key === "onlineMode") {
-          import_query_core.onlineManager.setOnline(Boolean(payload.newValue));
-        }
-      });
-      api.on.getInspectorTree((payload) => {
-        if (payload.inspectorId === pluginId) {
-          const queries = queryCache.getAll();
-          const settings = api.getSettings();
-          const filtered = payload.filter ? queries.filter(
-            (item) => (0, import_match_sorter_utils.rankItem)(item.queryHash, payload.filter).passed
-          ) : [...queries];
-          const sorted = filtered.sort(
-            (a, b) => import_utils.sortFns[settings.sortFn](a, b) * settings.baseSort
-          );
-          const nodes = sorted.map((query) => {
-            const stateLabel = (0, import_utils.getQueryStateLabel)(query);
-            return {
-              id: query.queryHash,
-              label: query.queryHash,
-              tags: [
-                {
-                  label: `${stateLabel} [${query.getObserversCount()}]`,
-                  textColor: (0, import_utils.getQueryStatusFg)(query),
-                  backgroundColor: (0, import_utils.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: (0, import_utils.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
-              }
-            ]
-          };
-        }
-      });
-    }
-  );
+	(0, _vue_devtools_api.setupDevtoolsPlugin)({
+		id: pluginId,
+		label: pluginName,
+		packageName: "vue-query",
+		homepage: "https://tanstack.com/query/latest",
+		logo: "https://raw.githubusercontent.com/TanStack/query/main/packages/vue-query/media/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(require_devtools_utils.sortFns).map((key) => ({
+					label: key,
+					value: key
+				})),
+				defaultValue: Object.keys(require_devtools_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();
+		_tanstack_query_core.onlineManager.setOnline(Boolean(initialSettings.onlineMode.valueOf()));
+		const queryCache = queryClient.getQueryCache();
+		api.addInspector({
+			id: pluginId,
+			label: pluginName,
+			icon: "api",
+			nodeActions: [
+				{
+					icon: "file_download",
+					tooltip: "Refetch",
+					action: (queryHash) => {
+						queryCache.get(queryHash)?.fetch();
+					}
+				},
+				{
+					icon: "alarm",
+					tooltip: "Invalidate",
+					action: (queryHash) => {
+						const query = queryCache.get(queryHash);
+						queryClient.invalidateQueries({
+							queryKey: query.queryKey,
+							exact: true
+						});
+					}
+				},
+				{
+					icon: "settings_backup_restore",
+					tooltip: "Reset",
+					action: (queryHash) => {
+						queryCache.get(queryHash)?.reset();
+					}
+				},
+				{
+					icon: "delete",
+					tooltip: "Remove",
+					action: (queryHash) => {
+						const query = queryCache.get(queryHash);
+						queryCache.remove(query);
+					}
+				},
+				{
+					icon: "hourglass_empty",
+					tooltip: "Force loading",
+					action: (queryHash) => {
+						queryCache.get(queryHash).setState({
+							data: void 0,
+							status: "pending"
+						});
+					}
+				},
+				{
+					icon: "error_outline",
+					tooltip: "Force error",
+					action: (queryHash) => {
+						queryCache.get(queryHash).setState({
+							data: void 0,
+							status: "error",
+							error: /* @__PURE__ */ new Error("Unknown error from devtools")
+						});
+					}
+				}
+			]
+		});
+		api.addTimelineLayer({
+			id: pluginId,
+			label: pluginName,
+			color: 16767308
+		});
+		queryCache.subscribe((event) => {
+			api.sendInspectorTree(pluginId);
+			api.sendInspectorState(pluginId);
+			if ([
+				"added",
+				"removed",
+				"updated"
+			].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.setPluginSettings((payload) => {
+			if (payload.key === "onlineMode") _tanstack_query_core.onlineManager.setOnline(Boolean(payload.newValue));
+		});
+		api.on.getInspectorTree((payload) => {
+			if (payload.inspectorId === pluginId) {
+				const queries = queryCache.getAll();
+				const settings = api.getSettings();
+				payload.rootNodes = (payload.filter ? queries.filter((item) => (0, _tanstack_match_sorter_utils.rankItem)(item.queryHash, payload.filter).passed) : [...queries]).sort((a, b) => require_devtools_utils.sortFns[settings.sortFn](a, b) * settings.baseSort).map((query) => {
+					const stateLabel = require_devtools_utils.getQueryStateLabel(query);
+					return {
+						id: query.queryHash,
+						label: query.queryHash,
+						tags: [{
+							label: `${stateLabel} [${query.getObserversCount()}]`,
+							textColor: require_devtools_utils.getQueryStatusFg(query),
+							backgroundColor: require_devtools_utils.getQueryStatusBg(query)
+						}]
+					};
+				});
+			}
+		});
+		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: require_devtools_utils.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
+					}]
+				};
+			}
+		});
+	});
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  setupDevtools
-});
+//#endregion
+exports.setupDevtools = setupDevtools;
+
 //# sourceMappingURL=devtools.cjs.map