@tanstack/react-query-persist-client 4.0.2 → 4.0.8

package/build/cjs/react-query-persist-client/src/PersistQueryClientProvider.js

@@ -15,7 +15,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var persist = require('./persist.js');
-var index = require('../../react-query/build/esm/index.js');
+var reactQuery = require('@tanstack/react-query');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -72,9 +72,9 @@ const PersistQueryClientProvider = ({
       unsubscribe();
     };
   }, [client]);
-  return /*#__PURE__*/React__namespace.createElement(index.QueryClientProvider, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React__namespace.createElement(reactQuery.QueryClientProvider, _rollupPluginBabelHelpers["extends"]({
     client: client
-  }, props), /*#__PURE__*/React__namespace.createElement(index.IsRestoringProvider, {
+  }, props), /*#__PURE__*/React__namespace.createElement(reactQuery.IsRestoringProvider, {
     value: isRestoring
   }, children));
 };

package/build/cjs/react-query-persist-client/src/PersistQueryClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersistQueryClientProvider.js","sources":["../../../../src/PersistQueryClientProvider.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { persistQueryClient, PersistQueryClientOptions } from './persist'\nimport {\n  QueryClientProvider,\n  QueryClientProviderProps,\n  IsRestoringProvider,\n} from '@tanstack/react-query'\n\nexport type PersistQueryClientProviderProps = QueryClientProviderProps & {\n  persistOptions: Omit<PersistQueryClientOptions, 'queryClient'>\n  onSuccess?: () => void\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(() => {\n      if (!isStale) {\n        refs.current.onSuccess?.()\n        setIsRestoring(false)\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":["PersistQueryClientProvider","client","children","persistOptions","onSuccess","props","isRestoring","setIsRestoring","React","useState","refs","useRef","useEffect","current","isStale","unsubscribe","promise","persistQueryClient","queryClient","then","QueryClientProvider","_extends","IsRestoringProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,0BAA0B,GAAG,CAAC;EACzCC,MADyC;EAEzCC,QAFyC;EAGzCC,cAHyC;EAIzCC,SAJyC;EAKzC,GAAGC,KAAAA;AALsC,CAAD,KAMU;EAClD,MAAM,CAACC,WAAD,EAAcC,cAAd,CAAA,GAAgCC,gBAAK,CAACC,QAAN,CAAe,IAAf,CAAtC,CAAA;AACA,EAAA,MAAMC,IAAI,GAAGF,gBAAK,CAACG,MAAN,CAAa;IAAER,cAAF;AAAkBC,IAAAA,SAAAA;AAAlB,GAAb,CAAb,CAAA;EAEAI,gBAAK,CAACI,SAAN,CAAgB,MAAM;IACpBF,IAAI,CAACG,OAAL,GAAe;MAAEV,cAAF;AAAkBC,MAAAA,SAAAA;KAAjC,CAAA;GADF,CAAA,CAAA;EAIAI,gBAAK,CAACI,SAAN,CAAgB,MAAM;IACpB,IAAIE,OAAO,GAAG,KAAd,CAAA;IACAP,cAAc,CAAC,IAAD,CAAd,CAAA;AACA,IAAA,MAAM,CAACQ,WAAD,EAAcC,OAAd,CAAyBC,GAAAA,0BAAkB,CAAC,EAChD,GAAGP,IAAI,CAACG,OAAL,CAAaV,cADgC;AAEhDe,MAAAA,WAAW,EAAEjB,MAAAA;AAFmC,KAAD,CAAjD,CAAA;IAKAe,OAAO,CAACG,IAAR,CAAa,MAAM;MACjB,IAAI,CAACL,OAAL,EAAc;QACZJ,IAAI,CAACG,OAAL,CAAaT,SAAb,oBAAAM,IAAI,CAACG,OAAL,CAAaT,SAAb,EAAA,CAAA;QACAG,cAAc,CAAC,KAAD,CAAd,CAAA;AACD,OAAA;KAJH,CAAA,CAAA;AAOA,IAAA,OAAO,MAAM;AACXO,MAAAA,OAAO,GAAG,IAAV,CAAA;MACAC,WAAW,EAAA,CAAA;KAFb,CAAA;GAfF,EAmBG,CAACd,MAAD,CAnBH,CAAA,CAAA;AAqBA,EAAA,oBACEO,+BAACY,yBAAD,EAAAC,oCAAA,CAAA;AAAqB,IAAA,MAAM,EAAEpB,MAAAA;GAAYI,EAAAA,KAAzC,CACE,eAAAG,gBAAA,CAAA,aAAA,CAACc,yBAAD,EAAA;AAAqB,IAAA,KAAK,EAAEhB,WAAAA;GAAcJ,EAAAA,QAA1C,CADF,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"PersistQueryClientProvider.js","sources":["../../../../src/PersistQueryClientProvider.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { persistQueryClient, PersistQueryClientOptions } from './persist'\nimport {\n  QueryClientProvider,\n  QueryClientProviderProps,\n  IsRestoringProvider,\n} from '@tanstack/react-query'\n\nexport type PersistQueryClientProviderProps = QueryClientProviderProps & {\n  persistOptions: Omit<PersistQueryClientOptions, 'queryClient'>\n  onSuccess?: () => void\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(() => {\n      if (!isStale) {\n        refs.current.onSuccess?.()\n        setIsRestoring(false)\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":["PersistQueryClientProvider","client","children","persistOptions","onSuccess","props","isRestoring","setIsRestoring","React","useState","refs","useRef","useEffect","current","isStale","unsubscribe","promise","persistQueryClient","queryClient","then","QueryClientProvider","_extends","IsRestoringProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,0BAA0B,GAAG,CAAC;EACzCC,MADyC;EAEzCC,QAFyC;EAGzCC,cAHyC;EAIzCC,SAJyC;EAKzC,GAAGC,KAAAA;AALsC,CAAD,KAMU;EAClD,MAAM,CAACC,WAAD,EAAcC,cAAd,CAAA,GAAgCC,gBAAK,CAACC,QAAN,CAAe,IAAf,CAAtC,CAAA;AACA,EAAA,MAAMC,IAAI,GAAGF,gBAAK,CAACG,MAAN,CAAa;IAAER,cAAF;AAAkBC,IAAAA,SAAAA;AAAlB,GAAb,CAAb,CAAA;EAEAI,gBAAK,CAACI,SAAN,CAAgB,MAAM;IACpBF,IAAI,CAACG,OAAL,GAAe;MAAEV,cAAF;AAAkBC,MAAAA,SAAAA;KAAjC,CAAA;GADF,CAAA,CAAA;EAIAI,gBAAK,CAACI,SAAN,CAAgB,MAAM;IACpB,IAAIE,OAAO,GAAG,KAAd,CAAA;IACAP,cAAc,CAAC,IAAD,CAAd,CAAA;AACA,IAAA,MAAM,CAACQ,WAAD,EAAcC,OAAd,CAAyBC,GAAAA,0BAAkB,CAAC,EAChD,GAAGP,IAAI,CAACG,OAAL,CAAaV,cADgC;AAEhDe,MAAAA,WAAW,EAAEjB,MAAAA;AAFmC,KAAD,CAAjD,CAAA;IAKAe,OAAO,CAACG,IAAR,CAAa,MAAM;MACjB,IAAI,CAACL,OAAL,EAAc;QACZJ,IAAI,CAACG,OAAL,CAAaT,SAAb,oBAAAM,IAAI,CAACG,OAAL,CAAaT,SAAb,EAAA,CAAA;QACAG,cAAc,CAAC,KAAD,CAAd,CAAA;AACD,OAAA;KAJH,CAAA,CAAA;AAOA,IAAA,OAAO,MAAM;AACXO,MAAAA,OAAO,GAAG,IAAV,CAAA;MACAC,WAAW,EAAA,CAAA;KAFb,CAAA;GAfF,EAmBG,CAACd,MAAD,CAnBH,CAAA,CAAA;AAqBA,EAAA,oBACEO,+BAACY,8BAAD,EAAAC,oCAAA,CAAA;AAAqB,IAAA,MAAM,EAAEpB,MAAAA;GAAYI,EAAAA,KAAzC,CACE,eAAAG,gBAAA,CAAA,aAAA,CAACc,8BAAD,EAAA;AAAqB,IAAA,KAAK,EAAEhB,WAAAA;GAAcJ,EAAAA,QAA1C,CADF,CADF,CAAA;AAKD;;;;"}

package/build/esm/index.js

@@ -9,7 +9,7 @@
  * @license MIT
  */
 import * as React from 'react';
-import 'use-sync-external-store/shim';
+import { QueryClientProvider, IsRestoringProvider } from '@tanstack/react-query';
 
 /**
  * query-core
@@ -21,7 +21,7 @@ import 'use-sync-external-store/shim';
  *
  * @license MIT
  */
-class Subscribable$1 {
+class Subscribable {
   constructor() {
     this.listeners = [];
     this.subscribe = this.subscribe.bind(this);
@@ -50,16 +50,16 @@ class Subscribable$1 {
 
 // TYPES
 // UTILS
-const isServer$1 = typeof window === 'undefined';
+const isServer = typeof window === 'undefined';
 
-class FocusManager$1 extends Subscribable$1 {
+class FocusManager extends Subscribable {
   constructor() {
     super();
 
     this.setup = onFocus => {
       // addEventListener does not exist in React Native, but window does
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (!isServer$1 && window.addEventListener) {
+      if (!isServer && window.addEventListener) {
         const listener = () => onFocus(); // Listen to visibillitychange and focus
 
 
@@ -131,16 +131,16 @@ class FocusManager$1 extends Subscribable$1 {
   }
 
 }
-new FocusManager$1();
+new FocusManager();
 
-class OnlineManager$1 extends Subscribable$1 {
+class OnlineManager extends Subscribable {
   constructor() {
     super();
 
     this.setup = onOnline => {
       // addEventListener does not exist in React Native, but window does
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (!isServer$1 && window.addEventListener) {
+      if (!isServer && window.addEventListener) {
         const listener = () => onOnline(); // Listen to online
 
 
@@ -211,7 +211,7 @@ class OnlineManager$1 extends Subscribable$1 {
   }
 
 }
-new OnlineManager$1();
+new OnlineManager();
 
 // TYPES
 // FUNCTIONS
@@ -423,266 +423,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-/**
- * react-query
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-
-/**
- * query-core
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-class Subscribable {
-  constructor() {
-    this.listeners = [];
-    this.subscribe = this.subscribe.bind(this);
-  }
-
-  subscribe(listener) {
-    this.listeners.push(listener);
-    this.onSubscribe();
-    return () => {
-      this.listeners = this.listeners.filter(x => x !== listener);
-      this.onUnsubscribe();
-    };
-  }
-
-  hasListeners() {
-    return this.listeners.length > 0;
-  }
-
-  onSubscribe() {// Do nothing
-  }
-
-  onUnsubscribe() {// Do nothing
-  }
-
-}
-
-// TYPES
-// UTILS
-const isServer = typeof window === 'undefined';
-
-class FocusManager extends Subscribable {
-  constructor() {
-    super();
-
-    this.setup = onFocus => {
-      // addEventListener does not exist in React Native, but window does
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (!isServer && window.addEventListener) {
-        const listener = () => onFocus(); // Listen to visibillitychange and focus
-
-
-        window.addEventListener('visibilitychange', listener, false);
-        window.addEventListener('focus', listener, false);
-        return () => {
-          // Be sure to unsubscribe if a new handler is set
-          window.removeEventListener('visibilitychange', listener);
-          window.removeEventListener('focus', listener);
-        };
-      }
-    };
-  }
-
-  onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  }
-
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = undefined;
-    }
-  }
-
-  setEventListener(setup) {
-    var _this$cleanup2;
-
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup(focused => {
-      if (typeof focused === 'boolean') {
-        this.setFocused(focused);
-      } else {
-        this.onFocus();
-      }
-    });
-  }
-
-  setFocused(focused) {
-    this.focused = focused;
-
-    if (focused) {
-      this.onFocus();
-    }
-  }
-
-  onFocus() {
-    this.listeners.forEach(listener => {
-      listener();
-    });
-  }
-
-  isFocused() {
-    if (typeof this.focused === 'boolean') {
-      return this.focused;
-    } // document global can be unavailable in react native
-
-
-    if (typeof document === 'undefined') {
-      return true;
-    }
-
-    return [undefined, 'visible', 'prerender'].includes(document.visibilityState);
-  }
-
-}
-new FocusManager();
-
-class OnlineManager extends Subscribable {
-  constructor() {
-    super();
-
-    this.setup = onOnline => {
-      // addEventListener does not exist in React Native, but window does
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (!isServer && window.addEventListener) {
-        const listener = () => onOnline(); // Listen to online
-
-
-        window.addEventListener('online', listener, false);
-        window.addEventListener('offline', listener, false);
-        return () => {
-          // Be sure to unsubscribe if a new handler is set
-          window.removeEventListener('online', listener);
-          window.removeEventListener('offline', listener);
-        };
-      }
-    };
-  }
-
-  onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  }
-
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = undefined;
-    }
-  }
-
-  setEventListener(setup) {
-    var _this$cleanup2;
-
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup(online => {
-      if (typeof online === 'boolean') {
-        this.setOnline(online);
-      } else {
-        this.onOnline();
-      }
-    });
-  }
-
-  setOnline(online) {
-    this.online = online;
-
-    if (online) {
-      this.onOnline();
-    }
-  }
-
-  onOnline() {
-    this.listeners.forEach(listener => {
-      listener();
-    });
-  }
-
-  isOnline() {
-    if (typeof this.online === 'boolean') {
-      return this.online;
-    }
-
-    if (typeof navigator === 'undefined' || typeof navigator.onLine === 'undefined') {
-      return true;
-    }
-
-    return navigator.onLine;
-  }
-
-}
-new OnlineManager();
-
-const defaultContext = /*#__PURE__*/React.createContext(undefined);
-const QueryClientSharingContext = /*#__PURE__*/React.createContext(false); // If we are given a context, we will use it.
-// Otherwise, if contextSharing is on, we share the first and at least one
-// instance of the context across the window
-// to ensure that if React Query is used across
-// different bundles or microfrontends they will
-// all use the same **instance** of context, regardless
-// of module scoping.
-
-function getQueryClientContext(context, contextSharing) {
-  if (context) {
-    return context;
-  }
-
-  if (contextSharing && typeof window !== 'undefined') {
-    if (!window.ReactQueryClientContext) {
-      window.ReactQueryClientContext = defaultContext;
-    }
-
-    return window.ReactQueryClientContext;
-  }
-
-  return defaultContext;
-}
-const QueryClientProvider = ({
-  client,
-  children,
-  context,
-  contextSharing = false
-}) => {
-  React.useEffect(() => {
-    client.mount();
-    return () => {
-      client.unmount();
-    };
-  }, [client]);
-  const Context = getQueryClientContext(context, contextSharing);
-  return /*#__PURE__*/React.createElement(QueryClientSharingContext.Provider, {
-    value: !context && contextSharing
-  }, /*#__PURE__*/React.createElement(Context.Provider, {
-    value: client
-  }, children));
-};
-
-const IsRestoringContext = /*#__PURE__*/React.createContext(false);
-const IsRestoringProvider = IsRestoringContext.Provider;
-
 const PersistQueryClientProvider = ({
   client,
   children,