chore: migrate to ESLint flat config and update tooling

Replace legacy .eslintrc.js and .eslintignore with eslint.config.mjs flat config.
Update husky, prettier, stylelint, postcss configs and dependencies.

Author: wangdicoder

.eslintignore

@@ -0,0 +1 @@
+npx --no -- commitlint --edit $1

.eslintrc.js

@@ -0,0 +1 @@
+npx lint-staged

.husky/commit-msg

@@ -6,18 +6,20 @@ design
 test
 docs
 jest.config.js
-webpack.config.js
+tsdown.config.ts
 site
 .idea
-.travis.yml
-.babelrc
 .prettierignore
 .prettierrc
 .commitlintrc.js
 .cz-config.js
-.eslintrc.js
+.eslintignore
+eslint.config.mjs
 .versionrc.js
 postcss.config.js
 tsconfig.json
+tsconfig.test.json
+test-setup.js
 .DS_Store
 *.iml
+.husky

.husky/pre-commit

@@ -5,6 +5,6 @@
   "semi": true,
   "singleQuote": true,
   "bracketSpacing": true,
-  "jsxBracketSameLine": true,
-  "alwaysParens": "always"
+  "bracketSameLine": true,
+  "arrowParens": "always"
 }

.npmignore

@@ -1,19 +1,6 @@
 {
-  "extends": "stylelint-config-standard",
+  "extends": "stylelint-config-standard-scss",
   "rules": {
-    "at-rule-no-unknown": [
-      true,
-      {
-        "ignoreAtRules": [
-          "function",
-          "if",
-          "each",
-          "include",
-          "mixin",
-          "for",
-          "extend"
-        ]
-      }
-    ]
+    "scss/at-rule-no-unknown": true
   }
 }

.prettierrc

@@ -0,0 +1,53 @@
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import jestPlugin from 'eslint-plugin-jest';
+import jestDomPlugin from 'eslint-plugin-jest-dom';
+
+export default tseslint.config(
+  {
+    ignores: ['dist/', 'es/', 'lib/', 'node_modules/', 'site/build/'],
+  },
+  eslint.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['components/**/*.{ts,tsx}'],
+    plugins: {
+      react: reactPlugin,
+      'react-hooks': reactHooksPlugin,
+    },
+    settings: {
+      react: { version: 'detect' },
+    },
+    rules: {
+      semi: ['error', 'always'],
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+      '@typescript-eslint/no-unused-vars': ['warn', { varsIgnorePattern: '^React$' }],
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-expressions': 'off',
+      '@typescript-eslint/no-empty-function': 'off',
+      'react/prop-types': 'off',
+      'react/react-in-jsx-scope': 'off',
+    },
+  },
+  {
+    files: ['components/**/*.test.{ts,tsx}'],
+    plugins: {
+      jest: jestPlugin,
+      'jest-dom': jestDomPlugin,
+    },
+    rules: {
+      ...jestPlugin.configs.recommended.rules,
+      ...jestDomPlugin.configs.recommended.rules,
+      'jest/no-conditional-expect': 'off',
+    },
+  },
+  {
+    files: ['**/*.js'],
+    rules: {
+      '@typescript-eslint/no-require-imports': 'off',
+    },
+  },
+);