@mui/internal-code-infra 0.0.2-canary.2 → 0.0.2-canary.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-code-infra",
-  "version": "0.0.2-canary.2",
+  "version": "0.0.2-canary.3",
   "description": "Infra scripts and configs to be used across MUI repos.",
   "type": "module",
   "repository": {
@@ -19,11 +19,10 @@
     }
   },
   "dependencies": {
-    "@eslint/eslintrc": "^3.3.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-import-resolver-typescript": "^4.4.3",
+    "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-module-utils": "^2.12.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -35,7 +34,7 @@
     "@next/eslint-plugin-next": "^15.0.0",
     "globals": "^16.2.0",
     "minimatch": "^10.0.3",
-    "typescript-eslint": "^8.35.0"
+    "typescript-eslint": "^8.35.1"
   },
   "peerDependencies": {
     "eslint": "^9.0.0",
@@ -61,7 +60,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitSha": "d07b12b0d9e2420d77cb9b7212b836e588b03e1d",
+  "gitSha": "1c8c4a4b8bf8b6b3c54d8333c43a098a7c7d84f8",
   "scripts": {
     "typescript": "tsc -p tsconfig.json",
     "test": "pnpm -w test --project @mui/internal-code-infra"

package/src/eslint/airbnb/base.mjs

@@ -1,18 +1,113 @@
-import { FlatCompat } from '@eslint/eslintrc';
+/**
+ * Reassembles the ESLint Airbnb base configuration for usage with
+ * flat Eslint configuration.
+ */
+import baseBestPractices from 'eslint-config-airbnb-base/rules/best-practices';
+import baseErrors from 'eslint-config-airbnb-base/rules/errors';
+import baseEs6 from 'eslint-config-airbnb-base/rules/es6';
+import baseImports from 'eslint-config-airbnb-base/rules/imports';
+import baseNode from 'eslint-config-airbnb-base/rules/node';
+import baseStrict from 'eslint-config-airbnb-base/rules/strict';
+import baseStyle from 'eslint-config-airbnb-base/rules/style';
+import baseVariables from 'eslint-config-airbnb-base/rules/variables';
+import airbnbReact from 'eslint-config-airbnb/rules/react';
+import airbnbReactA11y from 'eslint-config-airbnb/rules/react-a11y';
+import eslintPluginImport from 'eslint-plugin-import';
+import eslintPluginJsxA11y from 'eslint-plugin-jsx-a11y';
+import eslintPluginReact from 'eslint-plugin-react';
+
+import globals from 'globals';
 import * as tseslint from 'typescript-eslint';
 
+const baseES6Plugin = {
+  languageOptions: {
+    globals: {
+      ...globals.es2016,
+    },
+    parserOptions: baseEs6.parserOptions,
+  },
+  rules: baseEs6.rules,
+};
+
+const baseImportPlugin = {
+  languageOptions: {
+    globals: {
+      ...globals.es2016,
+    },
+    parserOptions: baseImports.parserOptions,
+  },
+  settings: baseImports.settings,
+  rules: baseImports.rules,
+  plugins: {
+    import: eslintPluginImport,
+  },
+};
+
+const baseNodePlugin = {
+  languageOptions: {
+    globals: {
+      ...globals.node,
+    },
+  },
+  rules: baseNode.rules,
+};
+
+export const airbnbBaseConfig = /** @type {import('eslint').Linter.Config[]} */ (
+  tseslint.config(
+    {
+      name: 'base-best-practices',
+      ...baseBestPractices,
+    },
+    {
+      name: 'base-errors',
+      ...baseErrors,
+    },
+    {
+      name: 'base-node',
+      ...baseNodePlugin,
+    },
+    { name: 'base-style', ...baseStyle },
+    { name: 'base-variables', ...baseVariables },
+    { name: 'base-es6-plugin', ...baseES6Plugin },
+    { name: 'base-import-plugin', ...baseImportPlugin },
+    { name: 'base-strict', ...baseStrict },
+  )
+);
+
 /**
- * @param {Object} options - Configuration options.
- * @param {string} [options.baseDirectory] - The base directory for the configuration.
- * @returns {import('eslint').Linter.Config[]}
+ * @type {import('typescript-eslint').InfiniteDepthConfigWithExtends}
  */
-export function createAirbnbConfig({ baseDirectory } = {}) {
-  if (!baseDirectory) {
-    throw new Error('"baseDirectory" option is required for Airbnb configuration.');
-  }
-  const compat = new FlatCompat({
-    baseDirectory,
-  });
-  const airbnbConfig = compat.extends('eslint-config-airbnb');
-  return /** @type {import('eslint').Linter.Config[]} */ (tseslint.config(airbnbConfig));
-}
+const airbnbReactPlugin = {
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
+  },
+  plugins: {
+    react: eslintPluginReact,
+  },
+  rules: airbnbReact.rules,
+};
+
+const airbnbReactA11yPlugin = {
+  plugins: {
+    'jsx-a11y': eslintPluginJsxA11y,
+  },
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
+  },
+  rules: airbnbReactA11y.rules,
+};
+
+export const airbnbReactConfig = /** @type {import('eslint').Linter.Config[]} */ (
+  tseslint.config(
+    { name: 'airbnb-react', ...airbnbReactPlugin },
+    { name: 'airbnb-react-a11y', ...airbnbReactA11yPlugin },
+  )
+);

package/src/eslint/baseConfig.mjs

@@ -4,7 +4,7 @@ import { configs as reactHookConfigs } from 'eslint-plugin-react-hooks';
 import globals from 'globals';
 import * as tseslint from 'typescript-eslint';
 
-import { createAirbnbConfig } from './airbnb/base.mjs';
+import { airbnbBaseConfig, airbnbReactConfig } from './airbnb/base.mjs';
 import airbnbTypescript from './airbnb/typescript.mjs';
 import { createCoreConfig } from './material-ui/config.mjs';
 import muiPlugin from './material-ui/index.mjs';
@@ -14,10 +14,11 @@ import muiPlugin from './material-ui/index.mjs';
  * @param {string} [params.baseDirectory] - The base directory for the configuration.
  * @returns {import('eslint').Linter.Config[]}
  */
-export function createBaseConfig({ enableReactCompiler = false, baseDirectory } = {}) {
+export function createBaseConfig({ enableReactCompiler = false } = {}) {
   return /** @type {import('eslint').Linter.Config[]} */ (
     tseslint.config(
-      createAirbnbConfig({ baseDirectory }),
+      airbnbBaseConfig,
+      airbnbReactConfig,
       airbnbTypescript,
       reactHookConfigs.recommended,
       enableReactCompiler ? reactCompilerPlugin.configs.recommended : {},