@st1ggy/linter-config 1.0.68 → 1.0.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@st1ggy/linter-config",
-  "version": "1.0.68",
+  "version": "1.0.69",
   "description": "ESLint, Stylelint and Prettier configs for React, Vue [WIP] and Svelte [WIP]",
   "private": false,
   "main": "index.js",

package/src/eslint/eslint.config.typescript.js

@@ -1,11 +1,4 @@
-import tseslint from 'typescript-eslint'
-
 import commonConfig from './eslint.config.common.js'
 import typescriptConfig from './rules/rules.typescript.js'
 
-export default tseslint.config(
-  ...commonConfig,
-  ...tseslint.configs.recommended,
-  ...tseslint.configs.stylistic,
-  ...typescriptConfig,
-)
+export default [...commonConfig, ...typescriptConfig]

package/src/eslint/rules/rules.common.js

@@ -1,92 +1,87 @@
 import eslint from '@eslint/js'
 import tseslint from 'typescript-eslint'
 
-export default tseslint.config(
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    extends: eslint.configs.recommended,
+export default tseslint.config({
+  files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+  extends: [eslint.configs.recommended],
+  rules: {
+    'no-console': 'warn',
+    'no-debugger': 'warn',
+    'object-curly-newline': 'off',
+    'operator-linebreak': 'off',
+    'function-paren-newline': 'off',
+    'no-confusing-arrow': 'off',
+    'newline-per-chained-call': 'off',
+    indent: 'off',
+    'implicit-arrow-linebreak': 'off',
+    'no-undef': 'off',
+    'lines-between-class-members': [
+      'error',
+      'always',
+      {
+        exceptAfterSingleLine: true,
+      },
+    ],
+    'prefer-template': 'error',
+    'arrow-body-style': ['error', 'as-needed'],
+    'no-return-assign': 'off',
+    'newline-before-return': ['error'],
+    radix: 'off',
+    'no-mixed-operators': 'off',
+    'max-len': [
+      'error',
+      {
+        code: 120,
+        tabWidth: 2,
+        ignoreComments: true,
+        ignoreRegExpLiterals: true,
+        ignoreStrings: true,
+        ignoreTrailingComments: true,
+      },
+    ],
+    camelcase: [
+      'error',
+      {
+        allow: ['Open_Sans'],
+      },
+    ],
+    'no-shadow': 'off',
+    'no-unused-vars': 'off',
+    'no-use-before-define': 'off',
+    'sort-imports': [
+      'error',
+      {
+        ignoreDeclarationSort: true,
+      },
+    ],
+    quotes: ['error', 'single', { avoidEscape: true }],
+    'object-shorthand': 'error',
+    'prefer-const': 'error',
+    'class-methods-use-this': 'off',
+    'spaced-comment': ['error', 'always'],
+    'no-restricted-syntax': [
+      'error',
+      {
+        selector: 'WithStatement',
+        message: '`with` statement are not allowed.',
+      },
+      {
+        selector: 'ForInStatement',
+        message: 'Use for..of instead.',
+      },
+      {
+        selector: 'TSEnumDeclaration',
+        message: "Don't declare enums, use type union of literal strings or constants.",
+      },
+      {
+        selector: 'MemberExpression[object.name="React"]',
+        message: 'Use named imports from react.',
+      },
+      {
+        selector:
+          'CallExpression[callee.property.name="replaceAll"] > Literal[regex.flags=/^[^g]*$/].arguments:first-child',
+        message: 'Missing "g" flag in regular expression.',
+      },
+    ],
   },
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    rules: {
-      'no-console': 'warn',
-      'no-debugger': 'warn',
-      'object-curly-newline': 'off',
-      'operator-linebreak': 'off',
-      'function-paren-newline': 'off',
-      'no-confusing-arrow': 'off',
-      'newline-per-chained-call': 'off',
-      indent: 'off',
-      'implicit-arrow-linebreak': 'off',
-      'no-undef': 'off',
-      'lines-between-class-members': [
-        'error',
-        'always',
-        {
-          exceptAfterSingleLine: true,
-        },
-      ],
-      'prefer-template': 'error',
-      'arrow-body-style': ['error', 'as-needed'],
-      'no-return-assign': 'off',
-      'newline-before-return': ['error'],
-      radix: 'off',
-      'no-mixed-operators': 'off',
-      'max-len': [
-        'error',
-        {
-          code: 120,
-          tabWidth: 2,
-          ignoreComments: true,
-          ignoreRegExpLiterals: true,
-          ignoreStrings: true,
-          ignoreTrailingComments: true,
-        },
-      ],
-      camelcase: [
-        'error',
-        {
-          allow: ['Open_Sans'],
-        },
-      ],
-      'no-shadow': 'off',
-      'no-unused-vars': 'off',
-      'no-use-before-define': 'off',
-      'sort-imports': [
-        'error',
-        {
-          ignoreDeclarationSort: true,
-        },
-      ],
-      quotes: ['error', 'single', { avoidEscape: true }],
-      'object-shorthand': 'error',
-      'prefer-const': 'error',
-      'class-methods-use-this': 'off',
-      'spaced-comment': ['error', 'always'],
-      'no-restricted-syntax': [
-        'error',
-        {
-          selector: 'WithStatement',
-          message: '`with` statement are not allowed.',
-        },
-        {
-          selector: 'ForInStatement',
-          message: 'Use for..of instead.',
-        },
-        {
-          selector: 'TSEnumDeclaration',
-          message: "Don't declare enums, use type union of literal strings or constants.",
-        },
-        {
-          selector: 'MemberExpression[object.name="React"]',
-          message: 'Use named imports from react.',
-        },
-        {
-          selector:
-            'CallExpression[callee.property.name="replaceAll"] > Literal[regex.flags=/^[^g]*$/].arguments:first-child',
-          message: 'Missing "g" flag in regular expression.',
-        },
-      ],
-    },
-  },
-)
+})

package/src/eslint/rules/rules.import.js

@@ -1,45 +1,44 @@
 import importPlugin from 'eslint-plugin-import'
+import tseslint from 'typescript-eslint'
 
-export default [
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    plugins: { import: importPlugin },
-    rules: {
-      'import/newline-after-import': 'error',
-      'import/order': [
-        'error',
-        {
-          'newlines-between': 'always',
-          groups: [['builtin', 'external'], ['internal'], ['sibling', 'parent', 'index', 'object'], ['type']],
-          pathGroups: [
-            {
-              pattern: '@/**',
-              group: 'external',
-              position: 'after',
-            },
-          ],
-          alphabetize: {
-            order: 'asc',
-            caseInsensitive: false,
+export default tseslint.config({
+  files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+  plugins: { import: importPlugin },
+  rules: {
+    'import/newline-after-import': 'error',
+    'import/order': [
+      'error',
+      {
+        'newlines-between': 'always',
+        groups: [['builtin', 'external'], ['internal'], ['sibling', 'parent', 'index', 'object'], ['type']],
+        pathGroups: [
+          {
+            pattern: '@/**',
+            group: 'external',
+            position: 'after',
           },
+        ],
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: false,
         },
-      ],
-      'import/no-duplicates': [
-        'error',
-        {
-          considerQueryString: true,
-        },
-      ],
-      'import/prefer-default-export': 'off',
-      'import/extensions': [
-        'error',
-        'never',
-        {
-          js: 'never',
-          json: 'ignorePackages',
-        },
-      ],
-      'import/no-unresolved': ['error', {}],
-    },
+      },
+    ],
+    'import/no-duplicates': [
+      'error',
+      {
+        considerQueryString: true,
+      },
+    ],
+    'import/prefer-default-export': 'off',
+    'import/extensions': [
+      'error',
+      'never',
+      {
+        js: 'never',
+        json: 'ignorePackages',
+      },
+    ],
+    'import/no-unresolved': ['error', {}],
   },
-]
+})

package/src/eslint/rules/rules.next.js

@@ -1,14 +1,13 @@
 import nextPlugin from '@next/eslint-plugin-next'
+import tseslint from 'typescript-eslint'
 
-export default [
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    plugins: {
-      '@next/next': nextPlugin,
-    },
-    rules: {
-      ...nextPlugin.configs.recommended.rules,
-      ...nextPlugin.configs['core-web-vitals'].rules,
-    },
+export default tseslint.config({
+  files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+  plugins: {
+    '@next/next': nextPlugin,
   },
-]
+  rules: {
+    ...nextPlugin.configs.recommended.rules,
+    ...nextPlugin.configs['core-web-vitals'].rules,
+  },
+})

package/src/eslint/rules/rules.prettier.js

@@ -2,14 +2,9 @@ import prettierConfig from 'eslint-config-prettier'
 import prettierPlugin from 'eslint-plugin-prettier'
 import tseslint from 'typescript-eslint'
 
-export default tseslint.config(
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    extends: prettierConfig,
-  },
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    plugins: { prettier: prettierPlugin },
-    rules: { 'prettier/prettier': 'error' },
-  },
-)
+export default tseslint.config({
+  files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+  extends: [prettierConfig],
+  plugins: { prettier: prettierPlugin },
+  rules: { 'prettier/prettier': 'error' },
+})

package/src/eslint/rules/rules.react.js

@@ -3,58 +3,49 @@ import reactRecommended from 'eslint-plugin-react/configs/recommended.js'
 import reactHooksPlugin from 'eslint-plugin-react-hooks'
 import tseslint from 'typescript-eslint'
 
-export default tseslint.config(
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    extends: reactRecommended,
+export default tseslint.config({
+  files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+  plugins: { 'react-hooks': reactHooksPlugin },
+  extends: [reactRecommended, reactJsxRuntime],
+  rules: {
+    'react/boolean-prop-naming': 'error',
+    'react/button-has-type': 'error',
+    'react/checked-requires-onchange-or-readonly': 'error',
+    'react/default-props-match-prop-types': ['error', { allowRequiredDefaults: true }],
+    'react/destructuring-assignment': 'error',
+    'react/function-component-definition': [
+      'error',
+      {
+        namedComponents: 'arrow-function',
+        unnamedComponents: 'arrow-function',
+      },
+    ],
+    'react/hook-use-state': 'error',
+    'react/jsx-boolean-value': 'error',
+    'react/jsx-closing-bracket-location': 'error',
+    'react/jsx-closing-tag-location': 'error',
+    'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],
+    'react/jsx-curly-newline': ['error', { multiline: 'consistent', singleline: 'forbid' }],
+    'react/jsx-curly-spacing': [
+      'error',
+      {
+        when: 'never',
+        attributes: { allowMultiline: false },
+        children: false,
+      },
+    ],
+    'react/jsx-equals-spacing': ['error', 'never'],
+    'react/jsx-first-prop-new-line': ['error', 'multiline'],
+    'react/jsx-fragments': 'error',
+    'react/jsx-handler-names': 'error',
+    'react/jsx-max-props-per-line': ['error', { when: 'multiline' }],
+    'react/jsx-no-constructed-context-values': 'error',
+    'react/jsx-no-leaked-render': 'error',
+    'react/jsx-no-useless-fragment': 'error',
+    'react/jsx-props-no-multi-spaces': 'error',
+    'react/jsx-tag-spacing': 'error',
+    'react/no-multi-comp': 'error',
+    'react/self-closing-comp': ['error', { component: true, html: true }],
+    ...reactHooksPlugin.configs.recommended.rules,
   },
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    extends: reactJsxRuntime,
-  },
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    plugins: { 'react-hooks': reactHooksPlugin },
-    rules: {
-      'react/boolean-prop-naming': 'error',
-      'react/button-has-type': 'error',
-      'react/checked-requires-onchange-or-readonly': 'error',
-      'react/default-props-match-prop-types': ['error', { allowRequiredDefaults: true }],
-      'react/destructuring-assignment': 'error',
-      'react/function-component-definition': [
-        'error',
-        {
-          namedComponents: 'arrow-function',
-          unnamedComponents: 'arrow-function',
-        },
-      ],
-      'react/hook-use-state': 'error',
-      'react/jsx-boolean-value': 'error',
-      'react/jsx-closing-bracket-location': 'error',
-      'react/jsx-closing-tag-location': 'error',
-      'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],
-      'react/jsx-curly-newline': ['error', { multiline: 'consistent', singleline: 'forbid' }],
-      'react/jsx-curly-spacing': [
-        'error',
-        {
-          when: 'never',
-          attributes: { allowMultiline: false },
-          children: false,
-        },
-      ],
-      'react/jsx-equals-spacing': ['error', 'never'],
-      'react/jsx-first-prop-new-line': ['error', 'multiline'],
-      'react/jsx-fragments': 'error',
-      'react/jsx-handler-names': 'error',
-      'react/jsx-max-props-per-line': ['error', { when: 'multiline' }],
-      'react/jsx-no-constructed-context-values': 'error',
-      'react/jsx-no-leaked-render': 'error',
-      'react/jsx-no-useless-fragment': 'error',
-      'react/jsx-props-no-multi-spaces': 'error',
-      'react/jsx-tag-spacing': 'error',
-      'react/no-multi-comp': 'error',
-      'react/self-closing-comp': ['error', { component: true, html: true }],
-      ...reactHooksPlugin.configs.recommended.rules,
-    },
-  },
-)
+})

package/src/eslint/rules/rules.sonarjs.js

@@ -3,5 +3,5 @@ import tseslint from 'typescript-eslint'
 
 export default tseslint.config({
   files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-  extends: sonarjs.configs.recommended,
+  extends: [sonarjs.configs.recommended],
 })

package/src/eslint/rules/rules.typescript.js

@@ -1,28 +1,29 @@
-export default [
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    languageOptions: {
-      parserOptions: {
-        project: ['tsconfig.json'],
-      },
-    },
-    settings: {
-      'import/resolver': {
-        typescript: {},
-      },
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config({
+  files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+  extends: [...tseslint.configs.recommended, ...tseslint.configs.stylistic],
+  languageOptions: {
+    parserOptions: {
+      project: ['tsconfig.json'],
     },
-    rules: {
-      '@typescript-eslint/no-shadow': ['error', { ignoreTypeValueShadow: true }],
-      '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
-      '@typescript-eslint/ban-ts-comment': [
-        'error',
-        {
-          'ts-expect-error': 'allow-with-description',
-          'ts-ignore': 'allow-with-description',
-        },
-      ],
-      '@typescript-eslint/switch-exhaustiveness-check': 'error',
-      '@typescript-eslint/consistent-type-imports': ['error', { fixStyle: 'inline-type-imports' }],
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {},
     },
   },
-]
+  rules: {
+    '@typescript-eslint/no-shadow': ['error', { ignoreTypeValueShadow: true }],
+    '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
+    '@typescript-eslint/ban-ts-comment': [
+      'error',
+      {
+        'ts-expect-error': 'allow-with-description',
+        'ts-ignore': 'allow-with-description',
+      },
+    ],
+    '@typescript-eslint/switch-exhaustiveness-check': 'error',
+    '@typescript-eslint/consistent-type-imports': ['error', { fixStyle: 'inline-type-imports' }],
+  },
+})

package/src/eslint/rules/rules.unicorn.js

@@ -1,30 +1,25 @@
 import unicornPlugin from 'eslint-plugin-unicorn'
 import tseslint from 'typescript-eslint'
 
-export default tseslint.config(
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    extends: unicornPlugin.configs['flat/recommended'],
-  },
-  {
-    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
-    rules: {
-      'unicorn/consistent-destructuring': 'error',
-      'unicorn/custom-error-definition': 'error',
-      'unicorn/no-unused-properties': 'error',
-      'unicorn/prevent-abbreviations': [
-        'error',
-        {
-          checkShorthandImports: false,
-          replacements: {
-            dev: false,
-            prod: false,
-            props: false,
-            ref: false,
-            refs: false,
-          },
+export default tseslint.config({
+  files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+  extends: [unicornPlugin.configs['flat/recommended']],
+  rules: {
+    'unicorn/consistent-destructuring': 'error',
+    'unicorn/custom-error-definition': 'error',
+    'unicorn/no-unused-properties': 'error',
+    'unicorn/prevent-abbreviations': [
+      'error',
+      {
+        checkShorthandImports: false,
+        replacements: {
+          dev: false,
+          prod: false,
+          props: false,
+          ref: false,
+          refs: false,
         },
-      ],
-    },
+      },
+    ],
   },
-)
+})