eslint-config-vylda-vanilla-react 4.0.0

package/rules/stylistic.mjs

@@ -0,0 +1,154 @@
+import { INDENT } from './constants.mjs';
+
+const config = [
+  {
+    name: 'stylistic/jsx/stylistic',
+    rules: {
+      // Enforce consistent spacing inside JSX curly braces
+      // https://eslint.style/rules/jsx/jsx-child-element-spacing
+      '@stylistic/jsx-child-element-spacing': 'off',
+
+      // Enforce consistent placement of closing brackets in JSX
+      // https://eslint.style/rules/jsx/jsx-closing-bracket-location
+      '@stylistic/jsx-closing-bracket-location': ['error', 'line-aligned'],
+
+      // Enforce consistent placement of closing tags in JSX
+      // https://eslint.style/rules/jsx/jsx-closing-tag-location
+      '@stylistic/jsx-closing-tag-location': ['error', 'tag-aligned'],
+
+      // Enforce curly braces or disallow unnecessary curly braces in JSX props and/or children
+      // https://eslint.style/rules/jsx/jsx-curly-brace-presence
+      '@stylistic/jsx-curly-brace-presence': [
+        'error',
+        { children: 'never', props: 'never' },
+      ],
+
+      // Enforce consistent line breaks inside JSX curly braces
+      // https://eslint.style/rules/jsx/jsx-curly-newline
+      '@stylistic/jsx-curly-newline': [
+        'error', {
+          multiline: 'consistent',
+          singleline: 'consistent',
+        },
+      ],
+
+      // Enforce consistent spacing inside JSX curly braces
+      // https://eslint.style/rules/jsx/jsx-curly-spacing
+      '@stylistic/jsx-curly-spacing': [
+        'error',
+        {
+          allowMultiline: true,
+          children: true,
+          objectLiterals: 'never',
+          when: 'never',
+        },
+      ],
+
+      // Enforce consistent spacing around equal signs in JSX attributes
+      // https://eslint.style/rules/jsx/jsx-equals-spacing
+      '@stylistic/jsx-equals-spacing': ['error', 'never'],
+
+      // Require that the first prop in a JSX element be on a new line when the element is multiline
+      // https://eslint.style/rules/jsx/jsx-first-prop-new-line
+      '@stylistic/jsx-first-prop-new-line': ['error', 'multiline-multiprop'],
+
+      // Enforce line breaks before and after JSX elements when they are used as arguments to a function.
+      // https://eslint.style/rules/jsx/jsx-function-call-newline
+      '@stylistic/jsx-function-call-newline': ['error', 'multiline'],
+
+      // Enforce consistent indentation of props in JSX
+      // https://eslint.style/rules/jsx/jsx-indent-props
+      '@stylistic/jsx-indent-props': ['error', INDENT],
+
+      // Enforce maximum of props on a single line in JSX.
+      // https://eslint.style/rules/jsx/jsx-max-props-per-line
+      '@stylistic/jsx-max-props-per-line': [
+        'error',
+        { maximum: 1, when: 'multiline' },
+      ],
+
+      // Require or prevent a new line after jsx elements and expressions
+      // https://eslint.style/rules/jsx/jsx-newline
+      '@stylistic/jsx-newline': [
+        'error',
+        {
+          prevent: false,
+        },
+      ],
+
+      // Require one JSX element per line.
+      // https://eslint.style/rules/jsx/jsx-one-expression-per-line
+      '@stylistic/jsx-one-expression-per-line': [
+        'error',
+        { allow: 'single-child' },
+      ],
+
+      // Enforces coding style that user-defined JSX components are defined and referenced in PascalCase.
+      // https://eslint.style/rules/jsx/jsx-pascal-case
+      '@stylistic/jsx-pascal-case': [
+        'error',
+        {
+          allowAllCaps: false,
+          allowLeadingUnderscore: false,
+          allowNamespace: true,
+          ignore: [],
+        },
+      ],
+
+      // Disallow multiple spaces between inline JSX props
+      // https://eslint.style/rules/jsx/jsx-self-closing-comp
+      '@stylistic/jsx-self-closing-comp': [
+        'error',
+        {
+          component: true,
+          html: true,
+        },
+      ],
+
+      // Enforce props alphabetical sorting
+      // https://eslint.style/rules/jsx/jsx-sort-props
+      '@stylistic/jsx-sort-props': [
+        'error',
+        {
+          callbacksLast: false,
+          ignoreCase: true,
+          locale: 'en',
+          multiline: 'ignore',
+          noSortAlphabetically: false,
+          reservedFirst: true,
+          shorthandFirst: false,
+          shorthandLast: true,
+        },
+      ],
+
+      // Enforce whitespace in and around the JSX opening and closing brackets.
+      // https://eslint.style/rules/jsx/jsx-tag-spacing
+      '@stylistic/jsx-tag-spacing': [
+        'error',
+        {
+          afterOpening: 'never',
+          beforeClosing: 'never',
+          beforeSelfClosing: 'always',
+          closingSlash: 'never',
+        },
+      ],
+
+      // Disallow missing parentheses around multiline JSX.
+      // https://eslint.style/rules/jsx/jsx-wrap-multilines
+      '@stylistic/jsx-wrap-multilines': [
+        'error',
+        {
+          arrow: 'parens-new-line',
+          assignment: 'parens-new-line',
+          condition: 'parens-new-line',
+          declaration: 'parens-new-line',
+          logical: 'parens-new-line',
+          prop: 'parens-new-line',
+          'return': 'parens-new-line',
+        },
+      ],
+    },
+  },
+];
+
+export default config;