floppy-disk 2.6.0 → 2.7.0

package/esm/preact/create-query.d.ts

@@ -158,6 +158,17 @@ export type CreateQueryOptions<TKey extends StoreKey = StoreKey, TResponse = any
      * - If set to `"always"`, the query will be called on window focus.
      */
     fetchOnWindowFocus?: boolean | 'always' | ((key: TKey) => boolean | 'always');
+    /**
+     * Defaults to follow the value of `fetchOnMount`.
+     *
+     * `fetchOnMount` and `fetchOnReconnect` can be set to different values.
+     * However, if `fetchOnReconnect` is not explicitly set, it will mimic the value of `fetchOnMount`.
+     *
+     * - If set to `true`, the query will be called on window focus **if the data is stale**.
+     * - If set to `false`, the query won't be called on window focus.
+     * - If set to `"always"`, the query will be called on window focus.
+     */
+    fetchOnReconnect?: boolean | 'always' | ((key: TKey) => boolean | 'always');
     /**
      * If set to `false` or return `false`, the query won't be called in any condition.
      * Auto fetch on mount will be disabled.

package/esm/preact/create-query.js

@@ -1,6 +1,6 @@
 import { h as createElement } from 'preact';
 import { useState } from 'preact/hooks';
-import { getValueOrComputedValue, hasValue, identityFn, noop } from '../utils';
+import { getValueOrComputedValue, hasValue, identityFn, isClient, noop } from '../utils';
 import { createStores } from './create-stores';
 const INITIAL_QUERY_STATE = {
     isWaiting: false,
@@ -37,8 +37,9 @@ const useQueryDefaultDeps = (state) => [
  */
 export const createQuery = (queryFn, options = {}) => {
     const defaultFetchOnWindowFocus = options.fetchOnMount ?? true;
+    const defaultFetchOnReconnect = options.fetchOnMount ?? true;
     const { onFirstSubscribe = noop, onSubscribe = noop, onLastUnsubscribe = noop, onBeforeChangeKey = noop, defaultDeps = useQueryDefaultDeps, select = identityFn, staleTime = 3000, // 3 seconds
-    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
+    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, fetchOnReconnect = defaultFetchOnReconnect, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
     keepPreviousData, getNextPageParam = () => undefined, onBeforeFetch = noop, onSuccess = noop, onError = noop, onSettled = noop, cacheTime = 5 * 60 * 1000, refetchInterval = false, ...createStoresOptions } = options;
     const retryTimeoutId = new Map();
     const retryNextPageTimeoutId = new Map();
@@ -119,8 +120,7 @@ export const createQuery = (queryFn, options = {}) => {
                         pageParams: newPageParams,
                         hasNextPage: hasValue(newPageParam),
                     };
-                    const refetchIntervalValue = typeof window !== 'undefined' &&
-                        getValueOrComputedValue(refetchInterval, { ...get(), ...nextState });
+                    const refetchIntervalValue = isClient && getValueOrComputedValue(refetchInterval, { ...get(), ...nextState });
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(keyHash, window.setTimeout(() => {
                             forceFetch();
@@ -161,7 +161,7 @@ export const createQuery = (queryFn, options = {}) => {
                             pageParam,
                             hasNextPage: hasValue(pageParam),
                         });
-                    if (shouldRetry && typeof window !== 'undefined') {
+                    if (shouldRetry && isClient) {
                         retryTimeoutId.set(keyHash, window.setTimeout(() => {
                             set({ retryCount: prevState.retryCount + 1 });
                             callQuery();
@@ -252,7 +252,7 @@ export const createQuery = (queryFn, options = {}) => {
             optimisticUpdate: (response) => useQuery.optimisticUpdate({ key, response }),
         };
     }, (() => {
-        const fetchWindowFocusHandler = () => {
+        const windowFocusHandler = () => {
             useQuery.getAllWithSubscriber().forEach((state) => {
                 const result = getValueOrComputedValue(fetchOnWindowFocus, state.key);
                 if (result === 'always')
@@ -261,20 +261,32 @@ export const createQuery = (queryFn, options = {}) => {
                     state.fetch();
             });
         };
+        const reconnectHandler = () => {
+            useQuery.getAllWithSubscriber().forEach((state) => {
+                const result = getValueOrComputedValue(fetchOnReconnect, state.key);
+                if (result === 'always')
+                    state.forceFetch();
+                else if (result)
+                    state.fetch();
+            });
+        };
         return {
             ...createStoresOptions,
             defaultDeps,
             onFirstSubscribe: (state) => {
                 if (state.isSuccess) {
-                    const refetchIntervalValue = typeof window !== 'undefined' && getValueOrComputedValue(refetchInterval, state);
+                    const refetchIntervalValue = isClient && getValueOrComputedValue(refetchInterval, state);
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(state.keyHash, window.setTimeout(() => {
                             state.forceFetch();
                         }, refetchIntervalValue));
                     }
                 }
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.addEventListener('focus', fetchWindowFocusHandler);
+                if (isClient) {
+                    if (fetchOnWindowFocus)
+                        window.addEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.addEventListener('online', reconnectHandler);
                 }
                 clearTimeout(resetTimeoutId.get(state.keyHash));
                 onFirstSubscribe(state);
@@ -288,14 +300,18 @@ export const createQuery = (queryFn, options = {}) => {
                 onSubscribe(state);
             },
             onLastUnsubscribe: (state) => {
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.removeEventListener('focus', fetchWindowFocusHandler);
+                const totalSubs = useQuery.getAllWithSubscriber().length;
+                if (isClient && totalSubs === 0) {
+                    if (fetchOnWindowFocus)
+                        window.removeEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.removeEventListener('online', reconnectHandler);
                 }
                 useQuery.set(state.key, { retryCount: 0, retryNextPageCount: 0 }, true);
                 clearTimeout(retryTimeoutId.get(state.keyHash));
                 clearTimeout(retryNextPageTimeoutId.get(state.keyHash));
                 clearTimeout(refetchIntervalTimeoutId.get(state.keyHash));
-                if (typeof window !== 'undefined' && cacheTime !== Infinity) {
+                if (isClient && cacheTime !== Infinity) {
                     resetTimeoutId.set(state.keyHash, window.setTimeout(() => {
                         useQuery.set(state.key, INITIAL_QUERY_STATE);
                     }, cacheTime));

package/esm/react/create-query.d.ts

@@ -157,6 +157,17 @@ export type CreateQueryOptions<TKey extends StoreKey = StoreKey, TResponse = any
      * - If set to `"always"`, the query will be called on window focus.
      */
     fetchOnWindowFocus?: boolean | 'always' | ((key: TKey) => boolean | 'always');
+    /**
+     * Defaults to follow the value of `fetchOnMount`.
+     *
+     * `fetchOnMount` and `fetchOnReconnect` can be set to different values.
+     * However, if `fetchOnReconnect` is not explicitly set, it will mimic the value of `fetchOnMount`.
+     *
+     * - If set to `true`, the query will be called on window focus **if the data is stale**.
+     * - If set to `false`, the query won't be called on window focus.
+     * - If set to `"always"`, the query will be called on window focus.
+     */
+    fetchOnReconnect?: boolean | 'always' | ((key: TKey) => boolean | 'always');
     /**
      * If set to `false` or return `false`, the query won't be called in any condition.
      * Auto fetch on mount will be disabled.

package/esm/react/create-query.js

@@ -1,5 +1,5 @@
 import { createElement, useState } from 'react';
-import { getValueOrComputedValue, hasValue, identityFn, noop } from '../utils';
+import { getValueOrComputedValue, hasValue, identityFn, isClient, noop } from '../utils';
 import { createStores } from './create-stores';
 const INITIAL_QUERY_STATE = {
     isWaiting: false,
@@ -36,8 +36,9 @@ const useQueryDefaultDeps = (state) => [
  */
 export const createQuery = (queryFn, options = {}) => {
     const defaultFetchOnWindowFocus = options.fetchOnMount ?? true;
+    const defaultFetchOnReconnect = options.fetchOnMount ?? true;
     const { onFirstSubscribe = noop, onSubscribe = noop, onLastUnsubscribe = noop, onBeforeChangeKey = noop, defaultDeps = useQueryDefaultDeps, select = identityFn, staleTime = 3000, // 3 seconds
-    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
+    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, fetchOnReconnect = defaultFetchOnReconnect, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
     keepPreviousData, getNextPageParam = () => undefined, onBeforeFetch = noop, onSuccess = noop, onError = noop, onSettled = noop, cacheTime = 5 * 60 * 1000, refetchInterval = false, ...createStoresOptions } = options;
     const retryTimeoutId = new Map();
     const retryNextPageTimeoutId = new Map();
@@ -118,8 +119,7 @@ export const createQuery = (queryFn, options = {}) => {
                         pageParams: newPageParams,
                         hasNextPage: hasValue(newPageParam),
                     };
-                    const refetchIntervalValue = typeof window !== 'undefined' &&
-                        getValueOrComputedValue(refetchInterval, { ...get(), ...nextState });
+                    const refetchIntervalValue = isClient && getValueOrComputedValue(refetchInterval, { ...get(), ...nextState });
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(keyHash, window.setTimeout(() => {
                             forceFetch();
@@ -160,7 +160,7 @@ export const createQuery = (queryFn, options = {}) => {
                             pageParam,
                             hasNextPage: hasValue(pageParam),
                         });
-                    if (shouldRetry && typeof window !== 'undefined') {
+                    if (shouldRetry && isClient) {
                         retryTimeoutId.set(keyHash, window.setTimeout(() => {
                             set({ retryCount: prevState.retryCount + 1 });
                             callQuery();
@@ -251,7 +251,7 @@ export const createQuery = (queryFn, options = {}) => {
             optimisticUpdate: (response) => useQuery.optimisticUpdate({ key, response }),
         };
     }, (() => {
-        const fetchWindowFocusHandler = () => {
+        const windowFocusHandler = () => {
             useQuery.getAllWithSubscriber().forEach((state) => {
                 const result = getValueOrComputedValue(fetchOnWindowFocus, state.key);
                 if (result === 'always')
@@ -260,20 +260,32 @@ export const createQuery = (queryFn, options = {}) => {
                     state.fetch();
             });
         };
+        const reconnectHandler = () => {
+            useQuery.getAllWithSubscriber().forEach((state) => {
+                const result = getValueOrComputedValue(fetchOnReconnect, state.key);
+                if (result === 'always')
+                    state.forceFetch();
+                else if (result)
+                    state.fetch();
+            });
+        };
         return {
             ...createStoresOptions,
             defaultDeps,
             onFirstSubscribe: (state) => {
                 if (state.isSuccess) {
-                    const refetchIntervalValue = typeof window !== 'undefined' && getValueOrComputedValue(refetchInterval, state);
+                    const refetchIntervalValue = isClient && getValueOrComputedValue(refetchInterval, state);
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(state.keyHash, window.setTimeout(() => {
                             state.forceFetch();
                         }, refetchIntervalValue));
                     }
                 }
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.addEventListener('focus', fetchWindowFocusHandler);
+                if (isClient) {
+                    if (fetchOnWindowFocus)
+                        window.addEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.addEventListener('online', reconnectHandler);
                 }
                 clearTimeout(resetTimeoutId.get(state.keyHash));
                 onFirstSubscribe(state);
@@ -287,14 +299,18 @@ export const createQuery = (queryFn, options = {}) => {
                 onSubscribe(state);
             },
             onLastUnsubscribe: (state) => {
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.removeEventListener('focus', fetchWindowFocusHandler);
+                const totalSubs = useQuery.getAllWithSubscriber().length;
+                if (isClient && totalSubs === 0) {
+                    if (fetchOnWindowFocus)
+                        window.removeEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.removeEventListener('online', reconnectHandler);
                 }
                 useQuery.set(state.key, { retryCount: 0, retryNextPageCount: 0 }, true);
                 clearTimeout(retryTimeoutId.get(state.keyHash));
                 clearTimeout(retryNextPageTimeoutId.get(state.keyHash));
                 clearTimeout(refetchIntervalTimeoutId.get(state.keyHash));
-                if (typeof window !== 'undefined' && cacheTime !== Infinity) {
+                if (isClient && cacheTime !== Infinity) {
                     resetTimeoutId.set(state.keyHash, window.setTimeout(() => {
                         useQuery.set(state.key, INITIAL_QUERY_STATE);
                     }, cacheTime));

package/esm/utils/index.d.ts

@@ -4,3 +4,4 @@ export declare const hasValue: (value: any) => boolean;
 export declare const hashStoreKey: (obj?: any) => string;
 export declare const getValueOrComputedValue: <T, P extends any[]>(valueOrComputeValueFn: T | ((...params: P) => T), ...params: P) => T;
 export type Maybe<T> = T | null | undefined;
+export declare const isClient: boolean;

package/esm/utils/index.js

@@ -8,3 +8,4 @@ export const getValueOrComputedValue = (valueOrComputeValueFn, ...params) => {
     }
     return valueOrComputeValueFn;
 };
+export const isClient = typeof window !== 'undefined' && !('Deno' in window);

package/lib/preact/create-query.d.ts

@@ -158,6 +158,17 @@ export type CreateQueryOptions<TKey extends StoreKey = StoreKey, TResponse = any
      * - If set to `"always"`, the query will be called on window focus.
      */
     fetchOnWindowFocus?: boolean | 'always' | ((key: TKey) => boolean | 'always');
+    /**
+     * Defaults to follow the value of `fetchOnMount`.
+     *
+     * `fetchOnMount` and `fetchOnReconnect` can be set to different values.
+     * However, if `fetchOnReconnect` is not explicitly set, it will mimic the value of `fetchOnMount`.
+     *
+     * - If set to `true`, the query will be called on window focus **if the data is stale**.
+     * - If set to `false`, the query won't be called on window focus.
+     * - If set to `"always"`, the query will be called on window focus.
+     */
+    fetchOnReconnect?: boolean | 'always' | ((key: TKey) => boolean | 'always');
     /**
      * If set to `false` or return `false`, the query won't be called in any condition.
      * Auto fetch on mount will be disabled.

package/lib/preact/create-query.js

@@ -40,8 +40,9 @@ const useQueryDefaultDeps = (state) => [
  */
 const createQuery = (queryFn, options = {}) => {
     const defaultFetchOnWindowFocus = options.fetchOnMount ?? true;
+    const defaultFetchOnReconnect = options.fetchOnMount ?? true;
     const { onFirstSubscribe = utils_1.noop, onSubscribe = utils_1.noop, onLastUnsubscribe = utils_1.noop, onBeforeChangeKey = utils_1.noop, defaultDeps = useQueryDefaultDeps, select = utils_1.identityFn, staleTime = 3000, // 3 seconds
-    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
+    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, fetchOnReconnect = defaultFetchOnReconnect, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
     keepPreviousData, getNextPageParam = () => undefined, onBeforeFetch = utils_1.noop, onSuccess = utils_1.noop, onError = utils_1.noop, onSettled = utils_1.noop, cacheTime = 5 * 60 * 1000, refetchInterval = false, ...createStoresOptions } = options;
     const retryTimeoutId = new Map();
     const retryNextPageTimeoutId = new Map();
@@ -122,8 +123,7 @@ const createQuery = (queryFn, options = {}) => {
                         pageParams: newPageParams,
                         hasNextPage: (0, utils_1.hasValue)(newPageParam),
                     };
-                    const refetchIntervalValue = typeof window !== 'undefined' &&
-                        (0, utils_1.getValueOrComputedValue)(refetchInterval, { ...get(), ...nextState });
+                    const refetchIntervalValue = utils_1.isClient && (0, utils_1.getValueOrComputedValue)(refetchInterval, { ...get(), ...nextState });
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(keyHash, window.setTimeout(() => {
                             forceFetch();
@@ -164,7 +164,7 @@ const createQuery = (queryFn, options = {}) => {
                             pageParam,
                             hasNextPage: (0, utils_1.hasValue)(pageParam),
                         });
-                    if (shouldRetry && typeof window !== 'undefined') {
+                    if (shouldRetry && utils_1.isClient) {
                         retryTimeoutId.set(keyHash, window.setTimeout(() => {
                             set({ retryCount: prevState.retryCount + 1 });
                             callQuery();
@@ -255,7 +255,7 @@ const createQuery = (queryFn, options = {}) => {
             optimisticUpdate: (response) => useQuery.optimisticUpdate({ key, response }),
         };
     }, (() => {
-        const fetchWindowFocusHandler = () => {
+        const windowFocusHandler = () => {
             useQuery.getAllWithSubscriber().forEach((state) => {
                 const result = (0, utils_1.getValueOrComputedValue)(fetchOnWindowFocus, state.key);
                 if (result === 'always')
@@ -264,20 +264,32 @@ const createQuery = (queryFn, options = {}) => {
                     state.fetch();
             });
         };
+        const reconnectHandler = () => {
+            useQuery.getAllWithSubscriber().forEach((state) => {
+                const result = (0, utils_1.getValueOrComputedValue)(fetchOnReconnect, state.key);
+                if (result === 'always')
+                    state.forceFetch();
+                else if (result)
+                    state.fetch();
+            });
+        };
         return {
             ...createStoresOptions,
             defaultDeps,
             onFirstSubscribe: (state) => {
                 if (state.isSuccess) {
-                    const refetchIntervalValue = typeof window !== 'undefined' && (0, utils_1.getValueOrComputedValue)(refetchInterval, state);
+                    const refetchIntervalValue = utils_1.isClient && (0, utils_1.getValueOrComputedValue)(refetchInterval, state);
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(state.keyHash, window.setTimeout(() => {
                             state.forceFetch();
                         }, refetchIntervalValue));
                     }
                 }
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.addEventListener('focus', fetchWindowFocusHandler);
+                if (utils_1.isClient) {
+                    if (fetchOnWindowFocus)
+                        window.addEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.addEventListener('online', reconnectHandler);
                 }
                 clearTimeout(resetTimeoutId.get(state.keyHash));
                 onFirstSubscribe(state);
@@ -291,14 +303,18 @@ const createQuery = (queryFn, options = {}) => {
                 onSubscribe(state);
             },
             onLastUnsubscribe: (state) => {
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.removeEventListener('focus', fetchWindowFocusHandler);
+                const totalSubs = useQuery.getAllWithSubscriber().length;
+                if (utils_1.isClient && totalSubs === 0) {
+                    if (fetchOnWindowFocus)
+                        window.removeEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.removeEventListener('online', reconnectHandler);
                 }
                 useQuery.set(state.key, { retryCount: 0, retryNextPageCount: 0 }, true);
                 clearTimeout(retryTimeoutId.get(state.keyHash));
                 clearTimeout(retryNextPageTimeoutId.get(state.keyHash));
                 clearTimeout(refetchIntervalTimeoutId.get(state.keyHash));
-                if (typeof window !== 'undefined' && cacheTime !== Infinity) {
+                if (utils_1.isClient && cacheTime !== Infinity) {
                     resetTimeoutId.set(state.keyHash, window.setTimeout(() => {
                         useQuery.set(state.key, INITIAL_QUERY_STATE);
                     }, cacheTime));

package/lib/react/create-query.d.ts

@@ -157,6 +157,17 @@ export type CreateQueryOptions<TKey extends StoreKey = StoreKey, TResponse = any
      * - If set to `"always"`, the query will be called on window focus.
      */
     fetchOnWindowFocus?: boolean | 'always' | ((key: TKey) => boolean | 'always');
+    /**
+     * Defaults to follow the value of `fetchOnMount`.
+     *
+     * `fetchOnMount` and `fetchOnReconnect` can be set to different values.
+     * However, if `fetchOnReconnect` is not explicitly set, it will mimic the value of `fetchOnMount`.
+     *
+     * - If set to `true`, the query will be called on window focus **if the data is stale**.
+     * - If set to `false`, the query won't be called on window focus.
+     * - If set to `"always"`, the query will be called on window focus.
+     */
+    fetchOnReconnect?: boolean | 'always' | ((key: TKey) => boolean | 'always');
     /**
      * If set to `false` or return `false`, the query won't be called in any condition.
      * Auto fetch on mount will be disabled.

package/lib/react/create-query.js

@@ -39,8 +39,9 @@ const useQueryDefaultDeps = (state) => [
  */
 const createQuery = (queryFn, options = {}) => {
     const defaultFetchOnWindowFocus = options.fetchOnMount ?? true;
+    const defaultFetchOnReconnect = options.fetchOnMount ?? true;
     const { onFirstSubscribe = utils_1.noop, onSubscribe = utils_1.noop, onLastUnsubscribe = utils_1.noop, onBeforeChangeKey = utils_1.noop, defaultDeps = useQueryDefaultDeps, select = utils_1.identityFn, staleTime = 3000, // 3 seconds
-    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
+    fetchOnMount = true, fetchOnWindowFocus = defaultFetchOnWindowFocus, fetchOnReconnect = defaultFetchOnReconnect, enabled = true, retry = 1, retryDelay = 2000, // 2 seconds
     keepPreviousData, getNextPageParam = () => undefined, onBeforeFetch = utils_1.noop, onSuccess = utils_1.noop, onError = utils_1.noop, onSettled = utils_1.noop, cacheTime = 5 * 60 * 1000, refetchInterval = false, ...createStoresOptions } = options;
     const retryTimeoutId = new Map();
     const retryNextPageTimeoutId = new Map();
@@ -121,8 +122,7 @@ const createQuery = (queryFn, options = {}) => {
                         pageParams: newPageParams,
                         hasNextPage: (0, utils_1.hasValue)(newPageParam),
                     };
-                    const refetchIntervalValue = typeof window !== 'undefined' &&
-                        (0, utils_1.getValueOrComputedValue)(refetchInterval, { ...get(), ...nextState });
+                    const refetchIntervalValue = utils_1.isClient && (0, utils_1.getValueOrComputedValue)(refetchInterval, { ...get(), ...nextState });
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(keyHash, window.setTimeout(() => {
                             forceFetch();
@@ -163,7 +163,7 @@ const createQuery = (queryFn, options = {}) => {
                             pageParam,
                             hasNextPage: (0, utils_1.hasValue)(pageParam),
                         });
-                    if (shouldRetry && typeof window !== 'undefined') {
+                    if (shouldRetry && utils_1.isClient) {
                         retryTimeoutId.set(keyHash, window.setTimeout(() => {
                             set({ retryCount: prevState.retryCount + 1 });
                             callQuery();
@@ -254,7 +254,7 @@ const createQuery = (queryFn, options = {}) => {
             optimisticUpdate: (response) => useQuery.optimisticUpdate({ key, response }),
         };
     }, (() => {
-        const fetchWindowFocusHandler = () => {
+        const windowFocusHandler = () => {
             useQuery.getAllWithSubscriber().forEach((state) => {
                 const result = (0, utils_1.getValueOrComputedValue)(fetchOnWindowFocus, state.key);
                 if (result === 'always')
@@ -263,20 +263,32 @@ const createQuery = (queryFn, options = {}) => {
                     state.fetch();
             });
         };
+        const reconnectHandler = () => {
+            useQuery.getAllWithSubscriber().forEach((state) => {
+                const result = (0, utils_1.getValueOrComputedValue)(fetchOnReconnect, state.key);
+                if (result === 'always')
+                    state.forceFetch();
+                else if (result)
+                    state.fetch();
+            });
+        };
         return {
             ...createStoresOptions,
             defaultDeps,
             onFirstSubscribe: (state) => {
                 if (state.isSuccess) {
-                    const refetchIntervalValue = typeof window !== 'undefined' && (0, utils_1.getValueOrComputedValue)(refetchInterval, state);
+                    const refetchIntervalValue = utils_1.isClient && (0, utils_1.getValueOrComputedValue)(refetchInterval, state);
                     if (refetchIntervalValue) {
                         refetchIntervalTimeoutId.set(state.keyHash, window.setTimeout(() => {
                             state.forceFetch();
                         }, refetchIntervalValue));
                     }
                 }
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.addEventListener('focus', fetchWindowFocusHandler);
+                if (utils_1.isClient) {
+                    if (fetchOnWindowFocus)
+                        window.addEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.addEventListener('online', reconnectHandler);
                 }
                 clearTimeout(resetTimeoutId.get(state.keyHash));
                 onFirstSubscribe(state);
@@ -290,14 +302,18 @@ const createQuery = (queryFn, options = {}) => {
                 onSubscribe(state);
             },
             onLastUnsubscribe: (state) => {
-                if (typeof window !== 'undefined' && fetchOnWindowFocus) {
-                    window.removeEventListener('focus', fetchWindowFocusHandler);
+                const totalSubs = useQuery.getAllWithSubscriber().length;
+                if (utils_1.isClient && totalSubs === 0) {
+                    if (fetchOnWindowFocus)
+                        window.removeEventListener('focus', windowFocusHandler);
+                    if (fetchOnReconnect)
+                        window.removeEventListener('online', reconnectHandler);
                 }
                 useQuery.set(state.key, { retryCount: 0, retryNextPageCount: 0 }, true);
                 clearTimeout(retryTimeoutId.get(state.keyHash));
                 clearTimeout(retryNextPageTimeoutId.get(state.keyHash));
                 clearTimeout(refetchIntervalTimeoutId.get(state.keyHash));
-                if (typeof window !== 'undefined' && cacheTime !== Infinity) {
+                if (utils_1.isClient && cacheTime !== Infinity) {
                     resetTimeoutId.set(state.keyHash, window.setTimeout(() => {
                         useQuery.set(state.key, INITIAL_QUERY_STATE);
                     }, cacheTime));

package/lib/utils/index.d.ts

@@ -4,3 +4,4 @@ export declare const hasValue: (value: any) => boolean;
 export declare const hashStoreKey: (obj?: any) => string;
 export declare const getValueOrComputedValue: <T, P extends any[]>(valueOrComputeValueFn: T | ((...params: P) => T), ...params: P) => T;
 export type Maybe<T> = T | null | undefined;
+export declare const isClient: boolean;

package/lib/utils/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValueOrComputedValue = exports.hashStoreKey = exports.hasValue = exports.identityFn = exports.noop = void 0;
+exports.isClient = exports.getValueOrComputedValue = exports.hashStoreKey = exports.hasValue = exports.identityFn = exports.noop = void 0;
 const noop = () => { };
 exports.noop = noop;
 const identityFn = (value) => value;
@@ -16,3 +16,4 @@ const getValueOrComputedValue = (valueOrComputeValueFn, ...params) => {
     return valueOrComputeValueFn;
 };
 exports.getValueOrComputedValue = getValueOrComputedValue;
+exports.isClient = typeof window !== 'undefined' && !('Deno' in window);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "floppy-disk",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "FloppyDisk - lightweight, simple, and powerful state management library",
   "keywords": [
     "state",