import js from '@eslint/js';
import { defineConfig, globalIgnores } from 'eslint/config';
import tseslint from 'typescript-eslint';
import angular from 'angular-eslint';
import prettier from 'eslint-config-prettier';
import globals from 'globals';

export default defineConfig(
  globalIgnores([
    '**/node_modules/**',
    '**/dist/**',
    '**/out-tsc/**',
    '**/bazel-out/**',
    '**/tmp/**',
    '**/typings/**',
    '**/__screenshots__/**',
    '**/.history/**',
    '**/.angular/**',
    '**/coverage/**',
    '**/test-results/**',
    '**/unit-results/**',
    '**/playwright-report/**',
    'package-lock.json',
  ]),
  {
    files: ['**/*.{js,mjs,cjs}'],
    extends: [js.configs.recommended],
    languageOptions: { globals: globals.node },
  },
  {
    files: ['**/*.ts'],
    extends: [
      js.configs.recommended,
      tseslint.configs.recommendedTypeChecked,
      angular.configs.tsRecommended,
    ],
    languageOptions: {
      parserOptions: {
        project: './tsconfig.eslint.json',
        tsconfigRootDir: import.meta.dirname,
      },
    },
    processor: angular.processInlineTemplates,
  },
  { files: ['**/*.html'], extends: [angular.configs.templateRecommended] },
  prettier,
);