@tanstack/vue-query 5.0.0-alpha.70 → 5.0.0-alpha.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/useBaseQuery.cjs +9 -9
- package/build/lib/useBaseQuery.cjs.map +1 -1
- package/build/lib/useBaseQuery.d.ts.map +1 -1
- package/build/lib/useBaseQuery.js +10 -10
- package/build/lib/useBaseQuery.js.map +1 -1
- package/build/lib/useBaseQuery.legacy.cjs +9 -9
- package/build/lib/useBaseQuery.legacy.cjs.map +1 -1
- package/build/lib/useBaseQuery.legacy.js +10 -10
- package/build/lib/useBaseQuery.legacy.js.map +1 -1
- package/build/lib/useIsFetching.cjs +1 -4
- package/build/lib/useIsFetching.cjs.map +1 -1
- package/build/lib/useIsFetching.d.ts.map +1 -1
- package/build/lib/useIsFetching.js +2 -5
- package/build/lib/useIsFetching.js.map +1 -1
- package/build/lib/useIsFetching.legacy.cjs +1 -4
- package/build/lib/useIsFetching.legacy.cjs.map +1 -1
- package/build/lib/useIsFetching.legacy.js +2 -5
- package/build/lib/useIsFetching.legacy.js.map +1 -1
- package/build/lib/useMutation.cjs +1 -3
- package/build/lib/useMutation.cjs.map +1 -1
- package/build/lib/useMutation.d.ts.map +1 -1
- package/build/lib/useMutation.js +3 -5
- package/build/lib/useMutation.js.map +1 -1
- package/build/lib/useMutation.legacy.cjs +1 -3
- package/build/lib/useMutation.legacy.cjs.map +1 -1
- package/build/lib/useMutation.legacy.js +3 -5
- package/build/lib/useMutation.legacy.js.map +1 -1
- package/build/lib/useQueries.cjs +7 -8
- package/build/lib/useQueries.cjs.map +1 -1
- package/build/lib/useQueries.d.ts.map +1 -1
- package/build/lib/useQueries.js +9 -10
- package/build/lib/useQueries.js.map +1 -1
- package/build/lib/useQueries.legacy.cjs +7 -8
- package/build/lib/useQueries.legacy.cjs.map +1 -1
- package/build/lib/useQueries.legacy.js +9 -10
- package/build/lib/useQueries.legacy.js.map +1 -1
- package/build/lib/utils.cjs +0 -4
- package/build/lib/utils.cjs.map +1 -1
- package/build/lib/utils.d.ts +0 -1
- package/build/lib/utils.d.ts.map +1 -1
- package/build/lib/utils.js +1 -4
- package/build/lib/utils.js.map +1 -1
- package/build/lib/utils.legacy.cjs +0 -4
- package/build/lib/utils.legacy.cjs.map +1 -1
- package/build/lib/utils.legacy.js +1 -4
- package/build/lib/utils.legacy.js.map +1 -1
- package/build/lib/vueQueryPlugin.cjs +3 -1
- package/build/lib/vueQueryPlugin.cjs.map +1 -1
- package/build/lib/vueQueryPlugin.d.ts.map +1 -1
- package/build/lib/vueQueryPlugin.js +4 -2
- package/build/lib/vueQueryPlugin.js.map +1 -1
- package/build/lib/vueQueryPlugin.legacy.cjs +3 -1
- package/build/lib/vueQueryPlugin.legacy.cjs.map +1 -1
- package/build/lib/vueQueryPlugin.legacy.js +4 -2
- package/build/lib/vueQueryPlugin.legacy.js.map +1 -1
- package/package.json +1 -1
- package/src/useBaseQuery.ts +10 -10
- package/src/useIsFetching.ts +4 -8
- package/src/useMutation.ts +4 -8
- package/src/useQueries.ts +11 -12
- package/src/utils.ts +0 -4
- package/src/vueQueryPlugin.ts +4 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.legacy.js","sources":["../../src/utils.ts"],"sourcesContent":["import { isRef, unref } from 'vue-demi'\nimport type { MaybeRefDeep } from './types'\n\nexport const VUE_QUERY_CLIENT = 'VUE_QUERY_CLIENT'\n\nexport function getClientKey(key?: string) {\n const suffix = key ? `:${key}` : ''\n return `${VUE_QUERY_CLIENT}${suffix}`\n}\n\nexport function updateState(\n state: Record<string, unknown>,\n update: Record<string, any>,\n): void {\n Object.keys(state).forEach((key) => {\n state[key] = update[key]\n })\n}\n\nexport function cloneDeep<T>(\n value: MaybeRefDeep<T>,\n customizer?: (val: MaybeRefDeep<T>) => T | undefined,\n): T {\n if (customizer) {\n const result = customizer(value)\n // If it's a ref of undefined, return undefined\n if (result === undefined && isRef(value)) {\n return result as T\n }\n if (result !== undefined) {\n return result\n }\n }\n\n if (Array.isArray(value)) {\n return value.map((val) => cloneDeep(val, customizer)) as unknown as T\n }\n\n if (typeof value === 'object' && isPlainObject(value)) {\n const entries = Object.entries(value).map(([key, val]) => [\n key,\n cloneDeep(val, customizer),\n ])\n return Object.fromEntries(entries)\n }\n\n return value as T\n}\n\nexport function cloneDeepUnref<T>(obj: MaybeRefDeep<T>): T {\n return cloneDeep(obj, (val) => {\n if (isRef(val)) {\n return cloneDeepUnref(unref(val))\n }\n\n return undefined\n })\n}\n\nfunction isPlainObject(value: unknown): value is Object {\n if (Object.prototype.toString.call(value) !== '[object Object]') {\n return false\n }\n\n const prototype = Object.getPrototypeOf(value)\n return prototype === null || prototype === Object.prototype\n}\n
|
|
1
|
+
{"version":3,"file":"utils.legacy.js","sources":["../../src/utils.ts"],"sourcesContent":["import { isRef, unref } from 'vue-demi'\nimport type { MaybeRefDeep } from './types'\n\nexport const VUE_QUERY_CLIENT = 'VUE_QUERY_CLIENT'\n\nexport function getClientKey(key?: string) {\n const suffix = key ? `:${key}` : ''\n return `${VUE_QUERY_CLIENT}${suffix}`\n}\n\nexport function updateState(\n state: Record<string, unknown>,\n update: Record<string, any>,\n): void {\n Object.keys(state).forEach((key) => {\n state[key] = update[key]\n })\n}\n\nexport function cloneDeep<T>(\n value: MaybeRefDeep<T>,\n customizer?: (val: MaybeRefDeep<T>) => T | undefined,\n): T {\n if (customizer) {\n const result = customizer(value)\n // If it's a ref of undefined, return undefined\n if (result === undefined && isRef(value)) {\n return result as T\n }\n if (result !== undefined) {\n return result\n }\n }\n\n if (Array.isArray(value)) {\n return value.map((val) => cloneDeep(val, customizer)) as unknown as T\n }\n\n if (typeof value === 'object' && isPlainObject(value)) {\n const entries = Object.entries(value).map(([key, val]) => [\n key,\n cloneDeep(val, customizer),\n ])\n return Object.fromEntries(entries)\n }\n\n return value as T\n}\n\nexport function cloneDeepUnref<T>(obj: MaybeRefDeep<T>): T {\n return cloneDeep(obj, (val) => {\n if (isRef(val)) {\n return cloneDeepUnref(unref(val))\n }\n\n return undefined\n })\n}\n\nfunction isPlainObject(value: unknown): value is Object {\n if (Object.prototype.toString.call(value) !== '[object Object]') {\n return false\n }\n\n const prototype = Object.getPrototypeOf(value)\n return prototype === null || prototype === Object.prototype\n}\n"],"names":["VUE_QUERY_CLIENT","getClientKey","key","suffix","updateState","state","update","Object","keys","forEach","cloneDeep","value","customizer","result","undefined","isRef","Array","isArray","map","val","isPlainObject","entries","fromEntries","cloneDeepUnref","obj","unref","prototype","toString","call","getPrototypeOf"],"mappings":";;AAGO,MAAMA,gBAAgB,GAAG,mBAAkB;AAE3C,SAASC,YAAYA,CAACC,GAAY,EAAE;EACzC,MAAMC,MAAM,GAAGD,GAAG,GAAI,IAAGA,GAAI,CAAA,CAAC,GAAG,EAAE,CAAA;AACnC,EAAA,OAAQ,CAAEF,EAAAA,gBAAiB,CAAEG,EAAAA,MAAO,CAAC,CAAA,CAAA;AACvC,CAAA;AAEO,SAASC,WAAWA,CACzBC,KAA8B,EAC9BC,MAA2B,EACrB;EACNC,MAAM,CAACC,IAAI,CAACH,KAAK,CAAC,CAACI,OAAO,CAAEP,GAAG,IAAK;AAClCG,IAAAA,KAAK,CAACH,GAAG,CAAC,GAAGI,MAAM,CAACJ,GAAG,CAAC,CAAA;AAC1B,GAAC,CAAC,CAAA;AACJ,CAAA;AAEO,SAASQ,SAASA,CACvBC,KAAsB,EACtBC,UAAoD,EACjD;AACH,EAAA,IAAIA,UAAU,EAAE;AACd,IAAA,MAAMC,MAAM,GAAGD,UAAU,CAACD,KAAK,CAAC,CAAA;AAChC;IACA,IAAIE,MAAM,KAAKC,SAAS,IAAIC,KAAK,CAACJ,KAAK,CAAC,EAAE;AACxC,MAAA,OAAOE,MAAM,CAAA;AACf,KAAA;IACA,IAAIA,MAAM,KAAKC,SAAS,EAAE;AACxB,MAAA,OAAOD,MAAM,CAAA;AACf,KAAA;AACF,GAAA;AAEA,EAAA,IAAIG,KAAK,CAACC,OAAO,CAACN,KAAK,CAAC,EAAE;AACxB,IAAA,OAAOA,KAAK,CAACO,GAAG,CAAEC,GAAG,IAAKT,SAAS,CAACS,GAAG,EAAEP,UAAU,CAAC,CAAC,CAAA;AACvD,GAAA;EAEA,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAIS,aAAa,CAACT,KAAK,CAAC,EAAE;AACrD,IAAA,MAAMU,OAAO,GAAGd,MAAM,CAACc,OAAO,CAACV,KAAK,CAAC,CAACO,GAAG,CAAC,CAAC,CAAChB,GAAG,EAAEiB,GAAG,CAAC,KAAK,CACxDjB,GAAG,EACHQ,SAAS,CAACS,GAAG,EAAEP,UAAU,CAAC,CAC3B,CAAC,CAAA;AACF,IAAA,OAAOL,MAAM,CAACe,WAAW,CAACD,OAAO,CAAC,CAAA;AACpC,GAAA;AAEA,EAAA,OAAOV,KAAK,CAAA;AACd,CAAA;AAEO,SAASY,cAAcA,CAAIC,GAAoB,EAAK;AACzD,EAAA,OAAOd,SAAS,CAACc,GAAG,EAAGL,GAAG,IAAK;AAC7B,IAAA,IAAIJ,KAAK,CAACI,GAAG,CAAC,EAAE;AACd,MAAA,OAAOI,cAAc,CAACE,KAAK,CAACN,GAAG,CAAC,CAAC,CAAA;AACnC,KAAA;AAEA,IAAA,OAAOL,SAAS,CAAA;AAClB,GAAC,CAAC,CAAA;AACJ,CAAA;AAEA,SAASM,aAAaA,CAACT,KAAc,EAAmB;AACtD,EAAA,IAAIJ,MAAM,CAACmB,SAAS,CAACC,QAAQ,CAACC,IAAI,CAACjB,KAAK,CAAC,KAAK,iBAAiB,EAAE;AAC/D,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,MAAMe,SAAS,GAAGnB,MAAM,CAACsB,cAAc,CAAClB,KAAK,CAAC,CAAA;EAC9C,OAAOe,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAKnB,MAAM,CAACmB,SAAS,CAAA;AAC7D;;;;"}
|
|
@@ -19,7 +19,9 @@ const VueQueryPlugin = {
|
|
|
19
19
|
if (!queryCore.isServer) {
|
|
20
20
|
client.mount();
|
|
21
21
|
}
|
|
22
|
-
let persisterUnmount =
|
|
22
|
+
let persisterUnmount = () => {
|
|
23
|
+
// noop
|
|
24
|
+
};
|
|
23
25
|
if (options.clientPersister) {
|
|
24
26
|
client.isRestoring.value = true;
|
|
25
27
|
const [unmount, promise] = options.clientPersister(client);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vueQueryPlugin.cjs","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey
|
|
1
|
+
{"version":3,"file":"vueQueryPlugin.cjs","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey } from './utils'\nimport { setupDevtools } from './devtools/devtools'\nimport type { MaybeRefDeep } from './types'\n\ntype ClientPersister = (client: QueryClient) => [() => void, Promise<void>]\n\ninterface CommonOptions {\n queryClientKey?: string\n clientPersister?: ClientPersister\n}\n\ninterface ConfigOptions extends CommonOptions {\n queryClientConfig?: MaybeRefDeep<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 (!isServer) {\n client.mount()\n }\n\n let persisterUnmount = () => {\n // noop\n }\n\n if (options.clientPersister) {\n client.isRestoring.value = true\n const [unmount, promise] = options.clientPersister(client)\n persisterUnmount = unmount\n promise.then(() => {\n client.isRestoring.value = false\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) {\n setupDevtools(this, client)\n }\n }\n },\n })\n } else {\n app.provide(clientKey, client)\n\n if (process.env.NODE_ENV === 'development') {\n setupDevtools(app, client)\n }\n }\n },\n}\n"],"names":["VueQueryPlugin","install","app","options","clientKey","getClientKey","queryClientKey","client","queryClient","clientConfig","queryClientConfig","undefined","QueryClient","isServer","mount","persisterUnmount","clientPersister","isRestoring","value","unmount","promise","then","cleanup","onUnmount","originalUnmount","vueQueryUnmount","isVue2","mixin","beforeCreate","_provided","provideCache","Object","defineProperty","get","set","v","assign","process","env","NODE_ENV","$root","setupDevtools","provide"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vueQueryPlugin.d.ts","sourceRoot":"","sources":["../../src/vueQueryPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,KAAK,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,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;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,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,aAAa,CAAA;AAEjE,eAAO,MAAM,cAAc;mBACV,GAAG,YAAW,qBAAqB;
|
|
1
|
+
{"version":3,"file":"vueQueryPlugin.d.ts","sourceRoot":"","sources":["../../src/vueQueryPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,KAAK,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,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;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,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,aAAa,CAAA;AAEjE,eAAO,MAAM,cAAc;mBACV,GAAG,YAAW,qBAAqB;CAyEnD,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isVue2 } from 'vue-demi';
|
|
2
2
|
import { isServer } from '@tanstack/query-core';
|
|
3
3
|
import { QueryClient } from './queryClient.js';
|
|
4
|
-
import { getClientKey
|
|
4
|
+
import { getClientKey } from './utils.js';
|
|
5
5
|
import { setupDevtools } from './devtools/devtools.js';
|
|
6
6
|
|
|
7
7
|
const VueQueryPlugin = {
|
|
@@ -17,7 +17,9 @@ const VueQueryPlugin = {
|
|
|
17
17
|
if (!isServer) {
|
|
18
18
|
client.mount();
|
|
19
19
|
}
|
|
20
|
-
let persisterUnmount =
|
|
20
|
+
let persisterUnmount = () => {
|
|
21
|
+
// noop
|
|
22
|
+
};
|
|
21
23
|
if (options.clientPersister) {
|
|
22
24
|
client.isRestoring.value = true;
|
|
23
25
|
const [unmount, promise] = options.clientPersister(client);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vueQueryPlugin.js","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey
|
|
1
|
+
{"version":3,"file":"vueQueryPlugin.js","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey } from './utils'\nimport { setupDevtools } from './devtools/devtools'\nimport type { MaybeRefDeep } from './types'\n\ntype ClientPersister = (client: QueryClient) => [() => void, Promise<void>]\n\ninterface CommonOptions {\n queryClientKey?: string\n clientPersister?: ClientPersister\n}\n\ninterface ConfigOptions extends CommonOptions {\n queryClientConfig?: MaybeRefDeep<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 (!isServer) {\n client.mount()\n }\n\n let persisterUnmount = () => {\n // noop\n }\n\n if (options.clientPersister) {\n client.isRestoring.value = true\n const [unmount, promise] = options.clientPersister(client)\n persisterUnmount = unmount\n promise.then(() => {\n client.isRestoring.value = false\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) {\n setupDevtools(this, client)\n }\n }\n },\n })\n } else {\n app.provide(clientKey, client)\n\n if (process.env.NODE_ENV === 'development') {\n setupDevtools(app, client)\n }\n }\n },\n}\n"],"names":["VueQueryPlugin","install","app","options","clientKey","getClientKey","queryClientKey","client","queryClient","clientConfig","queryClientConfig","undefined","QueryClient","isServer","mount","persisterUnmount","clientPersister","isRestoring","value","unmount","promise","then","cleanup","onUnmount","originalUnmount","vueQueryUnmount","isVue2","mixin","beforeCreate","_provided","provideCache","Object","defineProperty","get","set","v","assign","process","env","NODE_ENV","$root","setupDevtools","provide"],"mappings":"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"}
|
|
@@ -19,7 +19,9 @@ const VueQueryPlugin = {
|
|
|
19
19
|
if (!queryCore.isServer) {
|
|
20
20
|
client.mount();
|
|
21
21
|
}
|
|
22
|
-
let persisterUnmount =
|
|
22
|
+
let persisterUnmount = () => {
|
|
23
|
+
// noop
|
|
24
|
+
};
|
|
23
25
|
if (options.clientPersister) {
|
|
24
26
|
client.isRestoring.value = true;
|
|
25
27
|
const [unmount, promise] = options.clientPersister(client);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vueQueryPlugin.legacy.cjs","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey
|
|
1
|
+
{"version":3,"file":"vueQueryPlugin.legacy.cjs","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey } from './utils'\nimport { setupDevtools } from './devtools/devtools'\nimport type { MaybeRefDeep } from './types'\n\ntype ClientPersister = (client: QueryClient) => [() => void, Promise<void>]\n\ninterface CommonOptions {\n queryClientKey?: string\n clientPersister?: ClientPersister\n}\n\ninterface ConfigOptions extends CommonOptions {\n queryClientConfig?: MaybeRefDeep<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 (!isServer) {\n client.mount()\n }\n\n let persisterUnmount = () => {\n // noop\n }\n\n if (options.clientPersister) {\n client.isRestoring.value = true\n const [unmount, promise] = options.clientPersister(client)\n persisterUnmount = unmount\n promise.then(() => {\n client.isRestoring.value = false\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) {\n setupDevtools(this, client)\n }\n }\n },\n })\n } else {\n app.provide(clientKey, client)\n\n if (process.env.NODE_ENV === 'development') {\n setupDevtools(app, client)\n }\n }\n },\n}\n"],"names":["VueQueryPlugin","install","app","options","clientKey","getClientKey","queryClientKey","client","queryClient","clientConfig","queryClientConfig","undefined","QueryClient","isServer","mount","persisterUnmount","clientPersister","isRestoring","value","unmount","promise","then","cleanup","onUnmount","originalUnmount","vueQueryUnmount","isVue2","mixin","beforeCreate","_provided","provideCache","Object","defineProperty","get","set","v","assign","process","env","NODE_ENV","$root","setupDevtools","provide"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isVue2 } from 'vue-demi';
|
|
2
2
|
import { isServer } from '@tanstack/query-core';
|
|
3
3
|
import { QueryClient } from './queryClient.legacy.js';
|
|
4
|
-
import { getClientKey
|
|
4
|
+
import { getClientKey } from './utils.legacy.js';
|
|
5
5
|
import { setupDevtools } from './devtools/devtools.legacy.js';
|
|
6
6
|
|
|
7
7
|
const VueQueryPlugin = {
|
|
@@ -17,7 +17,9 @@ const VueQueryPlugin = {
|
|
|
17
17
|
if (!isServer) {
|
|
18
18
|
client.mount();
|
|
19
19
|
}
|
|
20
|
-
let persisterUnmount =
|
|
20
|
+
let persisterUnmount = () => {
|
|
21
|
+
// noop
|
|
22
|
+
};
|
|
21
23
|
if (options.clientPersister) {
|
|
22
24
|
client.isRestoring.value = true;
|
|
23
25
|
const [unmount, promise] = options.clientPersister(client);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vueQueryPlugin.legacy.js","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey
|
|
1
|
+
{"version":3,"file":"vueQueryPlugin.legacy.js","sources":["../../src/vueQueryPlugin.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi'\nimport { isServer } from '@tanstack/query-core'\nimport type { QueryClientConfig } from '@tanstack/query-core'\n\nimport { QueryClient } from './queryClient'\nimport { getClientKey } from './utils'\nimport { setupDevtools } from './devtools/devtools'\nimport type { MaybeRefDeep } from './types'\n\ntype ClientPersister = (client: QueryClient) => [() => void, Promise<void>]\n\ninterface CommonOptions {\n queryClientKey?: string\n clientPersister?: ClientPersister\n}\n\ninterface ConfigOptions extends CommonOptions {\n queryClientConfig?: MaybeRefDeep<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 (!isServer) {\n client.mount()\n }\n\n let persisterUnmount = () => {\n // noop\n }\n\n if (options.clientPersister) {\n client.isRestoring.value = true\n const [unmount, promise] = options.clientPersister(client)\n persisterUnmount = unmount\n promise.then(() => {\n client.isRestoring.value = false\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) {\n setupDevtools(this, client)\n }\n }\n },\n })\n } else {\n app.provide(clientKey, client)\n\n if (process.env.NODE_ENV === 'development') {\n setupDevtools(app, client)\n }\n }\n },\n}\n"],"names":["VueQueryPlugin","install","app","options","clientKey","getClientKey","queryClientKey","client","queryClient","clientConfig","queryClientConfig","undefined","QueryClient","isServer","mount","persisterUnmount","clientPersister","isRestoring","value","unmount","promise","then","cleanup","onUnmount","originalUnmount","vueQueryUnmount","isVue2","mixin","beforeCreate","_provided","provideCache","Object","defineProperty","get","set","v","assign","process","env","NODE_ENV","$root","setupDevtools","provide"],"mappings":"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"}
|
package/package.json
CHANGED
package/src/useBaseQuery.ts
CHANGED
|
@@ -14,9 +14,8 @@ import type {
|
|
|
14
14
|
QueryObserverResult,
|
|
15
15
|
DefaultedQueryObserverOptions,
|
|
16
16
|
} from '@tanstack/query-core'
|
|
17
|
-
import { isServer } from '@tanstack/query-core'
|
|
18
17
|
import { useQueryClient } from './useQueryClient'
|
|
19
|
-
import { updateState, cloneDeepUnref
|
|
18
|
+
import { updateState, cloneDeepUnref } from './utils'
|
|
20
19
|
import type { QueryClient } from './queryClient'
|
|
21
20
|
import type { UseQueryOptions } from './useQuery'
|
|
22
21
|
import type { UseInfiniteQueryOptions } from './useInfiniteQuery'
|
|
@@ -87,7 +86,9 @@ export function useBaseQuery<
|
|
|
87
86
|
const observer = new Observer(client, defaultedOptions.value)
|
|
88
87
|
const state = reactive(observer.getCurrentResult())
|
|
89
88
|
|
|
90
|
-
const unsubscribe = ref(
|
|
89
|
+
const unsubscribe = ref(() => {
|
|
90
|
+
// noop
|
|
91
|
+
})
|
|
91
92
|
|
|
92
93
|
watch(
|
|
93
94
|
client.isRestoring,
|
|
@@ -95,12 +96,9 @@ export function useBaseQuery<
|
|
|
95
96
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
96
97
|
if (!isRestoring) {
|
|
97
98
|
unsubscribe.value()
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
updateState(state, result)
|
|
102
|
-
})
|
|
103
|
-
}
|
|
99
|
+
unsubscribe.value = observer.subscribe((result) => {
|
|
100
|
+
updateState(state, result)
|
|
101
|
+
})
|
|
104
102
|
}
|
|
105
103
|
},
|
|
106
104
|
{ immediate: true },
|
|
@@ -121,7 +119,9 @@ export function useBaseQuery<
|
|
|
121
119
|
|
|
122
120
|
const suspense = () => {
|
|
123
121
|
return new Promise<QueryObserverResult<TData, TError>>((resolve) => {
|
|
124
|
-
let stopWatch =
|
|
122
|
+
let stopWatch = () => {
|
|
123
|
+
//noop
|
|
124
|
+
}
|
|
125
125
|
const run = () => {
|
|
126
126
|
if (defaultedOptions.value.enabled !== false) {
|
|
127
127
|
const optimisticResult = observer.getOptimisticResult(
|
package/src/useIsFetching.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { computed, onScopeDispose, ref, watch } from 'vue-demi'
|
|
2
2
|
import type { Ref } from 'vue-demi'
|
|
3
3
|
import type { QueryFilters as QF } from '@tanstack/query-core'
|
|
4
|
-
import { isServer } from '@tanstack/query-core'
|
|
5
4
|
import { useQueryClient } from './useQueryClient'
|
|
6
|
-
import { cloneDeepUnref
|
|
5
|
+
import { cloneDeepUnref } from './utils'
|
|
7
6
|
import type { MaybeRefDeep } from './types'
|
|
8
7
|
import type { QueryClient } from './queryClient'
|
|
9
8
|
|
|
@@ -18,12 +17,9 @@ export function useIsFetching(
|
|
|
18
17
|
|
|
19
18
|
const isFetching = ref(client.isFetching(filters))
|
|
20
19
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
: client.getQueryCache().subscribe(() => {
|
|
25
|
-
isFetching.value = client.isFetching(filters)
|
|
26
|
-
})
|
|
20
|
+
const unsubscribe = client.getQueryCache().subscribe(() => {
|
|
21
|
+
isFetching.value = client.isFetching(filters)
|
|
22
|
+
})
|
|
27
23
|
|
|
28
24
|
watch(
|
|
29
25
|
filters,
|
package/src/useMutation.ts
CHANGED
|
@@ -14,10 +14,9 @@ import type {
|
|
|
14
14
|
MutationObserverOptions,
|
|
15
15
|
DefaultError,
|
|
16
16
|
} from '@tanstack/query-core'
|
|
17
|
-
import { isServer } from '@tanstack/query-core'
|
|
18
17
|
import type { MaybeRefDeep, DistributiveOmit } from './types'
|
|
19
18
|
import { MutationObserver } from '@tanstack/query-core'
|
|
20
|
-
import { cloneDeepUnref, updateState
|
|
19
|
+
import { cloneDeepUnref, updateState } from './utils'
|
|
21
20
|
import { useQueryClient } from './useQueryClient'
|
|
22
21
|
import type { QueryClient } from './queryClient'
|
|
23
22
|
|
|
@@ -72,12 +71,9 @@ export function useMutation<
|
|
|
72
71
|
const observer = new MutationObserver(client, options.value)
|
|
73
72
|
const state = reactive(observer.getCurrentResult())
|
|
74
73
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
: observer.subscribe((result) => {
|
|
79
|
-
updateState(state, result)
|
|
80
|
-
})
|
|
74
|
+
const unsubscribe = observer.subscribe((result) => {
|
|
75
|
+
updateState(state, result)
|
|
76
|
+
})
|
|
81
77
|
|
|
82
78
|
const mutate = (
|
|
83
79
|
variables: TVariables,
|
package/src/useQueries.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
|
-
import {
|
|
2
|
+
import { QueriesObserver } from '@tanstack/query-core'
|
|
3
3
|
import type {
|
|
4
4
|
QueriesPlaceholderDataFunction,
|
|
5
5
|
QueryKey,
|
|
@@ -11,7 +11,7 @@ import type { Ref } from 'vue-demi'
|
|
|
11
11
|
import { computed, onScopeDispose, readonly, ref, watch } from 'vue-demi'
|
|
12
12
|
|
|
13
13
|
import { useQueryClient } from './useQueryClient'
|
|
14
|
-
import { cloneDeepUnref
|
|
14
|
+
import { cloneDeepUnref } from './utils'
|
|
15
15
|
import type { UseQueryOptions } from './useQuery'
|
|
16
16
|
import type { QueryClient } from './queryClient'
|
|
17
17
|
import type { DistributiveOmit, MaybeRefDeep } from './types'
|
|
@@ -182,22 +182,21 @@ export function useQueries<
|
|
|
182
182
|
)
|
|
183
183
|
const state = ref(getCombinedResult()) as Ref<TCombinedResult>
|
|
184
184
|
|
|
185
|
-
const unsubscribe = ref(
|
|
185
|
+
const unsubscribe = ref(() => {
|
|
186
|
+
// noop
|
|
187
|
+
})
|
|
186
188
|
|
|
187
189
|
watch(
|
|
188
190
|
client.isRestoring,
|
|
189
191
|
(isRestoring) => {
|
|
190
192
|
if (!isRestoring) {
|
|
191
193
|
unsubscribe.value()
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
state.value = getCombinedResultRestoring()
|
|
199
|
-
})
|
|
200
|
-
}
|
|
194
|
+
unsubscribe.value = observer.subscribe(() => {
|
|
195
|
+
const [, getCombinedResultRestoring] = observer.getOptimisticResult(
|
|
196
|
+
defaultedQueries.value,
|
|
197
|
+
)
|
|
198
|
+
state.value = getCombinedResultRestoring()
|
|
199
|
+
})
|
|
201
200
|
// Subscription would not fire for persisted results
|
|
202
201
|
const [, getCombinedResultPersisted] = observer.getOptimisticResult(
|
|
203
202
|
defaultedQueries.value,
|
package/src/utils.ts
CHANGED
package/src/vueQueryPlugin.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { isServer } from '@tanstack/query-core'
|
|
|
3
3
|
import type { QueryClientConfig } from '@tanstack/query-core'
|
|
4
4
|
|
|
5
5
|
import { QueryClient } from './queryClient'
|
|
6
|
-
import { getClientKey
|
|
6
|
+
import { getClientKey } from './utils'
|
|
7
7
|
import { setupDevtools } from './devtools/devtools'
|
|
8
8
|
import type { MaybeRefDeep } from './types'
|
|
9
9
|
|
|
@@ -41,7 +41,9 @@ export const VueQueryPlugin = {
|
|
|
41
41
|
client.mount()
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
let persisterUnmount =
|
|
44
|
+
let persisterUnmount = () => {
|
|
45
|
+
// noop
|
|
46
|
+
}
|
|
45
47
|
|
|
46
48
|
if (options.clientPersister) {
|
|
47
49
|
client.isRestoring.value = true
|