eslint.config.mjs

import path from 'node:path';

import { includeIgnoreFile } from '@eslint/compat';
import configPrettier from 'eslint-config-prettier';
import eslint from '@eslint/js';
import pluginAngular from 'angular-eslint';
import pluginComments from '@eslint-community/eslint-plugin-eslint-comments/configs';
import pluginImport from 'eslint-plugin-import';
import pluginJest from 'eslint-plugin-jest';
import pluginJsdoc from 'eslint-plugin-jsdoc';
import pluginTailwind from 'eslint-plugin-tailwindcss';
import pluginUnicorn from 'eslint-plugin-unicorn';
import globals from 'globals';
import tseslint from 'typescript-eslint';

export default tseslint.config(
	includeIgnoreFile(path.resolve(import.meta.dirname, '.gitignore')),
	{
		files: ['**/*.ts'],
		extends: [
			eslint.configs.recommended,
			...pluginAngular.configs.tsAll,
			...tseslint.configs.strictTypeChecked,
			...tseslint.configs.stylisticTypeChecked,
			pluginComments.recommended,
			pluginImport.flatConfigs['recommended'],
			pluginImport.flatConfigs['typescript'],
			pluginJest.configs['flat/recommended'],
			pluginJsdoc.configs['flat/recommended-typescript-error'],
			...pluginTailwind.configs['flat/recommended'],
			pluginUnicorn.configs['flat/recommended'],
		],
		languageOptions: {
			parserOptions: {
				projectService: true,
			},
			globals: {
				...globals.node,
			},
		},
		settings: {
			'import/resolver': {
				typescript: {
					alwaysTryTypes: true,
					project: './tsconfig.json',
				},
			},
			tailwindcss: {
				config: 'client/tailwind.config.mjs',
				whitelist: ['fas', 'fa-.*'],
			},
		},
		rules: {
			'@angular-eslint/component-selector': [
				'error',
				{
					type: 'element',
					prefix: 'app',
					style: 'kebab-case',
				},
			],
			'@angular-eslint/directive-selector': [
				'error',
				{
					type: 'attribute',
					prefix: 'app',
					style: 'camelCase',
				},
			],
			'@angular-eslint/pipe-prefix': [
				'error',
				{
					prefixes: ['app'],
				},
			],
			'@typescript-eslint/naming-convention': [
				'error',
				{
					selector: 'default',
					format: ['camelCase'],
					leadingUnderscore: 'forbid',
					trailingUnderscore: 'forbid',
				},
				{
					selector: 'typeLike',
					format: ['PascalCase'],
					leadingUnderscore: 'forbid',
					trailingUnderscore: 'forbid',
				},
				{
					selector: 'enumMember',
					format: ['PascalCase'],
				},
				{
					selector: 'parameter',
					modifiers: ['unused'],
					format: ['camelCase'],
					leadingUnderscore: 'require',
				},
				{
					selector: 'property',
					modifiers: ['readonly', 'static'],
					format: ['UPPER_CASE'],
				},
				{
					selector: 'property',
					modifiers: ['private'],
					format: ['camelCase'],
					leadingUnderscore: 'require',
				},
				{
					selector: 'variable',
					modifiers: ['const', 'exported'],
					format: ['UPPER_CASE'],
				},
				{
					selector: 'variable',
					modifiers: ['const', 'exported'],
					types: ['function'],
					format: ['camelCase'],
				},
			],
			'@typescript-eslint/no-extraneous-class': 'off',
			'import/consistent-type-specifier-style': [
				'error',
				'prefer-top-level',
			],
			'import/first': 'error',
			'import/no-duplicates': 'error',
			'import/order': [
				'error',
				{
					alphabetize: {
						order: 'asc',
					},
					'newlines-between': 'always',
					pathGroups: [
						{
							pattern: '@app-*/**',
							group: 'external',
							position: 'after',
						},
					],
					pathGroupsExcludedImportTypes: ['builtin'],
				},
			],
			'unicorn/no-array-reduce': 'off',
			'unicorn/no-null': 'off',
			'unicorn/prefer-top-level-await': 'off',
			'unicorn/prevent-abbreviations': 'off',
			curly: 'error',
			eqeqeq: ['error', 'always'],
			'lines-between-class-members': [
				'error',
				'always',
				{
					exceptAfterSingleLine: true,
				},
			],
			'max-classes-per-file': ['error', 1],
			'no-empty': 'error',
			'no-restricted-imports': [
				'error',
				{
					paths: ['rxjs/Rx', 'subsink/dist/subsink'],
					patterns: ['app/*', 'rxjs/internal/*'],
				},
			],
			'sort-imports': [
				'error',
				{
					ignoreDeclarationSort: true,
				},
			],
		},
	},
	{
		files: ['**/*.html'],
		extends: [
			...pluginAngular.configs.templateRecommended,
			...pluginAngular.configs.templateAccessibility,
			...pluginTailwind.configs['flat/recommended'],
		],
		settings: {
			tailwindcss: {
				config: 'client/tailwind.config.mjs',
				whitelist: ['fas', 'fa-.*'],
			},
		},
	},
	configPrettier,
	{
		ignores: ['**/*.generated.ts', 'eslint.config.mjs'],
	},
);