Eslint version 10 required changes

apps/api-e2e/eslint.config.mjs

@@ -0,0 +1,12 @@
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+	...baseConfig,
+	{
+		ignores: ['!**/*'],
+	},
+	{
+		files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+		rules: {},
+	},
+];

apps/api-e2e/jest.config.ts

@@ -1,19 +1,18 @@
-/* eslint-disable */
 export default {
-  displayName: 'api-e2e',
-  preset: '../../jest.preset.js',
-  globalSetup: '<rootDir>/src/support/global-setup.ts',
-  globalTeardown: '<rootDir>/src/support/global-teardown.ts',
-  setupFiles: ['<rootDir>/src/support/test-setup.ts'],
-  testEnvironment: 'node',
-  transform: {
-    '^.+\\.[tj]s$': [
-      'ts-jest',
-      {
-        tsconfig: '<rootDir>/tsconfig.spec.json',
-      },
-    ],
-  },
-  moduleFileExtensions: ['ts', 'js', 'html'],
-  coverageDirectory: '../../coverage/api-e2e',
+	displayName: 'api-e2e',
+	preset: '../../jest.preset.js',
+	globalSetup: '<rootDir>/src/support/global-setup.ts',
+	globalTeardown: '<rootDir>/src/support/global-teardown.ts',
+	setupFiles: ['<rootDir>/src/support/test-setup.ts'],
+	testEnvironment: 'node',
+	transform: {
+		'^.+\\.[tj]s$': [
+			'ts-jest',
+			{
+				tsconfig: '<rootDir>/tsconfig.spec.json',
+			},
+		],
+	},
+	moduleFileExtensions: ['ts', 'js', 'html'],
+	coverageDirectory: '../../coverage/api-e2e',
 };

apps/api-e2e/src/support/global-teardown.ts

@@ -1,7 +1,5 @@
-/* eslint-disable */
-
 module.exports = async function () {
-  // Put clean up logic here (e.g. stopping services, docker-compose, etc.).
-  // Hint: `globalThis` is shared between setup and teardown.
-  console.log(globalThis.__TEARDOWN_MESSAGE__);
+	// Put clean up logic here (e.g. stopping services, docker-compose, etc.).
+	// Hint: `globalThis` is shared between setup and teardown.
+	console.log(globalThis.__TEARDOWN_MESSAGE__);
 };

apps/api-e2e/src/support/test-setup.ts

@@ -1,10 +1,8 @@
-/* eslint-disable */
-
 import axios from 'axios';
 
 module.exports = async function () {
-  // Configure axios for tests to use.
-  const host = process.env.HOST ?? 'localhost';
-  const port = process.env.PORT ?? '3000';
-  axios.defaults.baseURL = `http://${host}:${port}`;
+	// Configure axios for tests to use.
+	const host = process.env.HOST ?? 'localhost';
+	const port = process.env.PORT ?? '3000';
+	axios.defaults.baseURL = `http://${host}:${port}`;
 };

apps/api/eslint.config.mjs

@@ -1,18 +1,7 @@
-import { FlatCompat } from '@eslint/eslintrc';
-import js from '@eslint/js';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-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,
-});
+import baseConfig from '../../eslint.config.mjs';
 
 export default [
-	...compat.extends('../../.eslintrc.json'),
+	...baseConfig,
 	{
 		ignores: ['!**/*', '**/generated/*'],
 	},

apps/ui-e2e/eslint.config.mjs

@@ -0,0 +1,20 @@
+import playwrightPlugin from 'eslint-plugin-playwright';
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+	...baseConfig,
+	{
+		ignores: ['!**/*'],
+	},
+	{
+		plugins: {
+			playwright: playwrightPlugin,
+		},
+	},
+	{
+		files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+		rules: {
+			'playwright/no-wait-for-timeout': 'warn',
+		},
+	},
+];

apps/ui/eslint.config.mjs

@@ -0,0 +1,45 @@
+import angularPlugin from '@angular-eslint/eslint-plugin';
+import angularTemplatePlugin from '@angular-eslint/eslint-plugin-template';
+import templateParser from '@angular-eslint/template-parser';
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+	...baseConfig,
+	{
+		ignores: ['!**/*'],
+	},
+	{
+		plugins: {
+			'@angular-eslint': angularPlugin,
+			'@angular-eslint/template': angularTemplatePlugin,
+		},
+	},
+	{
+		files: ['**/*.ts'],
+		rules: {
+			'@angular-eslint/directive-selector': [
+				'error',
+				{
+					type: 'attribute',
+					prefix: 'gh',
+					style: 'camelCase',
+				},
+			],
+			'@angular-eslint/component-selector': [
+				'error',
+				{
+					type: 'element',
+					prefix: 'gh',
+					style: 'kebab-case',
+				},
+			],
+		},
+	},
+	{
+		files: ['**/*.html'],
+		languageOptions: {
+			parser: templateParser,
+		},
+		rules: {},
+	},
+];

apps/ui/src/app/utils/test/page-objects/page-object.ts

@@ -1,4 +1,3 @@
-import { DebugElement } from '@angular/core';
 import { ComponentFixture } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 
@@ -9,23 +8,15 @@ export abstract class PageObject<ComponentType> {
 		this.fixture.detectChanges();
 	}
 
-	getDebugElementsByCss(cssSelector: string): DebugElement[] {
+	getDebugElementsByCss(cssSelector: string) {
 		return this.fixture.debugElement.queryAll(By.css(cssSelector));
 	}
 
-	getDebugElementByCss(cssSelector: string): DebugElement {
-		const debugElement = this.fixture.debugElement.query(By.css(cssSelector));
-
-		try {
-			expect(debugElement).toBeTruthy();
-		} catch {
-			throw new Error(`Element with selector "${cssSelector}" was not found.`);
-		}
-
-		return debugElement;
+	getDebugElementByCss(cssSelector: string) {
+		return this.fixture.debugElement.query(By.css(cssSelector));
 	}
 
-	getDebugElementByTestId(testId: string): DebugElement {
+	getDebugElementByTestId(testId: string) {
 		return this.getDebugElementByCss(`[data-test-id="${testId}"]`);
 	}
 }

apps/ui/src/app/utils/test/setup/setup.ts

@@ -1,8 +1,7 @@
-import { TestBed } from '@angular/core/testing';
-import { ComponentTestSetup } from './setup.model';
 import { Type } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
 
-export function testSetup<T>(type: Type<T>): ComponentTestSetup<T> {
+export function testSetup<T>(type: Type<T>) {
 	const fixture = TestBed.createComponent(type);
 	const component = fixture.componentInstance;