@react-hookz/web - npm Package Compare versions

Comparing version 14.3.0 to 14.4.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [14.4.0](https://github.com/react-hookz/web/compare/v14.3.0...v14.4.0) (2022-06-30)
+
+
+### Features
+
+* implement `useIntervalEffect` ([a3869a3](https://github.com/react-hookz/web/commit/a3869a35b80ded1f0abd96366038ccd0b10d9040)), closes [#33](https://github.com/react-hookz/web/issues/33) [#452](https://github.com/react-hookz/web/issues/452)
+
 # [14.3.0](https://github.com/react-hookz/web/compare/v14.2.3...v14.3.0) (2022-06-25)
@@ -2,0 +9,0 @@

cjs/index.d.ts

@@ -18,2 +18,3 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { useLifecycleLogger } from './useLifecycleLogger/useLifecycleLogger';
+export { useIntervalEffect } from './useIntervalEffect/useIntervalEffect';
 export { useDebouncedState } from './useDebouncedState/useDebouncedState';
@@ -20,0 +21,0 @@ export { useList } from './useList/useList';

cjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.truthyOrArrayPredicate = exports.truthyAndArrayPredicate = exports.useWindowSize = exports.useEventListener = exports.useDocumentTitle = exports.useClickOutside = exports.useScreenOrientation = exports.useKeyboardEvent = exports.useMediaQuery = exports.useMeasure = exports.useResizeObserver = exports.useIntersectionObserver = exports.useAsyncAbortable = exports.useAsync = exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.useVibrate = exports.usePermission = exports.useNetworkState = exports.useCounter = exports.useValidator = exports.useThrottledState = exports.useToggle = exports.useSet = exports.useSafeState = exports.useRafState = exports.usePreviousDistinct = exports.usePrevious = exports.useMediatedState = exports.useMap = exports.useList = exports.useDebouncedState = exports.useLifecycleLogger = exports.useUpdateEffect = exports.useUnmountEffect = exports.useThrottledEffect = exports.useRerender = exports.useRafEffect = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useDeepCompareEffect = exports.useDebouncedEffect = exports.useCustomCompareEffect = exports.useConditionalEffect = exports.useThrottledCallback = exports.useRafCallback = exports.useDebouncedCallback = void 0;
+exports.truthyAndArrayPredicate = exports.useWindowSize = exports.useEventListener = exports.useDocumentTitle = exports.useClickOutside = exports.useScreenOrientation = exports.useKeyboardEvent = exports.useMediaQuery = exports.useMeasure = exports.useResizeObserver = exports.useIntersectionObserver = exports.useAsyncAbortable = exports.useAsync = exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.useVibrate = exports.usePermission = exports.useNetworkState = exports.useCounter = exports.useValidator = exports.useThrottledState = exports.useToggle = exports.useSet = exports.useSafeState = exports.useRafState = exports.usePreviousDistinct = exports.usePrevious = exports.useMediatedState = exports.useMap = exports.useList = exports.useDebouncedState = exports.useIntervalEffect = exports.useLifecycleLogger = exports.useUpdateEffect = exports.useUnmountEffect = exports.useThrottledEffect = exports.useRerender = exports.useRafEffect = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useDeepCompareEffect = exports.useDebouncedEffect = exports.useCustomCompareEffect = exports.useConditionalEffect = exports.useThrottledCallback = exports.useRafCallback = exports.useDebouncedCallback = void 0;
+exports.truthyOrArrayPredicate = void 0;
 /* eslint-disable import/no-cycle */
@@ -12,3 +13,3 @@ // Callback
 Object.defineProperty(exports, "useThrottledCallback", { enumerable: true, get: function () { return useThrottledCallback_1.useThrottledCallback; } });
-// Livecycle
+// Lifecycle
 var useConditionalEffect_1 = require("./useConditionalEffect/useConditionalEffect");
@@ -42,2 +43,4 @@ Object.defineProperty(exports, "useConditionalEffect", { enumerable: true, get: function () { return useConditionalEffect_1.useConditionalEffect; } });
 Object.defineProperty(exports, "useLifecycleLogger", { enumerable: true, get: function () { return useLifecycleLogger_1.useLifecycleLogger; } });
+var useIntervalEffect_1 = require("./useIntervalEffect/useIntervalEffect");
+Object.defineProperty(exports, "useIntervalEffect", { enumerable: true, get: function () { return useIntervalEffect_1.useIntervalEffect; } });
 // State
@@ -44,0 +47,0 @@ var useDebouncedState_1 = require("./useDebouncedState/useDebouncedState");

esm/index.d.ts

@@ -18,2 +18,3 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { useLifecycleLogger } from './useLifecycleLogger/useLifecycleLogger';
+export { useIntervalEffect } from './useIntervalEffect/useIntervalEffect';
 export { useDebouncedState } from './useDebouncedState/useDebouncedState';
@@ -20,0 +21,0 @@ export { useList } from './useList/useList';

esm/index.js

@@ -6,3 +6,3 @@ /* eslint-disable import/no-cycle */
 export { useThrottledCallback } from "./useThrottledCallback/useThrottledCallback.js";
-// Livecycle
+// Lifecycle
 export { useConditionalEffect, } from "./useConditionalEffect/useConditionalEffect.js";
@@ -22,2 +22,3 @@ export { useCustomCompareEffect } from "./useCustomCompareEffect/useCustomCompareEffect.js";
 export { useLifecycleLogger } from "./useLifecycleLogger/useLifecycleLogger.js";
+export { useIntervalEffect } from "./useIntervalEffect/useIntervalEffect.js";
 // State
@@ -24,0 +25,0 @@ export { useDebouncedState } from "./useDebouncedState/useDebouncedState.js";

esnext/index.d.ts

@@ -18,2 +18,3 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { useLifecycleLogger } from './useLifecycleLogger/useLifecycleLogger';
+export { useIntervalEffect } from './useIntervalEffect/useIntervalEffect';
 export { useDebouncedState } from './useDebouncedState/useDebouncedState';
@@ -20,0 +21,0 @@ export { useList } from './useList/useList';

esnext/index.js

@@ -6,3 +6,3 @@ /* eslint-disable import/no-cycle */
 export { useThrottledCallback } from "./useThrottledCallback/useThrottledCallback.js";
-// Livecycle
+// Lifecycle
 export { useConditionalEffect, } from "./useConditionalEffect/useConditionalEffect.js";
@@ -22,2 +22,3 @@ export { useCustomCompareEffect } from "./useCustomCompareEffect/useCustomCompareEffect.js";
 export { useLifecycleLogger } from "./useLifecycleLogger/useLifecycleLogger.js";
+export { useIntervalEffect } from "./useIntervalEffect/useIntervalEffect.js";
 // State
@@ -24,0 +25,0 @@ export { useDebouncedState } from "./useDebouncedState/useDebouncedState.js";

package.json

 {
   "name": "@react-hookz/web",
-  "version": "14.3.0",
+  "version": "14.4.0",
   "description": "React hooks done right, for browser and SSR.",
@@ -82,6 +82,6 @@ "keywords": [
   "devDependencies": {
-    "@babel/core": "^7.18.5",
+    "@babel/core": "^7.18.6",
     "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@commitlint/cz-commitlint": "^17.0.0",
+    "@commitlint/config-conventional": "^17.0.3",
+    "@commitlint/cz-commitlint": "^17.0.3",
     "@jamesacarr/eslint-formatter-github-actions": "^0.1.0",
@@ -110,11 +110,11 @@ "@jamesacarr/jest-reporter-github-actions": "^0.0.4",
     "commitizen": "^4.2.4",
-    "commitlint": "^17.0.2",
+    "commitlint": "^17.0.3",
     "concurrently": "^7.2.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
-    "jest": "^28.1.1",
-    "jest-environment-jsdom": "^28.1.1",
+    "jest": "^28.1.2",
+    "jest-environment-jsdom": "^28.1.2",
     "jest-github-actions-reporter": "^1.0.3",
     "js-cookie": "^3.0.1",
-    "lint-staged": "^13.0.2",
+    "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
@@ -121,0 +121,0 @@ "react": "^17.0.2",

README.md

@@ -105,2 +105,4 @@ <div align="center">
     — This hook provides a console log when the component mounts, updates and unmounts.
+  - [**`useInterval`**](https://react-hookz.github.io/web/?path=/docs/lifecycle-useintervaleffect--example)
+    — Like `setInterval` but in form of react hook.
 
@@ -107,0 +109,0 @@ - #### State

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

461304

increased by1.08%

Number of package files

346

increased by1.76%

Lines of code

9352

increased by1.1%

Number of lines in readme file

191

increased by1.06%

No dependency changes