@tanstack/vue-query 5.101.3 → 5.102.0

package/build/legacy/devtools/devtools.js

@@ -1,241 +1,205 @@
-// src/devtools/devtools.ts
+import { getQueryStateLabel, getQueryStatusBg, getQueryStatusFg, sortFns } from "./utils.js";
+import { onlineManager } from "@tanstack/query-core";
 import { setupDevtoolsPlugin } from "@vue/devtools-api";
 import { rankItem } from "@tanstack/match-sorter-utils";
-import { onlineManager } from "@tanstack/query-core";
-import {
-  getQueryStateLabel,
-  getQueryStatusBg,
-  getQueryStatusFg,
-  sortFns
-} from "./utils.js";
-var pluginId = "vue-query";
-var pluginName = "Vue Query";
+//#region src/devtools/devtools.ts
+const pluginId = "vue-query";
+const pluginName = "Vue Query";
 function setupDevtools(app, queryClient) {
-  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(sortFns).map((key) => ({
-            label: key,
-            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: "file_download",
-            tooltip: "Refetch",
-            action: (queryHash) => {
-              var _a;
-              (_a = queryCache.get(queryHash)) == null ? void 0 : _a.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) => {
-              var _a;
-              (_a = queryCache.get(queryHash)) == null ? void 0 : _a.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") {
-          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) => rankItem(item.queryHash, payload.filter).passed
-          ) : [...queries];
-          const sorted = filtered.sort(
-            (a, b) => sortFns[settings.sortFn](a, b) * settings.baseSort
-          );
-          const nodes = sorted.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
-              }
-            ]
-          };
-        }
-      });
-    }
-  );
+	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(sortFns).map((key) => ({
+					label: key,
+					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: "file_download",
+					tooltip: "Refetch",
+					action: (queryHash) => {
+						var _queryCache$get;
+						(_queryCache$get = queryCache.get(queryHash)) === null || _queryCache$get === void 0 || _queryCache$get.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) => {
+						var _queryCache$get2;
+						(_queryCache$get2 = queryCache.get(queryHash)) === null || _queryCache$get2 === void 0 || _queryCache$get2.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") 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) => rankItem(item.queryHash, payload.filter).passed) : [...queries]).sort((a, b) => sortFns[settings.sortFn](a, b) * settings.baseSort).map((query) => {
+					const stateLabel = getQueryStateLabel(query);
+					return {
+						id: query.queryHash,
+						label: query.queryHash,
+						tags: [{
+							label: `${stateLabel} [${query.getObserversCount()}]`,
+							textColor: getQueryStatusFg(query),
+							backgroundColor: 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: 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
-};
+//#endregion
+export { setupDevtools };
+
 //# sourceMappingURL=devtools.js.map

package/build/legacy/devtools/devtools.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/devtools/devtools.ts"],"sourcesContent":["import { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport { onlineManager } from '@tanstack/query-core'\nimport {\n  getQueryStateLabel,\n  getQueryStatusBg,\n  getQueryStatusFg,\n  sortFns,\n} from './utils'\nimport type { CustomInspectorNode } from '@vue/devtools-api'\nimport type { Query, QueryCacheNotifyEvent } from '@tanstack/query-core'\nimport type { QueryClient } from '../queryClient'\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({\n                queryKey: query.queryKey,\n                exact: true,\n              })\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        const queryEvents: Array<QueryCacheNotifyEvent['type']> = [\n          'added',\n          'removed',\n          'updated',\n        ]\n\n        if (queryEvents.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: Array<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"],"mappings":"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","names":[]}
+{"version":3,"file":"devtools.js","names":[],"sources":["../../../src/devtools/devtools.ts"],"sourcesContent":["import { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport { onlineManager } from '@tanstack/query-core'\nimport {\n  getQueryStateLabel,\n  getQueryStatusBg,\n  getQueryStatusFg,\n  sortFns,\n} from './utils'\nimport type { CustomInspectorNode } from '@vue/devtools-api'\nimport type { Query, QueryCacheNotifyEvent } from '@tanstack/query-core'\nimport type { QueryClient } from '../queryClient'\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({\n                queryKey: query.queryKey,\n                exact: true,\n              })\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        const queryEvents: Array<QueryCacheNotifyEvent['type']> = [\n          'added',\n          'removed',\n          'updated',\n        ]\n\n        if (queryEvents.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: Array<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"],"mappings":"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"}

package/build/legacy/devtools/utils.cjs

@@ -1,105 +1,48 @@
-"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/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  getQueryState: () => getQueryState,
-  getQueryStateLabel: () => getQueryStateLabel,
-  getQueryStatusBg: () => getQueryStatusBg,
-  getQueryStatusFg: () => getQueryStatusFg,
-  sortFns: () => sortFns
-});
-module.exports = __toCommonJS(utils_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/devtools/utils.ts
 function getQueryState(query) {
-  if (query.state.fetchStatus === "fetching") {
-    return 0 /* Fetching */;
-  }
-  if (query.state.fetchStatus === "paused") {
-    return 4 /* Paused */;
-  }
-  if (!query.getObserversCount()) {
-    return 3 /* Inactive */;
-  }
-  if (query.isStale()) {
-    return 2 /* Stale */;
-  }
-  return 1 /* Fresh */;
+	if (query.state.fetchStatus === "fetching") return 0;
+	if (query.state.fetchStatus === "paused") return 4;
+	if (!query.getObserversCount()) return 3;
+	if (query.isStale()) return 2;
+	return 1;
 }
 function getQueryStateLabel(query) {
-  const queryState = getQueryState(query);
-  if (queryState === 0 /* Fetching */) {
-    return "fetching";
-  }
-  if (queryState === 4 /* Paused */) {
-    return "paused";
-  }
-  if (queryState === 2 /* Stale */) {
-    return "stale";
-  }
-  if (queryState === 3 /* Inactive */) {
-    return "inactive";
-  }
-  return "fresh";
+	const queryState = getQueryState(query);
+	if (queryState === 0) return "fetching";
+	if (queryState === 4) return "paused";
+	if (queryState === 2) return "stale";
+	if (queryState === 3) return "inactive";
+	return "fresh";
 }
 function getQueryStatusFg(query) {
-  const queryState = getQueryState(query);
-  if (queryState === 2 /* Stale */) {
-    return 0;
-  }
-  return 16777215;
+	if (getQueryState(query) === 2) return 0;
+	return 16777215;
 }
 function getQueryStatusBg(query) {
-  const queryState = getQueryState(query);
-  if (queryState === 0 /* Fetching */) {
-    return 27647;
-  }
-  if (queryState === 4 /* Paused */) {
-    return 9193963;
-  }
-  if (queryState === 2 /* Stale */) {
-    return 16757248;
-  }
-  if (queryState === 3 /* Inactive */) {
-    return 4148832;
-  }
-  return 33575;
+	const queryState = getQueryState(query);
+	if (queryState === 0) return 27647;
+	if (queryState === 4) return 9193963;
+	if (queryState === 2) return 16757248;
+	if (queryState === 3) return 4148832;
+	return 33575;
 }
-var queryHashSort = (a, b) => a.queryHash.localeCompare(b.queryHash);
-var dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
-var statusAndDateSort = (a, b) => {
-  if (getQueryState(a) === getQueryState(b)) {
-    return dateSort(a, b);
-  }
-  return getQueryState(a) > getQueryState(b) ? 1 : -1;
+const queryHashSort = (a, b) => 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;
 };
-var sortFns = {
-  "Status > Last Updated": statusAndDateSort,
-  "Query Hash": queryHashSort,
-  "Last Updated": dateSort
+const sortFns = {
+	"Status > Last Updated": statusAndDateSort,
+	"Query Hash": queryHashSort,
+	"Last Updated": dateSort
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getQueryState,
-  getQueryStateLabel,
-  getQueryStatusBg,
-  getQueryStatusFg,
-  sortFns
-});
+//#endregion
+exports.getQueryState = getQueryState;
+exports.getQueryStateLabel = getQueryStateLabel;
+exports.getQueryStatusBg = getQueryStatusBg;
+exports.getQueryStatusFg = getQueryStatusFg;
+exports.sortFns = sortFns;
+
 //# sourceMappingURL=utils.cjs.map