157 lines
4.9 KiB
JavaScript
157 lines
4.9 KiB
JavaScript
import path from "node:path";
|
||
import { fileURLToPath } from "node:url";
|
||
|
||
import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
|
||
import typescriptEslint from "@typescript-eslint/eslint-plugin";
|
||
import tsParser from "@typescript-eslint/parser";
|
||
import _import from "eslint-plugin-import";
|
||
import jsxA11Y from "eslint-plugin-jsx-a11y";
|
||
import prettier from "eslint-plugin-prettier";
|
||
import react from "eslint-plugin-react";
|
||
import unusedImports from "eslint-plugin-unused-imports";
|
||
import { defineConfig, globalIgnores } from "eslint/config";
|
||
import globals from "globals";
|
||
|
||
const __filename = fileURLToPath(import.meta.url);
|
||
const __dirname = path.dirname(__filename);
|
||
const compat = new FlatCompat({
|
||
baseDirectory: __dirname,
|
||
recommendedConfig: js.configs.recommended,
|
||
allConfig: js.configs.all,
|
||
});
|
||
|
||
export default defineConfig([
|
||
globalIgnores([
|
||
".next/**",
|
||
"node_modules/**",
|
||
"out/**",
|
||
"dist/**",
|
||
"**/index.ts",
|
||
"**/index.d.ts",
|
||
]),
|
||
{
|
||
extends: fixupConfigRules(
|
||
compat.extends(
|
||
"plugin:react/recommended",
|
||
"plugin:prettier/recommended",
|
||
"plugin:react-hooks/recommended",
|
||
"plugin:jsx-a11y/recommended",
|
||
"plugin:@next/next/recommended"
|
||
)
|
||
),
|
||
|
||
plugins: {
|
||
react: fixupPluginRules(react),
|
||
"unused-imports": unusedImports,
|
||
import: fixupPluginRules(_import),
|
||
"@typescript-eslint": typescriptEslint,
|
||
"jsx-a11y": fixupPluginRules(jsxA11Y),
|
||
prettier: fixupPluginRules(prettier),
|
||
},
|
||
|
||
languageOptions: {
|
||
globals: {
|
||
...Object.fromEntries(
|
||
Object.entries(globals.browser).map(([key]) => [key, "off"])
|
||
),
|
||
...globals.node,
|
||
},
|
||
|
||
parser: tsParser,
|
||
ecmaVersion: 12,
|
||
sourceType: "module",
|
||
|
||
parserOptions: {
|
||
ecmaFeatures: {
|
||
jsx: true,
|
||
},
|
||
},
|
||
},
|
||
|
||
settings: {
|
||
react: {
|
||
version: "detect",
|
||
},
|
||
},
|
||
|
||
rules: {
|
||
"no-console": "warn",
|
||
"react/prop-types": "off",
|
||
"react/jsx-uses-react": "off",
|
||
"react/react-in-jsx-scope": "off",
|
||
"react-hooks/exhaustive-deps": "off",
|
||
"@next/next/no-assign-module-variable": "off",
|
||
"jsx-a11y/click-events-have-key-events": "warn",
|
||
"jsx-a11y/interactive-supports-focus": "warn",
|
||
"prettier/prettier": "warn",
|
||
|
||
// Disable the built‑in unused vars rules:
|
||
"no-unused-vars": "off",
|
||
"@typescript-eslint/no-unused-vars": "off",
|
||
|
||
// Enable unused imports rule:
|
||
"unused-imports/no-unused-imports": "error",
|
||
|
||
// (Optional) If you want to also flag unused variables (excluding imports)
|
||
// you can use the plugin’s no-unused-vars rule:
|
||
// "unused-imports/no-unused-vars": [
|
||
// "warn",
|
||
// { vars: "all", varsIgnorePattern: "^_", args: "after-used", argsIgnorePattern: "^_" }
|
||
// ],
|
||
|
||
"import/order": [
|
||
"warn",
|
||
{
|
||
groups: [
|
||
"type",
|
||
"builtin",
|
||
"object",
|
||
"external",
|
||
"internal",
|
||
"parent",
|
||
"sibling",
|
||
"index",
|
||
],
|
||
pathGroups: [
|
||
{
|
||
pattern: "~/**",
|
||
group: "external",
|
||
position: "after",
|
||
},
|
||
],
|
||
"newlines-between": "always",
|
||
},
|
||
],
|
||
"react/self-closing-comp": "warn",
|
||
"react/jsx-sort-props": [
|
||
"warn",
|
||
{
|
||
callbacksLast: true,
|
||
shorthandFirst: true,
|
||
noSortAlphabetically: false,
|
||
reservedFirst: true,
|
||
},
|
||
],
|
||
"padding-line-between-statements": [
|
||
"warn",
|
||
{
|
||
blankLine: "always",
|
||
prev: "*",
|
||
next: "return",
|
||
},
|
||
{
|
||
blankLine: "always",
|
||
prev: ["const", "let", "var"],
|
||
next: "*",
|
||
},
|
||
{
|
||
blankLine: "any",
|
||
prev: ["const", "let", "var"],
|
||
next: ["const", "let", "var"],
|
||
},
|
||
],
|
||
"react/no-unknown-property": "warn",
|
||
},
|
||
},
|
||
]);
|