@reactuses/core 4.0.8 → 4.0.9

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,71 @@ 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
+  };
+}
+
 exports.getHMSTime = getHMSTime;
 exports.useActiveElement = useActiveElement;
 exports.useAsyncEffect = useAsyncEffect;
@@ -5831,6 +5896,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,12 @@ 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>;
+};
+
+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, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };

package/dist/index.mjs

@@ -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,69 @@ 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
+  };
+}
+
+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, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactuses/core",
-  "version": "4.0.8",
+  "version": "4.0.9",
   "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",