@reactuses/core 6.1.11 → 6.2.0

package/dist/index.mjs

@@ -215,7 +215,7 @@ function useMountedState() {
     return get;
 }
 
-function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$8(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -229,16 +229,16 @@ function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$7(fn) {
+function _async_to_generator$8(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$8(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$8(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -247,7 +247,7 @@ function _async_to_generator$7(fn) {
 const useAsyncEffect = (effect, cleanup = noop$1, deps)=>{
     const mounted = useMountedState();
     useEffect(()=>{
-        const execute = ()=>_async_to_generator$7(function*() {
+        const execute = ()=>_async_to_generator$8(function*() {
                 if (!mounted()) {
                     return;
                 }
@@ -1343,12 +1343,16 @@ function useSupported(callback, sync = false) {
     const [supported, setSupported] = useState(false);
     const effect = sync ? useIsomorphicLayoutEffect : useEffect;
     effect(()=>{
-        setSupported(Boolean(callback()));
+        try {
+            setSupported(Boolean(callback()));
+        } catch (e) {
+            setSupported(false);
+        }
     }, []);
     return supported;
 }
 
-function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1362,16 +1366,16 @@ function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$6(fn) {
+function _async_to_generator$7(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -1379,7 +1383,7 @@ function _async_to_generator$6(fn) {
 }
 const useEyeDropper = ()=>{
     const isSupported = useSupported(()=>typeof window !== 'undefined' && 'EyeDropper' in window, true);
-    const open = useCallback((options = {})=>_async_to_generator$6(function*() {
+    const open = useCallback((options = {})=>_async_to_generator$7(function*() {
             if (!isSupported) {
                 return {
                     sRGBHex: ''
@@ -1414,7 +1418,7 @@ function useFavicon(href, baseUrl = '', rel = 'icon') {
     ]);
 }
 
-function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1428,16 +1432,16 @@ function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$5(fn) {
+function _async_to_generator$6(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -1480,7 +1484,7 @@ const useFileDialog = (options = defaultOptions$1)=>{
         return input;
     }, []);
     inputRef.current = initFn();
-    const open = (localOptions)=>_async_to_generator$5(function*() {
+    const open = (localOptions)=>_async_to_generator$6(function*() {
             if (!inputRef.current) {
                 return;
             }
@@ -1674,7 +1678,7 @@ const initCoord = {
 };
 const useGeolocation = (options = defaultOptions$1)=>{
     const { enableHighAccuracy = true, maximumAge = 30000, timeout = 27000 } = options;
-    const isSupported = useSupported(()=>navigator && 'geolocation' in navigator);
+    const isSupported = useSupported(()=>typeof navigator !== 'undefined' && !!navigator.geolocation && typeof navigator.geolocation.getCurrentPosition === 'function' && typeof navigator.geolocation.watchPosition === 'function' && typeof navigator.geolocation.clearWatch === 'function');
     const [coordinates, setCoordinates] = useState(initCoord);
     const [locatedAt, setLocatedAt] = useState(null);
     const [error, setError] = useState(null);
@@ -1893,7 +1897,7 @@ const createUpdateEffect = (hook)=>(effect, deps)=>{
 
 const useUpdateEffect = createUpdateEffect(useEffect);
 
-function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1907,16 +1911,16 @@ function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$4(fn) {
+function _async_to_generator$5(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -1949,7 +1953,7 @@ const useInfiniteScroll = (target, onLoadMore, options = defaultOptions$1)=>{
     const di = state[3][direction];
     useUpdateEffect(()=>{
         const element = getTargetElement(target);
-        const fn = ()=>_async_to_generator$4(function*() {
+        const fn = ()=>_async_to_generator$5(function*() {
                 var _element_scrollHeight, _element_scrollWidth;
                 const previous = {
                     height: (_element_scrollHeight = element == null ? void 0 : element.scrollHeight) != null ? _element_scrollHeight : 0,
@@ -2099,7 +2103,7 @@ const useMeasure = (target, options = defaultOptions$1)=>{
     ];
 };
 
-function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -2113,16 +2117,16 @@ function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$3(fn) {
+function _async_to_generator$4(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -2156,7 +2160,7 @@ const useMediaDevices = (options = {})=>{
             });
         }).catch(noop$1);
     }, []);
-    const ensurePermissions = useCallback(()=>_async_to_generator$3(function*() {
+    const ensurePermissions = useCallback(()=>_async_to_generator$4(function*() {
             if (!isSupported) {
                 return false;
             }
@@ -3245,7 +3249,10 @@ function useSticky(targetElement, { axis = 'y', nav = 0 }, scrollElement) {
     }, [
         targetKey,
         scrollKey,
-        scrollHandler
+        scrollHandler,
+        targetRef,
+        scrollRef,
+        axisRef
     ]);
     return [
         isSticky,
@@ -3395,7 +3402,7 @@ const useToggle = (initialValue)=>{
 
 const useUpdateLayoutEffect = createUpdateEffect(useLayoutEffect);
 
-function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -3409,16 +3416,16 @@ function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$2(fn) {
+function _async_to_generator$3(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -3448,7 +3455,7 @@ const useWebNotification = (requestPermissions = false)=>{
     }, [
         isSupported
     ]);
-    const ensurePermissions = useCallback(()=>_async_to_generator$2(function*() {
+    const ensurePermissions = useCallback(()=>_async_to_generator$3(function*() {
             if (!isSupported) return;
             if (!permissionGranted.current && Notification.permission !== 'denied') {
                 const result = yield Notification.requestPermission();
@@ -3559,7 +3566,7 @@ const useWindowSize = ()=>{
     };
 };
 
-function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -3573,16 +3580,16 @@ function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$1(fn) {
+function _async_to_generator$2(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -3590,7 +3597,7 @@ function _async_to_generator$1(fn) {
 }
 const useClipboard = ()=>{
     const [text, setText] = useState('');
-    const updateText = useCallback(()=>_async_to_generator$1(function*() {
+    const updateText = useCallback(()=>_async_to_generator$2(function*() {
             // Check if document is focused before attempting to read clipboard
             if (!document.hasFocus()) {
                 return;
@@ -3607,7 +3614,7 @@ const useClipboard = ()=>{
     useEventListener('cut', updateText);
     // Also listen for focus events to update clipboard when window regains focus
     useEventListener('focus', updateText, window);
-    const copy = useCallback((txt)=>_async_to_generator$1(function*() {
+    const copy = useCallback((txt)=>_async_to_generator$2(function*() {
             setText(txt);
             try {
                 yield window.navigator.clipboard.writeText(txt);
@@ -4135,7 +4142,7 @@ const useElementByPoint = (options)=>{
     };
 };
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -4149,16 +4156,16 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator(fn) {
+function _async_to_generator$1(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -4209,7 +4216,7 @@ const useFetchEventSource = (url, options = {})=>{
             options.onClose == null ? void 0 : options.onClose.call(options);
         }
     });
-    const open = useEvent(()=>_async_to_generator(function*() {
+    const open = useEvent(()=>_async_to_generator$1(function*() {
             close();
             setStatus('CONNECTING');
             explicitlyClosed.current = false;
@@ -4248,7 +4255,7 @@ const useFetchEventSource = (url, options = {})=>{
                 }
                 yield fetchEventSource(url.toString(), _extends({}, finalOptions, {
                     onopen (response) {
-                        return _async_to_generator(function*() {
+                        return _async_to_generator$1(function*() {
                             if (response.ok) {
                                 setStatus('CONNECTED');
                                 setError(null);
@@ -4497,4 +4504,113 @@ const useSpeechRecognition = (options = {})=>{
     };
 };
 
-export { assignRef, defaultOptions, mergeRefs, use, useActiveElement, useAsyncEffect, useBoolean, useBroadcastChannel, useClickOutside as useClickAway, useClickOutside, useClipboard, useColorMode, useControlled, useCookie, useClipboard as useCopyToClipboard, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDevicePixelRatio, useDisclosure, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementByPoint, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEventSource, useEyeDropper, useFavicon, useFetchEventSource, useFileDialog, useFirstMountState, useFocus, useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLocationSelector, useLongPress, useMap, useMeasure, useMediaDevices, useMediaQuery, useMergedRefs, useMobileLandscape, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnceEffect, useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePlatform, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePreferredLanguages, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScratch, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSpeechRecognition, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+const useWakeLock = (options = {})=>{
+    const { onRequest, onRelease, onError } = options;
+    const isSupported = useSupported(()=>'wakeLock' in navigator);
+    const [isActive, setIsActive] = useState(false);
+    const sentinelRef = useRef(null);
+    const requestedTypeRef = useRef(false);
+    const forceRequest = useEvent(()=>_async_to_generator(function*() {
+            if (!isSupported) return;
+            try {
+                var _sentinelRef_current;
+                yield (_sentinelRef_current = sentinelRef.current) == null ? void 0 : _sentinelRef_current.release();
+                const sentinel = yield navigator.wakeLock.request('screen');
+                sentinelRef.current = sentinel;
+                setIsActive(true);
+                sentinel.addEventListener('release', ()=>{
+                    var _sentinelRef_current;
+                    var _sentinelRef_current_type;
+                    requestedTypeRef.current = (_sentinelRef_current_type = (_sentinelRef_current = sentinelRef.current) == null ? void 0 : _sentinelRef_current.type) != null ? _sentinelRef_current_type : false;
+                    sentinelRef.current = null;
+                    setIsActive(false);
+                    onRelease == null ? void 0 : onRelease();
+                }, {
+                    once: true
+                });
+                onRequest == null ? void 0 : onRequest();
+            } catch (error) {
+                onError == null ? void 0 : onError(error);
+            }
+        })());
+    const request = useEvent(()=>_async_to_generator(function*() {
+            if (!isSupported) return;
+            if (document.visibilityState === 'visible') {
+                yield forceRequest();
+            } else {
+                requestedTypeRef.current = 'screen';
+            }
+        })());
+    const release = useEvent(()=>_async_to_generator(function*() {
+            requestedTypeRef.current = false;
+            const s = sentinelRef.current;
+            sentinelRef.current = null;
+            setIsActive(false);
+            try {
+                yield s == null ? void 0 : s.release();
+            } catch (error) {
+                onError == null ? void 0 : onError(error);
+            }
+        })());
+    useEffect(()=>{
+        const handleVisibilityChange = ()=>{
+            if (document.visibilityState === 'visible' && requestedTypeRef.current) {
+                requestedTypeRef.current = false;
+                forceRequest();
+            }
+        };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return ()=>{
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, [
+        forceRequest
+    ]);
+    useEffect(()=>{
+        return ()=>{
+            requestedTypeRef.current = false;
+            if (sentinelRef.current) {
+                sentinelRef.current.release();
+                sentinelRef.current = null;
+            }
+        };
+    }, []);
+    return {
+        isSupported,
+        isActive,
+        request,
+        release,
+        forceRequest
+    };
+};
+
+export { assignRef, defaultOptions, mergeRefs, use, useActiveElement, useAsyncEffect, useBoolean, useBroadcastChannel, useClickOutside as useClickAway, useClickOutside, useClipboard, useColorMode, useControlled, useCookie, useClipboard as useCopyToClipboard, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDevicePixelRatio, useDisclosure, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementByPoint, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEventSource, useEyeDropper, useFavicon, useFetchEventSource, useFileDialog, useFirstMountState, useFocus, useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLocationSelector, useLongPress, useMap, useMeasure, useMediaDevices, useMediaQuery, useMergedRefs, useMobileLandscape, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnceEffect, useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePlatform, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePreferredLanguages, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScratch, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSpeechRecognition, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useWakeLock, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@reactuses/core",
-  "version": "6.1.11",
+  "version": "6.2.0",
+  "description": "Collection of 100+ essential React Hooks with TypeScript support, tree-shaking, and SSR compatibility. Sensors, browser APIs, state management, animations, and more.",
   "license": "Unlicense",
   "homepage": "https://www.reactuse.com/",
   "repository": {
@@ -13,11 +14,40 @@
   },
   "keywords": [
     "react",
-    "react-use",
-    "react hooks",
-    "hook",
+    "react-hooks",
     "hooks",
-    "component"
+    "react-use",
+    "reactuse",
+    "typescript",
+    "tree-shaking",
+    "ssr",
+    "custom-hooks",
+    "react-utility",
+    "browser-hooks",
+    "sensor-hooks",
+    "state-hooks",
+    "utility-hooks",
+    "animation-hooks",
+    "useToggle",
+    "useDebounce",
+    "useThrottle",
+    "useLocalStorage",
+    "useSessionStorage",
+    "useMouse",
+    "useClipboard",
+    "useGeolocation",
+    "useIntersectionObserver",
+    "useResizeObserver",
+    "useMutationObserver",
+    "useMediaQuery",
+    "useDarkMode",
+    "useFullscreen",
+    "useIdle",
+    "useNetwork",
+    "useScroll",
+    "useWindowSize",
+    "useEventListener",
+    "vueuse"
   ],
   "sideEffects": false,
   "exports": {