feat(eslint-config): add support for type imports

packages/eslint-config/package.json

@@ -67,6 +67,7 @@
     "@next/eslint-plugin-next": "15.0.3",
     "@typescript-eslint/utils": "8.15.0",
     "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-prettier": "5.2.1",
     "eslint-plugin-react": "7.37.2",

packages/eslint-config/src/configs/base.ts

@@ -3,10 +3,11 @@ import globals from 'globals';
 
 import { type FlatConfigArray } from '@/types';
 
-import { importSortPluginConfig } from '@/plugins';
+import { importPluginConfig, importSortPluginConfig } from '@/plugins';
 
 export default [
   eslint.configs.recommended,
+  importPluginConfig,
   importSortPluginConfig,
   {
     name: 'commencis/base',

packages/eslint-config/src/plugins/importPlugin.ts

@@ -0,0 +1,16 @@
+// @ts-expect-error - eslint-plugin-import is not typed
+import importPlugin from 'eslint-plugin-import';
+
+import { FlatConfig } from '@/types';
+
+import { importRules } from '@/rules';
+
+export const importPluginConfig: FlatConfig = {
+  name: 'commencis/plugin:import',
+  plugins: {
+    import: importPlugin,
+  },
+  rules: {
+    ...importRules,
+  },
+};

packages/eslint-config/src/plugins/index.ts

@@ -1,3 +1,4 @@
+export * from './importPlugin';
 export * from './importSortPlugin';
 export * from './jsxA11yPlugin';
 export * from './nextPlugin';

packages/eslint-config/src/rules/importRules.ts

@@ -0,0 +1,5 @@
+import { Linter } from '@typescript-eslint/utils/ts-eslint';
+
+export const importRules: Linter.RulesRecord = {
+  'import/no-duplicates': ['error', { 'prefer-inline': true }],
+};

packages/eslint-config/src/rules/importSortRules.ts

@@ -1,5 +1,10 @@
 import { Linter } from '@typescript-eslint/utils/ts-eslint';
 
+const sliceDollarSign = (str: string): string =>
+  str.endsWith('$') ? str.slice(0, -1) : str;
+const groupWithTypes = (regexes: string[]): string[] =>
+  regexes.map((regex) => [regex, `${sliceDollarSign(regex)}.*\\u0000$`]).flat();
+
 export const importSortRules: Linter.RulesRecord = {
   'simple-import-sort/imports': [
     'error',
@@ -9,33 +14,37 @@ export const importSortRules: Linter.RulesRecord = {
         ['^\\u0000'],
 
         // Main frameworks & libraries
-        [
+        groupWithTypes([
           '^(react(-native|-dom)?(/.*)?)$',
           '^next',
           '^vue',
           '^nuxt',
           '^@angular(/.*|$)',
           '^expo',
           '^node',
-        ],
+        ]),
 
         // External packages
-        ['^@commencis', '^@?\\w'],
+        groupWithTypes(['^@commencis', '^@?\\w']),
 
         // Internal common directories
-        ['^@?/?(config|types|interfaces|constants|helpers|utils|lib)(/.*|$)'],
+        groupWithTypes([
+          '^@?/?(config|types|interfaces|constants|helpers|utils|lib)(/.*|$)',
+        ]),
 
         // Internal directories
-        ['^@/'],
+        groupWithTypes(['^@/']),
 
         // Components
-        ['((.*)/)?(providers|layouts|pages|modules|features|components)/?'],
+        groupWithTypes([
+          '((.*)/)?(providers|layouts|pages|modules|features|components)/?',
+        ]),
 
         // Relative parent imports: '../' comes last
-        ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
+        groupWithTypes(['^\\.\\.(?!/?$)', '^\\.\\./?$']),
 
         // Relative imports: './' comes last
-        ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
+        groupWithTypes(['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$']),
 
         // Styles
         ['^.+\\.(s?css|(style(s)?)\\..+)$'],

packages/eslint-config/src/rules/index.ts

@@ -1,3 +1,4 @@
+export * from './importRules';
 export * from './importSortRules';
 export * from './nextPluginRules';
 export * from './reactHooksRules';

packages/eslint-config/src/rules/typescriptRules.ts

@@ -2,6 +2,14 @@ import { Linter } from '@typescript-eslint/utils/ts-eslint';
 
 export const typescriptRules: Linter.RulesRecord = {
   '@typescript-eslint/consistent-type-definitions': 'off',
+  '@typescript-eslint/consistent-type-imports': [
+    'error',
+    {
+      prefer: 'type-imports',
+      fixStyle: 'separate-type-imports',
+    },
+  ],
+  '@typescript-eslint/no-import-type-side-effects': 'error',
   '@typescript-eslint/no-empty-function': 'off',
   '@typescript-eslint/array-type': 'off',