react-simplikit 0.0.15 → 0.0.17

package/README.md

@@ -16,6 +16,7 @@ English | [Korean](./README-ko_kr.md)
 import { useBooleanState } from 'react-simplikit';
 
 function Component() {
+  // using the `useBooleanState` hook to manage state.
   const [open, openBottomSheet, closeBottomSheet, toggleBottomSheet] = useBooleanState(false);
 
   return (

package/dist/hooks/useBooleanState/index.cjs

@@ -35,7 +35,7 @@ var useBooleanState = (defaultValue = false) => {
     setBool(false);
   }, []);
   const toggle = (0, import_react.useCallback)(() => {
-    setBool((b) => !b);
+    setBool((prevBool) => !prevBool);
   }, []);
   return [bool, setTrue, setFalse, toggle];
 };

package/dist/hooks/usePrevious/index.cjs

@@ -31,14 +31,14 @@ function usePrevious(state, compare = strictEquals) {
   const prevRef = (0, import_react.useRef)(state);
   const currentRef = (0, import_react.useRef)(state);
   const isFirstRender = (0, import_react.useRef)(true);
-  (0, import_react.useEffect)(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.cjs

@@ -353,7 +353,7 @@ var useBooleanState = (defaultValue = false) => {
     setBool(false);
   }, []);
   const toggle2 = (0, import_react9.useCallback)(() => {
-    setBool((b) => !b);
+    setBool((prevBool) => !prevBool);
   }, []);
   return [bool, setTrue, setFalse, toggle2];
 };
@@ -519,14 +519,14 @@ function usePrevious(state, compare = strictEquals) {
   const prevRef = (0, import_react18.useRef)(state);
   const currentRef = (0, import_react18.useRef)(state);
   const isFirstRender = (0, import_react18.useRef)(true);
-  (0, import_react18.useEffect)(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 

package/esm/hooks/useBooleanState/index.js

@@ -9,7 +9,7 @@ var useBooleanState = (defaultValue = false) => {
     setBool(false);
   }, []);
   const toggle = useCallback(() => {
-    setBool((b) => !b);
+    setBool((prevBool) => !prevBool);
   }, []);
   return [bool, setTrue, setFalse, toggle];
 };

package/esm/hooks/usePrevious/index.js

@@ -1,18 +1,18 @@
 // src/hooks/usePrevious/usePrevious.ts
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 var strictEquals = (prev, next) => prev === next;
 function usePrevious(state, compare = strictEquals) {
   const prevRef = useRef(state);
   const currentRef = useRef(state);
   const isFirstRender = useRef(true);
-  useEffect(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 export {

package/esm/index.js

@@ -304,7 +304,7 @@ var useBooleanState = (defaultValue = false) => {
     setBool(false);
   }, []);
   const toggle2 = useCallback5(() => {
-    setBool((b) => !b);
+    setBool((prevBool) => !prevBool);
   }, []);
   return [bool, setTrue, setFalse, toggle2];
 };
@@ -464,20 +464,20 @@ function areDeeplyEqual(x, y) {
 }
 
 // src/hooks/usePrevious/usePrevious.ts
-import { useEffect as useEffect10, useRef as useRef9 } from "react";
+import { useRef as useRef9 } from "react";
 var strictEquals = (prev, next) => prev === next;
 function usePrevious(state, compare = strictEquals) {
   const prevRef = useRef9(state);
   const currentRef = useRef9(state);
   const isFirstRender = useRef9(true);
-  useEffect10(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 
@@ -621,7 +621,7 @@ function useStorageState(key, { storage = safeLocalStorage, defaultValue } = {})
 }
 
 // src/hooks/useThrottle/useThrottle.ts
-import { useEffect as useEffect11, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo6 } from "react";
 
 // src/hooks/useThrottle/throttle.ts
 function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
@@ -651,7 +651,7 @@ function useThrottle(callback, wait, options) {
     () => throttle(preservedCallback, wait, preservedOptions),
     [preservedOptions, preservedCallback, wait]
   );
-  useEffect11(() => {
+  useEffect10(() => {
     return () => {
       throttledCallback.cancel();
     };
@@ -660,10 +660,10 @@ function useThrottle(callback, wait, options) {
 }
 
 // src/hooks/useTimeout/useTimeout.ts
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect11 } from "react";
 function useTimeout(callback, delay = 0) {
   const preservedCallback = usePreservedCallback(callback);
-  useEffect12(() => {
+  useEffect11(() => {
     const timeoutId = window.setTimeout(preservedCallback, delay);
     return () => window.clearTimeout(timeoutId);
   }, [delay, preservedCallback]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simplikit",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "main": "./dist/index.cjs",
   "type": "module",
   "sideEffects": false,
@@ -24,11 +24,15 @@
     "docs:dev": "vitepress dev",
     "docs:build": "vitepress build",
     "docs:preview": "vitepress preview",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
-    "prettier:fix": "prettier --write .",
-    "test": "vitest run",
-    "test:coverage": "yarn vitest run --coverage",
+    "fix": "yarn run fix:lint && yarn run fix:format",
+    "fix:format": "prettier . --write",
+    "fix:lint": "eslint src --fix",
+    "test": "yarn run test:lint && yarn run test:format && yarn run test:type && yarn run test:spec && yarn run test:coverage",
+    "test:format": "prettier . --list-different",
+    "test:lint": "eslint src",
+    "test:type": "tsc --noEmit",
+    "test:spec": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "prepack": "tsup"
   },
   "publishConfig": {