export flat configs from configs.flat

Author: mdjermanovic

.eslint-doc-generatorrc.js

@@ -4,7 +4,7 @@ const config = {
     ['jsx-runtime', '🏃'],
     ['recommended', '☑️'],
   ],
-  ignoreConfig: ['all', 'flat/all', 'flat/recommended', `flat/jsx-runtime`],
+  ignoreConfig: ['all', 'flat'],
   urlConfigs: 'https://github.com/jsx-eslint/eslint-plugin-react/#shareable-configs',
 };
 

README.md

@@ -205,11 +205,11 @@ The schema of the `settings.react` object would be identical to that of what's a
 <!-- markdownlint-disable-next-line no-duplicate-heading -->
 ### Flat Configs
 
-This plugin exports 3 flat configs.
+This plugin exports 3 flat configs:
 
-- `flat/all`
-- `flat/recommended`
-- `flat/jsx-runtime`
+- `flat.all`
+- `flat.recommended`
+- `flat['jsx-runtime']`
 
 The flat configs are available via the root plugin import. They will configure the plugin under the `react/` namespace and enable JSX in [`languageOptions.parserOptions`](https://eslint.org/docs/latest/use/configure/language-options#specifying-parser-options).
 
@@ -218,7 +218,7 @@ const reactPlugin = require('eslint-plugin-react');
 
 module.exports = [
   …
-  reactPlugin.configs['flat/recommended'], // This is not a plugin object, but a shareable config object
+  reactPlugin.configs.flat.recommended, // This is not a plugin object, but a shareable config object
   …
 ];
 ```
@@ -236,9 +236,9 @@ module.exports = [
   …
   {
     files: ['**/*.{js,mjs,cjs,jsx,mjsx,ts,tsx,mtsx}'],
-    ...reactPlugin.configs['flat/recommended'],
+    ...reactPlugin.configs.flat.recommended,
     languageOptions: {
-      ...reactPlugin.configs['flat/recommended'].languageOptions,
+      ...reactPlugin.configs.flat.recommended.languageOptions,
       globals: {
         ...globals.serviceworker,
         ...globals.browser,
@@ -259,7 +259,7 @@ module.exports = [
   …
   {
     files: ['**/*.{js,mjs,cjs,jsx,mjsx,ts,tsx,mtsx}'],
-    ...reactPlugin.configs['flat/recommended'],
+    ...reactPlugin.configs.flat.recommended,
   },
   {
     files: ['**/*.{js,mjs,cjs,jsx,mjsx,ts,tsx,mtsx}'],

index.js

@@ -88,22 +88,22 @@ const plugin = {
   },
 };
 
-plugin.configs['flat/recommended'] = {
-  plugins: { react: plugin },
-  rules: plugin.configs.recommended.rules,
-  languageOptions: { parserOptions: plugin.configs.recommended.parserOptions },
-};
-
-plugin.configs['flat/all'] = {
-  plugins: { react: plugin },
-  rules: plugin.configs.all.rules,
-  languageOptions: { parserOptions: plugin.configs.all.parserOptions },
-};
-
-plugin.configs['flat/jsx-runtime'] = {
-  plugins: { react: plugin },
-  rules: plugin.configs['jsx-runtime'].rules,
-  languageOptions: { parserOptions: plugin.configs['jsx-runtime'].parserOptions },
+plugin.configs.flat = {
+  recommended: {
+    plugins: { react: plugin },
+    rules: plugin.configs.recommended.rules,
+    languageOptions: { parserOptions: plugin.configs.recommended.parserOptions },
+  },
+  all: {
+    plugins: { react: plugin },
+    rules: plugin.configs.all.rules,
+    languageOptions: { parserOptions: plugin.configs.all.parserOptions },
+  },
+  'jsx-runtime': {
+    plugins: { react: plugin },
+    rules: plugin.configs['jsx-runtime'].rules,
+    languageOptions: { parserOptions: plugin.configs['jsx-runtime'].parserOptions },
+  },
 };
 
 module.exports = plugin;

tests/fixtures/flat-config/config-all/eslint.config-root.js

@@ -4,5 +4,5 @@ const reactPlugin = require('../../../..');
 
 module.exports = [{
   files: ['**/*.jsx'],
-  ...reactPlugin.configs['flat/all']
+  ...reactPlugin.configs.flat.all
 }];

tests/fixtures/flat-config/config-jsx-runtime/eslint.config-root.js

@@ -5,7 +5,7 @@ const reactPlugin = require('../../../..');
 module.exports = [
   {
     files: ['**/*.jsx'],
-    ...reactPlugin.configs['flat/recommended']
+    ...reactPlugin.configs.flat.recommended
   },
-  reactPlugin.configs['flat/jsx-runtime']
+  reactPlugin.configs.flat['jsx-runtime']
 ];

tests/fixtures/flat-config/config-recommended/eslint.config-root.js

@@ -4,5 +4,5 @@ const reactPlugin = require('../../../..');
 
 module.exports = [{
   files: ['**/*.jsx'],
-  ...reactPlugin.configs['flat/recommended']
+  ...reactPlugin.configs.flat.recommended
 }];

tests/fixtures/flat-config/plugin-and-config/eslint.config-root.js

@@ -10,6 +10,6 @@ module.exports = [
   },
   {
     files: ['**/*.jsx'],
-    ...react.configs['flat/recommended']
+    ...react.configs.flat.recommended
   }
 ];