@st1ggy/linter-config 1.0.50 → 1.0.52

package/eslint.config.js

@@ -1,9 +1,7 @@
 import common from './src/eslint/eslint.config.common.js'
-import react from './src/eslint/eslint.config.react.js'
 
 export default [
-  // ...common,
-  ...react,
+  ...common,
   {
     rules: {
       'import/extensions': 'off',

package/index.js

@@ -1,6 +1,8 @@
-import eslintCommon from './src/eslint/eslint.config.common.js'
-import eslintReact from './src/eslint/eslint.config.react.js'
-import eslintTypescript from './src/eslint/eslint.config.typescript.js'
-import prettierCommon from './src/prettier/prettier.config.common.js'
+export { default as eslintCommon } from './src/eslint/eslint.config.common.js'
+export { default as eslintTypescript } from './src/eslint/eslint.config.typescript.js'
+export { default as eslintReact } from './src/eslint/eslint.config.react.js'
 
-export { eslintCommon, prettierCommon, eslintReact, eslintTypescript }
+export { default as prettierCommon } from './src/prettier/prettier.config.common.js'
+
+export { default as stylelintCommon } from './src/stylelint/stylelint.config.common.js'
+export { default as stylelintScss } from './src/stylelint/stylelint.config.scss.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@st1ggy/linter-config",
-  "version": "1.0.50",
+  "version": "1.0.52",
   "description": "ESLint, Stylelint and Prettier configs for React, Vue [WIP] and Svelte [WIP]",
   "private": false,
   "main": "index.js",
@@ -29,10 +29,14 @@
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.34.1",
     "eslint-plugin-react-hooks": "5.1.0-canary-fd0da3eef-20240404",
-    "eslint-plugin-sonarjs": "^1.0.3",
+    "eslint-plugin-sonarjs": "1.0.3",
     "eslint-plugin-unicorn": "52.0.0",
     "gently-copy": "3.2.0",
     "prettier": "3.2.5",
+    "stylelint": "16.5.0",
+    "stylelint-config-recommended": "^14.0.0",
+    "stylelint-config-sass-guidelines": "11.1.0",
+    "stylelint-config-tailwindcss": "0.0.7",
     "typescript": "5.4.5",
     "typescript-eslint": "7.8.0"
   },

package/src/eslint/eslint.config.react.js

@@ -1,58 +1,4 @@
-import reactRecommended from 'eslint-plugin-react/configs/recommended.js'
-import reactJsxRuntime from 'eslint-plugin-react/configs/jsx-runtime.js'
-import reactHooksPlugin from 'eslint-plugin-react-hooks'
-
+import reactRules from './rules/rules.react.js'
 import typescript from './eslint.config.typescript.js'
 
-export default [
-  ...typescript,
-  reactRecommended,
-  reactJsxRuntime,
-  // reactHooksPlugin.configs.recommended,
-  {
-    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-child-element-spacing': '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-one-expression-per-line': ['error', { allow: 'single-child' }],
-      '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,
-    },
-  },
-]
+export default [...typescript, ...reactRules]

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

@@ -1,29 +1,11 @@
 import tseslint from 'typescript-eslint'
 
+import typescriptRules from './rules/rules.typescript.js'
 import common from './eslint.config.common.js'
 
-export default tseslint.config(...tseslint.configs.recommended, ...tseslint.configs.stylistic, ...common, {
-  languageOptions: {
-    parserOptions: {
-      project: ['tsconfig.json'],
-    },
-  },
-  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' }],
-  },
-})
+export default tseslint.config(
+  ...common,
+  ...tseslint.configs.recommended,
+  ...tseslint.configs.stylistic,
+  ...typescriptRules,
+)

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

@@ -0,0 +1,53 @@
+import reactRecommended from 'eslint-plugin-react/configs/recommended.js'
+import reactJsxRuntime from 'eslint-plugin-react/configs/jsx-runtime.js'
+
+export default [
+  reactRecommended,
+  reactJsxRuntime,
+  {
+    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-child-element-spacing': '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-one-expression-per-line': ['error', { allow: 'single-child' }],
+      '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.typescript.js

@@ -0,0 +1,27 @@
+export default [
+  {
+    languageOptions: {
+      parserOptions: {
+        project: ['tsconfig.json'],
+      },
+    },
+    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/stylelint/stylelint.config.common.js

@@ -0,0 +1,3 @@
+export default {
+  extends: ['stylelint-config-recommended', 'stylelint-config-tailwindcss'],
+}

package/src/stylelint/stylelint.config.scss.js

@@ -0,0 +1,3 @@
+export default {
+  extends: ['stylelint-config-recommended', 'stylelint-config-sass-guidelines', 'stylelint-config-tailwindcss/scss'],
+}

package/dist/eslint.config.js

@@ -1,3 +0,0 @@
-import { eslintReact } from '@st1ggy/linter-config'
-
-export default [...eslintReact]

package/dist/prettier.config.js

@@ -1,3 +0,0 @@
-import { prettierCommon } from '@st1ggy/linter-config'
-
-export default { ...prettierCommon }