eslint.config.mjs

import globals from 'globals';
import typescriptEslint from '@typescript-eslint/eslint-plugin';
import tsParser from '@typescript-eslint/parser';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import js from '@eslint/js';
import { FlatCompat } from '@eslint/eslintrc';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
    baseDirectory: __dirname,
    recommendedConfig: js.configs.recommended,
    allConfig: js.configs.all
});

export default [{
    ignores: [
        'js/src/lib',
        '**/node_modules',
        'wwwroot/js/**/*.min.js',
        'input/assets/js/*.min.js',
        'Scripts/*.min.js'
    ]
}, ...compat.extends('standard'), {
    languageOptions: {
        globals: {
            ...globals.browser,
            Prism: 'readonly',
            bootstrap: 'readonly'
        },

        ecmaVersion: 'latest',
        sourceType: 'module'
    }
}, ...compat.extends(
    'standard',
    'eslint:recommended',
    'plugin:@typescript-eslint/eslint-recommended',
    'plugin:@typescript-eslint/recommended'
).map(config => ({
    ...config,
    files: ['js/src/ts/**/*.ts', 'playwright/**/*.ts', 'build/**/*.ts']
})), {
    files: ['js/src/ts/**/*.ts', 'playwright/**/*.ts', 'build/**/*.ts'],

    plugins: {
        '@typescript-eslint': typescriptEslint
    },

    languageOptions: {
        parser: tsParser,
        ecmaVersion: 5,
        sourceType: 'script',

        parserOptions: {
            project: 'tsconfig.json'
        }
    }
}, ...compat.extends('plugin:playwright/recommended').map(config => ({
    ...config,
    files: ['playwright/**/*.ts']
})), {
    files: ['playwright/**/*.ts'],

    languageOptions: {
        ecmaVersion: 5,
        sourceType: 'script',

        parserOptions: {
            project: 'playwright/tsconfig.json'
        }
    },

    rules: {
        'playwright/no-conditional-in-test': 0,
        'playwright/expect-expect': 0
    }
}, {
    files: [
        '**/eslint.config.mjs',
        '**/postcss.config.js',
        'js/**/**/*.*',
        'getting-started/*.js',
        'playwright/**/*.ts',
        'wwwroot/js/src/**/*.js',
        'build/**/*.*'
    ],

    rules: {
        semi: ['error', 'always'],
        quotes: ['error', 'single'],

        indent: ['error', 4, {
            SwitchCase: 1
        }],

        'no-var': 'error',
        'one-var': ['error', 'never'],
        'one-var-declaration-per-line': ['error', 'always'],

        'no-unused-vars': ['error', {
            varsIgnorePattern: 'Alert|Button|Carousel|Collapse|Dropdown|Modal|Offcanvas|Tab'
        }],

        'prefer-template': 'error',
        'prefer-arrow-callback': ['error'],
        'func-style': ['error', 'expression'],
        'arrow-parens': ['error', 'as-needed'],
        'object-shorthand': ['error', 'consistent-as-needed'],
        eqeqeq: 0
    }
}];