fix(plugins/x): enhance no-context-provider rule to include context n… (#935)

Author: Rel1cx

packages/plugins/eslint-plugin-react-x/src/rules/no-context-provider.spec.ts

@@ -5,7 +5,14 @@ ruleTester.run(RULE_NAME, rule, {
   invalid: [
     {
       code: "<Context.Provider />",
-      errors: [{ messageId: "noContextProvider" }],
+      errors: [
+        {
+          messageId: "noContextProvider",
+          data: {
+            contextName: "Context",
+          },
+        },
+      ],
       output: "<Context />",
       settings: {
         "react-x": {
@@ -14,9 +21,16 @@ ruleTester.run(RULE_NAME, rule, {
       },
     },
     {
-      code: "<Context.Provider><App /></Context.Provider>",
-      errors: [{ messageId: "noContextProvider" }],
-      output: "<Context><App /></Context>",
+      code: "<ThemeContext.Provider><App /></ThemeContext.Provider>",
+      errors: [
+        {
+          messageId: "noContextProvider",
+          data: {
+            contextName: "ThemeContext",
+          },
+        },
+      ],
+      output: "<ThemeContext><App /></ThemeContext>",
       settings: {
         "react-x": {
           version: "19.0.0",
@@ -25,7 +39,14 @@ ruleTester.run(RULE_NAME, rule, {
     },
     {
       code: "<Context.Provider>{children}</Context.Provider>",
-      errors: [{ messageId: "noContextProvider" }],
+      errors: [
+        {
+          messageId: "noContextProvider",
+          data: {
+            contextName: "Context",
+          },
+        },
+      ],
       output: "<Context>{children}</Context>",
       settings: {
         "react-x": {
@@ -35,7 +56,14 @@ ruleTester.run(RULE_NAME, rule, {
     },
     {
       code: "<Foo.Bar.Provider>{children}</Foo.Bar.Provider>",
-      errors: [{ messageId: "noContextProvider" }],
+      errors: [
+        {
+          messageId: "noContextProvider",
+          data: {
+            contextName: "Foo.Bar",
+          },
+        },
+      ],
       output: "<Foo.Bar>{children}</Foo.Bar>",
       settings: {
         "react-x": {

packages/plugins/eslint-plugin-react-x/src/rules/no-context-provider.ts

@@ -24,7 +24,8 @@ export default createRule<[], MessageID>({
     },
     fixable: "code",
     messages: {
-      noContextProvider: "In React 19, you can render '<Context>' as a provider instead of '<Context.Provider>'.",
+      noContextProvider:
+        "In React 19, you can render '<{{contextName}}>' as a provider instead of '<{{contextName}}.Provider>'.",
     },
     schema: [],
   },
@@ -37,15 +38,13 @@ export default createRule<[], MessageID>({
     }
     return {
       JSXElement(node) {
-        const elementName = JSX.getElementName(node);
-        if (!elementName.endsWith(".Provider")) {
-          return;
-        }
+        const [name, ...rest] = JSX.getElementName(node).split(".").reverse();
+        if (name !== "Provider") return;
+        const contextName = rest.reverse().join(".");
         context.report({
           messageId: "noContextProvider",
           node,
           fix(fixer) {
-            const contextName = elementName.replace(/\.Provider$/, "");
             const openingElement = node.openingElement;
             const closingElement = node.closingElement;
             if (closingElement == null) {