@abinnovision/eslint-config-react 2.2.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [3.0.0](https://github.com/abinnovision/js-commons/compare/eslint-config-react-v2.2.0...eslint-config-react-v3.0.0) (2025-11-08)
+
+
+### ⚠ BREAKING CHANGES
+
+* refactor eslint config for React and add Tailwind CSS flavour
+
+### Features
+
+* refactor eslint config for React and add Tailwind CSS flavour ([94aee60](https://github.com/abinnovision/js-commons/commit/94aee60116b769e147fd18422c0858bcbe7f02f3))
+
+
+### Bug Fixes
+
+* migrate eslint configs to use defineConfig ([#541](https://github.com/abinnovision/js-commons/issues/541)) ([eb24dca](https://github.com/abinnovision/js-commons/commit/eb24dca423b594711b727da84f4c4026f781c9e4))
+
 ## [2.2.0](https://github.com/abinnovision/js-commons/compare/eslint-config-react-v2.1.0...eslint-config-react-v2.2.0) (2024-10-16)
 
 

package/README.md

@@ -1,14 +1,53 @@
 # @abinnovision/eslint-config-react
 
-ESLint config specifically for React related projects. This config **must be
-used in conjunction with the
-[@abinnovision/eslint-config-base](https://github.com/abinnovision/js-commons/tree/master/packages/eslint-config-base)
-ESLint config**. This config is based on the
-[AlloyTeam ESLint Config](https://github.com/AlloyTeam/eslint-config-alloy) with
-some additional goodies on top.
+ESLint configuration for React applications. Built on
+[@eslint-react/eslint-plugin](https://eslint-react.xyz) and
+[eslint-plugin-react-hooks](https://www.npmjs.com/package/eslint-plugin-react-hooks).
 
 ## Installation
 
 ```shell
-yarn add --dev @abinnovision/eslint-config-react
+yarn add --dev @abinnovision/eslint-config-react @abinnovision/eslint-config-base eslint
 ```
+
+## Usage
+
+```javascript
+// eslint.config.js
+import { base } from "@abinnovision/eslint-config-base";
+import { react } from "@abinnovision/eslint-config-react";
+import { defineConfig } from "eslint/config";
+
+export default defineConfig([{ extends: [base] }, { extends: [react] }]);
+```
+
+## Flavours
+
+Specialized configurations for specific React use cases.
+
+### Tailwind CSS
+
+For React applications using Tailwind CSS. Enforces class ordering,
+detects conflicts, and validates Tailwind usage.
+
+```javascript
+import { base } from "@abinnovision/eslint-config-base";
+import { react, tailwind } from "@abinnovision/eslint-config-react";
+import { defineConfig } from "eslint/config";
+
+export default defineConfig([
+  { extends: [base] },
+  { extends: [react] },
+  { extends: [tailwind] },
+]);
+```
+
+## Related Packages
+
+- [@abinnovision/eslint-config-base](../eslint-config-base) - Base
+  configuration
+- [@abinnovision/prettier-config](../prettier-config) - Code formatting
+
+## License
+
+Apache-2.0

package/package.json

@@ -1,21 +1,26 @@
 {
   "name": "@abinnovision/eslint-config-react",
-  "version": "2.2.0",
+  "version": "3.0.0",
+  "publishConfig": {
+    "npm": true,
+    "ghpr": true,
+    "npmAccess": "public"
+  },
   "type": "module",
   "repository": {
     "url": "https://github.com/abinnovision/js-commons"
   },
   "license": "Apache-2.0",
   "author": {
-    "name": "AB INNOVISION GmbH",
-    "email": "info@abinnovision.com",
-    "url": "https://abinnovision.com/"
+    "name": "abi group GmbH",
+    "email": "info@abigroup.io",
+    "url": "https://abigroup.io/"
   },
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -42,19 +47,17 @@
   },
   "prettier": "@abinnovision/prettier-config",
   "dependencies": {
-    "eslint-config-alloy": "^5.1.2",
-    "eslint-plugin-react": "^7.37.1",
-    "eslint-plugin-react-hooks": "^5.0.0"
+    "@eslint-react/eslint-plugin": "^2.0.0",
+    "eslint-plugin-better-tailwindcss": "^3.0.0",
+    "eslint-plugin-react-hooks": "^7.0.0"
   },
   "devDependencies": {
-    "@abinnovision/prettier-config": "^2.1.3",
-    "@types/eslint": "^9.6.1",
-    "@typescript-eslint/eslint-plugin": "^8.8.1",
-    "@typescript-eslint/parser": "^8.8.1",
-    "eslint": "^9.12.0",
-    "globals": "^15.11.0",
-    "tsup": "^8.3.0",
-    "typescript": "^5.6.3"
+    "@abinnovision/eslint-config-base": "^3.0.0",
+    "@abinnovision/prettier-config": "^2.1.4",
+    "eslint": "^9.39.1",
+    "prettier": "^3.6.2",
+    "tsup": "^8.3.6",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "eslint": "^9.0.0"

package/dist/index.cjs

@@ -1,64 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  default: () => src_default
-});
-module.exports = __toCommonJS(src_exports);
-var import_react = __toESM(require("eslint-config-alloy/react.js"), 1);
-var import_eslint_plugin_react = __toESM(require("eslint-plugin-react"), 1);
-var import_eslint_plugin_react_hooks = __toESM(require("eslint-plugin-react-hooks"), 1);
-var config = [
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      react: import_eslint_plugin_react.default,
-      "react-hooks": import_eslint_plugin_react_hooks.default
-    },
-    settings: {
-      react: {
-        version: "detect"
-      }
-    },
-    rules: {
-      ...import_react.default.rules ?? {},
-      /**
-       * Apply the rules from the eslint-plugin-react-hooks package and use the recommended
-       * configuration.
-       *
-       * @see https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks
-       */
-      "react-hooks/rules-of-hooks": "error",
-      "react-hooks/exhaustive-deps": "warn"
-    }
-  }
-];
-var src_default = config;

package/dist/index.d.cts

@@ -1,24 +0,0 @@
-declare const config: {
-    files: string[];
-    plugins: {
-        react: Plugin;
-        "react-hooks": Plugin;
-    };
-    settings: {
-        react: {
-            version: string;
-        };
-    };
-    rules: {
-        /**
-         * Apply the rules from the eslint-plugin-react-hooks package and use the recommended
-         * configuration.
-         *
-         * @see https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks
-         */
-        "react-hooks/rules-of-hooks": "error";
-        "react-hooks/exhaustive-deps": "warn";
-    };
-}[];
-
-export { config as default };

package/dist/index.d.ts

@@ -1,24 +0,0 @@
-declare const config: {
-    files: string[];
-    plugins: {
-        react: Plugin;
-        "react-hooks": Plugin;
-    };
-    settings: {
-        react: {
-            version: string;
-        };
-    };
-    rules: {
-        /**
-         * Apply the rules from the eslint-plugin-react-hooks package and use the recommended
-         * configuration.
-         *
-         * @see https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks
-         */
-        "react-hooks/rules-of-hooks": "error";
-        "react-hooks/exhaustive-deps": "warn";
-    };
-}[];
-
-export { config as default };

package/dist/index.js

@@ -1,33 +0,0 @@
-// src/index.ts
-import AlloyReact from "eslint-config-alloy/react.js";
-import eslintPluginReact from "eslint-plugin-react";
-import eslintPluginReactHooks from "eslint-plugin-react-hooks";
-var config = [
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      react: eslintPluginReact,
-      "react-hooks": eslintPluginReactHooks
-    },
-    settings: {
-      react: {
-        version: "detect"
-      }
-    },
-    rules: {
-      ...AlloyReact.rules ?? {},
-      /**
-       * Apply the rules from the eslint-plugin-react-hooks package and use the recommended
-       * configuration.
-       *
-       * @see https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks
-       */
-      "react-hooks/rules-of-hooks": "error",
-      "react-hooks/exhaustive-deps": "warn"
-    }
-  }
-];
-var src_default = config;
-export {
-  src_default as default
-};