@reactuses/core 4.0.8 → 4.0.10

package/dist/index.cjs

@@ -3445,7 +3445,7 @@ function useSupported(callback, sync = false) {
   return supported;
 }
 
-var __async$4 = (__this, __arguments, generator) => {
+var __async$5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -3490,7 +3490,7 @@ function useMediaDevices(options = {}) {
       });
     }).catch(noop);
   }, []);
-  const ensurePermissions = React.useCallback(() => __async$4(this, null, function* () {
+  const ensurePermissions = React.useCallback(() => __async$5(this, null, function* () {
     if (!isSupported) {
       return false;
     }
@@ -4296,7 +4296,7 @@ var __spreadValues$1 = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$3 = (__this, __arguments, generator) => {
+var __async$4 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4328,7 +4328,7 @@ function useInfiniteScroll(target, onLoadMore, options = defaultOptions$1) {
   const element = useLatestElement(target);
   const di = state[3][direction];
   useUpdateEffect(() => {
-    const fn = () => __async$3(this, null, function* () {
+    const fn = () => __async$4(this, null, function* () {
       var _a2, _b2;
       const previous = {
         height: (_a2 = element == null ? void 0 : element.scrollHeight) != null ? _a2 : 0,
@@ -4862,7 +4862,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4891,7 +4891,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = React.useCallback((txt) => __async$2(this, null, function* () {
+  const copy = React.useCallback((txt) => __async$3(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -5230,7 +5230,7 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement) => {
   return [isSticky, setSticky];
 };
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5253,7 +5253,7 @@ var __async$1 = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   React.useEffect(() => {
-    const execute = () => __async$1(this, null, function* () {
+    const execute = () => __async$2(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -5314,7 +5314,7 @@ function useTextSelection() {
   return selection;
 }
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5340,7 +5340,7 @@ function useEyeDropper() {
     true
   );
   const open = React.useCallback(
-    (..._0) => __async(this, [..._0], function* (options = {}) {
+    (..._0) => __async$1(this, [..._0], function* (options = {}) {
       if (!isSupported) {
         return {
           sRGBHex: ""
@@ -5741,6 +5741,87 @@ function getValue(position) {
   return getComputedStyle(document.documentElement).getPropertyValue(position);
 }
 
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useWebNotification(requestPermissions = false) {
+  const isSupported = useSupported(() => !!window && "Notification" in window);
+  const permissionGranted = React.useRef(false);
+  const notificationRef = React.useRef(null);
+  const show = (title, options = defaultOptions$1) => {
+    if (!isSupported && !permissionGranted.current) {
+      return;
+    }
+    notificationRef.current = new Notification(title || "", options);
+    return notificationRef.current;
+  };
+  const close = React.useCallback(() => {
+    if (notificationRef.current) {
+      notificationRef.current.close();
+    }
+    notificationRef.current = null;
+  }, []);
+  React.useEffect(() => {
+    permissionGranted.current = isSupported && "permission" in Notification && Notification.permission === "granted";
+  }, [isSupported]);
+  const ensurePermissions = React.useCallback(() => __async(this, null, function* () {
+    if (!isSupported)
+      return;
+    if (!permissionGranted.current && Notification.permission !== "denied") {
+      const result = yield Notification.requestPermission();
+      if (result === "granted")
+        permissionGranted.current = true;
+    }
+    return permissionGranted.current;
+  }), [isSupported]);
+  React.useEffect(() => {
+    if (requestPermissions) {
+      ensurePermissions();
+    }
+  }, [requestPermissions, ensurePermissions]);
+  useUnmount(close);
+  return {
+    isSupported,
+    show,
+    close,
+    ensurePermissions,
+    permissionGranted
+  };
+}
+
+function subscribe(callback) {
+  window.addEventListener("popstate", callback);
+  window.addEventListener("hashchange", callback);
+  return () => {
+    window.removeEventListener("popstate", callback);
+    window.removeEventListener("hashchange", callback);
+  };
+}
+function useLocationSelector(selector, fallback) {
+  return React.useSyncExternalStore(
+    subscribe,
+    () => selector(location),
+    () => fallback
+  );
+}
+
 exports.getHMSTime = getHMSTime;
 exports.useActiveElement = useActiveElement;
 exports.useAsyncEffect = useAsyncEffect;
@@ -5784,6 +5865,7 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useKeyModifier = useKeyModifier;
 exports.useLatest = useLatest;
 exports.useLocalStorage = useLocalStorage;
+exports.useLocationSelector = useLocationSelector;
 exports.useLongPress = useLongPress;
 exports.useMeasure = useMeasure;
 exports.useMediaDevices = useMediaDevices;
@@ -5831,6 +5913,7 @@ exports.useUpdate = useUpdate;
 exports.useUpdateEffect = useUpdateEffect;
 exports.useUpdateLayoutEffect = index$3;
 exports.useVirtualList = useVirtualList;
+exports.useWebNotification = useWebNotification;
 exports.useWindowScroll = useWindowScroll;
 exports.useWindowSize = useWindowSize;
 exports.useWindowsFocus = useWindowsFocus;

package/dist/index.d.ts

@@ -865,4 +865,19 @@ interface UseCssVarOptions {
 }
 declare function useCssVar<T extends HTMLElement = HTMLElement>(prop: string, target: BasicTarget<T>, defaultValue?: string, options?: UseCssVarOptions): readonly [string, (v: string) => void];
 
-export { ColorScheme, Contrast, CursorState, EyeDropperOpenReturnType, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, Status, Target, UseCookieState, UseCssVarOptions, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseEyeDropperReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseMeasureRect, UseMediaDeviceOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, UseWindowScrollState, WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMeasure, useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, _default$1 as useOnceEffect, _default as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$4 as useUpdateEffect, _default$3 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+declare function useWebNotification(requestPermissions?: boolean): {
+    readonly isSupported: boolean;
+    readonly show: (title: string, options?: NotificationOptions) => Notification | undefined;
+    readonly close: () => void;
+    readonly ensurePermissions: () => Promise<boolean | undefined>;
+    readonly permissionGranted: react.MutableRefObject<boolean>;
+};
+
+declare function useLocationSelector<R>(selector: (location: Location) => R, 
+/**
+ * @description server fallback
+ * @default undefined
+ */
+fallback?: R): R | undefined;
+
+export { ColorScheme, Contrast, CursorState, EyeDropperOpenReturnType, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, Status, Target, UseCookieState, UseCssVarOptions, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseEyeDropperReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseMeasureRect, UseMediaDeviceOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, UseWindowScrollState, WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLocationSelector, useLongPress, useMeasure, useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, _default$1 as useOnceEffect, _default as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$4 as useUpdateEffect, _default$3 as useUpdateLayoutEffect, useVirtualList, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect, useLayoutEffect, useCallback, useMemo, useState, useReducer } from 'react';
+import React, { useRef, useEffect, useLayoutEffect, useCallback, useMemo, useState, useReducer, useSyncExternalStore } from 'react';
 
 function usePrevious(state) {
   const ref = useRef();
@@ -3437,7 +3437,7 @@ function useSupported(callback, sync = false) {
   return supported;
 }
 
-var __async$4 = (__this, __arguments, generator) => {
+var __async$5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -3482,7 +3482,7 @@ function useMediaDevices(options = {}) {
       });
     }).catch(noop);
   }, []);
-  const ensurePermissions = useCallback(() => __async$4(this, null, function* () {
+  const ensurePermissions = useCallback(() => __async$5(this, null, function* () {
     if (!isSupported) {
       return false;
     }
@@ -4288,7 +4288,7 @@ var __spreadValues$1 = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$3 = (__this, __arguments, generator) => {
+var __async$4 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4320,7 +4320,7 @@ function useInfiniteScroll(target, onLoadMore, options = defaultOptions$1) {
   const element = useLatestElement(target);
   const di = state[3][direction];
   useUpdateEffect(() => {
-    const fn = () => __async$3(this, null, function* () {
+    const fn = () => __async$4(this, null, function* () {
       var _a2, _b2;
       const previous = {
         height: (_a2 = element == null ? void 0 : element.scrollHeight) != null ? _a2 : 0,
@@ -4854,7 +4854,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4883,7 +4883,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = useCallback((txt) => __async$2(this, null, function* () {
+  const copy = useCallback((txt) => __async$3(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -5222,7 +5222,7 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement) => {
   return [isSticky, setSticky];
 };
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5245,7 +5245,7 @@ var __async$1 = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   useEffect(() => {
-    const execute = () => __async$1(this, null, function* () {
+    const execute = () => __async$2(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -5306,7 +5306,7 @@ function useTextSelection() {
   return selection;
 }
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5332,7 +5332,7 @@ function useEyeDropper() {
     true
   );
   const open = useCallback(
-    (..._0) => __async(this, [..._0], function* (options = {}) {
+    (..._0) => __async$1(this, [..._0], function* (options = {}) {
       if (!isSupported) {
         return {
           sRGBHex: ""
@@ -5733,4 +5733,85 @@ function getValue(position) {
   return getComputedStyle(document.documentElement).getPropertyValue(position);
 }
 
-export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, index$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMeasure, useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, index$1 as useOnceEffect, index as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, index$3 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useWebNotification(requestPermissions = false) {
+  const isSupported = useSupported(() => !!window && "Notification" in window);
+  const permissionGranted = useRef(false);
+  const notificationRef = useRef(null);
+  const show = (title, options = defaultOptions$1) => {
+    if (!isSupported && !permissionGranted.current) {
+      return;
+    }
+    notificationRef.current = new Notification(title || "", options);
+    return notificationRef.current;
+  };
+  const close = useCallback(() => {
+    if (notificationRef.current) {
+      notificationRef.current.close();
+    }
+    notificationRef.current = null;
+  }, []);
+  useEffect(() => {
+    permissionGranted.current = isSupported && "permission" in Notification && Notification.permission === "granted";
+  }, [isSupported]);
+  const ensurePermissions = useCallback(() => __async(this, null, function* () {
+    if (!isSupported)
+      return;
+    if (!permissionGranted.current && Notification.permission !== "denied") {
+      const result = yield Notification.requestPermission();
+      if (result === "granted")
+        permissionGranted.current = true;
+    }
+    return permissionGranted.current;
+  }), [isSupported]);
+  useEffect(() => {
+    if (requestPermissions) {
+      ensurePermissions();
+    }
+  }, [requestPermissions, ensurePermissions]);
+  useUnmount(close);
+  return {
+    isSupported,
+    show,
+    close,
+    ensurePermissions,
+    permissionGranted
+  };
+}
+
+function subscribe(callback) {
+  window.addEventListener("popstate", callback);
+  window.addEventListener("hashchange", callback);
+  return () => {
+    window.removeEventListener("popstate", callback);
+    window.removeEventListener("hashchange", callback);
+  };
+}
+function useLocationSelector(selector, fallback) {
+  return useSyncExternalStore(
+    subscribe,
+    () => selector(location),
+    () => fallback
+  );
+}
+
+export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, index$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLocationSelector, useLongPress, useMeasure, useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, index$1 as useOnceEffect, index as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, index$3 as useUpdateLayoutEffect, useVirtualList, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactuses/core",
-  "version": "4.0.8",
+  "version": "4.0.10",
   "license": "Unlicense",
   "homepage": "https://www.reactuse.com/",
   "repository": {
@@ -24,8 +24,8 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -57,9 +57,6 @@
     "screenfull": "^5.0.0"
   },
   "devDependencies": {
-    "@types/js-cookie": "^3.0.3",
-    "@types/lodash": "^4.14.184",
-    "@types/lodash-es": "^4.17.7",
     "@jsdevtools/version-bump-prompt": "^6.1.0",
     "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-json": "^4.1.0",
@@ -67,6 +64,9 @@
     "@rollup/plugin-replace": "^4.0.0",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^27.5.2",
+    "@types/js-cookie": "^3.0.3",
+    "@types/lodash": "^4.14.184",
+    "@types/lodash-es": "^4.17.7",
     "babel-jest": "^29.0.2",
     "consola": "^2.15.3",
     "esbuild": "^0.17.15",