@pdg/react-hook 2.0.15 → 2.0.16

package/dist/effect/index.d.ts

@@ -0,0 +1 @@
+export * from './useFirstSkipEffect';

package/dist/effect/useFirstSkipEffect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare const useFirstSkipEffect: (effectEventCallback: EffectCallback, deps: DependencyList) => void;

package/dist/eslint-plugin.js

@@ -6,11 +6,12 @@ const pluginRules = {
                 const originalRule = reactHooksPlugin.rules['exhaustive-deps'].create(context);
                 return Object.assign(Object.assign({}, originalRule), { CallExpression(node) {
                         const callbackName = node.callee.name;
+                        /** useChanged */
                         if (callbackName === 'useChanged') {
                             const depsNode = node.arguments[0];
                             if (!depsNode || depsNode.type !== 'ArrayExpression') {
                                 context.report({
-                                    node: node.callee, // useChanged 함수 이름 위치에 표시
+                                    node: node.callee,
                                     message: 'useChanged 훅의 첫 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.',
                                 });
                                 return;
@@ -33,6 +34,18 @@ const pluginRules = {
                             const fakeNode = Object.assign(Object.assign({}, node), { arguments: [fakeCallback, depsNode] });
                             return originalRule.CallExpression(fakeNode);
                         }
+                        /** useFirstSkipEffect */
+                        if (callbackName === 'useFirstSkipEffect') {
+                            const deps = node.arguments[1];
+                            if (!deps || deps.type !== 'ArrayExpression') {
+                                context.report({
+                                    node: node.callee,
+                                    message: 'useFirstSkipEffect 훅의 두 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.',
+                                });
+                                return;
+                            }
+                            return originalRule.CallExpression(node);
+                        }
                         return originalRule.CallExpression(node);
                     } });
             } }),

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './changed';
+export * from './effect';
 export * from './mount';
 export * from './ref';
 export * from './timeoutInterval';

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useState,useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
+import {useState,useEffectEvent,useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
@@ -68,6 +68,25 @@ function _unsupportedIterableToArray(r, a) {
     setPrevValues(deps);
   }
   return changed;
+};var useFirstSkipEffect = function useFirstSkipEffect(effectEventCallback, deps) {
+  var $ = c(2);
+  var effectEvent = useEffectEvent(effectEventCallback);
+  var firstSkipRef = useRef(true);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      if (firstSkipRef.current) {
+        firstSkipRef.current = false;
+      } else {
+        return effectEvent();
+      }
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  useEffect(t0, deps);
 };function useMountedRef(t0) {
   var $ = c(2);
   var initialValue = t0 === undefined ? true : t0;
@@ -228,4 +247,4 @@ function _unsupportedIterableToArray(r, a) {
     t3 = $[7];
   }
   useEffect(t2, t3);
-}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
+}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useFirstSkipEffect,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};

package/dist/index.js

@@ -68,6 +68,25 @@ function _unsupportedIterableToArray(r, a) {
     setPrevValues(deps);
   }
   return changed;
+};var useFirstSkipEffect = function useFirstSkipEffect(effectEventCallback, deps) {
+  var $ = compilerRuntime.c(2);
+  var effectEvent = react.useEffectEvent(effectEventCallback);
+  var firstSkipRef = react.useRef(true);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      if (firstSkipRef.current) {
+        firstSkipRef.current = false;
+      } else {
+        return effectEvent();
+      }
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  react.useEffect(t0, deps);
 };function useMountedRef(t0) {
   var $ = compilerRuntime.c(2);
   var initialValue = t0 === undefined ? true : t0;
@@ -228,4 +247,4 @@ function _unsupportedIterableToArray(r, a) {
     t3 = $[7];
   }
   react.useEffect(t2, t3);
-}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useChanged=useChanged;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useTimeoutRef=useTimeoutRef;
+}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useChanged=useChanged;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useTimeoutRef=useTimeoutRef;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdg/react-hook",
   "title": "Typescript React Hook Module",
   "description": "Typescript React Hook Module",
-  "version": "2.0.15",
+  "version": "2.0.16",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",