@antfu/eslint-config 2.12.2 → 2.13.0

package/README.md

@@ -12,7 +12,7 @@
 - [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new), compose easily!
 - Using [ESLint Stylistic](https://github.com/eslint-stylistic/eslint-stylistic)
 - Respects `.gitignore` by default
-- Optional [React](#react), [Svelte](#svelte), [UnoCSS](#unocss), [Astro](#astro) support
+- Optional [React](#react), [Svelte](#svelte), [UnoCSS](#unocss), [Astro](#astro), [Solid](#solid) support
 - Optional [formatters](#formatters) support for CSS, HTML, etc.
 - **Style principle**: Minimal for reading, stable for diff, consistent
 
@@ -482,6 +482,25 @@ Running `npx eslint` should prompt you to install the required dependencies, oth
 npm i -D eslint-plugin-astro
 ```
 
+#### Solid
+
+To enable Solid support, you need to explicitly turn it on:
+
+```js
+// eslint.config.js
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  solid: true,
+})
+```
+
+Running `npx eslint` should prompt you to install the required dependencies, otherwise, you can install them manually:
+
+```bash
+npm i -D eslint-plugin-solid
+```
+
 #### UnoCSS
 
 To enable UnoCSS support, you need to explicitly turn it on:

package/dist/cli.cjs

@@ -48,7 +48,7 @@ var import_picocolors = __toESM(require("picocolors"), 1);
 var package_default = {
   name: "@antfu/eslint-config",
   type: "module",
-  version: "2.12.2",
+  version: "2.13.0",
   packageManager: "pnpm@8.15.6",
   description: "Anthony's ESLint config",
   author: "Anthony Fu <anthonyfu117@hotmail.com> (https://github.com/antfu/)",
@@ -94,6 +94,7 @@ var package_default = {
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
+    "eslint-plugin-solid": "^0.13.2",
     "eslint-plugin-svelte": ">=2.35.1",
     "prettier-plugin-astro": "^0.13.0",
     "prettier-plugin-slidev": "^1.0.5",
@@ -121,6 +122,9 @@ var package_default = {
     "eslint-plugin-react-refresh": {
       optional: true
     },
+    "eslint-plugin-solid": {
+      optional: true
+    },
     "eslint-plugin-svelte": {
       optional: true
     },
@@ -149,14 +153,14 @@ var package_default = {
     "eslint-plugin-jsdoc": "^48.2.3",
     "eslint-plugin-jsonc": "^2.15.0",
     "eslint-plugin-markdown": "^4.0.1",
-    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-n": "^17.0.0",
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-perfectionist": "^2.8.0",
     "eslint-plugin-toml": "^0.11.0",
     "eslint-plugin-unicorn": "^52.0.0",
     "eslint-plugin-unused-imports": "^3.1.0",
     "eslint-plugin-vitest": "^0.4.1",
-    "eslint-plugin-vue": "^9.24.0",
+    "eslint-plugin-vue": "^9.24.1",
     "eslint-plugin-yml": "^1.14.0",
     "eslint-processor-vue-blocks": "^0.1.1",
     globals: "^15.0.0",
@@ -177,18 +181,19 @@ var package_default = {
     "@stylistic/eslint-plugin-migrate": "^1.7.0",
     "@types/eslint": "^8.56.7",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.12.4",
+    "@types/node": "^20.12.5",
     "@types/prompts": "^2.4.9",
     "@types/yargs": "^17.0.32",
     "@unocss/eslint-plugin": "^0.59.0",
-    "astro-eslint-parser": "^0.16.3",
+    "astro-eslint-parser": "^0.17.0",
     bumpp: "^9.4.0",
     eslint: "^9.0.0",
-    "eslint-plugin-astro": "^0.33.1",
+    "eslint-plugin-astro": "^0.34.0",
     "eslint-plugin-format": "^0.1.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-solid": "^0.13.2",
     "eslint-plugin-svelte": "2.36.0-next.13",
     "eslint-typegen": "^0.2.0",
     esno: "^4.7.0",
@@ -201,7 +206,7 @@ var package_default = {
     rimraf: "^5.0.5",
     "simple-git-hooks": "^2.11.1",
     svelte: "^4.2.12",
-    "svelte-eslint-parser": "^0.33.1",
+    "svelte-eslint-parser": "^0.34.0",
     tsup: "^8.0.2",
     typescript: "^5.4.4",
     vitest: "^1.4.0",
@@ -277,6 +282,10 @@ var frameworkOptions = [
     label: import_picocolors.default.magenta("Astro"),
     value: "astro"
   },
+  {
+    label: import_picocolors.default.cyan("Solid"),
+    value: "solid"
+  },
   {
     label: import_picocolors.default.blue("Slidev"),
     value: "slidev"
@@ -308,6 +317,9 @@ var dependenciesMap = {
   slidev: [
     "prettier-plugin-slidev"
   ],
+  solid: [
+    "eslint-plugin-solid"
+  ],
   svelte: [
     "eslint-plugin-svelte",
     "svelte-eslint-parser"

package/dist/cli.js

@@ -19,7 +19,7 @@ import c from "picocolors";
 var package_default = {
   name: "@antfu/eslint-config",
   type: "module",
-  version: "2.12.2",
+  version: "2.13.0",
   packageManager: "pnpm@8.15.6",
   description: "Anthony's ESLint config",
   author: "Anthony Fu <anthonyfu117@hotmail.com> (https://github.com/antfu/)",
@@ -65,6 +65,7 @@ var package_default = {
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
+    "eslint-plugin-solid": "^0.13.2",
     "eslint-plugin-svelte": ">=2.35.1",
     "prettier-plugin-astro": "^0.13.0",
     "prettier-plugin-slidev": "^1.0.5",
@@ -92,6 +93,9 @@ var package_default = {
     "eslint-plugin-react-refresh": {
       optional: true
     },
+    "eslint-plugin-solid": {
+      optional: true
+    },
     "eslint-plugin-svelte": {
       optional: true
     },
@@ -120,14 +124,14 @@ var package_default = {
     "eslint-plugin-jsdoc": "^48.2.3",
     "eslint-plugin-jsonc": "^2.15.0",
     "eslint-plugin-markdown": "^4.0.1",
-    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-n": "^17.0.0",
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-perfectionist": "^2.8.0",
     "eslint-plugin-toml": "^0.11.0",
     "eslint-plugin-unicorn": "^52.0.0",
     "eslint-plugin-unused-imports": "^3.1.0",
     "eslint-plugin-vitest": "^0.4.1",
-    "eslint-plugin-vue": "^9.24.0",
+    "eslint-plugin-vue": "^9.24.1",
     "eslint-plugin-yml": "^1.14.0",
     "eslint-processor-vue-blocks": "^0.1.1",
     globals: "^15.0.0",
@@ -148,18 +152,19 @@ var package_default = {
     "@stylistic/eslint-plugin-migrate": "^1.7.0",
     "@types/eslint": "^8.56.7",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.12.4",
+    "@types/node": "^20.12.5",
     "@types/prompts": "^2.4.9",
     "@types/yargs": "^17.0.32",
     "@unocss/eslint-plugin": "^0.59.0",
-    "astro-eslint-parser": "^0.16.3",
+    "astro-eslint-parser": "^0.17.0",
     bumpp: "^9.4.0",
     eslint: "^9.0.0",
-    "eslint-plugin-astro": "^0.33.1",
+    "eslint-plugin-astro": "^0.34.0",
     "eslint-plugin-format": "^0.1.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-solid": "^0.13.2",
     "eslint-plugin-svelte": "2.36.0-next.13",
     "eslint-typegen": "^0.2.0",
     esno: "^4.7.0",
@@ -172,7 +177,7 @@ var package_default = {
     rimraf: "^5.0.5",
     "simple-git-hooks": "^2.11.1",
     svelte: "^4.2.12",
-    "svelte-eslint-parser": "^0.33.1",
+    "svelte-eslint-parser": "^0.34.0",
     tsup: "^8.0.2",
     typescript: "^5.4.4",
     vitest: "^1.4.0",
@@ -248,6 +253,10 @@ var frameworkOptions = [
     label: c.magenta("Astro"),
     value: "astro"
   },
+  {
+    label: c.cyan("Solid"),
+    value: "solid"
+  },
   {
     label: c.blue("Slidev"),
     value: "slidev"
@@ -279,6 +288,9 @@ var dependenciesMap = {
   slidev: [
     "prettier-plugin-slidev"
   ],
+  solid: [
+    "eslint-plugin-solid"
+  ],
   svelte: [
     "eslint-plugin-svelte",
     "svelte-eslint-parser"

package/dist/index.cjs

@@ -81,6 +81,7 @@ __export(src_exports, {
   renamePluginInConfigs: () => renamePluginInConfigs,
   renameRules: () => renameRules,
   resolveSubOptions: () => resolveSubOptions,
+  solid: () => solid,
   sortPackageJson: () => sortPackageJson,
   sortTsconfig: () => sortTsconfig,
   stylistic: () => stylistic,
@@ -2078,6 +2079,82 @@ async function astro(options = {}) {
   ];
 }
 
+// src/configs/solid.ts
+async function solid(options = {}) {
+  const {
+    files = [GLOB_JSX, GLOB_TSX],
+    overrides = {},
+    typescript: typescript2 = true
+  } = options;
+  await ensurePackages([
+    "eslint-plugin-solid"
+  ]);
+  const tsconfigPath = options?.tsconfigPath ? toArray(options.tsconfigPath) : void 0;
+  const isTypeAware = !!tsconfigPath;
+  const [
+    pluginSolid,
+    parserTs
+  ] = await Promise.all([
+    interopDefault(import("eslint-plugin-solid")),
+    interopDefault(import("@typescript-eslint/parser"))
+  ]);
+  return [
+    {
+      name: "antfu/solid/setup",
+      plugins: {
+        solid: pluginSolid
+      }
+    },
+    {
+      files,
+      languageOptions: {
+        parser: parserTs,
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true
+          },
+          ...isTypeAware ? { project: tsconfigPath } : {}
+        },
+        sourceType: "module"
+      },
+      name: "antfu/solid/rules",
+      rules: {
+        // reactivity
+        "solid/components-return-once": "warn",
+        "solid/event-handlers": ["error", {
+          // if true, don't warn on ambiguously named event handlers like `onclick` or `onchange`
+          ignoreCase: false,
+          // if true, warn when spreading event handlers onto JSX. Enable for Solid < v1.6.
+          warnOnSpread: false
+        }],
+        // these rules are mostly style suggestions
+        "solid/imports": "error",
+        // identifier usage is important
+        "solid/jsx-no-duplicate-props": "error",
+        "solid/jsx-no-script-url": "error",
+        "solid/jsx-no-undef": "error",
+        "solid/jsx-uses-vars": "error",
+        "solid/no-destructure": "error",
+        // security problems
+        "solid/no-innerhtml": ["error", { allowStatic: true }],
+        "solid/no-react-deps": "error",
+        "solid/no-react-specific-props": "error",
+        "solid/no-unknown-namespaces": "error",
+        "solid/prefer-for": "error",
+        "solid/reactivity": "warn",
+        "solid/self-closing-comp": "error",
+        "solid/style-prop": ["error", { styleProps: ["style", "css"] }],
+        ...typescript2 ? {
+          "solid/jsx-no-undef": ["error", { typescriptEnabled: true }],
+          "solid/no-unknown-namespaces": "off"
+        } : {},
+        // overrides
+        ...overrides
+      }
+    }
+  ];
+}
+
 // src/factory.ts
 var flatConfigProps = [
   "name",
@@ -2112,6 +2189,7 @@ function antfu(options = {}, ...userConfigs) {
     gitignore: enableGitignore = true,
     isInEditor = !!((import_node_process3.default.env.VSCODE_PID || import_node_process3.default.env.VSCODE_CWD || import_node_process3.default.env.JETBRAINS_IDE || import_node_process3.default.env.VIM) && !import_node_process3.default.env.CI),
     react: enableReact = false,
+    solid: enableSolid = false,
     svelte: enableSvelte = false,
     typescript: enableTypeScript = (0, import_local_pkg4.isPackageExists)("typescript"),
     unocss: enableUnoCSS = false,
@@ -2182,6 +2260,13 @@ function antfu(options = {}, ...userConfigs) {
       typescript: !!enableTypeScript
     }));
   }
+  if (enableSolid) {
+    configs.push(solid({
+      overrides: getOverrides(options, "solid"),
+      tsconfigPath: getOverrides(options, "typescript").tsconfigPath,
+      typescript: !!enableTypeScript
+    }));
+  }
   if (enableSvelte) {
     configs.push(svelte({
       overrides: getOverrides(options, "svelte"),
@@ -2321,6 +2406,7 @@ var src_default = antfu;
   renamePluginInConfigs,
   renameRules,
   resolveSubOptions,
+  solid,
   sortPackageJson,
   sortTsconfig,
   stylistic,