@tanstack/vue-query 4.33.1 → 4.34.0

package/build/lib/useQueryClient.mjs

@@ -1,19 +1,19 @@
-import { getCurrentInstance, inject } from 'vue-demi';
+import { inject, getCurrentInstance } from 'vue-demi';
 import { getClientKey } from './utils.mjs';
 
 function useQueryClient(id = '') {
-  var _getCurrentInstance;
+  const key = getClientKey(id);
+  const queryClient = inject(key, null);
 
-  const vm = (_getCurrentInstance = getCurrentInstance()) == null ? void 0 : _getCurrentInstance.proxy;
+  if (!queryClient) {
+    var _getCurrentInstance;
 
-  if (!vm) {
-    throw new Error('vue-query hooks can only be used inside setup() function.');
-  }
+    const vm = (_getCurrentInstance = getCurrentInstance()) == null ? void 0 : _getCurrentInstance.proxy;
 
-  const key = getClientKey(id);
-  const queryClient = inject(key);
+    if (!vm) {
+      throw new Error('vue-query hooks can only be used inside setup() function.');
+    }
 
-  if (!queryClient) {
     throw new Error("No 'queryClient' found in Vue context, use 'VueQueryPlugin' to properly initialize the library.");
   }
 

package/build/lib/useQueryClient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryClient.mjs","sources":["../../src/useQueryClient.ts"],"sourcesContent":["import { getCurrentInstance, inject } from 'vue-demi'\n\nimport { getClientKey } from './utils'\nimport type { QueryClient } from './queryClient'\n\nexport function useQueryClient(id = ''): QueryClient {\n  const vm = getCurrentInstance()?.proxy\n\n  if (!vm) {\n    throw new Error('vue-query hooks can only be used inside setup() function.')\n  }\n\n  const key = getClientKey(id)\n  const queryClient = inject<QueryClient>(key)\n\n  if (!queryClient) {\n    throw new Error(\n      \"No 'queryClient' found in Vue context, use 'VueQueryPlugin' to properly initialize the library.\",\n    )\n  }\n\n  return queryClient\n}\n"],"names":["useQueryClient","id","vm","getCurrentInstance","proxy","Error","key","getClientKey","queryClient","inject"],"mappings":";;;AAKO,SAASA,cAAT,CAAwBC,EAAE,GAAG,EAA7B,EAA8C;AAAA,EAAA,IAAA,mBAAA,CAAA;;AACnD,EAAA,MAAMC,EAAE,GAAGC,CAAAA,mBAAAA,GAAAA,kBAAkB,EAArB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAG,oBAAsBC,KAAjC,CAAA;;EAEA,IAAI,CAACF,EAAL,EAAS;AACP,IAAA,MAAM,IAAIG,KAAJ,CAAU,2DAAV,CAAN,CAAA;AACD,GAAA;;AAED,EAAA,MAAMC,GAAG,GAAGC,YAAY,CAACN,EAAD,CAAxB,CAAA;AACA,EAAA,MAAMO,WAAW,GAAGC,MAAM,CAAcH,GAAd,CAA1B,CAAA;;EAEA,IAAI,CAACE,WAAL,EAAkB;AAChB,IAAA,MAAM,IAAIH,KAAJ,CACJ,iGADI,CAAN,CAAA;AAGD,GAAA;;AAED,EAAA,OAAOG,WAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useQueryClient.mjs","sources":["../../src/useQueryClient.ts"],"sourcesContent":["import { getCurrentInstance, inject } from 'vue-demi'\n\nimport { getClientKey } from './utils'\nimport type { QueryClient } from './queryClient'\n\nexport function useQueryClient(id = ''): QueryClient {\n  const key = getClientKey(id)\n  const queryClient = inject<QueryClient | null>(key, null)\n\n  if (!queryClient) {\n    const vm = getCurrentInstance()?.proxy\n\n    if (!vm) {\n      throw new Error(\n        'vue-query hooks can only be used inside setup() function.',\n      )\n    }\n\n    throw new Error(\n      \"No 'queryClient' found in Vue context, use 'VueQueryPlugin' to properly initialize the library.\",\n    )\n  }\n\n  return queryClient\n}\n"],"names":["useQueryClient","id","key","getClientKey","queryClient","inject","vm","getCurrentInstance","proxy","Error"],"mappings":";;;AAKO,SAASA,cAAT,CAAwBC,EAAE,GAAG,EAA7B,EAA8C;AACnD,EAAA,MAAMC,GAAG,GAAGC,YAAY,CAACF,EAAD,CAAxB,CAAA;AACA,EAAA,MAAMG,WAAW,GAAGC,MAAM,CAAqBH,GAArB,EAA0B,IAA1B,CAA1B,CAAA;;EAEA,IAAI,CAACE,WAAL,EAAkB;AAAA,IAAA,IAAA,mBAAA,CAAA;;AAChB,IAAA,MAAME,EAAE,GAAGC,CAAAA,mBAAAA,GAAAA,kBAAkB,EAArB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAG,oBAAsBC,KAAjC,CAAA;;IAEA,IAAI,CAACF,EAAL,EAAS;AACP,MAAA,MAAM,IAAIG,KAAJ,CACJ,2DADI,CAAN,CAAA;AAGD,KAAA;;AAED,IAAA,MAAM,IAAIA,KAAJ,CACJ,iGADI,CAAN,CAAA;AAGD,GAAA;;AAED,EAAA,OAAOL,WAAP,CAAA;AACD;;;;"}

package/build/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,eAAO,MAAM,gBAAgB,qBAAqB,CAAA;AAElD,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,MAAM,UAGxC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,QAAQ,CAE5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,WAAW,CAElE;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC1B,IAAI,CAIN;AAED,wBAAgB,SAAS,CAAC,CAAC,EACzB,KAAK,EAAE,CAAC,EACR,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,GAAG,IAAI,GAC5C,CAAC,CAqBH;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAMtD;AAWD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,EACpE,iBAAiB,EAAE,OAAO,GAAG,CAAC,GAAG,SAAS,EAC1C,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GACpB,OAAO,CAOT"}

package/build/lib/vueQueryPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vueQueryPlugin.d.ts","sourceRoot":"","sources":["../../src/vueQueryPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,qBAAqB,CAAC,EAAE,WAAW,CAAA;KACpC;CACF;AAED,aAAK,eAAe,GAAG,CAAC,MAAM,EAAE,WAAW,KAAK,CAAC,MAAM,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;AAE3E,UAAU,aAAa;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;CACzD;AAED,UAAU,aAAc,SAAQ,aAAa;IAC3C,iBAAiB,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;CACpD;AAED,UAAU,aAAc,SAAQ,aAAa;IAC3C,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,oBAAY,qBAAqB,GAAG,aAAa,GAAG,aAAa,CAAA;AAEjE,eAAO,MAAM,cAAc;mBACV,GAAG,YAAW,qBAAqB;CAgGnD,CAAA"}

package/build/umd/index.development.js

@@ -3328,18 +3328,18 @@
   }
 
   function useQueryClient(id = '') {
-    var _getCurrentInstance;
+    const key = getClientKey(id);
+    const queryClient = vueDemi.inject(key, null);
 
-    const vm = (_getCurrentInstance = vueDemi.getCurrentInstance()) == null ? void 0 : _getCurrentInstance.proxy;
+    if (!queryClient) {
+      var _getCurrentInstance;
 
-    if (!vm) {
-      throw new Error('vue-query hooks can only be used inside setup() function.');
-    }
+      const vm = (_getCurrentInstance = vueDemi.getCurrentInstance()) == null ? void 0 : _getCurrentInstance.proxy;
 
-    const key = getClientKey(id);
-    const queryClient = vueDemi.inject(key);
+      if (!vm) {
+        throw new Error('vue-query hooks can only be used inside setup() function.');
+      }
 
-    if (!queryClient) {
       throw new Error("No 'queryClient' found in Vue context, use 'VueQueryPlugin' to properly initialize the library.");
     }
 
@@ -4792,6 +4792,12 @@
   function useBaseQuery(Observer, arg1, arg2 = {}, arg3 = {}) {
     var _options$value$queryC;
 
+    {
+      if (!vueDemi.getCurrentScope()) {
+        console.warn('vue-query composables like "uesQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.');
+      }
+    }
+
     const options = vueDemi.computed(() => parseQueryArgs(arg1, arg2, arg3));
     const queryClient = (_options$value$queryC = options.value.queryClient) != null ? _options$value$queryC : useQueryClient(options.value.queryClientKey);
     const defaultedOptions = vueDemi.computed(() => {
@@ -4897,6 +4903,12 @@
   }) {
     var _unreffedQueries$valu, _unreffedQueries$valu2, _ref;
 
+    {
+      if (!vueDemi.getCurrentScope()) {
+        console.warn('vue-query composables like "uesQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.');
+      }
+    }
+
     const unreffedQueries = vueDemi.computed(() => cloneDeepUnref(queries));
     const queryClientKey = (_unreffedQueries$valu = unreffedQueries.value[0]) == null ? void 0 : _unreffedQueries$valu.queryClientKey;
     const optionsQueryClient = (_unreffedQueries$valu2 = unreffedQueries.value[0]) == null ? void 0 : _unreffedQueries$valu2.queryClient;
@@ -4952,6 +4964,12 @@
   function useMutation(arg1, arg2, arg3) {
     var _options$value$queryC;
 
+    {
+      if (!vueDemi.getCurrentScope()) {
+        console.warn('vue-query composables like "uesQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.');
+      }
+    }
+
     const options = vueDemi.computed(() => {
       return parseMutationArgs(arg1, arg2, arg3);
     });
@@ -5016,6 +5034,12 @@
   function useIsFetching(arg1, arg2) {
     var _filters$value$queryC;
 
+    {
+      if (!vueDemi.getCurrentScope()) {
+        console.warn('vue-query composables like "uesQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.');
+      }
+    }
+
     const filters = vueDemi.computed(() => parseFilterArgs$1(arg1, arg2));
     const queryClient = (_filters$value$queryC = filters.value.queryClient) != null ? _filters$value$queryC : useQueryClient(filters.value.queryClientKey);
     const isFetching = vueDemi.ref(queryClient.isFetching(filters));
@@ -5050,6 +5074,12 @@
   function useIsMutating(arg1, arg2) {
     var _filters$value$queryC;
 
+    {
+      if (!vueDemi.getCurrentScope()) {
+        console.warn('vue-query composables like "uesQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.');
+      }
+    }
+
     const filters = vueDemi.computed(() => parseFilterArgs(arg1, arg2));
     const queryClient = (_filters$value$queryC = filters.value.queryClient) != null ? _filters$value$queryC : useQueryClient(filters.value.queryClientKey);
     const isMutating = vueDemi.ref(queryClient.isMutating(filters));