home fixed eslint with prettier

Author: MarkShawn2020

.prettierrc.js

@@ -1 +1 @@
-module.exports = require('@cs-magic/prettier-config')
+module.exports = require("@cs-magic/prettier-config")

apps/home-v2

@@ -13,22 +13,19 @@ CS Magic 项目的共享 ESLint 配置。
 ```js
 // 根目录 .eslintrc.js
 module.exports = {
-    root: true,
-    extends: [
-        '@cs-magic/eslint-config/typescript-type-checked',
-        '@cs-magic/eslint-config/prettier',
-    ],
-    parserOptions: {
-        project: ['./tsconfig.json', './packages/*/tsconfig.json'],
-    },
-    ignorePatterns: ['**/dist/**', '**/node_modules/**'],
+  root: true,
+  extends: ["@cs-magic/eslint-config/typescript-type-checked", "@cs-magic/eslint-config/prettier"],
+  parserOptions: {
+    project: ["./tsconfig.json", "./packages/*/tsconfig.json"],
+  },
+  ignorePatterns: ["**/dist/**", "**/node_modules/**"],
 }
 ```
 
 4. 如果遇到性能问题，可以：
-    - 使用 `.eslintignore` 排除不需要检查的文件
-    - 使用基础的 typescript 配置而不是 typescript-type-checked
-    - 在 CI 中使用类型检查，本地开发时使用基础配置
+   - 使用 `.eslintignore` 排除不需要检查的文件
+   - 使用基础的 typescript 配置而不是 typescript-type-checked
+   - 在 CI 中使用类型检查，本地开发时使用基础配置
 
 ## 安装
 
@@ -37,6 +34,7 @@ npm install --save-dev @cs-magic/eslint-config
 ```
 
 ## 使用
+
 ## 使用
 
 创建 `.eslintrc.js` 文件：
@@ -45,10 +43,7 @@ npm install --save-dev @cs-magic/eslint-config
 
 ```js
 module.exports = {
-  extends: [
-    '@cs-magic/eslint-config/base',
-    '@cs-magic/eslint-config/prettier',
-  ],
+  extends: ["@cs-magic/eslint-config/base", "@cs-magic/eslint-config/prettier"],
 }
 ```
 
@@ -57,10 +52,7 @@ module.exports = {
 ```js
 // .eslintrc.js
 module.exports = {
-  extends: [
-    '@cs-magic/eslint-config/typescript',
-    '@cs-magic/eslint-config/prettier',
-  ],
+  extends: ["@cs-magic/eslint-config/typescript", "@cs-magic/eslint-config/prettier"],
 }
 ```
 
@@ -69,12 +61,9 @@ module.exports = {
 ```js
 // .eslintrc.js
 module.exports = {
-  extends: [
-    '@cs-magic/eslint-config/typescript-type-checked',
-    '@cs-magic/eslint-config/prettier',
-  ],
+  extends: ["@cs-magic/eslint-config/typescript-type-checked", "@cs-magic/eslint-config/prettier"],
   parserOptions: {
-    project: './tsconfig.json',
+    project: "./tsconfig.json",
   },
 }
 ```
@@ -83,23 +72,17 @@ module.exports = {
 
 ```js
 module.exports = {
-  extends: [
-    '@cs-magic/eslint-config/react',
-    '@cs-magic/eslint-config/prettier',
-  ],
+  extends: ["@cs-magic/eslint-config/react", "@cs-magic/eslint-config/prettier"],
 }
 ```
 
 ### Next.js 项目
 
 ```js
 module.exports = {
-  extends: [
-    '@cs-magic/eslint-config/next',
-    '@cs-magic/eslint-config/prettier',
-  ],
+  extends: ["@cs-magic/eslint-config/next", "@cs-magic/eslint-config/prettier"],
   parserOptions: {
-    project: './tsconfig.json', // 如果需要类型检查
+    project: "./tsconfig.json", // 如果需要类型检查
   },
 }
 ```
@@ -132,9 +115,9 @@ public
 
 ```js
 module.exports = {
-  extends: ['@cs-magic/eslint-config/react'],
+  extends: ["@cs-magic/eslint-config/react"],
   rules: {
     // 你的自定义规则
   },
 }
-```
+```

packages/tools/eslint-config/README.md

@@ -3,41 +3,37 @@
   "version": "0.3.0",
   "description": "Shared ESLint configurations for CS Magic projects",
   "exports": {
-    ".": "./base.js",
-    "./base": "./base.js",
-    "./typescript": "./typescript.js",
-    "./typescript-type-checked": "./typescript-type-checked.js",
-    "./react": "./react.js",
-    "./next": "./next.js",
-    "./node": "./node.js",
-    "./prettier": "./prettier.js"
+    ".": "./src/base.js",
+    "./base": "./src/base.js",
+    "./typescript": "./src/typescript.js",
+    "./typescript-type-checked": "./src/typescript-type-checked.js",
+    "./react": "./src/react.js",
+    "./next": "./src/next.js",
+    "./node": "./src/node.js",
+    "./prettier": "./src/prettier.js"
   },
   "publishConfig": {
     "access": "public"
   },
   "files": [
-    "base.js",
-    "typescript.js",
-    "typescript-type-checked.js",
-    "react.js",
-    "next.js",
-    "node.js",
-    "prettier.js"
+    "src"
   ],
   "peerDependencies": {
     "eslint": ">=8.0.0",
     "typescript": ">=4.0.0"
   },
   "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.0",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.0",
-    "eslint-plugin-react-hooks": "^4.6.0"
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "prettier-plugin-organize-imports": "^4.1.0"
   },
   "keywords": [
     "eslint",

packages/tools/eslint-config/package.json

@@ -13,21 +13,7 @@ module.exports = {
     "no-var": "error",
     "prefer-const": "error",
     "no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
-    "import/order": [
-      "error",
-      {
-        groups: ["builtin", "external", "internal", "parent", "sibling", "index"],
-        pathGroups: [
-          {
-            pattern: "contentlayer/generated",
-            group: "internal",
-            position: "after",
-          },
-        ],
-        "newlines-between": "always",
-        alphabetize: { order: "asc" },
-      },
-    ],
+    "import/order": "off",
   },
 
   settings: {

packages/tools/eslint-config/prettier.js

@@ -0,0 +1,15 @@
+// prettier.js - Prettier 集成配置
+const prettierConfig = require("@cs-magic/prettier-config")
+const merge = require("lodash/merge")
+
+module.exports = {
+  extends: ["plugin:prettier/recommended"],
+  rules: {
+    "prettier/prettier": [
+      "error",
+      merge(prettierConfig, {
+        importOrder: null,
+      }),
+    ],
+  },
+}

packages/tools/eslint-config/base.js renamed to packages/tools/eslint-config/src/base.js

@@ -0,0 +1,22 @@
+// typescript-type-checked.js - 需要类型信息的规则配置
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: true,
+  },
+  extends: [
+    "plugin:@typescript-eslint/recommended-requiring-type-checking",
+    "plugin:@typescript-eslint/recommended-type-checked",
+    "plugin:@typescript-eslint/stylistic-type-checked",
+    "./typescript.js",
+  ],
+  rules: {
+    // 需要类型检查的规则
+    "@typescript-eslint/no-floating-promises": "error",
+    "@typescript-eslint/await-thenable": "error",
+    "@typescript-eslint/no-unnecessary-type-assertion": "error",
+    "@typescript-eslint/restrict-template-expressions": "error",
+    "@typescript-eslint/unbound-method": "error",
+    "@typescript-eslint/no-misused-promises": "warn",
+  },
+};

packages/tools/eslint-config/next.js renamed to packages/tools/eslint-config/src/next.js

@@ -0,0 +1,58 @@
+// typescript.js - TypeScript 配置
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
+  extends: ["plugin:import/typescript", "plugin:@typescript-eslint/recommended", "./base.js"],
+  settings: {
+    "import/resolver": {
+      typescript: true,
+    },
+  },
+  rules: {
+    // TypeScript 特定规则
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-import-type-side-effects": "error",
+
+    // These opinionated rules are enabled in stylistic-type-checked above.
+    // Feel free to reconfigure them to your own preference.
+    "@typescript-eslint/array-type": "off",
+    "@typescript-eslint/consistent-type-definitions": "off",
+
+    "@typescript-eslint/consistent-type-imports": [
+      "warn",
+      {
+        prefer: "type-imports",
+        fixStyle: "inline-type-imports",
+      },
+    ],
+    "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
+    "@typescript-eslint/require-await": "off",
+    "@typescript-eslint/no-misused-promises": [
+      "warn",
+      {
+        checksVoidReturn: { attributes: false },
+      },
+    ],
+    "@typescript-eslint/no-unsafe-call": "warn",
+    "@typescript-eslint/no-unsafe-member-access": "warn",
+    "@typescript-eslint/no-unsafe-assignment": "warn",
+    "@typescript-eslint/no-empty-interface": "warn",
+    "@typescript-eslint/no-unsafe-return": "warn",
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/ban-ts-comment": "warn",
+    "@typescript-eslint/no-floating-promises": "warn", // no-infer 没有意义
+    "@typescript-eslint/no-inferrable-types": "off",
+    "@typescript-eslint/prefer-nullish-coalescing": "warn",
+    "@typescript-eslint/no-empty-function": "warn",
+    "@typescript-eslint/no-namespace": "warn",
+    "@typescript-eslint/no-redundant-type-constituents": "warn",
+    "@typescript-eslint/dot-notation": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-unnecessary-type-assertion": "warn",
+    "@typescript-eslint/no-unsafe-argument": "warn",
+    "@typescript-eslint/no-unsafe-enum-comparison": "warn",
+    "@typescript-eslint/no-var-requires": "warn",
+    "@typescript-eslint/restrict-template-expressions": "warn",
+    "@typescript-eslint/restrict-plus-operands": "warn",
+  },
+}

packages/tools/eslint-config/node.js renamed to packages/tools/eslint-config/src/node.js

@@ -1,5 +1,5 @@
 // packages/tools/eslint-config/tsconfig.json
 {
   "extends": ["@cs-magic/ts-config"],
-  "include": ["*.js"]
+  "include": ["src/**.js"]
 }