@tarsilla/eslint-config 1.0.6 → 1.2.0

package/src/commons/perfectionist.ts

@@ -0,0 +1,140 @@
+import perfectionistPlugin from 'eslint-plugin-perfectionist';
+import { defineConfig } from 'eslint/config';
+import { RuleConfig } from '@eslint/core';
+
+const perfectionistOverrides = new Map<string, RuleConfig>([
+  [
+    'sort-arrays',
+    [
+      'error',
+      {
+        ignoreCase: false,
+        order: 'asc',
+        specialCharacters: 'trim',
+        useConfigurationIf: {
+          matchesAstSelector: 'TSAsExpression > ArrayExpression',
+        },
+      },
+    ],
+  ],
+  [
+    'sort-exports',
+    [
+      'error',
+      {
+        ignoreCase: false,
+        order: 'asc',
+        specialCharacters: 'trim',
+        type: 'alphabetical',
+      },
+    ],
+  ],
+  [
+    'sort-imports',
+    [
+      'error',
+      {
+        customGroups: [
+          {
+            elementNamePattern: '@tarsilla(/.*)?$',
+            groupName: '@tarsilla',
+          },
+        ],
+        groups: [
+          'type-import',
+          'value-builtin',
+          'value-external',
+          '@tarsilla',
+          'value-internal',
+          ['type-parent', 'type-sibling', 'type-index'],
+          ['value-parent', 'value-sibling', 'value-index'],
+          'ts-equals-import',
+          'unknown',
+        ],
+        ignoreCase: false,
+        newlinesBetween: 1,
+        order: 'asc',
+        specialCharacters: 'trim',
+        tsconfig: {
+          rootDir: '.',
+        },
+        type: 'alphabetical',
+      },
+    ],
+  ],
+  [
+    'sort-named-exports',
+    [
+      'error',
+      {
+        ignoreCase: false,
+        order: 'asc',
+        specialCharacters: 'trim',
+        type: 'alphabetical',
+      },
+    ],
+  ],
+  [
+    'sort-named-imports',
+    [
+      'error',
+      {
+        ignoreCase: false,
+        order: 'asc',
+        specialCharacters: 'trim',
+        type: 'alphabetical',
+      },
+    ],
+  ],
+  [
+    'sort-union-types',
+    [
+      'error',
+      {
+        groups: [
+          'conditional',
+          'function',
+          'import',
+          'intersection',
+          'keyword',
+          'literal',
+          'named',
+          'object',
+          'operator',
+          'tuple',
+          'union',
+          'nullish',
+        ],
+        ignoreCase: false,
+        order: 'asc',
+        specialCharacters: 'trim',
+        type: 'alphabetical',
+      },
+    ],
+  ],
+]);
+
+const perfectionist = defineConfig({
+  plugins: {
+    perfectionistPlugin,
+  },
+  rules: Object.fromEntries(
+    Object.keys(perfectionistPlugin.rules ?? {}).map((rule) => {
+      const override = perfectionistOverrides.get(rule);
+      return [
+        `perfectionist/${rule}`,
+        override ?? [
+          'error',
+          {
+            ignoreCase: true,
+            order: 'asc',
+            specialCharacters: 'trim',
+            type: 'alphabetical',
+          },
+        ],
+      ];
+    }),
+  ),
+});
+
+export { perfectionist };

package/src/commons/prettier.ts

@@ -1,8 +1,7 @@
-import type { TSESLint } from '@typescript-eslint/utils';
 import prettierRecommended from 'eslint-plugin-prettier/recommended';
-import { config } from 'typescript-eslint';
+import { defineConfig } from 'eslint/config';
 
-const prettierConfig: TSESLint.FlatConfig.ConfigArray = config([
+const prettierConfig = defineConfig([
   prettierRecommended,
   {
     rules: {
@@ -10,18 +9,18 @@ const prettierConfig: TSESLint.FlatConfig.ConfigArray = config([
       'prettier/prettier': [
         'error',
         {
-          semi: true,
-          trailingComma: 'all',
-          singleQuote: true,
           jsxSingleQuote: true,
           printWidth: 120,
+          semi: true,
+          singleQuote: true,
           tabWidth: 2,
+          trailingComma: 'all',
         },
         {
-          usePrettierrc: false,
           fileInfoOptions: {
             withNodeModules: true,
           },
+          usePrettierrc: false,
         },
       ],
     },

package/src/commons/react-hooks.ts

@@ -1,16 +1,15 @@
-import type { TSESLint } from '@typescript-eslint/utils';
 import reactHooks from 'eslint-plugin-react-hooks';
-import { config } from 'typescript-eslint';
+import { defineConfig } from 'eslint/config';
 
-const reactHooksConfig: TSESLint.FlatConfig.ConfigArray = config({
+const reactHooksConfig = defineConfig({
   files: ['**/*.{jsx,tsx}'],
   plugins: {
     'react-hooks': reactHooks,
   },
   rules: {
     ...reactHooks.configs.recommended.rules,
-    'react/react-in-jsx-scope': 'off',
     'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
   },
 });
 

package/src/commons/unusedImports.ts

@@ -1,25 +1,28 @@
-import type { TSESLint } from '@typescript-eslint/utils';
 import unusedImports from 'eslint-plugin-unused-imports';
-import { config } from 'typescript-eslint';
+import { defineConfig } from 'eslint/config';
 
-const unusedImportsConfig: TSESLint.FlatConfig.ConfigArray = config({
+const unusedImportsConfig = defineConfig({
   plugins: {
     'unused-imports': unusedImports,
   },
   rules: {
-    '@typescript-eslint/no-unused-vars': 'off',
-    'no-unused-vars': 'off',
     'unused-imports/no-unused-imports': 'error',
     'unused-imports/no-unused-vars': [
       'error',
       {
-        vars: 'all',
-        varsIgnorePattern: '^_',
         args: 'after-used',
         argsIgnorePattern: '^_',
+        vars: 'all',
+        varsIgnorePattern: '^_',
       },
     ],
   },
+  settings: {
+    'import/resolver': {
+      node: true,
+      typescript: true,
+    },
+  },
 });
 
 export { unusedImportsConfig };

package/src/index.ts

@@ -1,4 +1,5 @@
 export * from './library/index.js';
 export * from './next/index.js';
 export * from './react/index.js';
+export * from './storybook/index.js';
 export * from './types/index.js';

package/src/library/eslintLibraryConfig.ts

@@ -1,34 +1,21 @@
-import type { TSESLint } from '@typescript-eslint/utils';
-import globals from 'globals';
-import { config } from 'typescript-eslint';
+import { defineConfig, globalIgnores } from 'eslint/config';
 
 import {
   allConfig,
-  importsConfig,
   javascriptConfig,
   jestConfig,
+  perfectionist,
   prettierConfig,
-  sortImportsConfig,
   unusedImportsConfig,
 } from '../commons/index.js';
 import { EslintOptions } from '../types/index.js';
 
-function eslintLibraryConfig({ ignores }: EslintOptions): TSESLint.FlatConfig.ConfigArray {
-  return config(
-    ...config({
-      ignores,
-    }),
-    ...config({
-      languageOptions: {
-        globals: {
-          ...globals.node,
-        },
-      },
-    }),
+function eslintLibraryConfig({ ignores }: EslintOptions) {
+  return defineConfig(
+    globalIgnores(ignores),
     ...allConfig,
     ...unusedImportsConfig,
-    ...sortImportsConfig,
-    ...importsConfig,
+    ...perfectionist,
     ...javascriptConfig,
     ...jestConfig,
     ...prettierConfig,

package/src/next/eslintNextConfig.ts

@@ -1,75 +1,33 @@
-import { dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-import { FlatCompat } from '@eslint/eslintrc';
-import type { TSESLint } from '@typescript-eslint/utils';
+import { defineConfig, globalIgnores } from 'eslint/config';
 import globals from 'globals';
-import { config } from 'typescript-eslint';
+import nextPlugin from '@next/eslint-plugin-next';
 
 import {
   allConfig,
   javascriptConfig,
   jestConfig,
+  perfectionist,
   prettierConfig,
   reactHooksConfig,
-  sortImportsConfig,
   unusedImportsConfig,
 } from '../commons/index.js';
 import { EslintOptions } from '../types/index.js';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
-
-function eslintNextConfig({ ignores }: EslintOptions): TSESLint.FlatConfig.ConfigArray {
-  return config(
-    ...config({
-      ignores,
-    }),
-    ...config({
+function eslintNextConfig({ ignores }: EslintOptions) {
+  return defineConfig(
+    globalIgnores(ignores),
+    {
       languageOptions: {
         globals: {
-          ...globals.node,
           ...globals.browser,
         },
       },
-    }),
+    },
     ...allConfig,
-    ...compat.config({
-      extends: ['next/core-web-vitals', 'next/typescript'],
-      rules: {
-        'import/order': [
-          'error',
-          {
-            groups: ['builtin', 'external', 'internal', ['parent', 'sibling']],
-            pathGroups: [
-              {
-                pattern: 'react',
-                group: 'external',
-                position: 'before',
-              },
-              {
-                pattern: '@tarsilla/**',
-                group: 'internal',
-                position: 'before',
-              },
-            ],
-            pathGroupsExcludedImportTypes: ['react', '@tarsilla'],
-            'newlines-between': 'always',
-            alphabetize: {
-              order: 'asc',
-              caseInsensitive: true,
-            },
-          },
-        ],
-      },
-    }),
+    nextPlugin.configs['core-web-vitals'],
     ...reactHooksConfig,
     ...unusedImportsConfig,
-    ...sortImportsConfig,
+    ...perfectionist,
     ...javascriptConfig,
     ...jestConfig,
     ...prettierConfig,

package/src/react/eslintReactConfig.ts

@@ -1,47 +1,41 @@
-import type { TSESLint } from '@typescript-eslint/utils';
-import reactPlugin from 'eslint-plugin-react';
+import reactPlugin from 'eslint-plugin-react-x';
+import { defineConfig, globalIgnores } from 'eslint/config';
 import globals from 'globals';
-import { config } from 'typescript-eslint';
 
 import {
   allConfig,
-  importsConfig,
   javascriptConfig,
   jestConfig,
+  perfectionist,
   prettierConfig,
   reactHooksConfig,
-  sortImportsConfig,
   unusedImportsConfig,
 } from '../commons/index.js';
 import { EslintOptions } from '../types/index.js';
 
-function eslintReactConfig({ ignores }: EslintOptions): TSESLint.FlatConfig.ConfigArray {
-  return config(
-    ...config({
-      ignores,
-    }),
-    ...config({
+function eslintReactConfig({ ignores }: EslintOptions) {
+  return defineConfig(
+    globalIgnores(ignores),
+    {
       languageOptions: {
         globals: {
           ...globals.browser,
         },
       },
-    }),
+    },
     ...allConfig,
-    ...config({
+    {
       files: ['**/*.{jsx,tsx}'],
-      ...reactPlugin.configs.flat.recommended,
-      ...reactPlugin.configs.flat['jsx-runtime'],
+      ...reactPlugin.configs['strict-type-checked'],
       settings: {
         react: {
           version: 'detect',
         },
       },
-    }),
+    },
     ...reactHooksConfig,
     ...unusedImportsConfig,
-    ...sortImportsConfig,
-    ...importsConfig,
+    ...perfectionist,
     ...javascriptConfig,
     ...jestConfig,
     ...prettierConfig,

package/src/storybook/eslintStorybookConfig.ts

@@ -0,0 +1,47 @@
+import reactPlugin from 'eslint-plugin-react-x';
+import storybookPlugin from 'eslint-plugin-storybook';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import globals from 'globals';
+
+import {
+  allConfig,
+  javascriptConfig,
+  jestConfig,
+  perfectionist,
+  prettierConfig,
+  reactHooksConfig,
+  unusedImportsConfig,
+} from '../commons/index.js';
+import { EslintOptions } from '../types/index.js';
+
+function eslintStorybookConfig({ ignores }: EslintOptions) {
+  return defineConfig(
+    globalIgnores(ignores),
+    {
+      languageOptions: {
+        globals: {
+          ...globals.browser,
+        },
+      },
+    },
+    ...allConfig,
+    {
+      files: ['**/*.{jsx,tsx}'],
+      ...reactPlugin.configs['strict-type-checked'],
+      settings: {
+        react: {
+          version: 'detect',
+        },
+      },
+    },
+    ...reactHooksConfig,
+    ...unusedImportsConfig,
+    ...perfectionist,
+    ...javascriptConfig,
+    ...jestConfig,
+    ...prettierConfig,
+    ...storybookPlugin.configs['flat/recommended'],
+  );
+}
+
+export { eslintStorybookConfig };

package/src/storybook/index.ts

@@ -0,0 +1 @@
+export * from './eslintStorybookConfig.js';

package/src/commons/imports.ts

@@ -1,44 +0,0 @@
-import type { TSESLint } from '@typescript-eslint/utils';
-import imports from 'eslint-plugin-import';
-import { config } from 'typescript-eslint';
-
-const importsConfig: TSESLint.FlatConfig.ConfigArray = config([
-  imports.flatConfigs.recommended,
-  imports.flatConfigs.typescript,
-  {
-    rules: {
-      'import/order': [
-        'error',
-        {
-          groups: ['builtin', 'external', 'internal', ['parent', 'sibling']],
-          pathGroups: [
-            {
-              pattern: 'react',
-              group: 'external',
-              position: 'before',
-            },
-            {
-              pattern: '@tarsilla/**',
-              group: 'internal',
-              position: 'before',
-            },
-          ],
-          pathGroupsExcludedImportTypes: ['react', '@tarsilla'],
-          'newlines-between': 'always',
-          alphabetize: {
-            order: 'asc',
-            caseInsensitive: true,
-          },
-        },
-      ],
-    },
-    settings: {
-      'import/resolver': {
-        typescript: true,
-        node: true,
-      },
-    },
-  },
-]);
-
-export { importsConfig };

package/src/commons/sortImports.ts

@@ -1,17 +0,0 @@
-import type { TSESLint } from '@typescript-eslint/utils';
-import { config } from 'typescript-eslint';
-
-const sortImportsConfig: TSESLint.FlatConfig.ConfigArray = config({
-  rules: {
-    'sort-imports': [
-      'error',
-      {
-        ignoreCase: true,
-        ignoreDeclarationSort: true,
-        ignoreMemberSort: false,
-      },
-    ],
-  },
-});
-
-export { sortImportsConfig };