fix: export 'react-x/no-forbidden-props' rule and add it to rules overview page

.pkgs/configs/package.json

@@ -23,7 +23,7 @@
     "@stylistic/eslint-plugin": "^5.2.3",
     "eslint-plugin-de-morgan": "^1.3.1",
     "eslint-plugin-function": "^0.0.22",
-    "eslint-plugin-jsdoc": "^53.0.1",
+    "eslint-plugin-jsdoc": "^54.0.0",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-regexp": "^2.10.0",
     "eslint-plugin-unicorn": "^60.0.0",

.pkgs/eslint-plugin-local/package.json

@@ -33,7 +33,7 @@
     "@typescript-eslint/types": "^8.39.1",
     "@typescript-eslint/utils": "^8.39.1",
     "eslint-plugin-de-morgan": "^1.3.1",
-    "eslint-plugin-jsdoc": "^53.0.1",
+    "eslint-plugin-jsdoc": "^54.0.0",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-regexp": "^2.10.0",
     "eslint-plugin-unicorn": "^60.0.0",

apps/website/content/docs/rules/meta.json

@@ -31,6 +31,7 @@
     "no-direct-set-state-in-use-effect",
     "no-direct-set-state-in-use-layout-effect",
     "no-duplicate-key",
+    "no-forbidden-props",
     "no-forward-ref",
     "no-implicit-key",
     "no-leaked-conditional-rendering",

apps/website/content/docs/rules/overview.mdx

@@ -58,6 +58,7 @@ The `jsx-*` rules check for issues exclusive to JSX syntax, which are absent fro
 | [`no-default-props`](./no-default-props)                                             | 2️⃣ |           | Disallow `defaultProps` property in favor of ES6 default parameters                                 |          |
 | [`no-direct-mutation-state`](./no-direct-mutation-state)                             | 2️⃣ |           | Disallow direct mutation of `this.state`                                                            |          |
 | [`no-duplicate-key`](./no-duplicate-key)                                             | 2️⃣ |           | Disallow duplicate `key` on elements in the same array or a list of `children`                      |          |
+| [`no-forbidden-props`](./no-forbidden-props)                                         | 1️⃣ |   `🔧`    | Disallow certain props on components                                                                |          |
 | [`no-forward-ref`](./no-forward-ref)                                                 | 1️⃣ |   `🔄`    | Replaces usages of `forwardRef` with passing `ref` as a prop                                        | >=19.0.0 |
 | [`no-implicit-key`](./no-implicit-key)                                               | 1️⃣ |   `🧪`    | Prevents `key` from not being explicitly specified (e.g. spreading `key` from objects)              |          |
 | [`no-leaked-conditional-rendering`](./no-leaked-conditional-rendering)               | 1️⃣ |   `💭`    | Prevents problematic leaked values from being rendered                                              |          |

examples/rspeedy-react-lynx-app/lynx.config.ts

@@ -2,13 +2,11 @@ import { pluginQRCode } from "@lynx-js/qrcode-rsbuild-plugin";
 import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
 import { defineConfig } from "@lynx-js/rspeedy";
 import { pluginTypeCheck } from "@rsbuild/plugin-type-check";
-import { pluginTailwindCSS } from "rsbuild-plugin-tailwindcss";
 
 export default defineConfig({
   plugins: [
     pluginReactLynx(),
     pluginQRCode(),
-    pluginTailwindCSS(),
     pluginTypeCheck(),
   ],
   environments: {

examples/rspeedy-react-lynx-app/package.json

@@ -20,7 +20,6 @@
   "devDependencies": {
     "@eslint/config-inspector": "^1.1.0",
     "@eslint/js": "^9.33.0",
-    "@lynx-contrib/tailwind-preset": "^0.0.2",
     "@lynx-js/qrcode-rsbuild-plugin": "^0.4.0",
     "@lynx-js/react-rsbuild-plugin": "^0.10.11",
     "@lynx-js/rspeedy": "^0.10.6",
@@ -29,7 +28,6 @@
     "@rsbuild/plugin-type-check": "^1.2.4",
     "@types/react": "^19.1.10",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-x": "workspace:*",
-    "rsbuild-plugin-tailwindcss": "^0.2.3"
+    "eslint-plugin-react-x": "workspace:*"
   }
 }

examples/rspeedy-react-lynx-app/src/App.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

examples/rspeedy-react-lynx-app/src/App.tsx

@@ -7,26 +7,25 @@ export function App() {
 
   return (
     <page>
-      <view className="flex flex-col justify-center items-center min-h-screen text-center">
-        <text className="text-6xl font-bold leading-normal underline">
+      <view>
+        <text>
           ReactLynx + TailwindCSS
         </text>
-        <text className="text-lg font-normal text-gray-500 leading-normal">
+        <text>
           Start building amazing things with ReactLynx.
         </text>
         <view
-          className="flex flex-row p-20 rounded-full"
           style={{
             backgroundColor: "rgba(255, 255, 255, 0.5)",
             padding: "40px",
             margin: "10px",
           }}
         >
-          <text className="text-4xl font-bold text-gray-800">
+          <text>
             Count: {count}
           </text>
         </view>
-        <view className="grid grid-cols-3 gap-4">
+        <view>
           <text>01</text>
           <text>02</text>
           <text>03</text>

packages/plugins/eslint-plugin-react-x/src/plugin.ts

@@ -27,6 +27,7 @@ import noCreateRef from "./rules/no-create-ref";
 import noDefaultProps from "./rules/no-default-props";
 import noDirectMutationState from "./rules/no-direct-mutation-state";
 import noDuplicateKey from "./rules/no-duplicate-key";
+import noForbiddenProps from "./rules/no-forbidden-props";
 import noForwardRef from "./rules/no-forward-ref";
 import noImplicitKey from "./rules/no-implicit-key";
 import noLeakedConditionalRendering from "./rules/no-leaked-conditional-rendering";
@@ -104,6 +105,7 @@ export const plugin = {
     "no-default-props": noDefaultProps,
     "no-direct-mutation-state": noDirectMutationState,
     "no-duplicate-key": noDuplicateKey,
+    "no-forbidden-props": noForbiddenProps,
     "no-forward-ref": noForwardRef,
     "no-implicit-key": noImplicitKey,
     "no-leaked-conditional-rendering": noLeakedConditionalRendering,

packages/plugins/eslint-plugin-react-x/src/rules/no-forbidden-props.ts

@@ -1,5 +1,5 @@
 import type { RuleListener } from "@typescript-eslint/utils/ts-eslint";
-import { type RuleContext, type RuleFeature, RegExp } from "@eslint-react/kit";
+import { RegExp as RE, type RuleContext, type RuleFeature } from "@eslint-react/kit";
 
 import { AST_NODE_TYPES as T } from "@typescript-eslint/types";
 import { camelCase, type CamelCase } from "string-ts";
@@ -8,7 +8,9 @@ import { createRule } from "../utils";
 export const RULE_NAME = "no-forbidden-props";
 
 export const RULE_FEATURES = ["CFG"] as const satisfies RuleFeature[];
+
 export type MessageID = CamelCase<typeof RULE_NAME>;
+
 const messageId = camelCase(RULE_NAME);
 
 type Options = readonly [
@@ -113,15 +115,14 @@ export function create(context: RuleContext<MessageID, Options>, [option]: Optio
           }
           const forbiddenProp = typeof forbiddenPropItem === "string" ? forbiddenPropItem : forbiddenPropItem.prop;
 
-          const forbiddenPropRegExp = RegExp.toRegExp(forbiddenProp);
+          const forbiddenPropRegExp = RE.toRegExp(forbiddenProp);
           if (forbiddenPropRegExp.test(name)) {
             context.report({
               messageId,
               node: attr,
               data: { name },
             });
           }
-
         }
       }
     },