eslint-plugin-react-naming-convention 1.28.1-beta.4 → 1.28.1-beta.7

package/dist/index.d.mts

@@ -24,6 +24,7 @@ declare const _default: {
                             excepts?: readonly string[];
                             rule?: "CONSTANT_CASE" | "PascalCase";
                         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "context-name": _typescript_eslint_utils_ts_eslint.RuleModule<"contextName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly filename: _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, readonly [("PascalCase" | "camelCase" | "kebab-case" | "snake_case") | {
                             excepts?: readonly string[];
                             extensions?: readonly string[];
@@ -34,7 +35,7 @@ declare const _default: {
                             extensions?: readonly string[];
                             ignoreFilesWithoutCode?: boolean;
                         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-                        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"unexpected", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"badValueOrSetterName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                     };
                 };
             };
@@ -58,6 +59,7 @@ declare const _default: {
             excepts?: readonly string[];
             rule?: "CONSTANT_CASE" | "PascalCase";
         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "context-name": _typescript_eslint_utils_ts_eslint.RuleModule<"contextName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly filename: _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, readonly [("PascalCase" | "camelCase" | "kebab-case" | "snake_case") | {
             excepts?: readonly string[];
             extensions?: readonly string[];
@@ -68,7 +70,7 @@ declare const _default: {
             extensions?: readonly string[];
             ignoreFilesWithoutCode?: boolean;
         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"unexpected", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"badValueOrSetterName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
     };
 };
 

package/dist/index.d.ts

@@ -24,6 +24,7 @@ declare const _default: {
                             excepts?: readonly string[];
                             rule?: "CONSTANT_CASE" | "PascalCase";
                         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "context-name": _typescript_eslint_utils_ts_eslint.RuleModule<"contextName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly filename: _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, readonly [("PascalCase" | "camelCase" | "kebab-case" | "snake_case") | {
                             excepts?: readonly string[];
                             extensions?: readonly string[];
@@ -34,7 +35,7 @@ declare const _default: {
                             extensions?: readonly string[];
                             ignoreFilesWithoutCode?: boolean;
                         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-                        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"unexpected", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"badValueOrSetterName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                     };
                 };
             };
@@ -58,6 +59,7 @@ declare const _default: {
             excepts?: readonly string[];
             rule?: "CONSTANT_CASE" | "PascalCase";
         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "context-name": _typescript_eslint_utils_ts_eslint.RuleModule<"contextName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly filename: _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, readonly [("PascalCase" | "camelCase" | "kebab-case" | "snake_case") | {
             excepts?: readonly string[];
             extensions?: readonly string[];
@@ -68,7 +70,7 @@ declare const _default: {
             extensions?: readonly string[];
             ignoreFilesWithoutCode?: boolean;
         } | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"unexpected", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<"badValueOrSetterName", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
     };
 };
 

package/dist/index.js

@@ -6,9 +6,9 @@ var eff = require('@eslint-react/eff');
 var JSX = require('@eslint-react/jsx');
 var shared = require('@eslint-react/shared');
 var tsPattern = require('ts-pattern');
+var types = require('@typescript-eslint/types');
 var path = require('path');
 var stringTs = require('string-ts');
-var types = require('@typescript-eslint/types');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -51,7 +51,7 @@ var rules = {};
 
 // package.json
 var name2 = "eslint-plugin-react-naming-convention";
-var version = "1.28.1-beta.4";
+var version = "1.28.1-beta.7";
 var createRule = shared.createRuleForPlugin("naming-convention");
 
 // src/rules/component-name.ts
@@ -204,7 +204,39 @@ var component_name_default = createRule({
   },
   defaultOptions
 });
-var RULE_NAME2 = "filename";
+var RULE_NAME2 = "context-name";
+var context_name_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "enforce context name to end with `Context`."
+    },
+    messages: {
+      contextName: "Context name must end with `Context`."
+    },
+    schema: []
+  },
+  name: RULE_NAME2,
+  create(context) {
+    if (!context.sourceCode.text.includes("createContext")) return {};
+    return {
+      CallExpression(node) {
+        if (!core.isCreateContextCall(context, node)) return;
+        const id = core.getInstanceId(node);
+        if (id == null) return;
+        const name3 = tsPattern.match(id).with({ type: types.AST_NODE_TYPES.Identifier, name: tsPattern.P.select() }, eff.identity).with({ type: types.AST_NODE_TYPES.MemberExpression, property: { name: tsPattern.P.select(tsPattern.P.string) } }, eff.identity).otherwise(() => eff._);
+        if (name3 == null) return;
+        if (name3.endsWith("Context")) return;
+        context.report({
+          messageId: "contextName",
+          node: id
+        });
+      }
+    };
+  },
+  defaultOptions: []
+});
+var RULE_NAME3 = "filename";
 var defaultOptions2 = [
   {
     excepts: ["^index$"],
@@ -254,7 +286,7 @@ var filename_default = createRule({
     },
     schema: schema2
   },
-  name: RULE_NAME2,
+  name: RULE_NAME3,
   create(context) {
     const options = context.options[0] ?? defaultOptions2[0];
     const rule = typeof options === "string" ? options : options.rule ?? "PascalCase";
@@ -291,7 +323,7 @@ var filename_default = createRule({
   },
   defaultOptions: defaultOptions2
 });
-var RULE_NAME3 = "filename-extension";
+var RULE_NAME4 = "filename-extension";
 var defaultOptions3 = [{
   allow: "as-needed",
   extensions: [".jsx", ".tsx"],
@@ -340,7 +372,7 @@ var filename_extension_default = createRule({
     },
     schema: schema3
   },
-  name: RULE_NAME3,
+  name: RULE_NAME4,
   create(context) {
     const options = context.options[0] ?? defaultOptions3[0];
     const allow = eff.isObject(options) ? options.allow : options;
@@ -387,14 +419,10 @@ var filename_extension_default = createRule({
   },
   defaultOptions: defaultOptions3
 });
-var RULE_NAME4 = "use-state";
+var RULE_NAME5 = "use-state";
 var RULE_FEATURES = [
   "CHK"
 ];
-function isSetterNameLoose(name3) {
-  const fourthChar = [...name3][3];
-  return name3.startsWith("set") && fourthChar === fourthChar?.toUpperCase();
-}
 var use_state_default = createRule({
   meta: {
     type: "problem",
@@ -403,65 +431,44 @@ var use_state_default = createRule({
       [Symbol.for("rule_features")]: RULE_FEATURES
     },
     messages: {
-      unexpected: "An useState call is not destructured into value + setter pair."
+      badValueOrSetterName: "An useState call is not destructured into value + setter pair."
     },
     schema: []
   },
-  name: RULE_NAME4,
+  name: RULE_NAME5,
   create(context) {
-    const alias = shared.getSettingsFromContext(context).additionalHooks.useState ?? [];
-    const {
-      ctx,
-      listeners
-    } = core.useComponentCollector(
-      context,
-      {
-        collectDisplayName: false,
-        collectHookCalls: true,
-        hint: core.DEFAULT_COMPONENT_HINT
-      }
-    );
     return {
-      ...listeners,
-      "Program:exit"(node) {
-        const components = ctx.getAllComponents(node);
-        for (const { hookCalls } of components.values()) {
-          if (hookCalls.length === 0) {
-            continue;
-          }
-          for (const hookCall of hookCalls) {
-            if (!core.isUseStateCall(context, hookCall) && !alias.some(core.isReactHookCallWithNameLoose(hookCall))) {
-              continue;
-            }
-            if (hookCall.parent.type !== types.AST_NODE_TYPES.VariableDeclarator) {
-              continue;
-            }
-            const { id } = hookCall.parent;
-            switch (id.type) {
-              case types.AST_NODE_TYPES.Identifier: {
-                context.report({ messageId: "unexpected", node: id });
-                break;
-              }
-              case types.AST_NODE_TYPES.ArrayPattern: {
-                const [state, setState] = id.elements;
-                if (state?.type === types.AST_NODE_TYPES.ObjectPattern && setState?.type === types.AST_NODE_TYPES.Identifier) {
-                  if (!isSetterNameLoose(setState.name)) {
-                    context.report({ messageId: "unexpected", node: id });
-                  }
-                  break;
-                }
-                if (state?.type !== types.AST_NODE_TYPES.Identifier || setState?.type !== types.AST_NODE_TYPES.Identifier) {
-                  return;
-                }
-                const [stateName, setStateName] = [state.name, setState.name];
-                const expectedSetterName = `set${stringTs.capitalize(stateName)}`;
-                if (setStateName === expectedSetterName) {
-                  return;
-                }
-                context.report({ messageId: "unexpected", node: id });
-              }
+      "CallExpression[callee.name='useState']"(node) {
+        if (node.parent.type !== types.AST_NODE_TYPES.VariableDeclarator) {
+          context.report({ messageId: "badValueOrSetterName", node });
+        }
+        const id = core.getInstanceId(node);
+        if (id?.type !== types.AST_NODE_TYPES.ArrayPattern) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
+        }
+        const [value, setter] = id.elements;
+        if (value == null || setter == null) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
+        }
+        const setterName = tsPattern.match(setter).with({ type: types.AST_NODE_TYPES.Identifier }, (id2) => id2.name).otherwise(() => eff._);
+        if (setterName == null || !setterName.startsWith("set")) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
+        }
+        const valueName = tsPattern.match(value).with({ type: types.AST_NODE_TYPES.Identifier }, (id2) => id2.name).with({ type: types.AST_NODE_TYPES.ObjectPattern }, ({ properties }) => {
+          const values = properties.reduce((acc, prop) => {
+            if (prop.type === types.AST_NODE_TYPES.Property && prop.key.type === types.AST_NODE_TYPES.Identifier) {
+              return [...acc, prop.key.name];
             }
-          }
+            return acc;
+          }, []);
+          return values.join("_");
+        }).otherwise(() => eff._);
+        if (valueName == null || `set_${valueName}` !== stringTs.snakeCase(setterName)) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
         }
       }
     };
@@ -477,6 +484,7 @@ var plugin = {
   },
   rules: {
     "component-name": component_name_default,
+    "context-name": context_name_default,
     filename: filename_default,
     "filename-extension": filename_extension_default,
     "use-state": use_state_default

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import * as AST from '@eslint-react/ast';
-import { useComponentCollector, useComponentCollectorLegacy, DEFAULT_COMPONENT_HINT, isUseStateCall, isReactHookCallWithNameLoose } from '@eslint-react/core';
-import { isObject, _ } from '@eslint-react/eff';
+import { useComponentCollector, useComponentCollectorLegacy, isCreateContextCall, getInstanceId } from '@eslint-react/core';
+import { identity, _, isObject } from '@eslint-react/eff';
 import * as JSX from '@eslint-react/jsx';
-import { createRuleForPlugin, getSettingsFromContext, RE_CONSTANT_CASE, RE_PASCAL_CASE, RE_CAMEL_CASE, RE_KEBAB_CASE, RE_SNAKE_CASE } from '@eslint-react/shared';
-import { match } from 'ts-pattern';
-import path from 'node:path';
-import { capitalize, pascalCase, camelCase, kebabCase, snakeCase } from 'string-ts';
+import { createRuleForPlugin, RE_CONSTANT_CASE, RE_PASCAL_CASE, RE_CAMEL_CASE, RE_KEBAB_CASE, RE_SNAKE_CASE } from '@eslint-react/shared';
+import { match, P } from 'ts-pattern';
 import { AST_NODE_TYPES } from '@typescript-eslint/types';
+import path from 'node:path';
+import { snakeCase, pascalCase, camelCase, kebabCase } from 'string-ts';
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -25,7 +25,7 @@ var rules = {};
 
 // package.json
 var name2 = "eslint-plugin-react-naming-convention";
-var version = "1.28.1-beta.4";
+var version = "1.28.1-beta.7";
 var createRule = createRuleForPlugin("naming-convention");
 
 // src/rules/component-name.ts
@@ -178,7 +178,39 @@ var component_name_default = createRule({
   },
   defaultOptions
 });
-var RULE_NAME2 = "filename";
+var RULE_NAME2 = "context-name";
+var context_name_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "enforce context name to end with `Context`."
+    },
+    messages: {
+      contextName: "Context name must end with `Context`."
+    },
+    schema: []
+  },
+  name: RULE_NAME2,
+  create(context) {
+    if (!context.sourceCode.text.includes("createContext")) return {};
+    return {
+      CallExpression(node) {
+        if (!isCreateContextCall(context, node)) return;
+        const id = getInstanceId(node);
+        if (id == null) return;
+        const name3 = match(id).with({ type: AST_NODE_TYPES.Identifier, name: P.select() }, identity).with({ type: AST_NODE_TYPES.MemberExpression, property: { name: P.select(P.string) } }, identity).otherwise(() => _);
+        if (name3 == null) return;
+        if (name3.endsWith("Context")) return;
+        context.report({
+          messageId: "contextName",
+          node: id
+        });
+      }
+    };
+  },
+  defaultOptions: []
+});
+var RULE_NAME3 = "filename";
 var defaultOptions2 = [
   {
     excepts: ["^index$"],
@@ -228,7 +260,7 @@ var filename_default = createRule({
     },
     schema: schema2
   },
-  name: RULE_NAME2,
+  name: RULE_NAME3,
   create(context) {
     const options = context.options[0] ?? defaultOptions2[0];
     const rule = typeof options === "string" ? options : options.rule ?? "PascalCase";
@@ -265,7 +297,7 @@ var filename_default = createRule({
   },
   defaultOptions: defaultOptions2
 });
-var RULE_NAME3 = "filename-extension";
+var RULE_NAME4 = "filename-extension";
 var defaultOptions3 = [{
   allow: "as-needed",
   extensions: [".jsx", ".tsx"],
@@ -314,7 +346,7 @@ var filename_extension_default = createRule({
     },
     schema: schema3
   },
-  name: RULE_NAME3,
+  name: RULE_NAME4,
   create(context) {
     const options = context.options[0] ?? defaultOptions3[0];
     const allow = isObject(options) ? options.allow : options;
@@ -361,14 +393,10 @@ var filename_extension_default = createRule({
   },
   defaultOptions: defaultOptions3
 });
-var RULE_NAME4 = "use-state";
+var RULE_NAME5 = "use-state";
 var RULE_FEATURES = [
   "CHK"
 ];
-function isSetterNameLoose(name3) {
-  const fourthChar = [...name3][3];
-  return name3.startsWith("set") && fourthChar === fourthChar?.toUpperCase();
-}
 var use_state_default = createRule({
   meta: {
     type: "problem",
@@ -377,65 +405,44 @@ var use_state_default = createRule({
       [Symbol.for("rule_features")]: RULE_FEATURES
     },
     messages: {
-      unexpected: "An useState call is not destructured into value + setter pair."
+      badValueOrSetterName: "An useState call is not destructured into value + setter pair."
     },
     schema: []
   },
-  name: RULE_NAME4,
+  name: RULE_NAME5,
   create(context) {
-    const alias = getSettingsFromContext(context).additionalHooks.useState ?? [];
-    const {
-      ctx,
-      listeners
-    } = useComponentCollector(
-      context,
-      {
-        collectDisplayName: false,
-        collectHookCalls: true,
-        hint: DEFAULT_COMPONENT_HINT
-      }
-    );
     return {
-      ...listeners,
-      "Program:exit"(node) {
-        const components = ctx.getAllComponents(node);
-        for (const { hookCalls } of components.values()) {
-          if (hookCalls.length === 0) {
-            continue;
-          }
-          for (const hookCall of hookCalls) {
-            if (!isUseStateCall(context, hookCall) && !alias.some(isReactHookCallWithNameLoose(hookCall))) {
-              continue;
-            }
-            if (hookCall.parent.type !== AST_NODE_TYPES.VariableDeclarator) {
-              continue;
-            }
-            const { id } = hookCall.parent;
-            switch (id.type) {
-              case AST_NODE_TYPES.Identifier: {
-                context.report({ messageId: "unexpected", node: id });
-                break;
-              }
-              case AST_NODE_TYPES.ArrayPattern: {
-                const [state, setState] = id.elements;
-                if (state?.type === AST_NODE_TYPES.ObjectPattern && setState?.type === AST_NODE_TYPES.Identifier) {
-                  if (!isSetterNameLoose(setState.name)) {
-                    context.report({ messageId: "unexpected", node: id });
-                  }
-                  break;
-                }
-                if (state?.type !== AST_NODE_TYPES.Identifier || setState?.type !== AST_NODE_TYPES.Identifier) {
-                  return;
-                }
-                const [stateName, setStateName] = [state.name, setState.name];
-                const expectedSetterName = `set${capitalize(stateName)}`;
-                if (setStateName === expectedSetterName) {
-                  return;
-                }
-                context.report({ messageId: "unexpected", node: id });
-              }
+      "CallExpression[callee.name='useState']"(node) {
+        if (node.parent.type !== AST_NODE_TYPES.VariableDeclarator) {
+          context.report({ messageId: "badValueOrSetterName", node });
+        }
+        const id = getInstanceId(node);
+        if (id?.type !== AST_NODE_TYPES.ArrayPattern) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
+        }
+        const [value, setter] = id.elements;
+        if (value == null || setter == null) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
+        }
+        const setterName = match(setter).with({ type: AST_NODE_TYPES.Identifier }, (id2) => id2.name).otherwise(() => _);
+        if (setterName == null || !setterName.startsWith("set")) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
+        }
+        const valueName = match(value).with({ type: AST_NODE_TYPES.Identifier }, (id2) => id2.name).with({ type: AST_NODE_TYPES.ObjectPattern }, ({ properties }) => {
+          const values = properties.reduce((acc, prop) => {
+            if (prop.type === AST_NODE_TYPES.Property && prop.key.type === AST_NODE_TYPES.Identifier) {
+              return [...acc, prop.key.name];
             }
-          }
+            return acc;
+          }, []);
+          return values.join("_");
+        }).otherwise(() => _);
+        if (valueName == null || `set_${valueName}` !== snakeCase(setterName)) {
+          context.report({ messageId: "badValueOrSetterName", node });
+          return;
         }
       }
     };
@@ -451,6 +458,7 @@ var plugin = {
   },
   rules: {
     "component-name": component_name_default,
+    "context-name": context_name_default,
     filename: filename_default,
     "filename-extension": filename_extension_default,
     "use-state": use_state_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-naming-convention",
-  "version": "1.28.1-beta.4",
+  "version": "1.28.1-beta.7",
   "description": "ESLint React's ESLint plugin for naming convention related rules.",
   "keywords": [
     "react",
@@ -49,11 +49,12 @@
     "@typescript-eslint/utils": "^8.25.0",
     "string-ts": "^2.2.1",
     "ts-pattern": "^5.6.2",
-    "@eslint-react/ast": "1.28.1-beta.4",
-    "@eslint-react/core": "1.28.1-beta.4",
-    "@eslint-react/eff": "1.28.1-beta.4",
-    "@eslint-react/jsx": "1.28.1-beta.4",
-    "@eslint-react/shared": "1.28.1-beta.4"
+    "@eslint-react/ast": "1.28.1-beta.7",
+    "@eslint-react/core": "1.28.1-beta.7",
+    "@eslint-react/eff": "1.28.1-beta.7",
+    "@eslint-react/jsx": "1.28.1-beta.7",
+    "@eslint-react/shared": "1.28.1-beta.7",
+    "@eslint-react/var": "1.28.1-beta.7"
   },
   "devDependencies": {
     "@types/react": "^19.0.10",