Merge branch 'main' into react-x/no-misused-capture-owner-stack

Rel1cx · web-flow · commit f535e27e595e · 2025-04-11T12:16:37.000+08:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,15 @@
+## v1.44.0 (2025-04-11)
+
+### ✨ New
+
+- feat: add JSX fragment factory to error message of `react-x/avoid-shorthand-fragment` by @Rel1cx in https://github.com/Rel1cx/eslint-react/pull/1051
+
+### 🪄 Improvements
+
+- perf: replace `valibot` with `@zod/mini` by @Rel1cx in https://github.com/Rel1cx/eslint-react/pull/1050
+
+**Full Changelog**: https://github.com/Rel1cx/eslint-react/compare/v1.43.0...v1.44.0
+
 ## v1.43.0 (2025-04-10)
 
 ### ✨ New
diff --git a/README.md b/README.md
@@ -10,7 +10,7 @@ A series of future-proof ESLint rules for React and friends.
 ## Features
 
 - **Performant**: Built with performance in mind, optimized for large codebases.
-- **Future-proof**: Forward-looking architecture that anticipates future React features.
+- **Future-proof**: Forward-looking architecture that anticipates future changes in React and TypeScript.
 - **Precision Control**: Fully customizable rule severity levels, allowing you to enforce or relax rules as needed.
 - **Context-aware Linting**: Rules that understand the context of your code and project configuration, providing more accurate linting results.
 
diff --git a/VERSION b/VERSION
@@ -1 +1 @@
-1.43.2-next.1
+v1.44.0
diff --git a/apps/website/app/(home)/page.tsx b/apps/website/app/(home)/page.tsx
@@ -11,7 +11,7 @@ const features = [
   ],
   [
     "Future-proof",
-    "Forward-looking architecture that anticipates future React features.",
+    "Forward-looking architecture that anticipates future changes in React and TypeScript.",
     Shield,
   ],
   [
diff --git a/apps/website/content/docs/changelog.md b/apps/website/content/docs/changelog.md
@@ -2,6 +2,18 @@
 title: Changelog
 ---
 
+## v1.44.0 (2025-04-11)
+
+### ✨ New
+
+- feat: add JSX fragment factory to error message of `react-x/avoid-shorthand-fragment` by @Rel1cx in https://github.com/Rel1cx/eslint-react/pull/1051
+
+### 🪄 Improvements
+
+- perf: replace `valibot` with `@zod/mini` by @Rel1cx in https://github.com/Rel1cx/eslint-react/pull/1050
+
+**Full Changelog**: https://github.com/Rel1cx/eslint-react/compare/v1.43.0...v1.44.0
+
 ## v1.43.0 (2025-04-10)
 
 ### ✨ New
diff --git a/eslint.config.ts b/eslint.config.ts
@@ -9,6 +9,7 @@ import { globalIgnores } from "eslint/config";
 import tseslint from "typescript-eslint";
 
 const dirname = url.fileURLToPath(new URL(".", import.meta.url));
+
 const GLOB_TS = ["*.{ts,tsx,cts,mts}", "**/*.{ts,tsx,cts,mts}"];
 const GLOB_MD = ["*.md", "**/*.md"];
 const GLOB_TEST = [
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/monorepo",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "private": true,
   "description": "Monorepo for eslint-plugin-react-[x, dom, web-api, hooks-extra, naming-convention].",
   "keywords": [
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/core",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's ESLint utility module for static analysis of React core APIs and patterns.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/plugins/eslint-plugin-react-debug/package.json b/packages/plugins/eslint-plugin-react-debug/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-debug",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's ESLint plugin for debugging related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-dom/package.json b/packages/plugins/eslint-plugin-react-dom/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-hooks-extra/package.json b/packages/plugins/eslint-plugin-react-hooks-extra/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-hooks-extra",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's ESLint plugin for React Hooks related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-naming-convention/package.json b/packages/plugins/eslint-plugin-react-naming-convention/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-naming-convention",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's ESLint plugin for naming convention related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-web-api/package.json b/packages/plugins/eslint-plugin-react-web-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-web-api",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's ESLint plugin for interacting with Web APIs",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-x/package.json b/packages/plugins/eslint-plugin-react-x/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-x",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "A set of composable ESLint rules for for libraries and frameworks that use React as a UI runtime.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.spec.ts b/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.spec.ts
@@ -22,10 +22,66 @@ ruleTester.run(RULE_NAME, rule, {
       ],
     },
     {
-      code: tsx`<>text</>`,
+      code: tsx`
+        /** @jsx createElement */
+        /** @jsxFrag Fragment */
+
+        const element = <><div /></>;
+      `,
+      errors: [
+        {
+          messageId: "avoidShorthandFragment",
+          data: {
+            jsxFragmentFactory: "Fragment",
+          },
+        },
+      ],
+    },
+    {
+      code: tsx`
+        /** @jsx React.createElement */
+        /** @jsxFrag React.Fragment */
+
+        const element = <><div /></>;
+      `,
+      errors: [
+        {
+          messageId: "avoidShorthandFragment",
+          data: {
+            jsxFragmentFactory: "React.Fragment",
+          },
+        },
+      ],
+    },
+    {
+      code: tsx`
+        /** @jsx h */
+        /** @jsxFrag Fragment */
+
+        const element = <><div /></>;
+      `,
+      errors: [
+        {
+          messageId: "avoidShorthandFragment",
+          data: {
+            jsxFragmentFactory: "Fragment",
+          },
+        },
+      ],
+    },
+    {
+      code: tsx`
+        /** @jsx Preact.h */
+        /** @jsxFrag Preact.Fragment */
+
+        const element = <><div /></>;
+      `,
       errors: [
         {
           messageId: "avoidShorthandFragment",
+          data: {
+            jsxFragmentFactory: "Preact.Fragment",
+          },
         },
       ],
     },
diff --git a/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.ts b/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.ts
@@ -1,6 +1,6 @@
-import type { RuleContext, RuleFeature } from "@eslint-react/kit";
 import type { RuleListener } from "@typescript-eslint/utils/ts-eslint";
 import type { CamelCase } from "string-ts";
+import { JsxConfig, type RuleContext, type RuleFeature } from "@eslint-react/kit";
 
 import { createRule } from "../utils";
 
@@ -18,7 +18,7 @@ export default createRule<[], MessageID>({
       [Symbol.for("rule_features")]: RULE_FEATURES,
     },
     messages: {
-      avoidShorthandFragment: "Avoid using shorthand fragment syntax. Use 'Fragment' component instead.",
+      avoidShorthandFragment: "Avoid using shorthand fragment syntax. Use '{{jsxFragmentFactory}}' component instead.",
     },
     schema: [],
   },
@@ -28,11 +28,21 @@ export default createRule<[], MessageID>({
 });
 
 export function create(context: RuleContext<MessageID, []>): RuleListener {
+  const jsxConfigFromContext = JsxConfig.getFromContext(context);
+  const jsxConfigFromAnnotation = JsxConfig.getFromAnnotation(context);
+  const jsxConfig = {
+    ...jsxConfigFromContext,
+    ...jsxConfigFromAnnotation,
+  };
+
   return {
     JSXFragment(node) {
       context.report({
         messageId: "avoidShorthandFragment",
         node,
+        data: {
+          jsxFragmentFactory: jsxConfig.jsxFragmentFactory,
+        },
       });
     },
   };
diff --git a/packages/plugins/eslint-plugin/README.md b/packages/plugins/eslint-plugin/README.md
@@ -10,7 +10,7 @@ A series of future-proof ESLint rules for React and friends.
 ## Features
 
 - **Performant**: Built with performance in mind, optimized for large codebases.
-- **Future-proof**: Forward-looking architecture that anticipates future React features.
+- **Future-proof**: Forward-looking architecture that anticipates future changes in React and TypeScript.
 - **Precision Control**: Fully customizable rule severity levels, allowing you to enforce or relax rules as needed.
 - **Context-aware Linting**: Rules that understand the context of your code and project configuration, providing more accurate linting results.
 
diff --git a/packages/plugins/eslint-plugin/package.json b/packages/plugins/eslint-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/eslint-plugin",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "A series of future-proof ESLint rules for React and friends.",
   "keywords": [
     "react",
diff --git a/packages/shared/package.json b/packages/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/shared",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's Shared constants and functions.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
@@ -45,7 +45,7 @@
     "@eslint-react/eff": "workspace:*",
     "@eslint-react/kit": "workspace:*",
     "@typescript-eslint/utils": "^8.29.1",
-    "@zod/mini": "^4.0.0-beta.20250411T005215",
+    "@zod/mini": "^4.0.0-beta.0",
     "picomatch": "^4.0.2",
     "ts-pattern": "^5.7.0"
   },
diff --git a/packages/utilities/ast/package.json b/packages/utilities/ast/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/ast",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's TSESTree AST utility module.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/eff/package.json b/packages/utilities/eff/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/eff",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "JavaScript and TypeScript utilities (previously some re-exports of the effect library).",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/jsx/package.json b/packages/utilities/jsx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/jsx",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's TSESTree AST utility module for static analysis of JSX.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/kit/package.json b/packages/utilities/kit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/kit",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's plugin kit for building plugins and rules.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/var/package.json b/packages/utilities/var/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/var",
-  "version": "1.43.2-next.1",
+  "version": "1.44.0",
   "description": "ESLint React's TSESTree AST utility module for static analysis of variables.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ const features = [`
`11`	`11`	`],`
`12`	`12`	`[`
`13`	`13`	`"Future-proof",`
`14`		`- "Forward-looking architecture that anticipates future React features.",`
	`14`	`+ "Forward-looking architecture that anticipates future changes in React and TypeScript.",`
`15`	`15`	`Shield,`
`16`	`16`	`],`
`17`	`17`	`[`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@eslint-react/monorepo",`
`3`		`- "version": "1.43.2-next.1",`
	`3`	`+ "version": "1.44.0",`
`4`	`4`	`"private": true,`
`5`	`5`	`"description": "Monorepo for eslint-plugin-react-[x, dom, web-api, hooks-extra, naming-convention].",`
`6`	`6`	`"keywords": [`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@eslint-react/core",`
`3`		`- "version": "1.43.2-next.1",`
	`3`	`+ "version": "1.44.0",`
`4`	`4`	`"description": "ESLint React's ESLint utility module for static analysis of React core APIs and patterns.",`
`5`	`5`	`"homepage": "https://github.com/Rel1cx/eslint-react",`
`6`	`6`	`"bugs": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "eslint-plugin-react-debug",`
`3`		`- "version": "1.43.2-next.1",`
	`3`	`+ "version": "1.44.0",`
`4`	`4`	`"description": "ESLint React's ESLint plugin for debugging related rules.",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"react",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "eslint-plugin-react-dom",`
`3`		`- "version": "1.43.2-next.1",`
	`3`	`+ "version": "1.44.0",`
`4`	`4`	`"description": "ESLint React's ESLint plugin for React DOM related rules.",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"react",`