eslint.shared.config.mjs

import javascript from '@eslint/js'
import globals from 'globals'

/** @type {import('eslint').Linter.Config.RulesRecord} */
export const sharedJsRules = {
  'arrow-spacing': 'error',
  camelcase: 'off',
  'comma-spacing': 'error',
  'comma-dangle': ['error', 'always-multiline'],
  'eol-last': 'error',
  eqeqeq: 'error',
  indent: ['error', 2],
  'no-constant-condition': 'off',
  'no-extra-parens': 'error',
  'no-multi-spaces': 'error',
  'no-multiple-empty-lines': ['error', { max: 1, maxEOF: 0 }],
  'no-trailing-spaces': 'error',
  'no-unused-vars': 'off',
  'no-useless-concat': 'error',
  'no-useless-rename': 'error',
  'no-useless-return': 'error',
  'no-var': 'error',
  'object-curly-spacing': ['error', 'always'],
  'prefer-const': 'warn',
  'prefer-destructuring': [
    'warn',
    {
      object: true,
      array: false,
    },
  ],
  'prefer-promise-reject-errors': 'error',
  quotes: ['error', 'single'],
  'require-await': 'warn',
  semi: ['error', 'never'],

  'sort-imports': [
    'error',
    {
      ignoreDeclarationSort: true,
      ignoreMemberSort: false,
      memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
    },
  ],

  'space-infix-ops': 'error',

  /// From https://emotion.sh/docs/eslint-plugin-react - maybe there's a better way to avoid 'no-unknown-property' on 'sx' and 'css' props
  'react/no-unknown-property': ['error', { 'ignore': ['css', 'sx'] }]
}

/** @type {import('eslint').Linter.Config.RulesRecord} */
export const sharedTsRules = {
  '@typescript-eslint/restrict-template-expressions': 'off',
  '@typescript-eslint/no-unused-vars': 'warn',
}

/** @type {import('eslint').Linter.Config[]} */
export default [
  {
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
      },
    },
    rules: {
      ...javascript.configs.recommended.rules,
      ...sharedJsRules,
    },
    files: ['eslint.config.js', 'test/**/*.js'],
  },
]