@wsxjs/eslint-plugin-wsx 0.0.5

package/dist/index.js

@@ -0,0 +1,387 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  configs: () => configs,
+  default: () => index_default,
+  flat: () => flat,
+  rules: () => rules
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/rules/render-method-required.ts
+var renderMethodRequired = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "require WSX components to implement render method",
+      category: "Possible Errors",
+      recommended: true
+    },
+    messages: {
+      missingRenderMethod: "WSX component '{{componentName}}' must implement a render() method"
+    },
+    schema: []
+    // 无配置选项
+  },
+  create(context) {
+    return {
+      ClassDeclaration(node) {
+        const isWebComponent = node.superClass && node.superClass.type === "Identifier" && node.superClass.name === "WebComponent";
+        if (!isWebComponent) return;
+        const componentName = node.id?.name || "Unknown";
+        const hasRenderMethod = node.body.body.some(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          (member) => member.type === "MethodDefinition" && member.key.type === "Identifier" && member.key.name === "render" && member.value.body !== null
+        );
+        if (!hasRenderMethod) {
+          context.report({
+            node,
+            messageId: "missingRenderMethod",
+            data: { componentName }
+          });
+        }
+      }
+    };
+  }
+};
+
+// src/rules/no-react-imports.ts
+var noReactImports = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "disallow React imports in WSX files",
+      category: "Best Practices",
+      recommended: true
+    },
+    fixable: "code",
+    messages: {
+      noReactImport: "Do not import React in WSX files. Use 'h' function instead"
+    },
+    schema: []
+    // 无配置选项
+  },
+  create(context) {
+    const reactModules = [
+      "react",
+      "react-dom",
+      "react-dom/client",
+      "react-hooks",
+      "@types/react",
+      "@types/react-dom"
+    ];
+    return {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      ImportDeclaration(node) {
+        const source = node.source.value;
+        if (typeof source === "string" && reactModules.some(
+          (module2) => source === module2 || source.startsWith(module2 + "/")
+        )) {
+          context.report({
+            node,
+            messageId: "noReactImport",
+            fix(fixer) {
+              return fixer.remove(node);
+            }
+          });
+        }
+      }
+    };
+  }
+};
+
+// src/rules/web-component-naming.ts
+var webComponentNaming = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "enforce Web Component naming conventions",
+      category: "Stylistic Issues",
+      recommended: true
+    },
+    messages: {
+      tagNameNeedsHyphen: "Web Component tag name '{{tagName}}' must contain at least one hyphen",
+      tagNameReserved: "Tag name '{{tagName}}' conflicts with HTML standard elements"
+    },
+    schema: []
+    // 无配置选项
+  },
+  create(context) {
+    const htmlElements = /* @__PURE__ */ new Set([
+      "div",
+      "span",
+      "p",
+      "a",
+      "button",
+      "input",
+      "form",
+      "img",
+      "h1",
+      "h2",
+      "h3",
+      "ul",
+      "li",
+      "table",
+      "tr",
+      "td",
+      "th",
+      "section",
+      "article",
+      "header",
+      "footer"
+    ]);
+    return {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      Decorator(node) {
+        if (node.expression.type === "CallExpression" && node.expression.callee.type === "Identifier" && node.expression.callee.name === "autoRegister") {
+          const args = node.expression.arguments;
+          if (args.length > 0 && args[0].type === "ObjectExpression") {
+            const tagNameProp = args[0].properties.find(
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              (prop) => prop.type === "Property" && prop.key && prop.key.type === "Identifier" && prop.key.name === "tagName"
+            );
+            if (tagNameProp && tagNameProp.type === "Property" && tagNameProp.value.type === "Literal") {
+              const tagName = tagNameProp.value.value;
+              if (typeof tagName === "string") {
+                if (htmlElements.has(tagName)) {
+                  context.report({
+                    node: tagNameProp.value,
+                    messageId: "tagNameReserved",
+                    data: { tagName }
+                  });
+                } else if (!tagName.includes("-")) {
+                  context.report({
+                    node: tagNameProp.value,
+                    messageId: "tagNameNeedsHyphen",
+                    data: { tagName }
+                  });
+                }
+              }
+            }
+          }
+        }
+      }
+    };
+  }
+};
+
+// src/configs/recommended.ts
+var recommendedConfig = {
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true
+    },
+    jsxPragma: "h",
+    jsxFragmentName: "Fragment"
+  },
+  plugins: ["wsx"],
+  rules: {
+    // WSX 特定规则（移除 valid-jsx-pragma，由 Vite 处理）
+    "wsx/render-method-required": "error",
+    "wsx/no-react-imports": "error",
+    "wsx/web-component-naming": "warn",
+    // TypeScript 规则（推荐）
+    "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-non-null-assertion": "warn",
+    // 通用规则
+    "no-console": ["warn", { allow: ["warn", "error"] }],
+    "no-debugger": "error",
+    "no-unused-vars": "off",
+    // 使用 TypeScript 版本
+    "no-undef": "off",
+    // TypeScript 处理
+    "prefer-const": "error",
+    "no-var": "error",
+    "no-duplicate-imports": "error",
+    "no-trailing-spaces": "error",
+    "eol-last": "error",
+    "comma-dangle": ["error", "always-multiline"],
+    semi: ["error", "always"],
+    quotes: ["error", "double", { avoidEscape: true, allowTemplateLiterals: true }],
+    // 禁用 React 相关规则
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": "off",
+    "react/jsx-uses-react": "off",
+    "react/jsx-uses-vars": "off",
+    "react/jsx-key": "off",
+    "react/jsx-no-duplicate-props": "off",
+    "react/jsx-no-undef": "off",
+    "react/no-array-index-key": "off",
+    "react/no-unescaped-entities": "off"
+  },
+  globals: {
+    // 浏览器环境
+    window: "readonly",
+    document: "readonly",
+    console: "readonly",
+    // Node.js 环境
+    process: "readonly",
+    Buffer: "readonly",
+    __dirname: "readonly",
+    __filename: "readonly",
+    global: "readonly",
+    module: "readonly",
+    require: "readonly",
+    exports: "readonly",
+    // Web Components API
+    HTMLElement: "readonly",
+    customElements: "readonly",
+    CustomEvent: "readonly",
+    ShadowRoot: "readonly",
+    HTMLSlotElement: "readonly",
+    CSSStyleSheet: "readonly",
+    // WSX 特定
+    h: "readonly",
+    Fragment: "readonly"
+  },
+  settings: {
+    // 不需要 React 设置
+  }
+};
+
+// src/configs/flat.ts
+var flatConfig = {
+  name: "wsx/recommended",
+  files: ["**/*.wsx"],
+  languageOptions: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    parser: "@typescript-eslint/parser",
+    ecmaVersion: "latest",
+    sourceType: "module",
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true
+      },
+      jsxPragma: "h",
+      jsxFragmentName: "Fragment"
+    },
+    globals: {
+      // Browser environment
+      window: "readonly",
+      document: "readonly",
+      console: "readonly",
+      // Node.js environment
+      process: "readonly",
+      Buffer: "readonly",
+      __dirname: "readonly",
+      __filename: "readonly",
+      global: "readonly",
+      module: "readonly",
+      require: "readonly",
+      exports: "readonly",
+      // Web Components API
+      HTMLElement: "readonly",
+      customElements: "readonly",
+      CustomEvent: "readonly",
+      ShadowRoot: "readonly",
+      HTMLSlotElement: "readonly",
+      CSSStyleSheet: "readonly",
+      // WSX specific
+      h: "readonly",
+      Fragment: "readonly"
+    }
+  },
+  plugins: {
+    wsx: {
+      rules: {
+        "render-method-required": renderMethodRequired,
+        "no-react-imports": noReactImports,
+        "web-component-naming": webComponentNaming
+      }
+    }
+  },
+  rules: {
+    // WSX specific rules
+    "wsx/render-method-required": "error",
+    "wsx/no-react-imports": "error",
+    "wsx/web-component-naming": "warn",
+    // TypeScript rules (recommended)
+    "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-non-null-assertion": "warn",
+    // General rules
+    "no-console": ["warn", { allow: ["warn", "error"] }],
+    "no-debugger": "error",
+    "no-unused-vars": "off",
+    // Use TypeScript version
+    "no-undef": "off",
+    // TypeScript handles this
+    "prefer-const": "error",
+    "no-var": "error",
+    "no-duplicate-imports": "error",
+    "no-trailing-spaces": "error",
+    "eol-last": "error",
+    "comma-dangle": ["error", "always-multiline"],
+    semi: ["error", "always"],
+    quotes: ["error", "double", { avoidEscape: true, allowTemplateLiterals: true }]
+  },
+  settings: {
+    // No React settings needed
+  }
+};
+function createFlatConfig(plugin2) {
+  return {
+    ...flatConfig,
+    plugins: {
+      wsx: plugin2
+    }
+  };
+}
+
+// src/index.ts
+var plugin = {
+  // 插件元信息
+  meta: {
+    name: "@wsxjs/eslint-plugin-wsx",
+    version: "0.0.2"
+  },
+  // 核心规则（移除 valid-jsx-pragma）
+  rules: {
+    "render-method-required": renderMethodRequired,
+    "no-react-imports": noReactImports,
+    "web-component-naming": webComponentNaming
+  },
+  // 配置预设
+  configs: {
+    recommended: recommendedConfig
+  }
+};
+var flat = {
+  recommended: createFlatConfig(plugin)
+};
+var rules = plugin.rules;
+var configs = plugin.configs;
+var index_default = plugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configs,
+  flat,
+  rules
+});