Merge pull request #1 from e7f3/fixes/configs-tweaks

Правки в инструменты сборки и конфиги линтеров

config/build/buildPlugins.ts

@@ -63,6 +63,7 @@ export function buildPlugins({
     plugins.push(
       new BundleAnalyzerPlugin({
         openAnalyzer: false,
+        analyzerMode: 'static',
       })
     )
     plugins.push(new ReactRefreshWebpackPlugin({ overlay: false }))

config/build/buildResolvers.ts

@@ -31,6 +31,8 @@ export function buildResolvers(options: BuildOptions): webpack.ResolveOptions {
     preferAbsolute: true,
     modules: [options.paths.src, 'node_modules'],
     mainFiles: ['index'],
-    alias: {},
+    alias: {
+      '@': options.paths.src,
+    },
   }
 }

config/build/loaders/buildCssLoader.ts

@@ -18,7 +18,7 @@ import MiniCssExtractPlugin from 'mini-css-extract-plugin'
  */
 export const buildCssLoader = (isDev: boolean) => {
   const cssLoader = {
-    test: /\.s[ac]ss$/i,
+    test: /\.(s[ac]ss|css)$/i,
     use: [
       // Создает <style> теги из JS строк (dev) или извлекает в файлы (prod)
       isDev ? 'style-loader' : MiniCssExtractPlugin.loader,
@@ -28,6 +28,7 @@ export const buildCssLoader = (isDev: boolean) => {
         options: {
           modules: {
             auto: /\.module\..*$/,
+            namedExport: false,
             localIdentName: isDev
               ? '[path][name]__[local]--[hash:base64:5]'
               : '[hash:base64:8]',

eslint.config.mjs

@@ -41,213 +41,225 @@ import globals from 'globals'
 import tseslint from 'typescript-eslint'
 
 export default [
-  /**
-   * Базовые конфигурации
-   */
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
-  prettierConfig,
+    /**
+     * Базовые конфигурации
+     */
+    js.configs.recommended,
+    ...tseslint.configs.recommended,
+    prettierConfig,
 
-  /**
-   * Глобальные исключения (не проверяются линтером)
-   */
-  {
-    ignores: [
-      'dist/**',
-      'node_modules/**',
-      '.fttemplates/**',
-      '*.config.js',
-      '*.config.mjs',
-      '*.config.ts',
-    ],
-  },
-
-  /**
-   * Основная конфигурация для всех файлов
-   */
-  {
-    files: ['**/*.{js,mjs,cjs,ts,tsx}'],
-    plugins: {
-      react: reactPlugin,
-      'react-hooks': reactHooksPlugin,
-      'jsx-a11y': jsxA11yPlugin,
-      import: importPlugin,
-      jest: jestPlugin,
-      prettier: prettierPlugin,
+    /**
+     * Глобальные исключения (не проверяются линтером)
+     */
+    {
+        ignores: [
+            'dist/**',
+            'node_modules/**',
+            '.fttemplates/**',
+            '*.config.js',
+            '*.config.mjs',
+            '*.config.ts',
+        ],
     },
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-      parser: tseslint.parser,
-      parserOptions: {
-        ecmaFeatures: {
-          jsx: true,
+
+    /**
+     * Основная конфигурация для всех файлов
+     */
+    {
+        files: ['**/*.{js,mjs,cjs,ts,tsx}'],
+        plugins: {
+            react: reactPlugin,
+            'react-hooks': reactHooksPlugin,
+            'jsx-a11y': jsxA11yPlugin,
+            import: importPlugin,
+            jest: jestPlugin,
+            prettier: prettierPlugin,
         },
-      },
-      globals: {
-        ...globals.browser,
-        ...globals.es2021,
-        ...globals.jest,
-        __IS_DEV__: 'readonly',
-        __API__: 'readonly',
-        __PROJECT__: 'readonly',
-      },
-    },
-    settings: {
-      react: {
-        version: 'detect',
-      },
-      'import/resolver': {
-        typescript: true,
-        node: true,
-      },
-    },
-    rules: {
-      /**
-       * Правила для импортов
-       */
-
-      /** Упорядочивание импортов по группам с алфавитной сортировкой */
-      'import/order': [
-        'error',
-        {
-          groups: [
-            ['external', 'builtin'],
-            'internal',
-            ['sibling', 'parent'],
-            'index',
-          ],
-          pathGroups: [
-            {
-              pattern: '@react',
-              group: 'external',
-              position: 'before',
+        languageOptions: {
+            ecmaVersion: 'latest',
+            sourceType: 'module',
+            parser: tseslint.parser,
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true,
+                },
             },
-            {
-              pattern: '@src/**',
-              group: 'internal',
+            globals: {
+                ...globals.browser,
+                ...globals.es2021,
+                ...globals.jest,
+                __IS_DEV__: 'readonly',
+                __API__: 'readonly',
+                __PROJECT__: 'readonly',
             },
-          ],
-          pathGroupsExcludedImportTypes: ['internal', 'react'],
-          'newlines-between': 'always',
-          alphabetize: {
-            order: 'asc',
-            caseInsensitive: true,
-          },
         },
-      ],
-      'import/no-unresolved': 'off',
-      'import/no-extraneous-dependencies': 'off',
-      'import/extensions': 'off',
-      'import/prefer-default-export': 'off',
-      'import/no-import-module-exports': 'off',
-
-      /**
-       * Правила для React
-       */
-
-      /** Определение компонентов через стрелочные функции или function declaration */
-      'react/function-component-definition': [
-        2,
-        {
-          namedComponents: ['arrow-function', 'function-declaration'],
-          unnamedComponents: ['arrow-function', 'function-expression'],
+        settings: {
+            react: {
+                version: 'detect',
+            },
+            'import/resolver': {
+                typescript: true,
+                node: true,
+            },
         },
-      ],
-      'react/jsx-filename-extension': [
-        2,
-        { extensions: ['.tsx', '.jsx', '.js'] },
-      ],
-      'react/require-default-props': 'off',
-      'react/jsx-props-no-spreading': 'warn',
-      'react/display-name': 'off',
-      'react/jsx-no-useless-fragment': [2, { allowExpressions: true }],
-      /** Не нужен с новым JSX transform */
-      'react/react-in-jsx-scope': 'off',
+        rules: {
+            /**
+             * Правила для импортов
+             */
 
-      /**
-       * Правила для React Hooks
-       */
+            /** Упорядочивание импортов по группам с алфавитной сортировкой */
+            'import/order': [
+                'error',
+                {
+                    groups: [
+                        ['external', 'builtin'],
+                        'internal',
+                        ['sibling', 'parent'],
+                        'index',
+                        'type',
+                    ],
+                    pathGroups: [
+                        {
+                            pattern: '@react',
+                            group: 'external',
+                            position: 'before',
+                        },
+                        {
+                            pattern: '@/**',
+                            group: 'internal',
+                        },
+                    ],
+                    pathGroupsExcludedImportTypes: ['type'],
+                    'newlines-between': 'always',
+                    distinctGroup: false,
+                    alphabetize: {
+                        order: 'asc',
+                        caseInsensitive: true,
+                    },
+                },
+            ],
+            'import/no-unresolved': 'off',
+            'import/no-extraneous-dependencies': 'off',
+            'import/extensions': 'off',
+            'import/prefer-default-export': 'off',
+            'import/no-import-module-exports': 'off',
 
-      /** Проверка правил хуков */
-      'react-hooks/rules-of-hooks': 'error',
-      /** Проверка зависимостей эффектов */
-      'react-hooks/exhaustive-deps': 'error',
+            /**
+             * Правила для React
+             */
 
-      /**
-       * Правила доступности (A11y)
-       */
+            /** Определение компонентов через стрелочные функции или function declaration */
+            'react/function-component-definition': [
+                2,
+                {
+                    namedComponents: ['arrow-function', 'function-declaration'],
+                    unnamedComponents: ['arrow-function', 'function-expression'],
+                },
+            ],
+            'react/jsx-filename-extension': [
+                2,
+                { extensions: ['.tsx', '.jsx', '.js'] },
+            ],
+            'react/require-default-props': 'off',
+            'react/jsx-props-no-spreading': 'warn',
+            'react/display-name': 'off',
+            'react/jsx-no-useless-fragment': [2, { allowExpressions: true }],
+            /** Не нужен с новым JSX transform */
+            'react/react-in-jsx-scope': 'off',
 
-      'jsx-a11y/click-events-have-key-events': 'warn',
-      'jsx-a11y/no-static-element-interactions': 'warn',
+            /**
+             * Правила для React Hooks
+             */
 
-      /**
-       * Правила для TypeScript
-       */
+            /** Проверка правил хуков */
+            'react-hooks/rules-of-hooks': 'error',
+            /** Проверка зависимостей эффектов */
+            'react-hooks/exhaustive-deps': 'error',
 
-      '@typescript-eslint/no-shadow': 'warn',
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/no-var-requires': 'warn',
-      '@typescript-eslint/no-use-before-define': ['error', { enums: false }],
-      '@typescript-eslint/naming-convention': 'warn',
-      '@typescript-eslint/ban-ts-comment': 'warn',
+            /**
+             * Правила доступности (A11y)
+             */
 
-      /**
-       * Общие правила JavaScript/TypeScript
-       */
+            'jsx-a11y/click-events-have-key-events': 'warn',
+            'jsx-a11y/no-static-element-interactions': 'warn',
 
-      /** Точки с запятой контролируются Prettier */
-      semi: 'off',
-      'jsx-quotes': ['error', 'prefer-single'],
-      'no-shadow': 'off',
-      'no-unused-vars': 'off',
-      'no-underscore-dangle': 'off',
-      'no-use-before-define': 'off',
-      'no-param-reassign': ['warn', { props: false }],
-      'max-len': [
-        2,
-        {
-          ignoreComments: true,
-          ignoreUrls: true,
-          code: 140,
-          ignorePattern: '^(import\\s.+\\sfrom\\s.+|\\} from)',
+            /**
+             * Правила для TypeScript
+             */
+
+            '@typescript-eslint/no-shadow': 'warn',
+            '@typescript-eslint/no-unused-vars': 'warn',
+            '@typescript-eslint/no-var-requires': 'warn',
+            '@typescript-eslint/no-use-before-define': ['error', { enums: false }],
+            '@typescript-eslint/naming-convention': [
+                'warn',
+                {
+                    selector: 'function',
+                    format: ['camelCase', 'PascalCase'],
+                },
+                {
+                    selector: 'variable',
+                    format: ['camelCase', 'UPPER_CASE', 'PascalCase'],
+                },
+            ],
+            '@typescript-eslint/ban-ts-comment': 'warn',
+
+            /**
+             * Общие правила JavaScript/TypeScript
+             */
+
+            /** Точки с запятой контролируются Prettier */
+            semi: 'off',
+            'jsx-quotes': ['error', 'prefer-single'],
+            'no-shadow': 'off',
+            'no-unused-vars': 'off',
+            'no-underscore-dangle': 'off',
+            'no-use-before-define': 'off',
+            'no-param-reassign': ['warn', { props: false }],
+            'max-len': [
+                2,
+                {
+                    ignoreComments: true,
+                    ignoreUrls: true,
+                    code: 140,
+                    ignorePattern: '^(import\\s.+\\sfrom\\s.+|\\} from)',
+                },
+            ],
+
+            /**
+             * Правила форматирования (Prettier)
+             */
+
+            'prettier/prettier': [
+                'error',
+                {
+                    semi: false,
+                    singleQuote: true,
+                    jsxSingleQuote: true,
+                    trailingComma: 'es5',
+                },
+            ],
         },
-      ],
-
-      /**
-       * Правила форматирования (Prettier)
-       */
-
-      'prettier/prettier': [
-        'error',
-        {
-          semi: false,
-          singleQuote: true,
-          jsxSingleQuote: true,
-          trailingComma: 'es5',
-        },
-      ],
     },
-  },
 
-  /**
-   * Переопределение правил для JavaScript файлов
-   */
-  {
-    files: ['**/*.js'],
-    rules: {
-      'consistent-return': 'off',
-      '@typescript-eslint/no-var-requires': 'off',
+    /**
+     * Переопределение правил для JavaScript файлов
+     */
+    {
+        files: ['**/*.js'],
+        rules: {
+            'consistent-return': 'off',
+            '@typescript-eslint/no-var-requires': 'off',
+        },
     },
-  },
 
-  /**
-   * Переопределение правил для тестов и сторибуков
-   */
-  {
-    files: ['**/src/**/*.{test,stories}.{ts,tsx}'],
-    rules: {
-      'max-len': 'off',
+    /**
+     * Переопределение правил для тестов и сторибуков
+     */
+    {
+        files: ['**/src/**/*.{test,stories}.{ts,tsx}'],
+        rules: {
+            'max-len': 'off',
+        },
     },
-  },
 ]

stylelint.config.js

@@ -52,5 +52,6 @@ module.exports = {
     'order/order': selectorOrdering,
     'order/properties-order': propertyOrdering,
     'declaration-empty-line-before': null,
+    'no-descending-specificity': null, // Отключаем из-за конфликта с order/order
   },
 }

tsconfig.json

@@ -11,6 +11,9 @@
     "allowSyntheticDefaultImports": true,
     "baseUrl": ".",
     "paths": {
+      "@/*": [
+        "./src/*"
+      ],
       "*": [
         "./src/*"
       ]