// @ts-check const emotionPlugin = require('@emotion/eslint-plugin'); const { fixupPluginRules } = require('@eslint/compat'); const importPlugin = require('eslint-plugin-import'); const jestPlugin = require('eslint-plugin-jest'); const jestDomPlugin = require('eslint-plugin-jest-dom'); const jsxA11yPlugin = require('eslint-plugin-jsx-a11y'); const lodashPlugin = require('eslint-plugin-lodash'); const barrelPlugin = require('eslint-plugin-no-barrel-files'); const reactPlugin = require('eslint-plugin-react'); const testingLibraryPlugin = require('eslint-plugin-testing-library'); const unicornPlugin = require('eslint-plugin-unicorn'); const grafanaConfig = require('@grafana/eslint-config/flat'); const grafanaPlugin = require('@grafana/eslint-plugin'); /** * @type {Array} */ module.exports = [ { name: 'grafana/ignores', ignores: [ '.github', '.yarn', '**/.*', // dotfiles aren't ignored by default in FlatConfig '**/*.gen.ts', '**/build/', '**/compiled/', '**/dist/', 'data/', 'deployment_tools_config.json', 'devenv', 'e2e/test-plugins', 'e2e/tmp', 'packages/grafana-ui/src/components/Icon/iconBundle.ts', 'pkg', 'playwright-report', 'public/lib/monaco/', // this path is no longer required but local dev environments may still have it 'public/locales/_build', 'public/locales/**/*.js', 'public/vendor/', 'scripts/grafana-server/tmp', ], }, grafanaConfig, { name: 'react/jsx-runtime', // @ts-ignore - not sure why but flat config is typed as a maybe? ...reactPlugin.configs.flat['jsx-runtime'], }, { name: 'grafana/defaults', linterOptions: { // This reports unused disable directives that we can clean up but // it also conflicts with the betterer eslint rules so disabled reportUnusedDisableDirectives: false, }, files: ['**/*.{ts,tsx,js}'], plugins: { '@emotion': emotionPlugin, lodash: lodashPlugin, jest: jestPlugin, import: importPlugin, 'jsx-a11y': jsxA11yPlugin, 'no-barrel-files': barrelPlugin, '@grafana': grafanaPlugin, }, settings: { 'import/internal-regex': '^(app/)|(@grafana)', 'import/external-module-folders': ['node_modules', '.yarn'], }, rules: { '@grafana/no-border-radius-literal': 'error', '@grafana/no-unreduced-motion': 'error', 'react/prop-types': 'off', // need to ignore emotion's `css` prop, see https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unknown-property.md#rule-options 'react/no-unknown-property': ['error', { ignore: ['css'] }], '@emotion/jsx-import': 'error', '@emotion/syntax-preference': [2, 'object'], 'lodash/import-scope': [2, 'member'], 'jest/no-focused-tests': 'error', 'import/order': [ 'error', { groups: [['builtin', 'external'], 'internal', 'parent', 'sibling', 'index'], 'newlines-between': 'always', alphabetize: { order: 'asc' }, }, ], 'no-restricted-imports': [ 'error', { paths: [ { name: 'react-redux', importNames: ['useDispatch', 'useSelector'], message: 'Please import from app/types instead.', }, { name: 'react-i18next', importNames: ['Trans', 't'], message: 'Please import from app/core/internationalization instead', }, ], }, ], // Use typescript's no-redeclare for compatibility with overrides 'no-redeclare': 'off', '@typescript-eslint/no-redeclare': ['error'], }, }, { name: 'grafana/uplot-overrides', files: ['packages/grafana-ui/src/components/uPlot/**/*.{ts,tsx}'], rules: { 'react-hooks/rules-of-hooks': 'off', 'react-hooks/exhaustive-deps': 'off', }, }, { name: 'grafana/theme-demo-overrides', files: ['packages/grafana-ui/src/components/ThemeDemos/**/*.{ts,tsx}'], rules: { '@emotion/jsx-import': 'off', 'react/jsx-uses-react': 'off', 'react/react-in-jsx-scope': 'off', }, }, { name: 'grafana/public-dashboards-overrides', files: ['public/dashboards/scripted*.js'], rules: { 'no-redeclare': 'error', '@typescript-eslint/no-redeclare': 'off', }, }, { name: 'grafana/jsx-a11y-overrides', files: ['**/*.tsx'], ignores: ['**/*.{spec,test}.tsx'], rules: { // rules marked "off" are those left in the recommended preset we need to fix // we should remove the corresponding line and fix them one by one // any marked "error" contain specific overrides we'll need to keep 'jsx-a11y/no-autofocus': [ 'error', { ignoreNonDOM: true, }, ], 'jsx-a11y/label-has-associated-control': [ 'error', { controlComponents: ['NumberInput'], depth: 2, }, ], }, }, { name: 'grafana/data-overrides', files: ['packages/grafana-data/**/*.{ts,tsx}'], ignores: ['packages/grafana-data/src/**/*.{spec,test}.{ts,tsx}'], rules: { 'no-restricted-imports': [ 'error', { patterns: ['@grafana/runtime', '@grafana/ui', '@grafana/data'], }, ], }, }, { name: 'grafana/ui-overrides', files: ['packages/grafana-ui/**/*.{ts,tsx}'], ignores: ['packages/grafana-ui/**/*.{test,story}.{ts,tsx}'], rules: { 'no-restricted-imports': [ 'error', { patterns: ['@grafana/runtime', '@grafana/data/*', '@grafana/ui', '@grafana/e2e-selectors/*'], paths: [ { name: 'react-i18next', importNames: ['Trans', 't'], message: 'Please import from grafana-ui/src/utils/i18n instead', }, ], }, ], }, }, { name: 'grafana/schema-overrides', files: ['packages/grafana-schema/**/*.{ts,tsx}'], ignores: ['packages/grafana-schema/**/*.test.{ts,tsx}'], rules: { 'no-restricted-imports': [ 'error', { patterns: ['@grafana/*'], }, ], }, }, { name: 'grafana/runtime-overrides', files: ['packages/grafana-runtime/**/*.{ts,tsx}'], rules: { 'no-restricted-imports': [ 'error', { patterns: ['@grafana/runtime', '@grafana/data/*', '@grafana/ui/*', '@grafana/e2e/*'], }, ], }, }, { name: 'grafana/flamegraph-overrides', files: ['packages/grafana-flamegraph/**/*.{ts,tsx}'], ignores: ['packages/grafana-flamegraph/**/*.{test,story}.{ts,tsx}'], rules: { 'no-restricted-imports': [ 'error', { patterns: ['@grafana/runtime', '@grafana/e2e', '@grafana/e2e-selectors/*'], }, ], }, }, { name: 'grafana/alerting-overrides', plugins: { unicorn: unicornPlugin, }, files: ['public/app/features/alerting/**/*.{ts,tsx,js,jsx}'], rules: { 'dot-notation': 'error', 'prefer-const': 'error', 'react/no-unused-prop-types': 'error', 'unicorn/no-unused-properties': 'error', }, }, { name: 'grafana/alerting-test-overrides', plugins: { 'testing-library': fixupPluginRules({ rules: testingLibraryPlugin.rules }), 'jest-dom': jestDomPlugin, }, files: [ 'public/app/features/alerting/**/__tests__/**/*.[jt]s?(x)', 'public/app/features/alerting/**/?(*.)+(spec|test).[jt]s?(x)', ], rules: { ...testingLibraryPlugin.configs['flat/react'].rules, ...jestDomPlugin.configs['flat/recommended'].rules, 'testing-library/prefer-user-event': 'error', 'jest/expect-expect': ['error', { assertFunctionNames: ['expect*', 'reducerTester'] }], }, }, { name: 'grafana/explore-traceview-overrides', files: ['public/app/features/explore/TraceView/components/demo/**/*.{ts,tsx,js,jsx}'], rules: { 'import/no-extraneous-dependencies': 'off', }, }, { name: 'grafana/decoupled-plugins-overrides', files: [ 'public/app/plugins/datasource/azuremonitor/**/*.{ts,tsx}', 'public/app/plugins/datasource/cloud-monitoring/**/*.{ts,tsx}', 'public/app/plugins/datasource/cloudwatch/**/*.{ts,tsx}', 'public/app/plugins/datasource/elasticsearch/**/*.{ts,tsx}', 'public/app/plugins/datasource/elasticsearch/**/*.{ts,tsx}', 'public/app/plugins/datasource/grafana-postgresql-datasource/**/*.{ts,tsx}', 'public/app/plugins/datasource/grafana-pyroscope-datasource/**/*.{ts,tsx}', 'public/app/plugins/datasource/grafana-testdata-datasource/**/*.{ts,tsx}', 'public/app/plugins/datasource/jaeger/**/*.{ts,tsx}', 'public/app/plugins/datasource/loki/**/*.{ts,tsx}', 'public/app/plugins/datasource/loki/**/*.{ts,tsx}', 'public/app/plugins/datasource/mysql/**/*.{ts,tsx}', 'public/app/plugins/datasource/parca/**/*.{ts,tsx}', 'public/app/plugins/datasource/tempo/**/*.{ts,tsx}', 'public/app/plugins/datasource/zipkin/**/*.{ts,tsx}', ], plugins: { import: importPlugin, }, settings: { 'import/resolver': { node: { extensions: ['.ts', '.tsx'], }, }, }, rules: { 'import/no-restricted-paths': [ 'error', { zones: [ { target: './public/app/plugins', from: './public', except: ['./app/plugins'], message: 'Core plugins are not allowed to depend on Grafana core packages', }, ], }, ], }, }, ];