@pdg/react-hook 2.0.10 → 2.0.12

package/dist/changed/useChanged.d.ts

@@ -1 +1,2 @@
-export declare const useChanged: (value: unknown, initial?: boolean) => boolean;
+import { DependencyList } from 'react';
+export declare const useChanged: (deps: DependencyList, initial?: boolean) => boolean;

package/dist/eslint-plugin.d.ts

@@ -0,0 +1,79 @@
+declare const plugin: {
+    rules: {
+        'exhaustive-deps': {
+            create(context: any): {
+                CallExpression(node: any): void;
+            };
+            meta: {
+                type: "suggestion";
+                docs: {
+                    description: string;
+                    recommended: true;
+                    url: string;
+                };
+                fixable: "code";
+                hasSuggestions: true;
+                schema: {
+                    type: "object";
+                    additionalProperties: false;
+                    enableDangerousAutofixThisMayCauseInfiniteLoops: boolean;
+                    properties: {
+                        additionalHooks: {
+                            type: "string";
+                        };
+                        enableDangerousAutofixThisMayCauseInfiniteLoops: {
+                            type: "boolean";
+                        };
+                        experimental_autoDependenciesHooks: {
+                            type: "array";
+                            items: {
+                                type: "string";
+                            };
+                        };
+                        requireExplicitEffectDeps: {
+                            type: "boolean";
+                        };
+                    };
+                }[];
+            };
+        };
+        'rules-of-hooks': {
+            meta: {
+                type: "problem";
+                docs: {
+                    description: string;
+                    recommended: true;
+                    url: string;
+                };
+                schema: {
+                    type: "object";
+                    additionalProperties: false;
+                    properties: {
+                        additionalHooks: {
+                            type: "string";
+                        };
+                    };
+                }[];
+            };
+            create(context: import("eslint").Rule.RuleContext): {
+                "*"(node: any): void;
+                "*:exit"(node: any): void;
+                CallExpression(node: import("estree").CallExpression & import("eslint").Rule.NodeParentExtension): void;
+                Identifier(node: import("estree").Identifier & import("eslint").Rule.NodeParentExtension): void;
+                "CallExpression:exit"(node: import("estree").CallExpression & import("eslint").Rule.NodeParentExtension): void;
+                FunctionDeclaration(node: import("estree").FunctionDeclaration & import("eslint").Rule.NodeParentExtension): void;
+                ArrowFunctionExpression(node: import("estree").ArrowFunctionExpression & import("eslint").Rule.NodeParentExtension): void;
+            };
+        };
+    };
+    configs: {
+        recommended: {
+            plugins: string[];
+            rules: {
+                '@pdg/react-hooks/rules-of-hooks': string;
+                '@pdg/react-hooks/exhaustive-deps': string;
+            };
+        };
+    };
+};
+export default plugin;

package/dist/eslint-plugin.js

@@ -0,0 +1,52 @@
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+
+const plugin = {
+    rules: {
+        'exhaustive-deps': Object.assign(Object.assign({}, reactHooksPlugin.rules['exhaustive-deps']), { create(context) {
+                const originalRule = reactHooksPlugin.rules['exhaustive-deps'].create(context);
+                return Object.assign(Object.assign({}, originalRule), { CallExpression(node) {
+                        const callbackName = node.callee.name;
+                        if (callbackName === 'useChanged') {
+                            const depsNode = node.arguments[0];
+                            if (!depsNode || depsNode.type !== 'ArrayExpression') {
+                                context.report({
+                                    node: node.callee, // useChanged 함수 이름 위치에 표시
+                                    message: 'useChanged 훅의 첫 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.',
+                                });
+                                return;
+                            }
+                            const elements = depsNode.elements.filter((e) => e && e.type === 'Identifier');
+                            const fakeCallback = {
+                                type: 'ArrowFunctionExpression',
+                                expression: false,
+                                generator: false,
+                                async: false,
+                                params: [],
+                                body: {
+                                    type: 'BlockStatement',
+                                    body: elements.map((el) => ({
+                                        type: 'ExpressionStatement',
+                                        expression: el,
+                                    })),
+                                },
+                            };
+                            const fakeNode = Object.assign(Object.assign({}, node), { arguments: [fakeCallback, depsNode] });
+                            return originalRule.CallExpression(fakeNode);
+                        }
+                        return originalRule.CallExpression(node);
+                    } });
+            } }),
+        'rules-of-hooks': reactHooksPlugin.rules['rules-of-hooks'],
+    },
+    configs: {
+        recommended: {
+            plugins: ['@pdg/react-hooks'],
+            rules: {
+                '@pdg/react-hooks/rules-of-hooks': 'error',
+                '@pdg/react-hooks/exhaustive-deps': 'error',
+            },
+        },
+    },
+};
+
+export { plugin as default };

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {c}from'react/compiler-runtime';import {useState,useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';function _arrayLikeToArray(r, a) {
+import {useState,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;
@@ -42,23 +42,12 @@ function _unsupportedIterableToArray(r, a) {
     var t = {}.toString.call(r).slice(8, -1);
     return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
-}var useChanged = function useChanged(value, t0) {
-  var $ = c(2);
+}var useChanged = function useChanged(deps, t0) {
   var initial = t0 === undefined ? false : t0;
-  var t1;
-  if ($[0] !== value) {
-    t1 = typeof value === "function" ? function () {
-      return value;
-    } : value;
-    $[0] = value;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  var _useState = useState(t1),
+  var _useState = useState(deps),
     _useState2 = _slicedToArray(_useState, 2),
-    prevValue = _useState2[0],
-    setPrevValue = _useState2[1];
+    prevValues = _useState2[0],
+    setPrevValues = _useState2[1];
   var _useState3 = useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isFirst = _useState4[0],
@@ -70,11 +59,13 @@ function _unsupportedIterableToArray(r, a) {
     }
   }
   var changed = false;
-  if (value !== prevValue) {
-    setPrevValue(typeof value === "function" ? function () {
-      return value;
-    } : value);
-    changed = true;
+  if (deps !== prevValues) {
+    if (deps.length !== prevValues.length || deps.some(function (v, i) {
+      return v !== prevValues[i];
+    })) {
+      changed = true;
+    }
+    setPrevValues(deps);
   }
   return changed;
 };function useMountedRef(t0) {

package/dist/index.js

@@ -1,4 +1,4 @@
-'use strict';var compilerRuntime=require('react/compiler-runtime'),react=require('react');function _arrayLikeToArray(r, a) {
+'use strict';var react=require('react'),compilerRuntime=require('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;
@@ -42,23 +42,12 @@ function _unsupportedIterableToArray(r, a) {
     var t = {}.toString.call(r).slice(8, -1);
     return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
-}var useChanged = function useChanged(value, t0) {
-  var $ = compilerRuntime.c(2);
+}var useChanged = function useChanged(deps, t0) {
   var initial = t0 === undefined ? false : t0;
-  var t1;
-  if ($[0] !== value) {
-    t1 = typeof value === "function" ? function () {
-      return value;
-    } : value;
-    $[0] = value;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  var _useState = react.useState(t1),
+  var _useState = react.useState(deps),
     _useState2 = _slicedToArray(_useState, 2),
-    prevValue = _useState2[0],
-    setPrevValue = _useState2[1];
+    prevValues = _useState2[0],
+    setPrevValues = _useState2[1];
   var _useState3 = react.useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isFirst = _useState4[0],
@@ -70,11 +59,13 @@ function _unsupportedIterableToArray(r, a) {
     }
   }
   var changed = false;
-  if (value !== prevValue) {
-    setPrevValue(typeof value === "function" ? function () {
-      return value;
-    } : value);
-    changed = true;
+  if (deps !== prevValues) {
+    if (deps.length !== prevValues.length || deps.some(function (v, i) {
+      return v !== prevValues[i];
+    })) {
+      changed = true;
+    }
+    setPrevValues(deps);
   }
   return changed;
 };function useMountedRef(t0) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdg/react-hook",
   "title": "Typescript React Hook Module",
   "description": "Typescript React Hook Module",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -12,7 +12,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.esm.js",
       "require": "./dist/index.js"
-    }
+    },
+    "./eslint-plugin": "./dist/eslint-plugin.js"
   },
   "repository": {
     "type": "git",