@wsxjs/eslint-plugin-wsx 0.0.18 → 0.0.20

package/dist/index.js

@@ -450,6 +450,106 @@ var noInnerHTML = {
   }
 };
 
+// src/rules/i18n-after-autoregister.ts
+var i18nAfterAutoRegister = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "require @i18n decorator to be after @autoRegister decorator",
+      category: "Possible Errors",
+      recommended: true
+    },
+    messages: {
+      wrongOrder: "@i18n decorator must be placed after @autoRegister decorator.\n\nCorrect order:\n  @autoRegister({ tagName: 'my-component' })\n  @i18n('common')\n  export class MyComponent extends WebComponent {}\n\nThis is required because decorators execute from bottom to top."
+    },
+    schema: []
+  },
+  create(context) {
+    const autoRegisterImports = /* @__PURE__ */ new Set();
+    const i18nImports = /* @__PURE__ */ new Set();
+    return {
+      // Track imports to identify decorators
+      ImportDeclaration(node) {
+        if (node.source.type === "Literal" && typeof node.source.value === "string" && node.source.value === "@wsxjs/wsx-core") {
+          node.specifiers.forEach((specifier) => {
+            if (specifier.type === "ImportSpecifier") {
+              if (specifier.imported.type === "Identifier" && specifier.imported.name === "autoRegister") {
+                const localName = specifier.local.type === "Identifier" ? specifier.local.name : null;
+                if (localName) {
+                  autoRegisterImports.add(localName);
+                }
+              }
+            }
+          });
+        }
+        if (node.source.type === "Literal" && typeof node.source.value === "string" && node.source.value === "@wsxjs/wsx-i18next") {
+          node.specifiers.forEach((specifier) => {
+            if (specifier.type === "ImportSpecifier") {
+              if (specifier.imported.type === "Identifier" && specifier.imported.name === "i18n") {
+                const localName = specifier.local.type === "Identifier" ? specifier.local.name : null;
+                if (localName) {
+                  i18nImports.add(localName);
+                }
+              }
+            } else if (specifier.type === "ImportDefaultSpecifier") {
+              const localName = specifier.local.type === "Identifier" ? specifier.local.name : null;
+              if (localName) {
+                i18nImports.add(localName);
+              }
+            }
+          });
+        }
+      },
+      // Check class decorators for correct order
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      "ClassDeclaration, ClassExpression"(node) {
+        if (!node.decorators || node.decorators.length < 2) {
+          return;
+        }
+        let autoRegisterIndex = -1;
+        let i18nIndex = -1;
+        node.decorators.forEach((decorator, index) => {
+          const isAutoRegister = (() => {
+            if (decorator.expression.type === "Identifier") {
+              return decorator.expression.name === "autoRegister" || autoRegisterImports.has(decorator.expression.name);
+            } else if (decorator.expression.type === "CallExpression") {
+              if (decorator.expression.callee.type === "Identifier") {
+                return decorator.expression.callee.name === "autoRegister" || autoRegisterImports.has(decorator.expression.callee.name);
+              }
+            }
+            return false;
+          })();
+          const isI18n = (() => {
+            if (decorator.expression.type === "Identifier") {
+              return decorator.expression.name === "i18n" || i18nImports.has(decorator.expression.name);
+            } else if (decorator.expression.type === "CallExpression") {
+              if (decorator.expression.callee.type === "Identifier") {
+                return decorator.expression.callee.name === "i18n" || i18nImports.has(decorator.expression.callee.name);
+              }
+            }
+            return false;
+          })();
+          if (isAutoRegister && autoRegisterIndex === -1) {
+            autoRegisterIndex = index;
+          }
+          if (isI18n && i18nIndex === -1) {
+            i18nIndex = index;
+          }
+        });
+        if (autoRegisterIndex !== -1 && i18nIndex !== -1) {
+          if (i18nIndex < autoRegisterIndex) {
+            const i18nDecorator = node.decorators[i18nIndex];
+            context.report({
+              node: i18nDecorator,
+              messageId: "wrongOrder"
+            });
+          }
+        }
+      }
+    };
+  }
+};
+
 // src/configs/recommended.ts
 var recommendedConfig = {
   parser: "@typescript-eslint/parser",
@@ -474,6 +574,7 @@ var recommendedConfig = {
     "wsx/require-jsx-import-source": "error",
     "wsx/no-null-render": "error",
     "wsx/no-inner-html": "error",
+    "wsx/i18n-after-autoregister": "error",
     // TypeScript 规则（推荐）
     "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
     "@typescript-eslint/no-explicit-any": "warn",
@@ -642,7 +743,8 @@ var plugin = {
     "state-requires-initial-value": stateRequiresInitialValue,
     "require-jsx-import-source": requireJsxImportSource,
     "no-null-render": noNullRender,
-    "no-inner-html": noInnerHTML
+    "no-inner-html": noInnerHTML,
+    "i18n-after-autoregister": i18nAfterAutoRegister
   },
   // 配置预设
   configs: {

package/dist/index.mjs

@@ -421,6 +421,106 @@ var noInnerHTML = {
   }
 };
 
+// src/rules/i18n-after-autoregister.ts
+var i18nAfterAutoRegister = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "require @i18n decorator to be after @autoRegister decorator",
+      category: "Possible Errors",
+      recommended: true
+    },
+    messages: {
+      wrongOrder: "@i18n decorator must be placed after @autoRegister decorator.\n\nCorrect order:\n  @autoRegister({ tagName: 'my-component' })\n  @i18n('common')\n  export class MyComponent extends WebComponent {}\n\nThis is required because decorators execute from bottom to top."
+    },
+    schema: []
+  },
+  create(context) {
+    const autoRegisterImports = /* @__PURE__ */ new Set();
+    const i18nImports = /* @__PURE__ */ new Set();
+    return {
+      // Track imports to identify decorators
+      ImportDeclaration(node) {
+        if (node.source.type === "Literal" && typeof node.source.value === "string" && node.source.value === "@wsxjs/wsx-core") {
+          node.specifiers.forEach((specifier) => {
+            if (specifier.type === "ImportSpecifier") {
+              if (specifier.imported.type === "Identifier" && specifier.imported.name === "autoRegister") {
+                const localName = specifier.local.type === "Identifier" ? specifier.local.name : null;
+                if (localName) {
+                  autoRegisterImports.add(localName);
+                }
+              }
+            }
+          });
+        }
+        if (node.source.type === "Literal" && typeof node.source.value === "string" && node.source.value === "@wsxjs/wsx-i18next") {
+          node.specifiers.forEach((specifier) => {
+            if (specifier.type === "ImportSpecifier") {
+              if (specifier.imported.type === "Identifier" && specifier.imported.name === "i18n") {
+                const localName = specifier.local.type === "Identifier" ? specifier.local.name : null;
+                if (localName) {
+                  i18nImports.add(localName);
+                }
+              }
+            } else if (specifier.type === "ImportDefaultSpecifier") {
+              const localName = specifier.local.type === "Identifier" ? specifier.local.name : null;
+              if (localName) {
+                i18nImports.add(localName);
+              }
+            }
+          });
+        }
+      },
+      // Check class decorators for correct order
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      "ClassDeclaration, ClassExpression"(node) {
+        if (!node.decorators || node.decorators.length < 2) {
+          return;
+        }
+        let autoRegisterIndex = -1;
+        let i18nIndex = -1;
+        node.decorators.forEach((decorator, index) => {
+          const isAutoRegister = (() => {
+            if (decorator.expression.type === "Identifier") {
+              return decorator.expression.name === "autoRegister" || autoRegisterImports.has(decorator.expression.name);
+            } else if (decorator.expression.type === "CallExpression") {
+              if (decorator.expression.callee.type === "Identifier") {
+                return decorator.expression.callee.name === "autoRegister" || autoRegisterImports.has(decorator.expression.callee.name);
+              }
+            }
+            return false;
+          })();
+          const isI18n = (() => {
+            if (decorator.expression.type === "Identifier") {
+              return decorator.expression.name === "i18n" || i18nImports.has(decorator.expression.name);
+            } else if (decorator.expression.type === "CallExpression") {
+              if (decorator.expression.callee.type === "Identifier") {
+                return decorator.expression.callee.name === "i18n" || i18nImports.has(decorator.expression.callee.name);
+              }
+            }
+            return false;
+          })();
+          if (isAutoRegister && autoRegisterIndex === -1) {
+            autoRegisterIndex = index;
+          }
+          if (isI18n && i18nIndex === -1) {
+            i18nIndex = index;
+          }
+        });
+        if (autoRegisterIndex !== -1 && i18nIndex !== -1) {
+          if (i18nIndex < autoRegisterIndex) {
+            const i18nDecorator = node.decorators[i18nIndex];
+            context.report({
+              node: i18nDecorator,
+              messageId: "wrongOrder"
+            });
+          }
+        }
+      }
+    };
+  }
+};
+
 // src/configs/recommended.ts
 var recommendedConfig = {
   parser: "@typescript-eslint/parser",
@@ -445,6 +545,7 @@ var recommendedConfig = {
     "wsx/require-jsx-import-source": "error",
     "wsx/no-null-render": "error",
     "wsx/no-inner-html": "error",
+    "wsx/i18n-after-autoregister": "error",
     // TypeScript 规则（推荐）
     "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
     "@typescript-eslint/no-explicit-any": "warn",
@@ -613,7 +714,8 @@ var plugin = {
     "state-requires-initial-value": stateRequiresInitialValue,
     "require-jsx-import-source": requireJsxImportSource,
     "no-null-render": noNullRender,
-    "no-inner-html": noInnerHTML
+    "no-inner-html": noInnerHTML,
+    "i18n-after-autoregister": i18nAfterAutoRegister
   },
   // 配置预设
   configs: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsxjs/eslint-plugin-wsx",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "ESLint plugin for WSXJS",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -25,7 +25,7 @@
     "web-components"
   ],
   "dependencies": {
-    "@wsxjs/wsx-core": "0.0.18"
+    "@wsxjs/wsx-core": "0.0.20"
   },
   "devDependencies": {
     "tsup": "^8.0.0",

package/src/configs/recommended.ts

@@ -28,6 +28,7 @@ export const recommendedConfig: WSXConfig = {
         "wsx/require-jsx-import-source": "error",
         "wsx/no-null-render": "error",
         "wsx/no-inner-html": "error",
+        "wsx/i18n-after-autoregister": "error",
 
         // TypeScript 规则（推荐）
         "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],

package/src/index.ts

@@ -12,6 +12,7 @@ import { stateRequiresInitialValue } from "./rules/state-requires-initial-value"
 import { requireJsxImportSource } from "./rules/require-jsx-import-source";
 import { noNullRender } from "./rules/no-null-render";
 import { noInnerHTML } from "./rules/no-inner-html";
+import { i18nAfterAutoRegister } from "./rules/i18n-after-autoregister";
 import { recommendedConfig } from "./configs/recommended";
 import { createFlatConfig } from "./configs/flat";
 import { WSXPlugin } from "./types";
@@ -32,6 +33,7 @@ const plugin: WSXPlugin = {
         "require-jsx-import-source": requireJsxImportSource,
         "no-null-render": noNullRender,
         "no-inner-html": noInnerHTML,
+        "i18n-after-autoregister": i18nAfterAutoRegister,
     },
 
     // 配置预设

package/src/rules/i18n-after-autoregister.ts

@@ -0,0 +1,166 @@
+/**
+ * ESLint 规则：i18n-after-autoregister
+ *
+ * 确保 @i18n 装饰器必须在 @autoRegister 装饰器之后
+ * 这是因为装饰器的执行顺序是从下到上，@i18n 需要先应用，然后 @autoRegister 才能注册正确的类
+ */
+
+import { Rule } from "eslint";
+import { WSXRuleModule } from "../types";
+
+export const i18nAfterAutoRegister: WSXRuleModule = {
+    meta: {
+        type: "problem",
+        docs: {
+            description: "require @i18n decorator to be after @autoRegister decorator",
+            category: "Possible Errors",
+            recommended: true,
+        },
+        messages: {
+            wrongOrder:
+                "@i18n decorator must be placed after @autoRegister decorator.\n" +
+                "\n" +
+                "Correct order:\n" +
+                "  @autoRegister({ tagName: 'my-component' })\n" +
+                "  @i18n('common')\n" +
+                "  export class MyComponent extends WebComponent {}\n" +
+                "\n" +
+                "This is required because decorators execute from bottom to top.",
+        },
+        schema: [],
+    },
+    create(context: Rule.RuleContext) {
+        // Track imported decorator identifiers
+        const autoRegisterImports = new Set<string>();
+        const i18nImports = new Set<string>();
+
+        return {
+            // Track imports to identify decorators
+            ImportDeclaration(node) {
+                // Track @autoRegister from @wsxjs/wsx-core
+                if (
+                    node.source.type === "Literal" &&
+                    typeof node.source.value === "string" &&
+                    node.source.value === "@wsxjs/wsx-core"
+                ) {
+                    node.specifiers.forEach((specifier) => {
+                        if (specifier.type === "ImportSpecifier") {
+                            if (
+                                specifier.imported.type === "Identifier" &&
+                                specifier.imported.name === "autoRegister"
+                            ) {
+                                const localName =
+                                    specifier.local.type === "Identifier"
+                                        ? specifier.local.name
+                                        : null;
+                                if (localName) {
+                                    autoRegisterImports.add(localName);
+                                }
+                            }
+                        }
+                    });
+                }
+
+                // Track @i18n from @wsxjs/wsx-i18next
+                if (
+                    node.source.type === "Literal" &&
+                    typeof node.source.value === "string" &&
+                    node.source.value === "@wsxjs/wsx-i18next"
+                ) {
+                    node.specifiers.forEach((specifier) => {
+                        if (specifier.type === "ImportSpecifier") {
+                            if (
+                                specifier.imported.type === "Identifier" &&
+                                specifier.imported.name === "i18n"
+                            ) {
+                                const localName =
+                                    specifier.local.type === "Identifier"
+                                        ? specifier.local.name
+                                        : null;
+                                if (localName) {
+                                    i18nImports.add(localName);
+                                }
+                            }
+                        } else if (specifier.type === "ImportDefaultSpecifier") {
+                            // Handle default import: import i18n from '@wsxjs/wsx-i18next'
+                            const localName =
+                                specifier.local.type === "Identifier" ? specifier.local.name : null;
+                            if (localName) {
+                                i18nImports.add(localName);
+                            }
+                        }
+                    });
+                }
+            },
+
+            // Check class decorators for correct order
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            "ClassDeclaration, ClassExpression"(node: any) {
+                if (!node.decorators || node.decorators.length < 2) {
+                    return;
+                }
+
+                // Find positions of @autoRegister and @i18n decorators
+                let autoRegisterIndex = -1;
+                let i18nIndex = -1;
+
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                node.decorators.forEach((decorator: any, index: number) => {
+                    const isAutoRegister = (() => {
+                        if (decorator.expression.type === "Identifier") {
+                            return (
+                                decorator.expression.name === "autoRegister" ||
+                                autoRegisterImports.has(decorator.expression.name)
+                            );
+                        } else if (decorator.expression.type === "CallExpression") {
+                            if (decorator.expression.callee.type === "Identifier") {
+                                return (
+                                    decorator.expression.callee.name === "autoRegister" ||
+                                    autoRegisterImports.has(decorator.expression.callee.name)
+                                );
+                            }
+                        }
+                        return false;
+                    })();
+
+                    const isI18n = (() => {
+                        if (decorator.expression.type === "Identifier") {
+                            return (
+                                decorator.expression.name === "i18n" ||
+                                i18nImports.has(decorator.expression.name)
+                            );
+                        } else if (decorator.expression.type === "CallExpression") {
+                            if (decorator.expression.callee.type === "Identifier") {
+                                return (
+                                    decorator.expression.callee.name === "i18n" ||
+                                    i18nImports.has(decorator.expression.callee.name)
+                                );
+                            }
+                        }
+                        return false;
+                    })();
+
+                    if (isAutoRegister && autoRegisterIndex === -1) {
+                        autoRegisterIndex = index;
+                    }
+                    if (isI18n && i18nIndex === -1) {
+                        i18nIndex = index;
+                    }
+                });
+
+                // If both decorators are present, check order
+                // Decorators execute from bottom to top, so @i18n should be after @autoRegister (higher index)
+                if (autoRegisterIndex !== -1 && i18nIndex !== -1) {
+                    if (i18nIndex < autoRegisterIndex) {
+                        // Find the @i18n decorator node to report the error
+                        const i18nDecorator = node.decorators[i18nIndex];
+                        context.report({
+                            node: i18nDecorator,
+                            messageId: "wrongOrder",
+                        });
+                    }
+                }
+            },
+        };
+    },
+};