import globals from 'globals';
import tsEslintParser from '@typescript-eslint/parser';
import typescriptEslint from '@typescript-eslint/eslint-plugin';
import pluginReact from 'eslint-plugin-react';
import reactRefresh from 'eslint-plugin-react-refresh';
import hooksPlugin from 'eslint-plugin-react-hooks';
import eslintPluginPrettier from 'eslint-plugin-prettier';

export default [
{
  // 指定适用于哪些文件
  files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
  languageOptions: {
    // 使用 TypeScript 解析器
    parser: tsEslintParser,
    parserOptions: {
      ecmaFeatures: {
        jsx: true, // 开启 JSX 语法支持
      },
    },
    // 定义全局变量，适配浏览器环境
    globals: {
      ...globals.browser,
    },
    sourceType: 'module', // 使用模块化方式，支持 ES6 模块导入/导出
  },
  plugins: {
    // 启用 React 插件
    react: pluginReact,
    // 启用 React Hooks 插件
    'react-hooks': hooksPlugin,
    // 启用 React Refresh 插件（用于热更新）
    'react-refresh': reactRefresh,
    // 启用 TypeScript ESLint 插件
    '@typescript-eslint': typescriptEslint,
    // 启用 Prettier 插件
    prettier: eslintPluginPrettier,
  },
  rules: {
    // Prettier 规则：规范代码格式，确保一致性
    'prettier/prettier': [
      'error',
      {
        singleQuote: true, // 使用单引号
        semi: true, // 强制使用分号
        tabWidth: 2, // 使用 2 个空格作为缩进
      },
    ],

    // React 规则
    'react/jsx-indent': [1, 2], // 强制 JSX 标签使用 2 个空格缩进
    'react/jsx-uses-react': 'off', // React 17+ 开启了 JSX 自动导入，取消此规则
    'react/react-in-jsx-scope': 'off', // React 17+ 开启了 JSX 自动导入，取消此规则

    // React Hooks 规则：确保正确使用 Hooks（遵循推荐规则）
    ...hooksPlugin.configs.recommended.rules,

    // React Refresh 规则：建议仅导出 React 组件以支持热更新
    'react-refresh/only-export-components': 'warn',

    // 通用规则
    'arrow-body-style': ['error', 'as-needed'], // 推荐使用简化版箭头函数，例如直接返回值，不使用 `{}` 包裹
    'prefer-arrow-callback': 'error', // 强制使用箭头函数作为回调函数，避免使用 `function()` 语法
    'no-template-curly-in-string': 1, // 不允许在字符串中使用模板字面量（例如：'Hello ${name}'）
    '@typescript-eslint/no-explicit-any': 'warn', // 警告使用 `any` 类型，但不强制报错，鼓励使用更明确的类型
    'no-magic-numbers': 'warn', // 警告硬编码的魔法数字（例如：`const x = 3`），建议使用常量代替
  },
},
];

{
  // 启用 ESLint 与 Prettier 集成
  "eslintIntegration": true,
  // 设置每行代码的最大字符宽度为 120（避免长行）
  "printWidth": 120,
  // 每次缩进的空格数，设置为 2 个空格
  "tabWidth": 2,
  // 不使用 Tab 字符来进行缩进，而是使用空格
  "useTabs": false,
  // 强制使用单引号（例如：'hello' 而不是 "hello"）
  "singleQuote": true,
  // 在不同操作系统之间自动调整换行符
  "endOfLine": "auto"
}

  "scripts": {
    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
  },