@tanstack/react-query-persist-client 5.0.0-alpha.50 → 5.0.0-alpha.51

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.
@@ -0,0 +1,75 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.cjs');
5
+ var React = require('react');
6
+ var queryPersistClientCore = require('@tanstack/query-persist-client-core');
7
+ var reactQuery = require('@tanstack/react-query');
8
+
9
+ function _interopNamespaceDefault(e) {
10
+ var n = Object.create(null);
11
+ if (e) {
12
+ Object.keys(e).forEach(function (k) {
13
+ if (k !== 'default') {
14
+ var d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: function () { return e[k]; }
18
+ });
19
+ }
20
+ });
21
+ }
22
+ n.default = e;
23
+ return Object.freeze(n);
24
+ }
25
+
26
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
27
+
28
+ const PersistQueryClientProvider = ({
29
+ client,
30
+ children,
31
+ persistOptions,
32
+ onSuccess,
33
+ ...props
34
+ }) => {
35
+ const [isRestoring, setIsRestoring] = React__namespace.useState(true);
36
+ const refs = React__namespace.useRef({
37
+ persistOptions,
38
+ onSuccess
39
+ });
40
+ React__namespace.useEffect(() => {
41
+ refs.current = {
42
+ persistOptions,
43
+ onSuccess
44
+ };
45
+ });
46
+ React__namespace.useEffect(() => {
47
+ let isStale = false;
48
+ setIsRestoring(true);
49
+ const [unsubscribe, promise] = queryPersistClientCore.persistQueryClient({
50
+ ...refs.current.persistOptions,
51
+ queryClient: client
52
+ });
53
+ promise.then(async () => {
54
+ if (!isStale) {
55
+ try {
56
+ await refs.current.onSuccess?.();
57
+ } finally {
58
+ setIsRestoring(false);
59
+ }
60
+ }
61
+ });
62
+ return () => {
63
+ isStale = true;
64
+ unsubscribe();
65
+ };
66
+ }, [client]);
67
+ return /*#__PURE__*/React__namespace.createElement(reactQuery.QueryClientProvider, _rollupPluginBabelHelpers.extends({
68
+ client: client
69
+ }, props), /*#__PURE__*/React__namespace.createElement(reactQuery.IsRestoringProvider, {
70
+ value: isRestoring
71
+ }, children));
72
+ };
73
+
74
+ exports.PersistQueryClientProvider = PersistQueryClientProvider;
75
+ //# sourceMappingURL=PersistQueryClientProvider.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"PersistQueryClientProvider.mjs","sources":["../../src/PersistQueryClientProvider.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'\nimport { persistQueryClient } from '@tanstack/query-persist-client-core'\nimport type { QueryClientProviderProps } from '@tanstack/react-query'\nimport { QueryClientProvider, IsRestoringProvider } from '@tanstack/react-query'\n\nexport type PersistQueryClientProviderProps = QueryClientProviderProps & {\n persistOptions: Omit<PersistQueryClientOptions, 'queryClient'>\n onSuccess?: () => Promise<unknown> | unknown\n}\n\nexport const PersistQueryClientProvider = ({\n client,\n children,\n persistOptions,\n onSuccess,\n ...props\n}: PersistQueryClientProviderProps): JSX.Element => {\n const [isRestoring, setIsRestoring] = React.useState(true)\n const refs = React.useRef({ persistOptions, onSuccess })\n\n React.useEffect(() => {\n refs.current = { persistOptions, onSuccess }\n })\n\n React.useEffect(() => {\n let isStale = false\n setIsRestoring(true)\n const [unsubscribe, promise] = persistQueryClient({\n ...refs.current.persistOptions,\n queryClient: client,\n })\n\n promise.then(async () => {\n if (!isStale) {\n try {\n await refs.current.onSuccess?.()\n } finally {\n setIsRestoring(false)\n }\n }\n })\n\n return () => {\n isStale = true\n unsubscribe()\n }\n }, [client])\n\n return (\n <QueryClientProvider client={client} {...props}>\n <IsRestoringProvider value={isRestoring}>{children}</IsRestoringProvider>\n </QueryClientProvider>\n )\n}\n"],"names":["onSuccess","queryClient","isStale","unsubscribe","client","value"],"mappings":";;;;;;AAaO;;;;;;AAM0B;;AAE/B;;AAA4CA;AAAU;;;;AAGnBA;;AACnC;;;;AAKE;AACE;AACAC;AACF;;;;AAKM;AACF;;AAEA;AACF;AACF;AAEA;AACEC;AACAC;;AAEJ;AAEA;AACuBC;AAAe;AACbC;;AAG3B;;"}
1
+ {"version":3,"file":"PersistQueryClientProvider.cjs","sources":["../../src/PersistQueryClientProvider.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'\nimport { persistQueryClient } from '@tanstack/query-persist-client-core'\nimport type { QueryClientProviderProps } from '@tanstack/react-query'\nimport { QueryClientProvider, IsRestoringProvider } from '@tanstack/react-query'\n\nexport type PersistQueryClientProviderProps = QueryClientProviderProps & {\n persistOptions: Omit<PersistQueryClientOptions, 'queryClient'>\n onSuccess?: () => Promise<unknown> | unknown\n}\n\nexport const PersistQueryClientProvider = ({\n client,\n children,\n persistOptions,\n onSuccess,\n ...props\n}: PersistQueryClientProviderProps): JSX.Element => {\n const [isRestoring, setIsRestoring] = React.useState(true)\n const refs = React.useRef({ persistOptions, onSuccess })\n\n React.useEffect(() => {\n refs.current = { persistOptions, onSuccess }\n })\n\n React.useEffect(() => {\n let isStale = false\n setIsRestoring(true)\n const [unsubscribe, promise] = persistQueryClient({\n ...refs.current.persistOptions,\n queryClient: client,\n })\n\n promise.then(async () => {\n if (!isStale) {\n try {\n await refs.current.onSuccess?.()\n } finally {\n setIsRestoring(false)\n }\n }\n })\n\n return () => {\n isStale = true\n unsubscribe()\n }\n }, [client])\n\n return (\n <QueryClientProvider client={client} {...props}>\n <IsRestoringProvider value={isRestoring}>{children}</IsRestoringProvider>\n </QueryClientProvider>\n )\n}\n"],"names":["onSuccess","queryClient","isStale","unsubscribe","client","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO;;;;;;AAM0B;;AAE/B;;AAA4CA;AAAU;;;;AAGnBA;;AACnC;;;;AAKE;AACE;AACAC;AACF;;;;AAKM;AACF;;AAEA;AACF;AACF;AAEA;AACEC;AACAC;;AAEJ;AAEA;AACuBC;AAAe;AACbC;;AAG3B;;"}
@@ -1,29 +1,8 @@
1
1
  'use client';
2
- 'use strict';
3
-
4
- var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
5
- var React = require('react');
6
- var queryPersistClientCore = require('@tanstack/query-persist-client-core');
7
- var reactQuery = require('@tanstack/react-query');
8
-
9
- function _interopNamespaceDefault(e) {
10
- var n = Object.create(null);
11
- if (e) {
12
- Object.keys(e).forEach(function (k) {
13
- if (k !== 'default') {
14
- var d = Object.getOwnPropertyDescriptor(e, k);
15
- Object.defineProperty(n, k, d.get ? d : {
16
- enumerable: true,
17
- get: function () { return e[k]; }
18
- });
19
- }
20
- });
21
- }
22
- n.default = e;
23
- return Object.freeze(n);
24
- }
25
-
26
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
2
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
3
+ import * as React from 'react';
4
+ import { persistQueryClient } from '@tanstack/query-persist-client-core';
5
+ import { QueryClientProvider, IsRestoringProvider } from '@tanstack/react-query';
27
6
 
28
7
  const PersistQueryClientProvider = ({
29
8
  client,
@@ -32,21 +11,21 @@ const PersistQueryClientProvider = ({
32
11
  onSuccess,
33
12
  ...props
34
13
  }) => {
35
- const [isRestoring, setIsRestoring] = React__namespace.useState(true);
36
- const refs = React__namespace.useRef({
14
+ const [isRestoring, setIsRestoring] = React.useState(true);
15
+ const refs = React.useRef({
37
16
  persistOptions,
38
17
  onSuccess
39
18
  });
40
- React__namespace.useEffect(() => {
19
+ React.useEffect(() => {
41
20
  refs.current = {
42
21
  persistOptions,
43
22
  onSuccess
44
23
  };
45
24
  });
46
- React__namespace.useEffect(() => {
25
+ React.useEffect(() => {
47
26
  let isStale = false;
48
27
  setIsRestoring(true);
49
- const [unsubscribe, promise] = queryPersistClientCore.persistQueryClient({
28
+ const [unsubscribe, promise] = persistQueryClient({
50
29
  ...refs.current.persistOptions,
51
30
  queryClient: client
52
31
  });
@@ -64,12 +43,12 @@ const PersistQueryClientProvider = ({
64
43
  unsubscribe();
65
44
  };
66
45
  }, [client]);
67
- return /*#__PURE__*/React__namespace.createElement(reactQuery.QueryClientProvider, _rollupPluginBabelHelpers.extends({
46
+ return /*#__PURE__*/React.createElement(QueryClientProvider, _extends({
68
47
  client: client
69
- }, props), /*#__PURE__*/React__namespace.createElement(reactQuery.IsRestoringProvider, {
48
+ }, props), /*#__PURE__*/React.createElement(IsRestoringProvider, {
70
49
  value: isRestoring
71
50
  }, children));
72
51
  };
73
52
 
74
- exports.PersistQueryClientProvider = PersistQueryClientProvider;
53
+ export { PersistQueryClientProvider };
75
54
  //# sourceMappingURL=PersistQueryClientProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PersistQueryClientProvider.js","sources":["../../src/PersistQueryClientProvider.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'\nimport { persistQueryClient } from '@tanstack/query-persist-client-core'\nimport type { QueryClientProviderProps } from '@tanstack/react-query'\nimport { QueryClientProvider, IsRestoringProvider } from '@tanstack/react-query'\n\nexport type PersistQueryClientProviderProps = QueryClientProviderProps & {\n persistOptions: Omit<PersistQueryClientOptions, 'queryClient'>\n onSuccess?: () => Promise<unknown> | unknown\n}\n\nexport const PersistQueryClientProvider = ({\n client,\n children,\n persistOptions,\n onSuccess,\n ...props\n}: PersistQueryClientProviderProps): JSX.Element => {\n const [isRestoring, setIsRestoring] = React.useState(true)\n const refs = React.useRef({ persistOptions, onSuccess })\n\n React.useEffect(() => {\n refs.current = { persistOptions, onSuccess }\n })\n\n React.useEffect(() => {\n let isStale = false\n setIsRestoring(true)\n const [unsubscribe, promise] = persistQueryClient({\n ...refs.current.persistOptions,\n queryClient: client,\n })\n\n promise.then(async () => {\n if (!isStale) {\n try {\n await refs.current.onSuccess?.()\n } finally {\n setIsRestoring(false)\n }\n }\n })\n\n return () => {\n isStale = true\n unsubscribe()\n }\n }, [client])\n\n return (\n <QueryClientProvider client={client} {...props}>\n <IsRestoringProvider value={isRestoring}>{children}</IsRestoringProvider>\n </QueryClientProvider>\n )\n}\n"],"names":["onSuccess","queryClient","isStale","unsubscribe","client","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO;;;;;;AAM0B;;AAE/B;;AAA4CA;AAAU;;;;AAGnBA;;AACnC;;;;AAKE;AACE;AACAC;AACF;;;;AAKM;AACF;;AAEA;AACF;AACF;AAEA;AACEC;AACAC;;AAEJ;AAEA;AACuBC;AAAe;AACbC;;AAG3B;;"}
1
+ {"version":3,"file":"PersistQueryClientProvider.js","sources":["../../src/PersistQueryClientProvider.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'\nimport { persistQueryClient } from '@tanstack/query-persist-client-core'\nimport type { QueryClientProviderProps } from '@tanstack/react-query'\nimport { QueryClientProvider, IsRestoringProvider } from '@tanstack/react-query'\n\nexport type PersistQueryClientProviderProps = QueryClientProviderProps & {\n persistOptions: Omit<PersistQueryClientOptions, 'queryClient'>\n onSuccess?: () => Promise<unknown> | unknown\n}\n\nexport const PersistQueryClientProvider = ({\n client,\n children,\n persistOptions,\n onSuccess,\n ...props\n}: PersistQueryClientProviderProps): JSX.Element => {\n const [isRestoring, setIsRestoring] = React.useState(true)\n const refs = React.useRef({ persistOptions, onSuccess })\n\n React.useEffect(() => {\n refs.current = { persistOptions, onSuccess }\n })\n\n React.useEffect(() => {\n let isStale = false\n setIsRestoring(true)\n const [unsubscribe, promise] = persistQueryClient({\n ...refs.current.persistOptions,\n queryClient: client,\n })\n\n promise.then(async () => {\n if (!isStale) {\n try {\n await refs.current.onSuccess?.()\n } finally {\n setIsRestoring(false)\n }\n }\n })\n\n return () => {\n isStale = true\n unsubscribe()\n }\n }, [client])\n\n return (\n <QueryClientProvider client={client} {...props}>\n <IsRestoringProvider value={isRestoring}>{children}</IsRestoringProvider>\n </QueryClientProvider>\n )\n}\n"],"names":["onSuccess","queryClient","isStale","unsubscribe","client","value"],"mappings":";;;;;;AAaO;;;;;;AAM0B;;AAE/B;;AAA4CA;AAAU;;;;AAGnBA;;AACnC;;;;AAKE;AACE;AACAC;AACF;;;;AAKM;AACF;;AAEA;AACF;AACF;AAEA;AACEC;AACAC;;AAEJ;AAEA;AACuBC;AAAe;AACbC;;AAG3B;;"}
@@ -1,3 +1,5 @@
1
+ 'use strict';
2
+
1
3
  function _extends() {
2
4
  _extends = Object.assign ? Object.assign.bind() : function (target) {
3
5
  for (var i = 1; i < arguments.length; i++) {
@@ -13,5 +15,5 @@ function _extends() {
13
15
  return _extends.apply(this, arguments);
14
16
  }
15
17
 
16
- export { _extends as extends };
17
- //# sourceMappingURL=_rollupPluginBabelHelpers.mjs.map
18
+ exports.extends = _extends;
19
+ //# sourceMappingURL=_rollupPluginBabelHelpers.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_rollupPluginBabelHelpers.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,3 @@
1
- 'use strict';
2
-
3
1
  function _extends() {
4
2
  _extends = Object.assign ? Object.assign.bind() : function (target) {
5
3
  for (var i = 1; i < arguments.length; i++) {
@@ -15,5 +13,5 @@ function _extends() {
15
13
  return _extends.apply(this, arguments);
16
14
  }
17
15
 
18
- exports.extends = _extends;
16
+ export { _extends as extends };
19
17
  //# sourceMappingURL=_rollupPluginBabelHelpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ var queryPersistClientCore = require('@tanstack/query-persist-client-core');
4
+ var PersistQueryClientProvider = require('./PersistQueryClientProvider.cjs');
5
+
6
+
7
+
8
+ exports.PersistQueryClientProvider = PersistQueryClientProvider.PersistQueryClientProvider;
9
+ Object.keys(queryPersistClientCore).forEach(function (k) {
10
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
11
+ enumerable: true,
12
+ get: function () { return queryPersistClientCore[k]; }
13
+ });
14
+ });
15
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -1,15 +1,3 @@
1
- 'use strict';
2
-
3
- var queryPersistClientCore = require('@tanstack/query-persist-client-core');
4
- var PersistQueryClientProvider = require('./PersistQueryClientProvider.js');
5
-
6
-
7
-
8
- exports.PersistQueryClientProvider = PersistQueryClientProvider.PersistQueryClientProvider;
9
- Object.keys(queryPersistClientCore).forEach(function (k) {
10
- if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
11
- enumerable: true,
12
- get: function () { return queryPersistClientCore[k]; }
13
- });
14
- });
1
+ export * from '@tanstack/query-persist-client-core';
2
+ export { PersistQueryClientProvider } from './PersistQueryClientProvider.js';
15
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/react-query-persist-client",
3
- "version": "5.0.0-alpha.50",
3
+ "version": "5.0.0-alpha.51",
4
4
  "description": "React bindings to work with persisters in TanStack/react-query",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -10,15 +10,16 @@
10
10
  "type": "github",
11
11
  "url": "https://github.com/sponsors/tannerlinsley"
12
12
  },
13
- "type": "commonjs",
13
+ "type": "module",
14
14
  "types": "build/lib/index.d.ts",
15
- "main": "build/lib/index.js",
16
- "module": "build/lib/index.mjs",
15
+ "main": "build/lib/index.cjs",
16
+ "module": "build/lib/index.js",
17
17
  "exports": {
18
18
  ".": {
19
19
  "types": "./build/lib/index.d.ts",
20
- "import": "./build/lib/index.mjs",
21
- "default": "./build/lib/index.js"
20
+ "import": "./build/lib/index.js",
21
+ "require": "./build/lib/index.cjs",
22
+ "default": "./build/lib/index.cjs"
22
23
  },
23
24
  "./package.json": "./package.json"
24
25
  },
@@ -47,7 +48,7 @@
47
48
  "test:lib": "vitest run --coverage",
48
49
  "test:lib:dev": "pnpm run test:lib --watch",
49
50
  "build": "pnpm build:rollup && pnpm build:types",
50
- "build:rollup": "rollup --config rollup.config.mjs",
51
+ "build:rollup": "rollup --config rollup.config.js",
51
52
  "build:types": "tsc --emitDeclarationOnly"
52
53
  }
53
54
  }
@@ -1,54 +0,0 @@
1
- 'use client';
2
- import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.mjs';
3
- import * as React from 'react';
4
- import { persistQueryClient } from '@tanstack/query-persist-client-core';
5
- import { QueryClientProvider, IsRestoringProvider } from '@tanstack/react-query';
6
-
7
- const PersistQueryClientProvider = ({
8
- client,
9
- children,
10
- persistOptions,
11
- onSuccess,
12
- ...props
13
- }) => {
14
- const [isRestoring, setIsRestoring] = React.useState(true);
15
- const refs = React.useRef({
16
- persistOptions,
17
- onSuccess
18
- });
19
- React.useEffect(() => {
20
- refs.current = {
21
- persistOptions,
22
- onSuccess
23
- };
24
- });
25
- React.useEffect(() => {
26
- let isStale = false;
27
- setIsRestoring(true);
28
- const [unsubscribe, promise] = persistQueryClient({
29
- ...refs.current.persistOptions,
30
- queryClient: client
31
- });
32
- promise.then(async () => {
33
- if (!isStale) {
34
- try {
35
- await refs.current.onSuccess?.();
36
- } finally {
37
- setIsRestoring(false);
38
- }
39
- }
40
- });
41
- return () => {
42
- isStale = true;
43
- unsubscribe();
44
- };
45
- }, [client]);
46
- return /*#__PURE__*/React.createElement(QueryClientProvider, _extends({
47
- client: client
48
- }, props), /*#__PURE__*/React.createElement(IsRestoringProvider, {
49
- value: isRestoring
50
- }, children));
51
- };
52
-
53
- export { PersistQueryClientProvider };
54
- //# sourceMappingURL=PersistQueryClientProvider.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_rollupPluginBabelHelpers.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
@@ -1,3 +0,0 @@
1
- export * from '@tanstack/query-persist-client-core';
2
- export { PersistQueryClientProvider } from './PersistQueryClientProvider.mjs';
3
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}