release: 0.9.7

Author: Rel1cx

CHANGELOG.md

@@ -1,3 +1,72 @@
+## v0.9.7 (Sun Dec 17 2023)
+
+### Release Notes
+
+#### Fix where functions in `<Component footer={() => <div />} />` or `<Component Footer={() => <div />} />` are treated as components
+
+#### Fix false positive in rule `react/no-unstable-nested-components`
+
+#### Fix false positive in rule `debug/function-component`
+
+#### ⚠️ Change `ESLintReactSettingsSchema`
+
+#### ⚠️ Rule `named-convention/filename-extension` rename `rule` option to `allow`
+
+#### Rule `named-convention/filename` add `extensions` option
+
+#### Rule `named-convention/filename-extension` add `extensions` option
+
+#### Rules now support reading JSX extensions from `settings.eslintReact.jsx.extensions`
+
+#### Replace ❌ Incorrect and ✅ Correct with Failing and Passing in rule docs
+
+---
+
+#### 🐛 Bug Fix
+
+- `@eslint-react/eslint-plugin-react`
+  - Fix where functions in `<Component footer={() => <div />} />` or `<Component Footer={() => <div />} />` are treated as components
+  - Fix false positive in rule `react/no-unstable-nested-components`.
+
+- `@eslint-react/eslint-plugin-debug`
+  - Fix false positive in rule `debug/function-component`.
+
+#### 📝 Documentation
+
+- `@eslint-react/eslint-plugin-naming-convention`
+  - Replace ❌ Incorrect and ✅ Correct with Failing and Passing in rule docs.
+  - Update default rule option in `named-convention/filename` to `PascalCase`.
+
+#### 🏠 Internal
+
+- `@eslint-react/eslint-plugin-naming-convention`
+  - ⚠️ Rule `named-convention/filename-extension` rename `rule` option to `allow`.
+  - Rule `named-convention/filename` add `extensions` option.
+  - Rule `named-convention/filename-extension` add `extensions` option.
+
+- `@eslint-react/core`
+  - Add `alias` argument to `isReactHookCallWithName`.
+  - Add `isReactHook` function.
+
+- `@eslint-react/shared`
+  - ⚠️ Change `ESLintReactSettingsSchema`.
+  - Move utils from `@eslint-react/shared` to `@eslint-react/utils`.
+  - Remove `JSX_EXTENSIONS` from `@eslint-react/shared`.
+
+- `@eslint-react/monorepo`
+  - Add `@eslint-react/utils` package.
+  - Add `format:package-json` script.
+  - Update `bun` to `1.0.17`.
+  - Update `vitest` to `1.0.4`.
+  - Update `eslint-config-with-tsconfig` to `2.9.160`.
+  - Minor improvements.
+
+#### Authors: 1
+
+- Eva1ent ([@Rel1cx](https://github.com/Rel1cx))
+
+---
+
 ## v0.9.7-beta.2 (Sat Dec 16 2023)
 
 ### Release Notes

VERSION

@@ -1 +1 @@
-0.9.7-beta.2
+0.9.7

examples/with-flat-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "with-flat-config",
-  "version": "0.9.7-beta.2",
+  "version": "0.9.7",
   "private": true,
   "type": "module",
   "scripts": {

examples/with-legacy-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "with-legacy-config",
-  "version": "0.9.7-beta.2",
+  "version": "0.9.7",
   "private": true,
   "scripts": {
     "build": "tsc && vite build",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/monorepo",
-  "version": "0.9.7-beta.2",
+  "version": "0.9.7",
   "description": "ESLint React's monorepo. More than 50 ESLint rules to catch common mistakes and improve your React code. Built (mostly) from scratch.",
   "keywords": [
     "eslint",

packages/ast/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/ast",
-  "version": "0.9.7-beta.2",
+  "version": "0.9.7",
   "description": "ESLint React's TSESTree AST primitive utility module.",
   "homepage": "https://github.com/rel1cx/eslint-react",
   "bugs": {

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/core",
-  "version": "0.9.7-beta.2",
+  "version": "0.9.7",
   "description": "ESLint React's ESLint utility module for static analysis of React core API and Patterns.",
   "homepage": "https://github.com/rel1cx/eslint-react",
   "bugs": {

packages/core/src/component/component-collector.ts

@@ -1,13 +1,16 @@
 import {
+  is,
   isFunctionOfClassMethod,
   isFunctionOfClassProperty,
   isFunctionOfObjectMethod,
+  isOneOf,
   NodeType,
+  traverseUp,
   type TSESTreeFunction,
   unsafeIsMapCall,
 } from "@eslint-react/ast";
 import { getPragmaFromContext, isChildrenOfCreateElement, isJSXValue } from "@eslint-react/jsx";
-import { M, MutList, MutRef, O } from "@eslint-react/tools";
+import { F, M, MutList, MutRef, O } from "@eslint-react/tools";
 import type { RuleContext } from "@eslint-react/types";
 import { uid } from "@eslint-react/utils";
 import { type TSESTree } from "@typescript-eslint/types";
@@ -39,7 +42,23 @@ function hasValidHierarchy(node: TSESTreeFunction, context: RuleContext, hint: b
     return false;
   }
 
-  return !(hint & ERComponentCollectorHint.SkipClassProperty && isFunctionOfClassProperty(node.parent));
+  if (hint & ERComponentCollectorHint.SkipClassProperty && isFunctionOfClassProperty(node.parent)) {
+    return false;
+  }
+
+  return !F.pipe(
+    traverseUp(
+      node,
+      isOneOf([
+        NodeType.JSXExpressionContainer,
+        NodeType.ArrowFunctionExpression,
+        NodeType.FunctionExpression,
+        NodeType.Property,
+        NodeType.ClassBody,
+      ]),
+    ),
+    O.exists(is(NodeType.JSXExpressionContainer)),
+  );
 }
 
 function getComponentFlag(initPath: ERFunctionComponent["initPath"], pragma: string) {
@@ -107,14 +126,14 @@ export function componentCollector(
       MutList.pop(functionStack);
       MutList.append(functionStack, [currentFn, true, []]);
 
+      const initPath = getComponentInitPath(currentFn);
       const id = getFunctionComponentIdentifier(currentFn, context);
-      const key = uid.rnd();
       const name = O.flatMapNullable(
         id,
         getComponentNameFromIdentifier,
       );
-      const initPath = getComponentInitPath(currentFn);
 
+      const key = uid.rnd();
       components.set(key, {
         _: key,
         id,
@@ -148,14 +167,14 @@ export function componentCollector(
         return;
       }
 
+      const initPath = getComponentInitPath(currentFn);
       const id = getFunctionComponentIdentifier(currentFn, context);
-      const key = uid.rnd();
       const name = O.flatMapNullable(
         id,
         getComponentNameFromIdentifier,
       );
-      const initPath = getComponentInitPath(currentFn);
 
+      const key = uid.rnd();
       components.set(key, {
         _: key,
         id,

packages/eslint-plugin-debug/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/eslint-plugin-debug",
-  "version": "0.9.7-beta.2",
+  "version": "0.9.7",
   "description": "ESLint React's ESLint plugin for debugging related rules.",
   "homepage": "https://github.com/rel1cx/eslint-react",
   "bugs": {

packages/eslint-plugin-debug/src/rules/function-component.spec.ts

@@ -791,15 +791,6 @@ ruleTester.run(RULE_NAME, rule, {
             hookCalls: 0,
           },
         },
-        {
-          messageId: "FUNCTION_COMPONENT",
-          data: {
-            name: "anonymous",
-            memo: false,
-            forwardRef: false,
-            hookCalls: 0,
-          },
-        },
       ],
     },
     {
@@ -877,15 +868,6 @@ ruleTester.run(RULE_NAME, rule, {
             hookCalls: 0,
           },
         },
-        {
-          messageId: "FUNCTION_COMPONENT",
-          data: {
-            name: "anonymous",
-            memo: false,
-            forwardRef: false,
-            hookCalls: 0,
-          },
-        },
       ],
     },
     {
@@ -1006,15 +988,6 @@ ruleTester.run(RULE_NAME, rule, {
             hookCalls: 0,
           },
         },
-        {
-          messageId: "FUNCTION_COMPONENT",
-          data: {
-            name: "anonymous",
-            memo: false,
-            forwardRef: false,
-            hookCalls: 0,
-          },
-        },
       ],
     },
     {