@tanstack/vue-query-devtools 6.3.4 → 6.3.6

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

@@ -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);

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/types.d.ts

@@ -44,7 +44,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,7 +87,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;
 }

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.4",
+  "version": "6.3.6",
   "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.4"
+    "@tanstack/query-devtools": "5.105.0"
   },
   "devDependencies": {
-    "@tanstack/vue-query": "5.104.4",
+    "@tanstack/vue-query": "5.105.0",
     "typescript": "6.0.3",
     "unplugin-vue": "^8.0.0",
     "vue": "^3.5.43",
     "vue-tsc": "^2.2.8"
   },
   "peerDependencies": {
-    "@tanstack/vue-query": "^5.104.4",
+    "@tanstack/vue-query": "^5.105.0",
     "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
 }