import js from '@eslint/js';
import globals from 'globals';
import reactHooks from 'eslint-plugin-react-hooks';

const banMuiTooltipRule = {
  meta: {
    type: 'problem',
    docs: {
      description: 'Ban MUI Tooltip component',
    },
    messages: {
      badDesign: '<Tooltip> is bad design',
    },
  },
  create(context) {
    const muiTooltipIdentifiers = new Set();

    return {
      ImportDeclaration(node) {
        if (node.source.value === '@mui/material/Tooltip') {
          context.report({
            node,
            messageId: 'badDesign',
          });
          for (const specifier of node.specifiers) {
            if (specifier.local?.name) {
              muiTooltipIdentifiers.add(specifier.local.name);
            }
          }
        } else if (node.source.value === '@mui/material') {
          for (const specifier of node.specifiers) {
            if (
              specifier.type === 'ImportSpecifier' &&
              specifier.imported?.name === 'Tooltip'
            ) {
              context.report({
                node: specifier,
                messageId: 'badDesign',
              });
              if (specifier.local?.name) {
                muiTooltipIdentifiers.add(specifier.local.name);
              }
            }
          }
        }
      },
      JSXOpeningElement(node) {
        let tagName = '';
        if (node.name.type === 'JSXIdentifier') {
          tagName = node.name.name;
        } else if (node.name.type === 'JSXMemberExpression') {
          tagName = node.name.property.name;
        }

        if (muiTooltipIdentifiers.has(tagName) || tagName === 'Tooltip') {
          context.report({
            node,
            messageId: 'badDesign',
          });
        }
      },
    };
  },
};

export default [
  {
    ignores: [
      'dist/**',
      'dist-ssr/**',
      'node_modules/**',
      'certs/**',
      'tmp/**',
      '.dashfront-token',
    ],
  },
  js.configs.recommended,
  {
    files: ['**/*.{js,jsx,mjs}'],
    languageOptions: {
      ecmaVersion: 'latest',
      sourceType: 'module',
      parserOptions: {
        ecmaFeatures: {
          jsx: true,
        },
      },
      globals: {
        ...globals.browser,
        ...globals.node,
        React: 'readonly',
      },
    },
    plugins: {
      'react-hooks': reactHooks,
      react: {
        rules: {
          'no-mui-tooltip': banMuiTooltipRule,
        },
      },
    },
    rules: {
      'react-hooks/rules-of-hooks': 'error',
      'react-hooks/exhaustive-deps': 'warn',
      'react/no-mui-tooltip': 'error',
      'no-unused-vars': [
        'warn',
        {
          argsIgnorePattern: '^_',
          varsIgnorePattern: '^(React|_)',
          ignoreRestSiblings: true,
        },
      ],
      'no-empty': ['warn', { allowEmptyCatch: true }],
      'no-debugger': 'warn',
    },
  },
];