Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
310 changes: 142 additions & 168 deletions ui/eslint.config.mjs
Original file line number Diff line number Diff line change
@@ -1,190 +1,164 @@
import angularTemplate from "@angular-eslint/eslint-plugin-template";
import angularTemplateParser from "@angular-eslint/template-parser";
import { FlatCompat } from "@eslint/eslintrc";
import js from "@eslint/js";
import tseslint from "typescript-eslint";
import stylistic from "@stylistic/eslint-plugin";
import checkFile from "eslint-plugin-check-file";
import importPlugin from "eslint-plugin-import";
import unusedImports from "eslint-plugin-unused-imports";
import globals from "globals";
import path from "node:path";
import { fileURLToPath } from "node:url";
import angular from "angular-eslint";
import { defineConfig } from "eslint/config";

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,
});

// const recommendedHTMLChecks = compat
// .extends("plugin:@angular-eslint/template/recommended")
// .map((config) => ({
// ...config,
// files: ["**/*.html"],
// }));

const allTsFiles = {
files: ["**/*.ts"],
plugins: {
"unused-imports": unusedImports,
"@stylistic": stylistic,
import: importPlugin,
"check-file": checkFile,
export default defineConfig([
{
ignores: ["projects/**/*"],
},

languageOptions: {
globals: {
...globals.browser,
...globals.node,
...globals.jest,
},
ecmaVersion: 5,
sourceType: "commonjs",
parserOptions: {
project: ["tsconfig.json"],
createDefaultProgram: true,
},
...tseslint.configs.recommended,
...angular.configs.tsRecommended,
{
...importPlugin.flatConfigs.recommended,
files: ["**/*.ts"],
},
rules: {
"check-file/filename-naming-convention": [
"off",
{
"**/*.{ts}": "KEBAB_CASE",
},
],
curly: "error",
"unused-imports/no-unused-imports": "error",
"import/order": [
"error",
{
groups: ["builtin", "external", "internal", "parent", "sibling", "index"],
alphabetize: {
order: "asc",
caseInsensitive: true,
},
},
],
"@typescript-eslint/explicit-member-accessibility": [
"error",
{
accessibility: "explicit",
overrides: {
accessors: "off",
constructors: "off",
methods: "off",
properties: "explicit",
parameterProperties: "off",
},
},
],
"@angular-eslint/use-lifecycle-interface": ["error"],
"@angular-eslint/prefer-standalone": "off",
"@angular-eslint/directive-selector": [
"error",
{
type: "attribute",
prefix: ["app", "oe", "ngVar", "ngDomChange"],
style: "camelCase",
},
],
"@stylistic/semi": "error",
"@stylistic/quote-props": ["warn", "as-needed"],
"@stylistic/eol-last": "error",
"@stylistic/no-trailing-spaces": "error",
"no-unused-vars": "off",
"@typescript-eslint/no-unused-vars": [
"error",
{
args: "none",
ignoreRestSiblings: true,
varsIgnorePattern: "^_",
},
],
{
files: ["**/*.ts"],
plugins: {
"unused-imports": unusedImports,
"@stylistic": stylistic,
"check-file": checkFile,
},

"@typescript-eslint/no-explicit-any": 0,
"@typescript-eslint/no-namespace": 0,
"@typescript-eslint/no-restricted-types": 0,
"@typescript-eslint/member-ordering": "error",
"@typescript-eslint/no-unused-expressions": "off",
"@typescript-eslint/no-empty-object-type": "off",
"@stylistic/no-multiple-empty-lines": ["error", { max: 2, maxEOF: 1, maxBOF: 0 }],
"@stylistic/quotes": [
"error",
"double",
{
avoidEscape: true,
},
],
"no-restricted-syntax": [
"error",
{
selector: "CallExpression[callee.name='fdescribe']",
message: "Using 'fdescribe' is not allowed.",
languageOptions: {
globals: {
...globals.browser,
...globals.node,
...globals.jest,
},
{
selector: "CallExpression[callee.name='xdescribe']",
message: "Using 'xdescribe' is not allowed.",
ecmaVersion: 5,
sourceType: "commonjs",
parserOptions: {
project: ["tsconfig.json"],
createDefaultProgram: true,
},
],
// TODO reapply this rule
// "@angular-eslint/template/accessibility-interactive-supports-focus": "error"
"@angular-eslint/prefer-inject": "off",

// Deactivated for angular migration pu
"@angular-eslint/prefer-on-push-component-change-detection": "off",
"no-redeclare": "off",
"@typescript-eslint/no-redeclare": "off",
"no-undef": "off",
},
settings: {
"import/resolver": {
typescript: {},
},
},
};
rules: {
"check-file/filename-naming-convention": [
"off",
{
"**/*.{ts}": "KEBAB_CASE",
},
],
curly: "error",
"unused-imports/no-unused-imports": "error",
"import/order": [
"error",
{
groups: ["builtin", "external", "internal", "parent", "sibling", "index"],
alphabetize: {
order: "asc",
caseInsensitive: true,
},
},
],
"@typescript-eslint/explicit-member-accessibility": [
"error",
{
accessibility: "explicit",
overrides: {
accessors: "off",
constructors: "off",
methods: "off",
properties: "explicit",
parameterProperties: "off",
},
},
],
"@angular-eslint/use-lifecycle-interface": ["error"],
"@angular-eslint/prefer-standalone": "off",
"@angular-eslint/directive-selector": [
"error",
{
type: "attribute",
prefix: ["app", "oe", "ngVar", "ngDomChange"],
style: "camelCase",
},
],
"@stylistic/semi": "error",
"@stylistic/quote-props": ["warn", "as-needed"],
"@stylistic/eol-last": "error",
"@stylistic/no-trailing-spaces": "error",
"no-unused-vars": "off",
"@typescript-eslint/no-unused-vars": [
"error",
{
args: "none",
ignoreRestSiblings: true,
varsIgnorePattern: "^_",
},
],

const allHTMLFiles = {
files: ["**/*.html"],
languageOptions: {
parser: angularTemplateParser,
},
plugins: {
"@angular-eslint/template": angularTemplate,
},
rules: {
"@angular-eslint/template/no-positive-tabindex": "error",
"@angular-eslint/template/no-autofocus": "error",
"@angular-eslint/template/mouse-events-have-key-events": "error",
"@angular-eslint/template/click-events-have-key-events": "error",
},
};
"@typescript-eslint/no-explicit-any": 0,
"@typescript-eslint/no-namespace": 0,
"@typescript-eslint/no-restricted-types": 0,
"@typescript-eslint/member-ordering": "error",
"@typescript-eslint/no-unused-expressions": "off",
"@typescript-eslint/no-empty-object-type": "off",
"@stylistic/no-multiple-empty-lines": ["error", { max: 2, maxEOF: 1, maxBOF: 0 }],
"@stylistic/quotes": [
"error",
"double",
{
avoidEscape: true,
},
],
"no-restricted-syntax": [
"error",
{
selector: "CallExpression[callee.name='fdescribe']",
message: "Using 'fdescribe' is not allowed.",
},
{
selector: "CallExpression[callee.name='xdescribe']",
message: "Using 'xdescribe' is not allowed.",
},
],
// TODO reapply this rule
// "@angular-eslint/template/accessibility-interactive-supports-focus": "error"
"@angular-eslint/prefer-inject": "off",

const tsFileWithSpecificEndings = {
files: ["*.component.ts", "*.service.ts", "*.module.ts"],
plugins: {
"check-file": checkFile,
// Deactivated for angular migration pu
"@angular-eslint/prefer-on-push-component-change-detection": "off",
"no-redeclare": "off",
"@typescript-eslint/no-redeclare": "off",
"no-undef": "off",
},
settings: {
"import/resolver": {
typescript: {},
},
},
},
rules: {
"check-file/filename-naming-convention": "off",
{
files: ["*.component.ts", "*.service.ts", "*.module.ts"],
plugins: {
"check-file": checkFile,
},
rules: {
"check-file/filename-naming-convention": "off",
},
},
};

export default [
{
ignores: ["projects/**/*"],
files: ["**/*.html"],
languageOptions: {
parser: angularTemplateParser,
},
plugins: {
"@angular-eslint/template": angularTemplate,
},
rules: {
"@angular-eslint/template/no-positive-tabindex": "error",
"@angular-eslint/template/no-autofocus": "error",
"@angular-eslint/template/mouse-events-have-key-events": "error",
"@angular-eslint/template/click-events-have-key-events": "error",
},
},
...tseslint.configs.recommended,
...angular.configs.tsRecommended,
...compat.extends("eslint:recommended", "plugin:import/recommended").map((config) => ({
...config,
files: ["**/*.ts"],
})),
allTsFiles,
tsFileWithSpecificEndings,
// ...recommendedHTMLChecks,
allHTMLFiles,
];
]);
Loading