@tanstack/vue-query-devtools 6.3.5 → 6.3.7

package/dist/_virtual/_/plugin-vue/export-helper.js

@@ -1,8 +1,7 @@
-//#region \0/plugin-vue/export-helper
+// \0/plugin-vue/export-helper
 var export_helper_default = (sfc, props) => {
 	const target = sfc.__vccOpts || sfc;
 	for (const [key, val] of props) target[key] = val;
 	return target;
 };
-//#endregion
 export { export_helper_default as default };

package/dist/devtools.js

@@ -1,7 +1,7 @@
 import devtools_vue_vue_type_script_setup_true_lang_default from "./devtools.vue_vue_type_script_setup_true_lang.js";
 import export_helper_default from "./_virtual/_/plugin-vue/export-helper.js";
 import { createElementBlock, openBlock } from "vue";
-//#region src/devtools.vue
+// src/devtools.vue
 const _hoisted_1 = {
 	class: "tsqd-parent-container",
 	ref: "div"
@@ -10,7 +10,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", _hoisted_1, null, 512);
 }
 var devtools_default = /*#__PURE__*/ export_helper_default(devtools_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/runner/work/query/query/packages/vue-query-devtools/src/devtools.vue"]]);
-//#endregion
 export { devtools_default as default };
 
 //# sourceMappingURL=devtools.js.map

package/dist/devtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.js","names":["_openBlock","_createElementBlock","_sfc_main"],"sources":["../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n  client,\n  queryFlavor: 'Vue Query',\n  version: '5',\n  onlineManager,\n  buttonPosition: props.buttonPosition,\n  position: props.position,\n  initialIsOpen: props.initialIsOpen,\n  errorTypes: props.errorTypes,\n  styleNonce: props.styleNonce,\n  shadowDOMTarget: props.shadowDOMTarget,\n  hideDisabledQueries: props.hideDisabledQueries,\n  theme: props.theme,\n})\n\nwatchEffect(() => {\n  devtools.setClient(props.client || client)\n  devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n  devtools.setPosition(props.position || 'bottom')\n  devtools.setInitialIsOpen(props.initialIsOpen)\n  devtools.setErrorTypes(props.errorTypes || [])\n  devtools.setTheme(props.theme || 'system')\n})\n\nonMounted(() => {\n  devtools.mount(div.value as HTMLElement)\n  onScopeDispose(() => {\n    devtools.unmount()\n  })\n})\n</script>\n\n<template>\n  <div class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"mappings":";;;;;CA2CO,OAAM;CAAwB,KAAI;;;CAAvC,OAAAA,UAAA,GAAAC,mBAAmD,OAAnD,YAAmD,MAAA,GAAA"}
+{"version":3,"file":"devtools.js","names":["_openBlock","_createElementBlock","_sfc_main"],"sources":["../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n  client,\n  queryFlavor: 'Vue Query',\n  version: '5',\n  onlineManager,\n  buttonPosition: props.buttonPosition,\n  position: props.position,\n  initialIsOpen: props.initialIsOpen,\n  errorTypes: props.errorTypes,\n  styleNonce: props.styleNonce,\n  shadowDOMTarget: props.shadowDOMTarget,\n  hideDisabledQueries: props.hideDisabledQueries,\n  theme: props.theme,\n})\n\nwatchEffect(() => {\n  devtools.setClient(props.client || client)\n  devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n  devtools.setPosition(props.position || 'bottom')\n  devtools.setInitialIsOpen(props.initialIsOpen)\n  devtools.setErrorTypes(props.errorTypes || [])\n  devtools.setTheme(props.theme)\n})\n\nonMounted(() => {\n  devtools.mount(div.value as HTMLElement)\n  onScopeDispose(() => {\n    devtools.unmount()\n  })\n})\n</script>\n\n<template>\n  <div class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"mappings":";;;;;CA2CO,OAAM;CAAwB,KAAI;;;CAAvC,OAAAA,UAAA,GAAAC,mBAAmD,OAAnD,YAAmD,MAAA,GAAA"}

package/dist/devtools.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { defineComponent, onMounted, onScopeDispose, ref, watchEffect } from "vue";
 import { onlineManager, useQueryClient } from "@tanstack/vue-query";
 import { TanstackQueryDevtools } from "@tanstack/query-devtools";
-//#region src/devtools.vue?vue&type=script&setup=true&lang.ts
+// src/devtools.vue?vue&type=script&setup=true&lang.ts
 var devtools_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "devtools",
 	props: {
@@ -67,7 +67,7 @@ var devtools_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			devtools.setPosition(props.position || "bottom");
 			devtools.setInitialIsOpen(props.initialIsOpen);
 			devtools.setErrorTypes(props.errorTypes || []);
-			devtools.setTheme(props.theme || "system");
+			devtools.setTheme(props.theme);
 		});
 		onMounted(() => {
 			devtools.mount(div.value);
@@ -88,7 +88,6 @@ var devtools_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		return __returned__;
 	}
 });
-//#endregion
 export { devtools_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=devtools.vue_vue_type_script_setup_true_lang.js.map

package/dist/devtools.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n  client,\n  queryFlavor: 'Vue Query',\n  version: '5',\n  onlineManager,\n  buttonPosition: props.buttonPosition,\n  position: props.position,\n  initialIsOpen: props.initialIsOpen,\n  errorTypes: props.errorTypes,\n  styleNonce: props.styleNonce,\n  shadowDOMTarget: props.shadowDOMTarget,\n  hideDisabledQueries: props.hideDisabledQueries,\n  theme: props.theme,\n})\n\nwatchEffect(() => {\n  devtools.setClient(props.client || client)\n  devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n  devtools.setPosition(props.position || 'bottom')\n  devtools.setInitialIsOpen(props.initialIsOpen)\n  devtools.setErrorTypes(props.errorTypes || [])\n  devtools.setTheme(props.theme || 'system')\n})\n\nonMounted(() => {\n  devtools.mount(div.value as HTMLElement)\n  onScopeDispose(() => {\n    devtools.unmount()\n  })\n})\n</script>\n\n<template>\n  <div class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAiB;EAC7B,MAAM,SAAS,MAAM,UAAU,eAAe;EAC9C,MAAM,WAAW,IAAI,sBAAsB;GACzC;GACA,aAAa;GACb,SAAS;GACT;GACA,gBAAgB,MAAM;GACtB,UAAU,MAAM;GAChB,eAAe,MAAM;GACrB,YAAY,MAAM;GAClB,YAAY,MAAM;GAClB,iBAAiB,MAAM;GACvB,qBAAqB,MAAM;GAC3B,OAAO,MAAM;EACf,CAAC;EAED,kBAAkB;GAChB,SAAS,UAAU,MAAM,UAAU,MAAM;GACzC,SAAS,kBAAkB,MAAM,kBAAkB,cAAc;GACjE,SAAS,YAAY,MAAM,YAAY,QAAQ;GAC/C,SAAS,iBAAiB,MAAM,aAAa;GAC7C,SAAS,cAAc,MAAM,cAAc,CAAC,CAAC;GAC7C,SAAS,SAAS,MAAM,SAAS,QAAQ;EAC3C,CAAC;EAED,gBAAgB;GACd,SAAS,MAAM,IAAI,KAAoB;GACvC,qBAAqB;IACnB,SAAS,QAAQ;GACnB,CAAC;EACH,CAAC"}
+{"version":3,"file":"devtools.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n  client,\n  queryFlavor: 'Vue Query',\n  version: '5',\n  onlineManager,\n  buttonPosition: props.buttonPosition,\n  position: props.position,\n  initialIsOpen: props.initialIsOpen,\n  errorTypes: props.errorTypes,\n  styleNonce: props.styleNonce,\n  shadowDOMTarget: props.shadowDOMTarget,\n  hideDisabledQueries: props.hideDisabledQueries,\n  theme: props.theme,\n})\n\nwatchEffect(() => {\n  devtools.setClient(props.client || client)\n  devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n  devtools.setPosition(props.position || 'bottom')\n  devtools.setInitialIsOpen(props.initialIsOpen)\n  devtools.setErrorTypes(props.errorTypes || [])\n  devtools.setTheme(props.theme)\n})\n\nonMounted(() => {\n  devtools.mount(div.value as HTMLElement)\n  onScopeDispose(() => {\n    devtools.unmount()\n  })\n})\n</script>\n\n<template>\n  <div class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAiB;EAC7B,MAAM,SAAS,MAAM,UAAU,eAAe;EAC9C,MAAM,WAAW,IAAI,sBAAsB;GACzC;GACA,aAAa;GACb,SAAS;GACT;GACA,gBAAgB,MAAM;GACtB,UAAU,MAAM;GAChB,eAAe,MAAM;GACrB,YAAY,MAAM;GAClB,YAAY,MAAM;GAClB,iBAAiB,MAAM;GACvB,qBAAqB,MAAM;GAC3B,OAAO,MAAM;EACf,CAAC;EAED,kBAAkB;GAChB,SAAS,UAAU,MAAM,UAAU,MAAM;GACzC,SAAS,kBAAkB,MAAM,kBAAkB,cAAc;GACjE,SAAS,YAAY,MAAM,YAAY,QAAQ;GAC/C,SAAS,iBAAiB,MAAM,aAAa;GAC7C,SAAS,cAAc,MAAM,cAAc,CAAC,CAAC;GAC7C,SAAS,SAAS,MAAM,KAAK;EAC/B,CAAC;EAED,gBAAgB;GACd,SAAS,MAAM,IAAI,KAAoB;GACvC,qBAAqB;IACnB,SAAS,QAAQ;GACnB,CAAC;EACH,CAAC"}

package/dist/devtoolsPanel.js

@@ -1,7 +1,7 @@
 import export_helper_default from "./_virtual/_/plugin-vue/export-helper.js";
 import devtoolsPanel_vue_vue_type_script_setup_true_lang_default from "./devtoolsPanel.vue_vue_type_script_setup_true_lang.js";
 import { createElementBlock, normalizeStyle, openBlock } from "vue";
-//#region src/devtoolsPanel.vue
+// src/devtoolsPanel.vue
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", {
 		style: normalizeStyle($setup.style),
@@ -10,7 +10,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	}, null, 4);
 }
 var devtoolsPanel_default = /*#__PURE__*/ export_helper_default(devtoolsPanel_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/runner/work/query/query/packages/vue-query-devtools/src/devtoolsPanel.vue"]]);
-//#endregion
 export { devtoolsPanel_default as default };
 
 //# sourceMappingURL=devtoolsPanel.js.map

package/dist/devtoolsPanel.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { computed, defineComponent, onMounted, onScopeDispose, ref, watchEffect } from "vue";
 import { onlineManager, useQueryClient } from "@tanstack/vue-query";
 import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
-//#region src/devtoolsPanel.vue?vue&type=script&setup=true&lang.ts
+// src/devtoolsPanel.vue?vue&type=script&setup=true&lang.ts
 var devtoolsPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "devtoolsPanel",
 	props: {
@@ -90,7 +90,6 @@ var devtoolsPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		return __returned__;
 	}
 });
-//#endregion
 export { devtoolsPanel_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=devtoolsPanel.vue_vue_type_script_setup_true_lang.js.map

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 import { DevtoolsOptions, DevtoolsPanelOptions } from "./types.js";
 import { DefineComponent } from "vue";
-//#region src/index.d.ts
 export declare const VueQueryDevtools: DefineComponent<DevtoolsOptions, {}, unknown>;
 export declare const VueQueryDevtoolsPanel: DefineComponent<DevtoolsPanelOptions, {}, unknown>;
-//#endregion
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"mappings":";;;qBAKa,kBAA+B,gBAC1C;qBAKW,uBAAyC,gBACpD"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"mappings":";;qBAKa,kBAA+B,gBAC1C;qBAKW,uBAAyC,gBACpD"}

package/dist/index.js

@@ -1,9 +1,8 @@
 import devtools_default from "./devtools.js";
 import devtoolsPanel_default from "./devtoolsPanel.js";
-//#region src/index.ts
+// src/index.ts
 const VueQueryDevtools = devtools_default;
 const VueQueryDevtoolsPanel = devtoolsPanel_default;
-//#endregion
 export { VueQueryDevtools, VueQueryDevtoolsPanel };
 
 //# sourceMappingURL=index.js.map

package/dist/stub.d.ts

@@ -1,5 +1,3 @@
-//#region src/stub.d.ts
 export declare const VueQueryDevtools: () => null;
 export declare const VueQueryDevtoolsPanel: () => null;
-//#endregion
 //# sourceMappingURL=stub.d.ts.map

package/dist/stub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stub.d.ts","names":[],"sources":["../src/stub.ts"],"mappings":";qBAAa;qBAIA"}
+{"version":3,"file":"stub.d.ts","names":[],"sources":["../src/stub.ts"],"mappings":"A,qBAAa;qBAIA"}

package/dist/stub.js

@@ -1,11 +1,10 @@
-//#region src/stub.ts
+// src/stub.ts
 const VueQueryDevtools = function() {
 	return null;
 };
 const VueQueryDevtoolsPanel = function() {
 	return null;
 };
-//#endregion
 export { VueQueryDevtools, VueQueryDevtoolsPanel };
 
 //# sourceMappingURL=stub.js.map

package/dist/types.d.ts

@@ -1,6 +1,5 @@
 import { QueryClient } from "@tanstack/vue-query";
 import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from "@tanstack/query-devtools";
-//#region src/types.d.ts
 /**
  * The props of `VueQueryDevtools`, which renders the devtools with a toggle button that opens them.
  */
@@ -44,7 +43,8 @@ export interface DevtoolsOptions {
   hideDisabledQueries?: boolean;
   /**
    * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
    */
   theme?: Theme;
 }
@@ -86,9 +86,9 @@ export interface DevtoolsPanelOptions {
   hideDisabledQueries?: boolean;
   /**
    * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
    */
   theme?: Theme;
 }
-//#endregion
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;;iBAWiB;;;;EAIf;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;EAIlB;;;;;EAKA,QAAQ;;;;;iBAMO;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,QAAQ;;;;EAKhB;;;;EAIA;;;;;EAKA,QAAQ"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;iBAWiB;;;;EAIf;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;EAIlB;;;;;;EAMA,QAAQ;;;;;iBAMO;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,QAAQ;;;;EAKhB;;;;EAIA;;;;;;EAMA,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-query-devtools",
-  "version": "6.3.5",
+  "version": "6.3.7",
   "description": "Developer tools to interact with and visualize the TanStack/vue-query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -38,17 +38,17 @@
     "!src/__tests__"
   ],
   "dependencies": {
-    "@tanstack/query-devtools": "5.104.5"
+    "@tanstack/query-devtools": "5.105.1"
   },
   "devDependencies": {
-    "@tanstack/vue-query": "5.104.5",
+    "@tanstack/vue-query": "5.105.1",
     "typescript": "6.0.3",
     "unplugin-vue": "^8.0.0",
     "vue": "^3.5.43",
     "vue-tsc": "^2.2.8"
   },
   "peerDependencies": {
-    "@tanstack/vue-query": "^5.104.5",
+    "@tanstack/vue-query": "^5.105.1",
     "vue": "^3.3.0"
   },
   "scripts": {
@@ -60,6 +60,8 @@
     "test:types:ts58": "node -e \"process.argv.splice(1, 0, ''); require('vue-tsc').run(require.resolve('typescript58/lib/tsc'))\" -- --project tsconfig.legacy.json --outDir .cache/test-types/ts58 --tsBuildInfoFile .cache/test-types/ts58.tsbuildinfo",
     "test:types:ts59": "node -e \"process.argv.splice(1, 0, ''); require('vue-tsc').run(require.resolve('typescript59/lib/tsc'))\" -- --project tsconfig.legacy.json --outDir .cache/test-types/ts59 --tsBuildInfoFile .cache/test-types/ts59.tsbuildinfo",
     "test:types:tscurrent": "vue-tsc --project tsconfig.json --outDir .cache/test-types/tscurrent --tsBuildInfoFile .cache/test-types/tscurrent.tsbuildinfo",
+    "test:lib": "vitest",
+    "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict && attw --pack",
     "build": "tsdown"
   }

package/src/devtools.vue

@@ -29,7 +29,7 @@ watchEffect(() => {
   devtools.setPosition(props.position || 'bottom')
   devtools.setInitialIsOpen(props.initialIsOpen)
   devtools.setErrorTypes(props.errorTypes || [])
-  devtools.setTheme(props.theme || 'system')
+  devtools.setTheme(props.theme)
 })
 
 onMounted(() => {

package/src/types.ts

@@ -49,7 +49,8 @@ export interface DevtoolsOptions {
   hideDisabledQueries?: boolean
   /**
    * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
    */
   theme?: Theme
 }
@@ -94,7 +95,8 @@ export interface DevtoolsPanelOptions {
   hideDisabledQueries?: boolean
   /**
    * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
    */
   theme?: Theme
 }