eslint-config-airbnb-extended 2.0.0 → 2.1.0

package/README.md

@@ -22,12 +22,17 @@ To learn more about the configuration options available for `create-airbnb-x-con
 
 First, you need to decide whether you want to use the `legacy` config or the `extended` config. If you're not sure about the difference between the two, you can refer to the [Extended vs Legacy Config](https://github.com/NishargShah/eslint-config-airbnb-extended/tree/master/packages/eslint-config-airbnb-extended#difference-between-extended-vs-legacy-config) for a brief explanation. For more information specifically about the Legacy config, check out the [Legacy Config](https://github.com/NishargShah/eslint-config-airbnb-extended/tree/master/packages/eslint-config-airbnb-extended#legacy-config). If you decide to use the Extended config, you can proceed with the steps below. Otherwise, feel free to switch to the Legacy config if that better fits your requirements.
 
-You can choose whether to **install** or **not install** based on your needs.
+Once you've completed the selection steps in `create-airbnb-x-config`, you'll be prompted to choose whether or not to **install dependencies** based on your preferences:
 
-- If you choose **installation**, the package will automatically detect your project's package manager and install all the required dependencies.
-- If you choose **no installation**, you’ll get the necessary commands to install the dependencies manually.
+- If you choose **to install**, the tool will automatically detect your project's package manager and install all required dependencies for you.
+- If you choose **not to install**, you'll receive the appropriate commands to install the dependencies manually.
 
-After completing the steps, you’ll get a **GitHub URL** for the configuration template. Go to the URL, copy the content, and paste it into your `eslint.config.mjs` file. The template provided will depend on your earlier choices.
+After that, you'll be asked whether you want the tool to **generate an `eslint.config.mjs` file** for you:
+
+- If you agree, the file will be created automatically.
+- If not, you’ll need to create the file yourself.
+
+At the end of the process, you’ll be given a **GitHub URL** containing your ESLint configuration template. If you chose **not** to auto-generate the config file, simply visit the URL, copy the template, and paste it into your `eslint.config.mjs` file. The content of the template will reflect the options you selected earlier.
 
 ### Manual Installation (Not Recommended)
 
@@ -50,7 +55,7 @@ In short, the goal is:
 
 Here’s the way to use the **Airbnb legacy configurations** with the flat config format under `eslint-config-airbnb-extended/legacy`.
 
-#### For `eslint-config-airbnb-base`
+#### For [`eslint-config-airbnb-base`](https://www.npmjs.com/package/eslint-config-airbnb-base)
 
 ```ts
 import { configs } from 'eslint-config-airbnb-extended/legacy';
@@ -64,7 +69,7 @@ export default [...configs.base.recommended];
 
 ---
 
-#### For `eslint-config-airbnb`
+#### For [`eslint-config-airbnb`](https://www.npmjs.com/package/eslint-config-airbnb)
 
 ```ts
 import { configs } from 'eslint-config-airbnb-extended/legacy';
@@ -84,7 +89,7 @@ export default [...configs.react.hooks];
 
 ---
 
-#### For `eslint-config-airbnb-typescript`
+#### For [`eslint-config-airbnb-typescript`](https://www.npmjs.com/package/eslint-config-airbnb-typescript)
 
 ```ts
 import { configs } from 'eslint-config-airbnb-extended/legacy';
@@ -100,14 +105,14 @@ export default [...configs.react.typescript];
 
 This configuration relies on the following essential packages:
 
-- **`@stylistic/eslint-plugin`**: Ensures fine-tuned styling rules for code formatting.
-- **`eslint-import-x`**: A powerful tool for managing and validating imports.
-- **`eslint-plugin-n`**: Enforces best practices for Node.js.
-- **`eslint-plugin-react`**: Enforces React-specific linting rules and best practices.
-- **`eslint-plugin-react-hooks`**: Ensures proper use of React hooks.
-- **`eslint-plugin-jsx-a11y`**: Improves accessibility in JSX code.
-- **`typescript-eslint`**: Provides linting support for TypeScript codebases.
-- **`eslint-import-resolver-typescript`**: Ensures TypeScript compatibility for import statements.
+- **[`@stylistic/eslint-plugin`](https://www.npmjs.com/package/@stylistic/eslint-plugin)**: Ensures fine-tuned styling rules for code formatting.
+- **[`eslint-plugin-import-x`](https://www.npmjs.com/package/eslint-plugin-import-x)**: A powerful tool for managing and validating imports.
+- **[`eslint-plugin-n`](https://www.npmjs.com/package/eslint-plugin-n)**: Enforces best practices for Node.js.
+- **[`eslint-plugin-react`](https://www.npmjs.com/package/eslint-plugin-react)**: Enforces React-specific linting rules and best practices.
+- **[`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks)**: Ensures proper use of React hooks.
+- **[`eslint-plugin-jsx-a11y`](https://www.npmjs.com/package/eslint-plugin-jsx-a11y)**: Improves accessibility in JSX code.
+- **[`typescript-eslint`](https://www.npmjs.com/package/typescript-eslint)**: Provides linting support for TypeScript codebases.
+- **[`eslint-import-resolver-typescript`](https://www.npmjs.com/package/eslint-import-resolver-typescript)**: Ensures TypeScript compatibility for import statements.
 
 ## Strict Rules
 
@@ -167,7 +172,7 @@ If you're working in a monorepo setup, it's recommended to run the installation
 
 ### Why did we switch from `import` to `import-x`?
 
-The switch from the `import` ESLint plugin to `import-x` is due to several improvements. `import-x` provides **better TypeScript support**, ensuring more accurate linting for TypeScript projects. It is **actively maintained**, with regular updates and bug fixes, unlike the original plugin. It also has **fewer issues reported on GitHub**, indicating better stability. Additionally, `import-x` offers a **more performant and lightweight version**, reducing linting overhead and improving build performance. These factors make `import-x` a more reliable and efficient choice.
+The switch from the [`import`](https://www.npmjs.com/package/eslint-plugin-import) ESLint plugin to [`import-x`](https://www.npmjs.com/package/eslint-plugin-import-x) is due to several improvements. `import-x` provides **better TypeScript support**, ensuring more accurate linting for TypeScript projects. It is **actively maintained**, with regular updates and bug fixes, unlike the original plugin. It also has **fewer issues reported on GitHub**, indicating better stability. Additionally, `import-x` offers a **more performant and lightweight version**, reducing linting overhead and improving build performance. These factors make `import-x` a more reliable and efficient choice.
 
 ### Why are `plugins` separated from the `config` in this package?
 

package/dist/@types/index.d.ts

@@ -24,3 +24,9 @@ export declare const plugins: {
     readonly next: import("eslint").Linter.Config;
     readonly typescriptEslint: import("eslint").Linter.Config;
 };
+export declare const extensions: {
+    readonly base: Record<"recommended" | "typescript", import("eslint").Linter.Config[]>;
+    readonly react: Record<"recommended", import("eslint").Linter.Config[]>;
+    readonly next: Record<"recommended", import("eslint").Linter.Config[]>;
+    readonly node: Record<"recommended", import("eslint").Linter.Config[]>;
+};

package/dist/configs/base/recommended.js

@@ -4,30 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const config_1 = __importDefault(require("../../configs/base/config"));
-const getImportSettings_1 = __importDefault(require("../../helpers/getImportSettings"));
-const getStylisticLegacyConfig_1 = __importDefault(require("../../helpers/getStylisticLegacyConfig"));
-const utils_1 = require("../../utils");
+const recommended_1 = __importDefault(require("../../extensions/base/recommended"));
 const baseRecommendedConfig = [
     ...Object.values(config_1.default),
-    {
-        name: 'airbnb/config/base-configurations',
-        files: utils_1.allFiles,
-        languageOptions: {
-            parserOptions: {
-                ecmaVersion: 2018,
-                sourceType: 'module',
-            },
-        },
-        settings: {
-            'import-x/core-modules': [],
-            'import-x/ignore': ['node_modules', String.raw `\.(coffee|scss|css|less|hbs|svg|json)$`],
-        },
-    },
-    {
-        name: 'airbnb/config/base-settings-extensions-configurations',
-        files: utils_1.jsFileWithoutReact,
-        settings: (0, getImportSettings_1.default)({ javascript: true, typescript: false, jsx: false }),
-    },
-    Object.assign({ name: 'airbnb/config/base-disable-legacy-stylistic-js-config', files: utils_1.allFiles }, (0, getStylisticLegacyConfig_1.default)('javascript')),
+    ...recommended_1.default,
 ];
 exports.default = baseRecommendedConfig;

package/dist/configs/base/typescript.js

@@ -3,19 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const typescript_eslint_1 = require("typescript-eslint");
 const config_1 = __importDefault(require("../../configs/typescript/config"));
-const getImportSettings_1 = __importDefault(require("../../helpers/getImportSettings"));
-const getStylisticLegacyConfig_1 = __importDefault(require("../../helpers/getStylisticLegacyConfig"));
-const utils_1 = require("../../utils");
+const typescript_1 = __importDefault(require("../../extensions/base/typescript"));
 const baseTypescriptConfig = [
     ...Object.values(config_1.default),
-    {
-        name: 'airbnb/config/base-typescript-settings-extensions-configurations',
-        files: utils_1.tsFileWithoutReact,
-        settings: (0, getImportSettings_1.default)({ javascript: false, typescript: true, jsx: false }),
-    },
-    Object.assign({ name: 'airbnb/config/base-typescript-disable-legacy-stylistic-ts-config', files: utils_1.tsFiles }, (0, getStylisticLegacyConfig_1.default)('typescript')),
-    Object.assign(Object.assign({}, typescript_eslint_1.configs.disableTypeChecked), { name: 'airbnb/config/base-typescript-disable-type-checked', files: utils_1.jsFiles }),
+    ...typescript_1.default,
 ];
 exports.default = baseTypescriptConfig;

package/dist/configs/next/recommended.js

@@ -5,24 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const config_1 = __importDefault(require("../../configs/next/config"));
 const recommended_1 = __importDefault(require("../../configs/react/recommended"));
-const utils_1 = require("../../utils");
+const recommended_2 = __importDefault(require("../../extensions/next/recommended"));
 const nextRecommendedConfig = [
     ...recommended_1.default,
     ...Object.values(config_1.default),
-    {
-        name: 'airbnb/config/next-import-x',
-        files: ['**/app/**/route.ts', '**/middleware.ts'],
-        rules: {
-            'import-x/prefer-default-export': 'off',
-        },
-    },
-    {
-        name: 'airbnb/config/next-react-jsx-runtime',
-        files: utils_1.allFiles,
-        rules: {
-            'react/jsx-uses-react': 'off',
-            'react/react-in-jsx-scope': 'off',
-        },
-    },
+    ...recommended_2.default,
 ];
 exports.default = nextRecommendedConfig;

package/dist/configs/node/recommended.js

@@ -2,40 +2,11 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a, _b, _c, _d, _e, _f;
 Object.defineProperty(exports, "__esModule", { value: true });
-const eslint_plugin_n_1 = __importDefault(require("eslint-plugin-n"));
 const config_1 = __importDefault(require("../../configs/node/config"));
-const nodeNoUnsupportedFeatures_1 = __importDefault(require("../../rules/node/nodeNoUnsupportedFeatures"));
-const utils_1 = require("../../utils");
-const flatNodeConfig = eslint_plugin_n_1.default.configs['flat/recommended'];
-const flatModuleConfig = eslint_plugin_n_1.default.configs['flat/recommended-module'];
-const flatScriptConfig = eslint_plugin_n_1.default.configs['flat/recommended-script'];
+const recommended_1 = __importDefault(require("../../extensions/node/recommended"));
 const nodeRecommendedConfig = [
     ...Object.values(config_1.default),
-    Object.assign({ name: 'airbnb/config/node-configurations', files: utils_1.allFiles }, (flatNodeConfig
-        ? {
-            languageOptions: flatNodeConfig.languageOptions,
-            rules: {
-                'n/no-unsupported-features/es-syntax': (_b = (_a = flatNodeConfig.rules) === null || _a === void 0 ? void 0 : _a['n/no-unsupported-features/es-syntax']) !== null && _b !== void 0 ? _b : nodeNoUnsupportedFeatures_1.default.rules['n/no-unsupported-features/es-syntax'],
-            },
-        }
-        : null)),
-    Object.assign({ name: 'airbnb/config/node-configurations-for-module', files: ['**/*.mjs', '**/*.mts'] }, (flatModuleConfig
-        ? {
-            languageOptions: flatModuleConfig.languageOptions,
-            rules: {
-                'n/no-unsupported-features/es-syntax': (_d = (_c = flatModuleConfig.rules) === null || _c === void 0 ? void 0 : _c['n/no-unsupported-features/es-syntax']) !== null && _d !== void 0 ? _d : nodeNoUnsupportedFeatures_1.default.rules['n/no-unsupported-features/es-syntax'],
-            },
-        }
-        : null)),
-    Object.assign({ name: 'airbnb/config/node-configurations-for-script', files: ['**/*.cjs', '**/*.cts'] }, (flatScriptConfig
-        ? {
-            languageOptions: flatScriptConfig.languageOptions,
-            rules: {
-                'n/no-unsupported-features/es-syntax': (_f = (_e = flatScriptConfig.rules) === null || _e === void 0 ? void 0 : _e['n/no-unsupported-features/es-syntax']) !== null && _f !== void 0 ? _f : nodeNoUnsupportedFeatures_1.default.rules['n/no-unsupported-features/es-syntax'],
-            },
-        }
-        : null)),
+    ...recommended_1.default,
 ];
 exports.default = nodeRecommendedConfig;

package/dist/configs/react/recommended.js

@@ -4,66 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const config_1 = __importDefault(require("../../configs/react/config"));
-const getImportSettings_1 = __importDefault(require("../../helpers/getImportSettings"));
-const getStylisticLegacyConfig_1 = __importDefault(require("../../helpers/getStylisticLegacyConfig"));
-const style_1 = __importDefault(require("../../rules/style"));
-const utils_1 = require("../../utils");
-const dangleRules = style_1.default.rules['no-underscore-dangle'];
+const recommended_1 = __importDefault(require("../../extensions/react/recommended"));
 const reactRecommendedConfig = [
     ...Object.values(config_1.default),
-    {
-        name: 'airbnb/config/react-settings-extensions-configurations',
-        files: utils_1.jsFiles,
-        settings: (0, getImportSettings_1.default)({ javascript: true, typescript: false, jsx: true }),
-    },
-    {
-        name: 'airbnb/config/react-configurations',
-        files: utils_1.allFiles,
-        rules: {
-            // disallow dangling underscores in identifiers
-            // https://eslint.org/docs/latest/rules/no-underscore-dangle
-            // Allow Redux devtools variable
-            'no-underscore-dangle': [
-                dangleRules[0],
-                Object.assign(Object.assign({}, dangleRules[1]), { allow: [...dangleRules[1].allow, '__REDUX_DEVTOOLS_EXTENSION_COMPOSE__'] }),
-            ],
-            // enforce that class methods use "this"
-            // https://eslint.org/docs/rules/class-methods-use-this
-            // Class Methods can be used in React
-            'class-methods-use-this': [
-                'error',
-                {
-                    exceptMethods: [
-                        'render',
-                        'getInitialState',
-                        'getDefaultProps',
-                        'getChildContext',
-                        'componentWillMount',
-                        'UNSAFE_componentWillMount',
-                        'componentDidMount',
-                        'componentWillReceiveProps',
-                        'UNSAFE_componentWillReceiveProps',
-                        'shouldComponentUpdate',
-                        'componentWillUpdate',
-                        'UNSAFE_componentWillUpdate',
-                        'componentDidUpdate',
-                        'componentWillUnmount',
-                        'componentDidCatch',
-                        'getSnapshotBeforeUpdate',
-                    ],
-                },
-            ],
-        },
-    },
-    {
-        name: 'airbnb/config/react-stylistic',
-        files: utils_1.allFiles,
-        rules: {
-            // specify whether double or single quotes should be used in JSX attributes
-            // https://eslint.style/rules/js/jsx-quotes
-            '@stylistic/jsx-quotes': ['error', 'prefer-double'],
-        },
-    },
-    Object.assign({ name: 'airbnb/config/react-disable-legacy-stylistic-react-config', files: utils_1.allFiles }, (0, getStylisticLegacyConfig_1.default)('react')),
+    ...recommended_1.default,
 ];
 exports.default = reactRecommendedConfig;

package/dist/extensions/base/index.js

@@ -0,0 +1,15 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-require-imports, @typescript-eslint/no-unsafe-return, unicorn/prefer-module */
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * as is given due to less size of index.d.ts
+ */
+const baseExtensions = {
+    get recommended() {
+        return require('../../extensions/base/recommended').default;
+    },
+    get typescript() {
+        return require('../../extensions/base/typescript').default;
+    },
+};
+exports.default = baseExtensions;

package/dist/extensions/base/recommended.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const getImportSettings_1 = __importDefault(require("../../helpers/getImportSettings"));
+const getStylisticLegacyConfig_1 = __importDefault(require("../../helpers/getStylisticLegacyConfig"));
+const utils_1 = require("../../utils");
+const baseRecommendedExtensionsConfig = [
+    {
+        name: 'airbnb/config/base-configurations',
+        files: utils_1.allFiles,
+        languageOptions: {
+            parserOptions: {
+                ecmaVersion: 2018,
+                sourceType: 'module',
+            },
+        },
+        settings: {
+            'import-x/core-modules': [],
+            'import-x/ignore': ['node_modules', String.raw `\.(coffee|scss|css|less|hbs|svg|json)$`],
+        },
+    },
+    {
+        name: 'airbnb/config/base-settings-extensions-configurations',
+        files: utils_1.jsFileWithoutReact,
+        settings: (0, getImportSettings_1.default)({ javascript: true, typescript: false, jsx: false }),
+    },
+    Object.assign({ name: 'airbnb/config/base-disable-legacy-stylistic-js-config', files: utils_1.allFiles }, (0, getStylisticLegacyConfig_1.default)('javascript')),
+];
+exports.default = baseRecommendedExtensionsConfig;

package/dist/extensions/base/typescript.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const typescript_eslint_1 = require("typescript-eslint");
+const getImportSettings_1 = __importDefault(require("../../helpers/getImportSettings"));
+const getStylisticLegacyConfig_1 = __importDefault(require("../../helpers/getStylisticLegacyConfig"));
+const utils_1 = require("../../utils");
+const baseTypescriptExtensionsConfig = [
+    {
+        name: 'airbnb/config/base-typescript-settings-extensions-configurations',
+        files: utils_1.tsFileWithoutReact,
+        settings: (0, getImportSettings_1.default)({ javascript: false, typescript: true, jsx: false }),
+    },
+    Object.assign({ name: 'airbnb/config/base-typescript-disable-legacy-stylistic-ts-config', files: utils_1.tsFiles }, (0, getStylisticLegacyConfig_1.default)('typescript')),
+    Object.assign(Object.assign({}, typescript_eslint_1.configs.disableTypeChecked), { name: 'airbnb/config/base-typescript-disable-type-checked', files: utils_1.jsFiles }),
+];
+exports.default = baseTypescriptExtensionsConfig;

package/dist/extensions/index.js

@@ -0,0 +1,21 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-require-imports, @typescript-eslint/no-unsafe-return, unicorn/prefer-module */
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * as is given due to less size of index.d.ts
+ */
+const extensions = {
+    get base() {
+        return require('../extensions/base').default;
+    },
+    get react() {
+        return require('../extensions/react').default;
+    },
+    get next() {
+        return require('../extensions/next').default;
+    },
+    get node() {
+        return require('../extensions/node').default;
+    },
+};
+exports.default = extensions;

package/dist/extensions/next/index.js

@@ -0,0 +1,12 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-require-imports, @typescript-eslint/no-unsafe-return, unicorn/prefer-module */
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * as is given due to less size of index.d.ts
+ */
+const nextExtensions = {
+    get recommended() {
+        return require('../../extensions/next/recommended').default;
+    },
+};
+exports.default = nextExtensions;

package/dist/extensions/next/recommended.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../../utils");
+const nextRecommendedExtensionsConfig = [
+    {
+        name: 'airbnb/config/next-import-x',
+        files: ['**/app/**/route.ts', '**/middleware.ts'],
+        rules: {
+            'import-x/prefer-default-export': 'off',
+        },
+    },
+    {
+        name: 'airbnb/config/next-react-jsx-runtime',
+        files: utils_1.allFiles,
+        rules: {
+            'react/jsx-uses-react': 'off',
+            'react/react-in-jsx-scope': 'off',
+        },
+    },
+];
+exports.default = nextRecommendedExtensionsConfig;

package/dist/extensions/node/index.js

@@ -0,0 +1,12 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-require-imports, @typescript-eslint/no-unsafe-return, unicorn/prefer-module */
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * as is given due to less size of index.d.ts
+ */
+const nodeExtensions = {
+    get recommended() {
+        return require('../../extensions/node/recommended').default;
+    },
+};
+exports.default = nodeExtensions;

package/dist/extensions/node/recommended.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a, _b, _c, _d, _e, _f;
+Object.defineProperty(exports, "__esModule", { value: true });
+const eslint_plugin_n_1 = __importDefault(require("eslint-plugin-n"));
+const nodeNoUnsupportedFeatures_1 = __importDefault(require("../../rules/node/nodeNoUnsupportedFeatures"));
+const utils_1 = require("../../utils");
+const flatNodeConfig = eslint_plugin_n_1.default.configs['flat/recommended'];
+const flatModuleConfig = eslint_plugin_n_1.default.configs['flat/recommended-module'];
+const flatScriptConfig = eslint_plugin_n_1.default.configs['flat/recommended-script'];
+const nodeRecommendedExtensionsConfig = [
+    Object.assign({ name: 'airbnb/config/node-configurations', files: utils_1.allFiles }, (flatNodeConfig
+        ? {
+            languageOptions: flatNodeConfig.languageOptions,
+            rules: {
+                'n/no-unsupported-features/es-syntax': (_b = (_a = flatNodeConfig.rules) === null || _a === void 0 ? void 0 : _a['n/no-unsupported-features/es-syntax']) !== null && _b !== void 0 ? _b : nodeNoUnsupportedFeatures_1.default.rules['n/no-unsupported-features/es-syntax'],
+            },
+        }
+        : null)),
+    Object.assign({ name: 'airbnb/config/node-configurations-for-module', files: ['**/*.mjs', '**/*.mts'] }, (flatModuleConfig
+        ? {
+            languageOptions: flatModuleConfig.languageOptions,
+            rules: {
+                'n/no-unsupported-features/es-syntax': (_d = (_c = flatModuleConfig.rules) === null || _c === void 0 ? void 0 : _c['n/no-unsupported-features/es-syntax']) !== null && _d !== void 0 ? _d : nodeNoUnsupportedFeatures_1.default.rules['n/no-unsupported-features/es-syntax'],
+            },
+        }
+        : null)),
+    Object.assign({ name: 'airbnb/config/node-configurations-for-script', files: ['**/*.cjs', '**/*.cts'] }, (flatScriptConfig
+        ? {
+            languageOptions: flatScriptConfig.languageOptions,
+            rules: {
+                'n/no-unsupported-features/es-syntax': (_f = (_e = flatScriptConfig.rules) === null || _e === void 0 ? void 0 : _e['n/no-unsupported-features/es-syntax']) !== null && _f !== void 0 ? _f : nodeNoUnsupportedFeatures_1.default.rules['n/no-unsupported-features/es-syntax'],
+            },
+        }
+        : null)),
+];
+exports.default = nodeRecommendedExtensionsConfig;

package/dist/extensions/react/index.js

@@ -0,0 +1,12 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-require-imports, @typescript-eslint/no-unsafe-return, unicorn/prefer-module */
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * as is given due to less size of index.d.ts
+ */
+const reactExtensions = {
+    get recommended() {
+        return require('../../extensions/react/recommended').default;
+    },
+};
+exports.default = reactExtensions;

package/dist/extensions/react/recommended.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const getImportSettings_1 = __importDefault(require("../../helpers/getImportSettings"));
+const getStylisticLegacyConfig_1 = __importDefault(require("../../helpers/getStylisticLegacyConfig"));
+const style_1 = __importDefault(require("../../rules/style"));
+const utils_1 = require("../../utils");
+const dangleRules = style_1.default.rules['no-underscore-dangle'];
+const reactRecommendedExtensionsConfig = [
+    {
+        name: 'airbnb/config/react-settings-extensions-configurations',
+        files: utils_1.jsFiles,
+        settings: (0, getImportSettings_1.default)({ javascript: true, typescript: false, jsx: true }),
+    },
+    {
+        name: 'airbnb/config/react-configurations',
+        files: utils_1.allFiles,
+        rules: {
+            // disallow dangling underscores in identifiers
+            // https://eslint.org/docs/latest/rules/no-underscore-dangle
+            // Allow Redux devtools variable
+            'no-underscore-dangle': [
+                dangleRules[0],
+                Object.assign(Object.assign({}, dangleRules[1]), { allow: [...dangleRules[1].allow, '__REDUX_DEVTOOLS_EXTENSION_COMPOSE__'] }),
+            ],
+            // enforce that class methods use "this"
+            // https://eslint.org/docs/rules/class-methods-use-this
+            // Class Methods can be used in React
+            'class-methods-use-this': [
+                'error',
+                {
+                    exceptMethods: [
+                        'render',
+                        'getInitialState',
+                        'getDefaultProps',
+                        'getChildContext',
+                        'componentWillMount',
+                        'UNSAFE_componentWillMount',
+                        'componentDidMount',
+                        'componentWillReceiveProps',
+                        'UNSAFE_componentWillReceiveProps',
+                        'shouldComponentUpdate',
+                        'componentWillUpdate',
+                        'UNSAFE_componentWillUpdate',
+                        'componentDidUpdate',
+                        'componentWillUnmount',
+                        'componentDidCatch',
+                        'getSnapshotBeforeUpdate',
+                    ],
+                },
+            ],
+        },
+    },
+    {
+        name: 'airbnb/config/react-stylistic',
+        files: utils_1.allFiles,
+        rules: {
+            // specify whether double or single quotes should be used in JSX attributes
+            // https://eslint.style/rules/js/jsx-quotes
+            '@stylistic/jsx-quotes': ['error', 'prefer-double'],
+        },
+    },
+    Object.assign({ name: 'airbnb/config/react-disable-legacy-stylistic-react-config', files: utils_1.allFiles }, (0, getStylisticLegacyConfig_1.default)('react')),
+];
+exports.default = reactRecommendedExtensionsConfig;

package/dist/index.js

@@ -4,8 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.plugins = exports.configs = exports.rules = void 0;
+exports.extensions = exports.plugins = exports.configs = exports.rules = void 0;
 const configs_1 = __importDefault(require("./configs"));
+const extensions_1 = __importDefault(require("./extensions"));
 const plugins_1 = __importDefault(require("./plugins"));
 const rules_1 = __importDefault(require("./rules"));
 /**
@@ -14,3 +15,4 @@ const rules_1 = __importDefault(require("./rules"));
 exports.rules = rules_1.default;
 exports.configs = configs_1.default;
 exports.plugins = plugins_1.default;
+exports.extensions = extensions_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-airbnb-extended",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Eslint Airbnb Config Extended",
   "keywords": [
     "eslint",