@cherepanov.pavel/shareable-config 1.0.0

package/tools/eslint-config/rules/typescript/extension.js

@@ -0,0 +1,52 @@
+import { OFF } from '../severity.js';
+
+import { suggestionRules } from '../javascript/suggestions.js';
+import { possibleProblemRules } from '../javascript/possible-problems.js';
+
+export const extensionsRules = {
+  'class-methods-use-this': OFF,
+  '@typescript-eslint/class-methods-use-this': suggestionRules['class-methods-use-this'],
+  'default-param-last': OFF,
+  '@typescript-eslint/default-param-last': suggestionRules['default-param-last'],
+  'dot-notation': OFF,
+  '@typescript-eslint/dot-notation': suggestionRules['dot-notation'],
+  'init-declarations': OFF,
+  '@typescript-eslint/init-declarations': suggestionRules['init-declarations'],
+  'no-array-constructor': OFF,
+  '@typescript-eslint/no-array-constructor': suggestionRules['no-array-constructor'],
+  'no-empty-function': OFF,
+  '@typescript-eslint/no-empty-function': suggestionRules['no-empty-function'],
+  'no-implied-eval': OFF,
+  '@typescript-eslint/no-implied-eval': suggestionRules['no-implied-eval'],
+  'no-invalid-this': OFF,
+  '@typescript-eslint/no-invalid-this': suggestionRules['no-invalid-this'],
+  'no-loop-func': OFF,
+  '@typescript-eslint/no-loop-func': suggestionRules['no-loop-func'],
+  'no-magic-numbers': OFF,
+  '@typescript-eslint/no-magic-numbers': suggestionRules['no-magic-numbers'],
+  'no-redeclare': OFF,
+  '@typescript-eslint/no-redeclare': suggestionRules['no-redeclare'],
+  'no-restricted-imports': OFF,
+  '@typescript-eslint/no-restricted-imports': suggestionRules['no-restricted-imports'],
+  'no-shadow': OFF,
+  '@typescript-eslint/no-shadow': suggestionRules['no-shadow'],
+  'no-throw-literal': OFF,
+  // '@typescript-eslint/no-throw-literal': suggestionRules['no-throw-literal'],
+  'no-unused-expressions': OFF,
+  '@typescript-eslint/no-unused-expressions': suggestionRules['no-unused-expressions'],
+  'no-useless-constructor': OFF,
+  '@typescript-eslint/no-useless-constructor': suggestionRules['no-useless-constructor'],
+  'require-await': OFF,
+  '@typescript-eslint/require-await': suggestionRules['require-await'],
+  'no-return-await': OFF,
+  '@typescript-eslint/return-await': suggestionRules['no-return-await'],
+
+  'no-dupe-class-members': OFF,
+  '@typescript-eslint/no-dupe-class-members': possibleProblemRules['no-dupe-class-members'],
+  'no-loss-of-precision': OFF,
+  '@typescript-eslint/no-loss-of-precision': possibleProblemRules['no-loss-of-precision'],
+  'no-unused-vars': OFF,
+  '@typescript-eslint/no-unused-vars': possibleProblemRules['no-unused-vars'],
+  'no-use-before-define': OFF,
+  '@typescript-eslint/no-use-before-define': possibleProblemRules['no-use-before-define'],
+};

package/tools/eslint-config/rules/typescript/index.js

@@ -0,0 +1,9 @@
+import { compatibilityRules } from './compatibility.js';
+import { commonRules } from './common.js';
+import { extensionsRules } from './extension.js';
+
+export const tsRules = {
+  ...compatibilityRules,
+  ...extensionsRules,
+  ...commonRules,
+};

package/tools/eslint-config/rules/vue/base.js

@@ -0,0 +1,6 @@
+import { ERROR, OFF } from '../severity.js';
+
+export const baseRules = {
+  'vue/comment-directive': [OFF],
+  'vue/jsx-uses-vars': [ERROR],
+};

package/tools/eslint-config/rules/vue/extension.js

@@ -0,0 +1,58 @@
+import { ERROR, OFF } from '../severity.js';
+import { MAX_LEN } from '../constants.js';
+
+import { possibleProblemRules } from '../javascript/possible-problems.js';
+import { suggestionRules } from '../javascript/suggestions.js';
+
+import { jsFormatting } from '../stylistic/index.js';
+
+export const extensionRules = {
+  'vue/no-constant-condition': possibleProblemRules['no-constant-condition'],
+  'vue/no-empty-pattern': possibleProblemRules['no-empty-pattern'],
+  'vue/no-irregular-whitespace': possibleProblemRules['no-irregular-whitespace'],
+  'vue/no-loss-of-precision': possibleProblemRules['no-loss-of-precision'],
+  'vue/no-sparse-arrays': possibleProblemRules['no-sparse-arrays'],
+
+  'vue/camelcase': suggestionRules.camelcase,
+  'vue/dot-notation': suggestionRules['dot-notation'],
+  'vue/eqeqeq': suggestionRules.eqeqeq,
+  'vue/no-console': suggestionRules['no-console'],
+  'vue/no-restricted-syntax': suggestionRules['no-restricted-syntax'],
+  'vue/no-useless-concat': suggestionRules['no-useless-concat'],
+  'vue/object-shorthand': suggestionRules['object-shorthand'],
+  'vue/prefer-template': suggestionRules['prefer-template'],
+
+  'vue/array-bracket-newline': jsFormatting['@stylistic/array-bracket-newline'],
+  'vue/array-bracket-spacing': jsFormatting['@stylistic/array-bracket-spacing'],
+  'vue/array-element-newline': jsFormatting['@stylistic/array-element-newline'],
+  'vue/arrow-spacing': jsFormatting['@stylistic/arrow-spacing'],
+  'vue/block-spacing': jsFormatting['@stylistic/block-spacing'],
+  'vue/brace-style': jsFormatting['@stylistic/brace-style'],
+  'vue/comma-dangle': jsFormatting['@stylistic/comma-dangle'],
+  'vue/comma-spacing': jsFormatting['@stylistic/comma-spacing'],
+  'vue/comma-style': jsFormatting['@stylistic/comma-style'],
+  'vue/dot-location': jsFormatting['@stylistic/dot-location'],
+  'vue/func-call-spacing': jsFormatting['@stylistic/function-call-spacing'],
+  'vue/key-spacing': jsFormatting['@stylistic/key-spacing'],
+  'vue/keyword-spacing': jsFormatting['@stylistic/keyword-spacing'],
+  'vue/multiline-ternary': jsFormatting['@stylistic/multiline-ternary'],
+  'vue/no-extra-parens': jsFormatting['@stylistic/no-extra-parens'],
+  'vue/object-curly-newline': jsFormatting['@stylistic/object-curly-newline'],
+  'vue/object-curly-spacing': jsFormatting['@stylistic/object-curly-spacing'],
+  'vue/object-property-newline': jsFormatting['@stylistic/object-property-newline'],
+  'vue/operator-linebreak': jsFormatting['@stylistic/operator-linebreak'],
+  'vue/quote-props': jsFormatting['@stylistic/quote-props'],
+  'vue/space-in-parens': jsFormatting['@stylistic/space-in-parens'],
+  'vue/space-infix-ops': jsFormatting['@stylistic/space-infix-ops'],
+  'vue/space-unary-ops': jsFormatting['@stylistic/space-unary-ops'],
+  'vue/template-curly-spacing': jsFormatting['@stylistic/template-curly-spacing'],
+
+  '@stylistic/max-len': [OFF],
+  'max-len': [OFF],
+  'vue/max-len': [ERROR, {
+    ...MAX_LEN,
+
+    ignoreHTMLAttributeValues: true,
+    ignoreHTMLTextContents: true,
+  }],
+};

package/tools/eslint-config/rules/vue/formatting.js

@@ -0,0 +1,41 @@
+import { INDENT_SIZE } from '../constants.js';
+import { ERROR, OFF } from '../severity.js';
+
+export const formattingRules = {
+  'vue/block-tag-newline': [ERROR, {
+    singleline: 'always',
+    multiline: 'always',
+    maxEmptyLines: 0,
+  }],
+  // https://github.com/vuejs/eslint-plugin-vue/issues/2380
+  'vue/define-macros-order': [OFF],
+  'vue/first-attribute-linebreak': [ERROR, {
+    singleline: 'below',
+    multiline: 'below',
+  }],
+  'vue/html-closing-bracket-newline': [ERROR],
+  'vue/html-closing-bracket-spacing': [ERROR],
+  'vue/html-comment-content-newline': [OFF],
+  'vue/html-comment-content-spacing': [ERROR],
+  'vue/html-comment-indent': [OFF],
+  'vue/html-indent': [ERROR, INDENT_SIZE],
+  'vue/html-quotes': [ERROR, 'double'],
+  'vue/html-self-closing': [ERROR],
+  'vue/max-attributes-per-line': [ERROR, {
+    singleline: 1,
+    multiline: 1,
+  }],
+  'vue/multiline-html-element-content-newline': [ERROR, {
+    ignores: ['pre'],
+  }],
+  'vue/mustache-interpolation-spacing': [ERROR, 'always'],
+  'vue/new-line-between-multi-line-property': [OFF],
+  'vue/no-multi-spaces': [ERROR],
+  'vue/no-spaces-around-equal-signs-in-attribute': [ERROR],
+  'vue/padding-line-between-blocks': [ERROR, 'always'],
+  'vue/padding-line-between-tags': [OFF],
+  'vue/padding-lines-in-component-definition': [OFF],
+  'vue/script-indent': [OFF],
+  'vue/singleline-html-element-content-newline': [OFF],
+  'vue/v-for-delimiter-style': [ERROR, 'in'],
+};

package/tools/eslint-config/rules/vue/index.js

@@ -0,0 +1,13 @@
+import { baseRules } from './base.js';
+import { extensionRules } from './extension.js';
+import { possibleProblemRules } from './possibleProblems.js';
+import { suggestionRules } from './suggestions.js';
+import { formattingRules } from './formatting.js';
+
+export const vueRules = {
+  ...baseRules,
+  ...extensionRules,
+  ...possibleProblemRules,
+  ...suggestionRules,
+  ...formattingRules,
+};

package/tools/eslint-config/rules/vue/possibleProblems.js

@@ -0,0 +1,113 @@
+import { ERROR, OFF, WARN } from '../severity.js';
+
+export const possibleProblemRules = {
+  'vue/attribute-hyphenation': [ERROR, 'never'],
+  'vue/attributes-order': [ERROR],
+  'vue/block-lang': [OFF],
+  'vue/block-order': [ERROR, {
+    order: ['template', 'script', 'style'],
+  }],
+  'vue/component-api-style': [ERROR, ['script-setup']],
+  'vue/component-definition-name-casing': [ERROR, 'PascalCase'],
+  'vue/component-name-in-template-casing': [ERROR, 'PascalCase', {
+    registeredComponentsOnly: false,
+    ignores: [],
+  }],
+  'vue/component-options-name-casing': [ERROR, 'PascalCase'],
+  'vue/custom-event-name-casing': [ERROR, 'camelCase', { ignores: ['/^[a-z]+(?:-[a-z]+)*:[a-z]+((\\d)|([A-Z0-9][a-z0-9]+))*([A-Z])?$/u'] }],
+  'vue/define-emits-declaration': [ERROR, 'type-based'],
+  'vue/define-props-declaration': [ERROR, 'type-based'],
+  'vue/html-button-has-type': [ERROR],
+  'vue/html-end-tags': [ERROR],
+  'vue/match-component-file-name': [ERROR, {
+    extensions: ['vue'],
+    shouldMatchCase: true,
+  }],
+  'vue/multi-word-component-names': [ERROR],
+  'vue/next-tick-style': [ERROR, 'promise'],
+  'vue/no-bare-strings-in-template': [OFF],
+  'vue/no-boolean-default': [ERROR, 'default-false'],
+  'vue/no-deprecated-scope-attribute': [ERROR],
+  'vue/no-deprecated-slot-attribute': [ERROR],
+  'vue/no-deprecated-slot-scope-attribute': [ERROR],
+  'vue/no-deprecated-v-is': [ERROR],
+  'vue/no-duplicate-attr-inheritance': [ERROR],
+  'vue/no-empty-component-block': [OFF],
+  'vue/no-lifecycle-after-await': [ERROR],
+  'vue/no-multiple-objects-in-class': [ERROR],
+  'vue/no-mutating-props': [ERROR],
+  'vue/no-potential-component-option-typo': [ERROR],
+  'vue/no-ref-as-operand': [ERROR],
+  'vue/no-reserved-component-names': [ERROR, {
+    disallowVueBuiltInComponents: true,
+    disallowVue3BuiltInComponents: true,
+  }],
+  'vue/no-reserved-keys': [ERROR],
+  'vue/no-restricted-block': [OFF],
+  'vue/no-restricted-call-after-await': [OFF],
+  'vue/no-restricted-component-names': [OFF],
+  'vue/no-restricted-component-options': [OFF],
+  'vue/no-restricted-custom-event': [OFF],
+  'vue/no-restricted-html-elements': [OFF],
+  'vue/no-restricted-props': [OFF],
+  'vue/no-restricted-static-attribute': [OFF],
+  'vue/no-restricted-v-bind': [OFF],
+  'vue/no-root-v-if': [ERROR],
+  'vue/no-setup-props-reactivity-loss': [OFF],
+  'vue/no-static-inline-styles': [WARN],
+  'vue/no-template-shadow': [OFF],
+  // выключено в общих конфигах, может быть включено в вашем репозитории если есть необходимость.
+  'vue/no-undef-components': [OFF],
+  'vue/no-undef-properties': [ERROR],
+  'vue/no-unsupported-features': [ERROR, {
+    version: '^3.4.27',
+    ignores: [],
+  }],
+  'vue/no-unused-components': [ERROR],
+  'vue/no-unused-emit-declarations': [ERROR],
+  'vue/no-unused-properties': [ERROR, {
+    groups: ['props', 'setup'],
+    deepData: true,
+    ignorePublicMembers: true,
+  }],
+  'vue/no-unused-refs': [ERROR],
+  'vue/no-unused-vars': [ERROR],
+  'vue/no-use-v-else-with-v-for': [ERROR],
+  'vue/no-use-v-if-with-v-for': [ERROR],
+  'vue/no-useless-mustaches': [ERROR],
+  'vue/no-useless-v-bind': [ERROR],
+  'vue/no-v-html': [ERROR],
+  'vue/no-v-text': [ERROR],
+  'vue/no-watch-after-await': [ERROR],
+  'vue/one-component-per-file': [ERROR],
+  'vue/order-in-components': [ERROR],
+  'vue/prefer-define-options': [ERROR],
+  'vue/prefer-import-from-vue': [ERROR],
+  'vue/prefer-separate-static-class': [ERROR],
+  'vue/prefer-true-attribute-shorthand': [ERROR, 'always'],
+  'vue/prop-name-casing': [ERROR, 'camelCase'],
+  'vue/require-default-prop': [OFF],
+  'vue/require-direct-export': [ERROR],
+  'vue/require-emit-validator': [ERROR],
+  'vue/require-explicit-emits': [ERROR],
+  'vue/require-expose': [ERROR],
+  'vue/require-macro-variable-name': [ERROR],
+  'vue/require-name-property': [ERROR],
+  'vue/require-prop-comment': [OFF],
+  'vue/require-prop-type-constructor': [ERROR],
+  'vue/require-prop-types': [ERROR],
+  'vue/require-typed-object-prop': [ERROR],
+  'vue/require-typed-ref': [ERROR],
+  'vue/require-valid-default-prop': [ERROR],
+  'vue/sort-keys': [OFF],
+  'vue/static-class-names-order': [OFF],
+  'vue/this-in-template': [ERROR, 'never'],
+  'vue/use-v-on-exact': [ERROR],
+  'vue/v-bind-style': [ERROR, 'shorthand'],
+  'vue/v-on-event-hyphenation': [ERROR, 'never', { autofix: true }],
+  // https://github.com/vuejs/eslint-plugin-vue/issues/2571
+  'vue/v-on-handler-style': [OFF],
+  'vue/v-on-style': [ERROR, 'shorthand'],
+  'vue/v-slot-style': [ERROR],
+  'vue/valid-define-options': [ERROR],
+};

package/tools/eslint-config/rules/vue/suggestions.js

@@ -0,0 +1,83 @@
+import { ERROR, OFF } from '../severity.js';
+
+export const suggestionRules = {
+  'vue/match-component-import-name': [ERROR],
+  // 'vue/max-lines-per-block': [WARN, {
+  //   template: 120,
+  //   script: 120,
+  //   style: 120,
+  //   skipBlankLines: true,
+  // }],
+  'vue/no-arrow-functions-in-watch': [ERROR],
+  'vue/no-async-in-computed-properties': [ERROR],
+  'vue/no-child-content': [ERROR],
+  'vue/no-computed-properties-in-data': [ERROR],
+  'vue/no-deprecated-data-object-declaration': [ERROR],
+  'vue/no-deprecated-destroyed-lifecycle': [ERROR],
+  'vue/no-deprecated-dollar-listeners-api': [ERROR],
+  'vue/no-deprecated-dollar-scopedslots-api': [ERROR],
+  'vue/no-deprecated-events-api': [ERROR],
+  'vue/no-deprecated-filter': [ERROR],
+  'vue/no-deprecated-functional-template': [ERROR],
+  'vue/no-deprecated-html-element-is': [ERROR],
+  'vue/no-deprecated-inline-template': [ERROR],
+  'vue/no-deprecated-model-definition': [ERROR],
+  'vue/no-deprecated-props-default-this': [ERROR],
+  'vue/no-deprecated-router-link-tag-prop': [ERROR, { components: ['RouterLink'] }],
+  'vue/no-deprecated-v-bind-sync': [ERROR],
+  'vue/no-deprecated-v-on-native-modifier': [ERROR],
+  'vue/no-deprecated-v-on-number-modifiers': [ERROR],
+  'vue/no-deprecated-vue-config-keycodes': [ERROR],
+  'vue/no-dupe-keys': [ERROR],
+  'vue/no-dupe-v-else-if': [ERROR],
+  'vue/no-duplicate-attributes': [ERROR],
+  'vue/no-export-in-script-setup': [ERROR],
+  'vue/no-expose-after-await': [ERROR],
+  'vue/no-lone-template': [ERROR],
+  'vue/no-multiple-slot-args': [ERROR],
+  'vue/no-parsing-error': [ERROR],
+  'vue/no-ref-object-reactivity-loss': [ERROR],
+  'vue/no-required-prop-with-default': [ERROR],
+  'vue/no-reserved-props': [ERROR],
+  'vue/no-restricted-class': [OFF],
+  'vue/no-shared-component-data': [ERROR],
+  'vue/no-side-effects-in-computed-properties': [ERROR],
+  'vue/no-template-key': [ERROR],
+  'vue/no-template-target-blank': [ERROR],
+  'vue/no-textarea-mustache': [ERROR],
+  'vue/no-this-in-before-route-enter': [ERROR],
+  'vue/no-use-computed-property-like-method': [ERROR],
+  'vue/no-useless-template-attributes': [ERROR],
+  'vue/no-v-for-template-key-on-child': [ERROR],
+  'vue/no-v-text-v-html-on-component': [ERROR],
+  'vue/prefer-prop-type-boolean-first': [ERROR],
+  'vue/require-component-is': [ERROR],
+  'vue/require-render-return': [ERROR],
+  'vue/require-slots-as-functions': [ERROR],
+  'vue/require-toggle-inside-transition': [ERROR],
+  'vue/require-v-for-key': [ERROR],
+  'vue/return-in-computed-property': [ERROR],
+  'vue/return-in-emits-validator': [ERROR],
+  'vue/v-if-else-key': [OFF],
+  'vue/valid-attribute-name': [ERROR],
+  'vue/valid-define-emits': [ERROR],
+  'vue/valid-define-props': [ERROR],
+  'vue/valid-next-tick': [ERROR],
+  'vue/valid-template-root': [ERROR],
+  'vue/valid-v-bind': [ERROR],
+  'vue/valid-v-cloak': [ERROR],
+  'vue/valid-v-else': [ERROR],
+  'vue/valid-v-else-if': [ERROR],
+  'vue/valid-v-for': [ERROR],
+  'vue/valid-v-html': [ERROR],
+  'vue/valid-v-if': [ERROR],
+  'vue/valid-v-is': [ERROR],
+  'vue/valid-v-memo': [ERROR],
+  'vue/valid-v-model': [ERROR],
+  'vue/valid-v-on': [ERROR],
+  'vue/valid-v-once': [ERROR],
+  'vue/valid-v-pre': [ERROR],
+  'vue/valid-v-show': [ERROR],
+  'vue/valid-v-slot': [ERROR],
+  'vue/valid-v-text': [ERROR],
+};

package/tools/stylelint-config/config.js

@@ -0,0 +1,29 @@
+import path, { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const currentDir = dirname(fileURLToPath(import.meta.url));
+const concat = (...arrays) => {
+  return [].concat(...arrays);
+};
+
+export default {
+  extends: concat(
+    [
+      'stylelint-config-standard',
+      'stylelint-config-standard-scss',
+      'stylelint-config-standard-vue/scss',
+    ],
+    [
+      './rules/base.js',
+      './rules/stylistic.js',
+      './rules/order.js',
+      './rules/conflicts.js',
+      './rules/scss.js',
+    ].map((string) => {
+      return path.resolve(currentDir, string);
+    }),
+  ),
+  plugins: [
+    '@stylistic/stylelint-plugin',
+  ],
+};

package/tools/stylelint-config/rules/base.js

@@ -0,0 +1,26 @@
+export default {
+  rules: {
+    'color-hex-alpha': 'never',
+    'color-hex-length': 'long',
+    'color-named': 'never',
+    'declaration-no-important': true,
+    'declaration-property-value-no-unknown': null,
+    'font-family-name-quotes': 'always-unless-keyword',
+    'font-family-no-missing-generic-family-keyword': null,
+    'font-weight-notation': ['numeric', {
+      ignore: ['relative'],
+    }],
+    'max-nesting-depth': [7, {
+      ignore: [
+        'blockless-at-rules',
+        'pseudo-classes',
+      ],
+    }],
+    'media-feature-name-value-no-unknown': true,
+    'no-descending-specificity': null,
+    'selector-class-pattern': null,
+    'selector-max-compound-selectors': 99,
+    'selector-max-id': 0,
+    'selector-max-universal': 2,
+  },
+};

package/tools/stylelint-config/rules/conflicts.js

@@ -0,0 +1,7 @@
+export default {
+  rules: {
+    'declaration-empty-line-before': null, // order/properties-order [./order.cjs]
+    // https://gitlab.kadnk.ru/frontend/configs/-/issues/2
+    'length-zero-no-unit': null,
+  },
+};

package/tools/stylelint-config/rules/order.js

@@ -0,0 +1,42 @@
+import { propertyGroups } from './property-groups.js';
+
+export default {
+  plugins: ['stylelint-order'],
+  rules: {
+    'order/order': [
+      [
+        'dollar-variables',
+        'custom-properties',
+        'declarations',
+        {
+          type: 'at-rule',
+          name: 'supports',
+        },
+        'rules',
+        {
+          type: 'at-rule',
+          name: 'container',
+        },
+        {
+          type: 'at-rule',
+          name: 'media',
+        },
+      ],
+      { severity: 'error' },
+    ],
+    'order/properties-order': [
+      propertyGroups.map((group) => {
+        return {
+          ...group,
+          emptyLineBefore: 'always',
+          noEmptyLineBetween: true,
+        };
+      }),
+      {
+        unspecified: 'bottom',
+        emptyLineBeforeUnspecified: 'always',
+        severity: 'error',
+      },
+    ],
+  },
+};