@abinnovision/eslint-config-react 3.2.0-beta.1 → 3.2.1-beta.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [3.2.0](https://github.com/abinnovision/js-commons/compare/eslint-config-react-v3.1.1...eslint-config-react-v3.2.0) (2026-04-28)
+
+
+### Features
+
+* support ESLint 10 in shared configs ([#599](https://github.com/abinnovision/js-commons/issues/599)) ([4de4c56](https://github.com/abinnovision/js-commons/commit/4de4c562df5b43b15de7b52637c7d82bd15e498f))
+
 ## [3.1.1](https://github.com/abinnovision/js-commons/compare/eslint-config-react-v3.1.0...eslint-config-react-v3.1.1) (2026-04-05)
 
 

package/dist/configs/flavour-tailwind.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let eslint_config = require("eslint/config");
 let eslint_plugin_better_tailwindcss = require("eslint-plugin-better-tailwindcss");
-eslint_plugin_better_tailwindcss = require_runtime.__toESM(eslint_plugin_better_tailwindcss);
+eslint_plugin_better_tailwindcss = require_runtime.__toESM(eslint_plugin_better_tailwindcss, 1);
 //#region src/configs/flavour-tailwind.ts
 /**
 * ESLint configuration for Tailwind CSS.
@@ -12,16 +12,51 @@ const config = (0, eslint_config.defineConfig)([{
 	files: ["**/*.{js,jsx,ts,tsx}"],
 	plugins: { "better-tailwindcss": eslint_plugin_better_tailwindcss.default },
 	rules: {
+		/**
+		* Enforce consistent line wrapping.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/enforce-consistent-line-wrapping": ["warn", {
 			preferSingleLine: true,
 			indent: "tab",
 			strictness: "loose"
 		}],
+		/**
+		* Enforce consistent class order.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/enforce-consistent-class-order": "warn",
+		/**
+		* Enforce shorthand classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/enforce-shorthand-classes": "warn",
+		/**
+		* Remove duplicate classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-duplicate-classes": "warn",
+		/**
+		* Disallow unnecessary whitespace.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-unnecessary-whitespace": "warn",
+		/**
+		* Report unregistered classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-unknown-classes": ["warn", { detectComponentClasses: true }],
+		/**
+		* Report conflicting classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-conflicting-classes": "error"
 	}
 }]);

package/dist/configs/flavour-tailwind.d.cts

@@ -1,11 +1,9 @@
-import * as eslint_config0 from "eslint/config";
-
 //#region src/configs/flavour-tailwind.d.ts
 /**
  * ESLint configuration for Tailwind CSS.
  *
  * Note that this configuration include stylistic rules.
  */
-declare const config: eslint_config0.Config[];
+declare const config: import("eslint/config").Config[];
 //#endregion
 export { config };

package/dist/configs/flavour-tailwind.d.mts

@@ -1,11 +1,9 @@
-import * as eslint_config0 from "eslint/config";
-
 //#region src/configs/flavour-tailwind.d.ts
 /**
  * ESLint configuration for Tailwind CSS.
  *
  * Note that this configuration include stylistic rules.
  */
-declare const config: eslint_config0.Config[];
+declare const config: import("eslint/config").Config[];
 //#endregion
 export { config };

package/dist/configs/flavour-tailwind.mjs

@@ -10,16 +10,51 @@ const config = defineConfig([{
 	files: ["**/*.{js,jsx,ts,tsx}"],
 	plugins: { "better-tailwindcss": betterTailwindcss },
 	rules: {
+		/**
+		* Enforce consistent line wrapping.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/enforce-consistent-line-wrapping": ["warn", {
 			preferSingleLine: true,
 			indent: "tab",
 			strictness: "loose"
 		}],
+		/**
+		* Enforce consistent class order.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/enforce-consistent-class-order": "warn",
+		/**
+		* Enforce shorthand classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/enforce-shorthand-classes": "warn",
+		/**
+		* Remove duplicate classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-duplicate-classes": "warn",
+		/**
+		* Disallow unnecessary whitespace.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-unnecessary-whitespace": "warn",
+		/**
+		* Report unregistered classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-unknown-classes": ["warn", { detectComponentClasses: true }],
+		/**
+		* Report conflicting classes.
+		*
+		* @see https://github.com/schoero/eslint-plugin-better-tailwindcss
+		*/
 		"better-tailwindcss/no-conflicting-classes": "error"
 	}
 }]);

package/dist/configs/index.cjs

@@ -1,2 +1,4 @@
-require("./react.cjs");
-require("./flavour-tailwind.cjs");
+const require_react = require("./react.cjs");
+const require_flavour_tailwind = require("./flavour-tailwind.cjs");
+exports.react = require_react.config;
+exports.tailwind = require_flavour_tailwind.config;

package/dist/configs/index.mjs

@@ -1,3 +1,3 @@
-import "./react.mjs";
-import "./flavour-tailwind.mjs";
-export {};
+import { config } from "./react.mjs";
+import { config as config$1 } from "./flavour-tailwind.mjs";
+export { config as react, config$1 as tailwind };

package/dist/configs/react.cjs

@@ -1,9 +1,9 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let _eslint_react_eslint_plugin = require("@eslint-react/eslint-plugin");
-_eslint_react_eslint_plugin = require_runtime.__toESM(_eslint_react_eslint_plugin);
+_eslint_react_eslint_plugin = require_runtime.__toESM(_eslint_react_eslint_plugin, 1);
 let eslint_config = require("eslint/config");
 let eslint_plugin_react_hooks = require("eslint-plugin-react-hooks");
-eslint_plugin_react_hooks = require_runtime.__toESM(eslint_plugin_react_hooks);
+eslint_plugin_react_hooks = require_runtime.__toESM(eslint_plugin_react_hooks, 1);
 //#region src/configs/react.ts
 const { configs: _, ...eslintReactHooksPlugin } = eslint_plugin_react_hooks.default;
 const config = (0, eslint_config.defineConfig)([{
@@ -12,29 +12,149 @@ const config = (0, eslint_config.defineConfig)([{
 	languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } },
 	extends: [_eslint_react_eslint_plugin.default.configs.recommended],
 	rules: {
+		/**
+		* Enforce Rules of Hooks.
+		*
+		* @see https://react.dev/reference/react/hooks#rules-of-hooks
+		*/
 		"react-hooks/rules-of-hooks": "error",
+		/**
+		* Verify dependencies array in hooks.
+		*
+		* @see https://react.dev/reference/react/hooks#rules-of-hooks
+		*/
 		"react-hooks/exhaustive-deps": "warn",
+		/**
+		* Disallow dangerouslySetInnerHTML.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml
+		*/
 		"@eslint-react/dom/no-dangerously-set-innerhtml": "error",
+		/**
+		* Disallow dangerouslySetInnerHTML with children.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml-with-children
+		*/
 		"@eslint-react/dom/no-dangerously-set-innerhtml-with-children": "error",
+		/**
+		* Disallow javascript: URLs.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-script-url
+		*/
 		"@eslint-react/dom/no-script-url": "error",
+		/**
+		* Enforce security attributes on target="_blank" links.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-target-blank
+		*/
 		"@eslint-react/dom/no-unsafe-target-blank": "error",
+		/**
+		* Require sandbox attribute on iframes.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-missing-iframe-sandbox
+		*/
 		"@eslint-react/dom/no-missing-iframe-sandbox": "error",
+		/**
+		* Disallow unsafe iframe sandbox values.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-iframe-sandbox
+		*/
 		"@eslint-react/dom/no-unsafe-iframe-sandbox": "error",
+		/**
+		* Prevent memory leaks from event listeners.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-event-listener
+		*/
 		"@eslint-react/web-api/no-leaked-event-listener": "error",
+		/**
+		* Prevent memory leaks from intervals.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-interval
+		*/
 		"@eslint-react/web-api/no-leaked-interval": "error",
+		/**
+		* Prevent memory leaks from timeouts.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
+		*/
 		"@eslint-react/web-api/no-leaked-timeout": "error",
+		/**
+		* Prevent memory leaks from resize observers.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-resize-observer
+		*/
 		"@eslint-react/web-api/no-leaked-resize-observer": "error",
+		/**
+		* Warn against using array indices as keys.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-array-index-key
+		*/
 		"@eslint-react/no-array-index-key": "warn",
+		/**
+		* Prevent unstable nested component definitions.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-nested-component-definitions
+		*/
 		"@eslint-react/no-nested-component-definitions": "error",
+		/**
+		* Warn against unstable context values.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-unstable-context-value
+		*/
 		"@eslint-react/no-unstable-context-value": "warn",
+		/**
+		* Warn against unnecessary useCallback.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-callback
+		*/
 		"@eslint-react/no-unnecessary-use-callback": "warn",
+		/**
+		* Warn against unnecessary useMemo.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-memo
+		*/
 		"@eslint-react/no-unnecessary-use-memo": "warn",
+		/**
+		* Disallow duplicate props in JSX.
+		*
+		* @see https://eslint-react.xyz/docs/rules/jsx-no-duplicate-props
+		*/
 		"@eslint-react/jsx-no-duplicate-props": "error",
+		/**
+		* Disallow undefined components in JSX.
+		*
+		* @see https://eslint-react.xyz/docs/rules/jsx-no-undef
+		*/
 		"@eslint-react/jsx-no-undef": "error",
+		/**
+		* Require keys for array elements.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-missing-key
+		*/
 		"@eslint-react/no-missing-key": "error",
+		/**
+		* Disallow children prop.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-children-prop
+		*/
 		"@eslint-react/no-children-prop": "error",
+		/**
+		* Disallow direct state mutation.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-direct-mutation-state
+		*/
 		"@eslint-react/no-direct-mutation-state": "error",
+		/**
+		* Disallow string refs.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-string-refs
+		*/
 		"@eslint-react/no-string-refs": "error",
+		/**
+		* Disallow findDOMNode.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-find-dom-node
+		*/
 		"@eslint-react/dom/no-find-dom-node": "error"
 	}
 }]);

package/dist/configs/react.d.cts

@@ -1,6 +1,4 @@
-import * as eslint_config0 from "eslint/config";
-
 //#region src/configs/react.d.ts
-declare const config: eslint_config0.Config[];
+declare const config: import("eslint/config").Config[];
 //#endregion
 export { config };

package/dist/configs/react.d.mts

@@ -1,6 +1,4 @@
-import * as eslint_config0 from "eslint/config";
-
 //#region src/configs/react.d.ts
-declare const config: eslint_config0.Config[];
+declare const config: import("eslint/config").Config[];
 //#endregion
 export { config };

package/dist/configs/react.mjs

@@ -9,29 +9,149 @@ const config = defineConfig([{
 	languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } },
 	extends: [eslintReactPlugin.configs.recommended],
 	rules: {
+		/**
+		* Enforce Rules of Hooks.
+		*
+		* @see https://react.dev/reference/react/hooks#rules-of-hooks
+		*/
 		"react-hooks/rules-of-hooks": "error",
+		/**
+		* Verify dependencies array in hooks.
+		*
+		* @see https://react.dev/reference/react/hooks#rules-of-hooks
+		*/
 		"react-hooks/exhaustive-deps": "warn",
+		/**
+		* Disallow dangerouslySetInnerHTML.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml
+		*/
 		"@eslint-react/dom/no-dangerously-set-innerhtml": "error",
+		/**
+		* Disallow dangerouslySetInnerHTML with children.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml-with-children
+		*/
 		"@eslint-react/dom/no-dangerously-set-innerhtml-with-children": "error",
+		/**
+		* Disallow javascript: URLs.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-script-url
+		*/
 		"@eslint-react/dom/no-script-url": "error",
+		/**
+		* Enforce security attributes on target="_blank" links.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-target-blank
+		*/
 		"@eslint-react/dom/no-unsafe-target-blank": "error",
+		/**
+		* Require sandbox attribute on iframes.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-missing-iframe-sandbox
+		*/
 		"@eslint-react/dom/no-missing-iframe-sandbox": "error",
+		/**
+		* Disallow unsafe iframe sandbox values.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-iframe-sandbox
+		*/
 		"@eslint-react/dom/no-unsafe-iframe-sandbox": "error",
+		/**
+		* Prevent memory leaks from event listeners.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-event-listener
+		*/
 		"@eslint-react/web-api/no-leaked-event-listener": "error",
+		/**
+		* Prevent memory leaks from intervals.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-interval
+		*/
 		"@eslint-react/web-api/no-leaked-interval": "error",
+		/**
+		* Prevent memory leaks from timeouts.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
+		*/
 		"@eslint-react/web-api/no-leaked-timeout": "error",
+		/**
+		* Prevent memory leaks from resize observers.
+		*
+		* @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-resize-observer
+		*/
 		"@eslint-react/web-api/no-leaked-resize-observer": "error",
+		/**
+		* Warn against using array indices as keys.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-array-index-key
+		*/
 		"@eslint-react/no-array-index-key": "warn",
+		/**
+		* Prevent unstable nested component definitions.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-nested-component-definitions
+		*/
 		"@eslint-react/no-nested-component-definitions": "error",
+		/**
+		* Warn against unstable context values.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-unstable-context-value
+		*/
 		"@eslint-react/no-unstable-context-value": "warn",
+		/**
+		* Warn against unnecessary useCallback.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-callback
+		*/
 		"@eslint-react/no-unnecessary-use-callback": "warn",
+		/**
+		* Warn against unnecessary useMemo.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-memo
+		*/
 		"@eslint-react/no-unnecessary-use-memo": "warn",
+		/**
+		* Disallow duplicate props in JSX.
+		*
+		* @see https://eslint-react.xyz/docs/rules/jsx-no-duplicate-props
+		*/
 		"@eslint-react/jsx-no-duplicate-props": "error",
+		/**
+		* Disallow undefined components in JSX.
+		*
+		* @see https://eslint-react.xyz/docs/rules/jsx-no-undef
+		*/
 		"@eslint-react/jsx-no-undef": "error",
+		/**
+		* Require keys for array elements.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-missing-key
+		*/
 		"@eslint-react/no-missing-key": "error",
+		/**
+		* Disallow children prop.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-children-prop
+		*/
 		"@eslint-react/no-children-prop": "error",
+		/**
+		* Disallow direct state mutation.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-direct-mutation-state
+		*/
 		"@eslint-react/no-direct-mutation-state": "error",
+		/**
+		* Disallow string refs.
+		*
+		* @see https://eslint-react.xyz/docs/rules/no-string-refs
+		*/
 		"@eslint-react/no-string-refs": "error",
+		/**
+		* Disallow findDOMNode.
+		*
+		* @see https://eslint-react.xyz/docs/rules/dom-no-find-dom-node
+		*/
 		"@eslint-react/dom/no-find-dom-node": "error"
 	}
 }]);

package/package.json

@@ -1,8 +1,21 @@
 {
   "name": "@abinnovision/eslint-config-react",
-  "version": "3.2.0-beta.1",
+  "version": "3.2.1-beta.1",
+  "description": "Shared ESLint configuration for React applications, building on @abinnovision/eslint-config-base.",
+  "keywords": [
+    "eslint",
+    "eslint-config",
+    "react",
+    "typescript"
+  ],
+  "homepage": "https://github.com/abinnovision/js-commons",
+  "bugs": {
+    "url": "https://github.com/abinnovision/js-commons/issues"
+  },
   "repository": {
-    "url": "https://github.com/abinnovision/js-commons"
+    "type": "git",
+    "url": "git+https://github.com/abinnovision/js-commons.git",
+    "directory": "packages/eslint-config-react"
   },
   "license": "Apache-2.0",
   "author": {
@@ -47,16 +60,16 @@
   "prettier": "@abinnovision/prettier-config",
   "dependencies": {
     "@eslint-react/eslint-plugin": "^2.13.0",
-    "eslint-plugin-better-tailwindcss": "^4.3.2",
+    "eslint-plugin-better-tailwindcss": "^4.6.1",
     "eslint-plugin-react-hooks": "^7.1.1"
   },
   "devDependencies": {
-    "@abinnovision/eslint-config-base": "^3.3.0-beta.1",
-    "@abinnovision/prettier-config": "^2.1.5",
+    "@abinnovision/eslint-config-base": "^3.4.2-beta.1",
+    "@abinnovision/prettier-config": "^2.2.0",
     "@internal/tsconfig": "^1.0.0",
-    "eslint": "^10.0.0",
-    "prettier": "^3.6.2",
-    "tsdown": "^0.21.3",
+    "eslint": "^10.7.0",
+    "prettier": "^3.9.5",
+    "tsdown": "^0.22.5",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {

package/dist/configs/index.d.mts

@@ -1,2 +0,0 @@
-import { config } from "./react.mjs";
-import { config as config$1 } from "./flavour-tailwind.mjs";