@bratislava/eslint-config-react 0.3.1

package/index.js

@@ -0,0 +1,195 @@
+/**
+ * @bratislava/eslint-config-react
+ *
+ * ESLint configuration for React projects (without Next.js).
+ * Extends base config with React-specific rules and plugins.
+ */
+
+import {
+  disabledRules,
+  eslintRules,
+  simpleImportSortConfig,
+  sonarjsRules,
+  typescriptRules,
+} from "@bratislava/eslint-config";
+import eslint from "@eslint/js";
+import tanstackQuery from "@tanstack/eslint-plugin-query";
+import prettier from "eslint-config-prettier";
+import importPlugin from "eslint-plugin-import";
+import jsxA11y from "eslint-plugin-jsx-a11y";
+import noUnsanitized from "eslint-plugin-no-unsanitized";
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import security from "eslint-plugin-security";
+import sonarjs from "eslint-plugin-sonarjs";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+/**
+ * React-specific rules
+ */
+export const reactRules = {
+  "react/function-component-definition": [
+    2,
+    { namedComponents: "arrow-function" },
+  ],
+  "react/require-default-props": "off",
+  "react/react-in-jsx-scope": "off",
+  "react/jsx-no-useless-fragment": [2, { allowExpressions: true }],
+  "react/display-name": "off",
+};
+
+/**
+ * Import plugin rules
+ */
+export const importRules = {
+  "import/prefer-default-export": "off",
+  "import/extensions": "off",
+  "import/no-unresolved": "off",
+  "import/namespace": "off",
+  "import/default": "off",
+  "import/no-duplicates": "off",
+  "import/no-named-as-default": "off",
+  "import/no-named-as-default-member": "off",
+};
+
+/**
+ * JSX A11y rules
+ */
+export const jsxA11yRules = {
+  "jsx-a11y/anchor-is-valid": "off",
+  "jsx-a11y/img-redundant-alt": "warn",
+};
+
+/**
+ * Frontend-specific rules
+ */
+const frontendRules = {
+  // Console warnings instead of errors for frontend
+  "no-console": "warn",
+
+  // Return statement formatting
+  "padding-line-between-statements": [
+    "warn",
+    { blankLine: "always", prev: "*", next: "return" },
+  ],
+
+  // Empty function allowed (common in React)
+  "@typescript-eslint/no-empty-function": "off",
+
+  // Misused promises config for React event handlers
+  "@typescript-eslint/no-misused-promises": [
+    "error",
+    { checksVoidReturn: { attributes: false } },
+  ],
+  "@typescript-eslint/no-floating-promises": "warn",
+};
+
+/**
+ * Creates a React ESLint configuration.
+ *
+ * @param {Object} options - Configuration options
+ * @param {string[]} [options.ignores] - Additional patterns to ignore
+ * @returns {Array} ESLint flat config array
+ *
+ * @example
+ * // eslint.config.mjs
+ * import { createReactConfig } from '@bratislava/eslint-config-react'
+ *
+ * export default createReactConfig({
+ *   ignores: ['src/generated/**'],
+ * })
+ */
+export function createReactConfig(options = {}) {
+  const { ignores = [] } = options;
+
+  return tseslint.config(
+    // Base configs
+    eslint.configs.recommended,
+    tseslint.configs.strictTypeChecked,
+    tseslint.configs.stylistic,
+    prettier,
+    simpleImportSortConfig,
+    security.configs.recommended,
+    noUnsanitized.configs.recommended,
+    sonarjs.configs.recommended,
+    tanstackQuery.configs["flat/recommended"],
+
+    // React and related plugins
+    {
+      plugins: {
+        react,
+        "react-hooks": reactHooks,
+        import: importPlugin,
+        "jsx-a11y": jsxA11y,
+      },
+      rules: {
+        ...reactRules,
+        ...importRules,
+        ...jsxA11yRules,
+      },
+    },
+
+    // Language options
+    {
+      languageOptions: {
+        parserOptions: {
+          projectService: true,
+          ecmaFeatures: {
+            jsx: true,
+          },
+        },
+        globals: {
+          ...globals.browser,
+          ...globals.es2021,
+        },
+      },
+    },
+
+    // React settings
+    {
+      settings: {
+        react: {
+          version: "detect",
+        },
+      },
+    },
+
+    // Main rules
+    {
+      rules: {
+        ...typescriptRules,
+        ...eslintRules,
+        ...sonarjsRules,
+        ...disabledRules,
+        ...frontendRules,
+
+        // SonarJS additional config for frontend
+        "sonarjs/different-types-comparison": "off",
+      },
+    },
+
+    // Ignore patterns
+    {
+      ignores: [
+        "dist/**",
+        "build/**",
+        "node_modules/**",
+        "coverage/**",
+        "*.config.js",
+        "*.config.mjs",
+        "*.config.ts",
+        "eslint.config.js",
+        "eslint.config.mjs",
+        "**/*.svg",
+        ...ignores,
+      ],
+    },
+  );
+}
+
+/**
+ * Default React configuration.
+ * For customization, use createReactConfig() instead.
+ */
+export default createReactConfig();

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@bratislava/eslint-config-react",
+  "version": "0.3.1",
+  "description": "ESLint configuration for React projects (without Next.js)",
+  "keywords": [
+    "eslint",
+    "eslintconfig",
+    "eslint-config",
+    "bratislava",
+    "react"
+  ],
+  "author": "Bratislava",
+  "license": "EUPL-1.2",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bratislava/eslint-config.git",
+    "directory": "packages/react"
+  },
+  "type": "module",
+  "main": "index.js",
+  "exports": {
+    ".": "./index.js"
+  },
+  "files": [
+    "index.js"
+  ],
+  "peerDependencies": {
+    "eslint": ">= 9",
+    "typescript": ">= 5"
+  },
+  "dependencies": {
+    "@bratislava/eslint-config": "0.3.1",
+    "@eslint/js": "9.34.0",
+    "@tanstack/eslint-plugin-query": "5.91.2",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-no-unsanitized": "4.1.4",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-security": "3.0.1",
+    "eslint-plugin-sonarjs": "3.0.5",
+    "globals": "16.5.0",
+    "typescript-eslint": "8.42.0"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}