@abinnovision/eslint-config-react 2.1.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # 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)
+
+
+### Features
+
+* add eslint-plugin-react-hooks with recommended config ([#339](https://github.com/abinnovision/js-commons/issues/339)) ([6d0a2e0](https://github.com/abinnovision/js-commons/commit/6d0a2e0dd68c7a91d3b7a8c3b116ee31c3d7871e))
+
+
+### Bug Fixes
+
+* automatically detect the react version ([#352](https://github.com/abinnovision/js-commons/issues/352)) ([2e3ea1a](https://github.com/abinnovision/js-commons/commit/2e3ea1aa6b3797606e2303f4b10fc28a75440ab3))
+* migrate to Linter.Config type ([#340](https://github.com/abinnovision/js-commons/issues/340)) ([30a1c19](https://github.com/abinnovision/js-commons/commit/30a1c19c3a2f4c2b94e6086486951145b399e15d))
+* only support eslint v9 ([#345](https://github.com/abinnovision/js-commons/issues/345)) ([7425fdc](https://github.com/abinnovision/js-commons/commit/7425fdc9c2d8912988697ab07b9a8f42d96786d4))
+* use spaces for markdown files ([#349](https://github.com/abinnovision/js-commons/issues/349)) ([eeb8b33](https://github.com/abinnovision/js-commons/commit/eeb8b335916602b55ca02cfdea352bc296fa7ffb))
+
 ## [2.1.0](https://github.com/abinnovision/js-commons/compare/eslint-config-react-v2.0.0...eslint-config-react-v2.1.0) (2024-08-05)
 
 

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.1.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,21 +47,19 @@
   },
   "prettier": "@abinnovision/prettier-config",
   "dependencies": {
-    "eslint-config-alloy": "^5.1.2",
-    "eslint-plugin-react": "^7.35.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.0",
-    "@types/eslint": "^9.6.0",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "eslint": "^9.8.0",
-    "globals": "^15.9.0",
-    "tsup": "^8.2.4",
-    "typescript": "^5.5.4"
+    "@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": "^8.24.0 || ^9.0.0"
-  },
-  "packageManager": "yarn@3.4.1"
+    "eslint": "^9.0.0"
+  }
 }

package/dist/index.cjs

@@ -1,49 +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 config = [
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      react: import_eslint_plugin_react.default
-    },
-    rules: {
-      ...import_react.default.rules ?? {}
-    }
-  }
-];
-var src_default = config;

package/dist/index.d.cts

@@ -1,11 +0,0 @@
-declare const config: {
-    files: string[];
-    plugins: {
-        react: Plugin;
-    };
-    rules: {
-        [x: string]: any;
-    };
-}[];
-
-export { config as default };

package/dist/index.d.ts

@@ -1,11 +0,0 @@
-declare const config: {
-    files: string[];
-    plugins: {
-        react: Plugin;
-    };
-    rules: {
-        [x: string]: any;
-    };
-}[];
-
-export { config as default };

package/dist/index.js

@@ -1,18 +0,0 @@
-// src/index.ts
-import AlloyReact from "eslint-config-alloy/react.js";
-import eslintPluginReact from "eslint-plugin-react";
-var config = [
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      react: eslintPluginReact
-    },
-    rules: {
-      ...AlloyReact.rules ?? {}
-    }
-  }
-];
-var src_default = config;
-export {
-  src_default as default
-};