From e154fedede97bb4c783406c3bf82f5191c3bf872 Mon Sep 17 00:00:00 2001 From: matthijssmets Date: Wed, 10 Sep 2025 11:35:25 +0200 Subject: [PATCH] Fix eslint missing packages --- pnpm-lock.yaml | 19 ++++++++++++++++-- src/main/frontend/angular.json | 10 +++++++--- src/main/frontend/package.json | 5 +++++ src/main/frontend/src/app/app.config.ts | 4 ++-- src/main/frontend/src/app/app.html | 2 +- .../frontend/src/app/{app.css => app.scss} | 0 src/main/frontend/src/app/app.ts | 9 ++++----- src/main/frontend/src/app/pages/.gitkeep | 0 .../frontend/src/app/services/test.service.ts | 7 +++---- src/main/frontend/src/index.html | 20 +++++++++---------- src/main/frontend/src/main.ts | 5 ++++- .../frontend/src/{styles.css => styles.scss} | 0 12 files changed, 53 insertions(+), 28 deletions(-) rename src/main/frontend/src/app/{app.css => app.scss} (100%) delete mode 100644 src/main/frontend/src/app/pages/.gitkeep rename src/main/frontend/src/{styles.css => styles.scss} (100%) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b53e4a9..5cf56f9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -39,6 +39,15 @@ importers: '@angular-eslint/builder': specifier: 20.2.0 version: 20.2.0(chokidar@4.0.3)(eslint@9.34.0)(typescript@5.9.2) + '@angular-eslint/eslint-plugin': + specifier: 20.2.0 + version: 20.2.0(@typescript-eslint/utils@8.42.0(eslint@9.34.0)(typescript@5.9.2))(eslint@9.34.0)(typescript@5.9.2) + '@angular-eslint/eslint-plugin-template': + specifier: 20.2.0 + version: 20.2.0(@angular-eslint/template-parser@20.2.0(eslint@9.34.0)(typescript@5.9.2))(@typescript-eslint/types@8.42.0)(@typescript-eslint/utils@8.42.0(eslint@9.34.0)(typescript@5.9.2))(eslint@9.34.0)(typescript@5.9.2) + '@angular-eslint/template-parser': + specifier: 20.2.0 + version: 20.2.0(eslint@9.34.0)(typescript@5.9.2) '@angular/build': specifier: ^20.2.1 version: 20.2.2(@angular/compiler-cli@20.2.4(@angular/compiler@20.2.4)(typescript@5.9.2))(@angular/compiler@20.2.4)(@angular/core@20.2.4(@angular/compiler@20.2.4)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@20.2.4(@angular/common@20.2.4(@angular/core@20.2.4(@angular/compiler@20.2.4)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.2.4(@angular/compiler@20.2.4)(rxjs@7.8.2)(zone.js@0.15.1)))(@types/node@24.3.0)(chokidar@4.0.3)(karma@6.4.4)(postcss@8.5.6)(tslib@2.8.1)(typescript@5.9.2) @@ -60,6 +69,12 @@ importers: '@types/jasmine': specifier: ~5.1.0 version: 5.1.9 + '@typescript-eslint/eslint-plugin': + specifier: 8.40.0 + version: 8.40.0(@typescript-eslint/parser@8.40.0(eslint@9.34.0)(typescript@5.9.2))(eslint@9.34.0)(typescript@5.9.2) + '@typescript-eslint/parser': + specifier: 8.40.0 + version: 8.40.0(eslint@9.34.0)(typescript@5.9.2) angular-eslint: specifier: 20.2.0 version: 20.2.0(chokidar@4.0.3)(eslint@9.34.0)(typescript-eslint@8.40.0(eslint@9.34.0)(typescript@5.9.2))(typescript@5.9.2) @@ -5364,8 +5379,8 @@ snapshots: '@typescript-eslint/project-service@8.40.0(typescript@5.9.2)': dependencies: - '@typescript-eslint/tsconfig-utils': 8.40.0(typescript@5.9.2) - '@typescript-eslint/types': 8.40.0 + '@typescript-eslint/tsconfig-utils': 8.42.0(typescript@5.9.2) + '@typescript-eslint/types': 8.42.0 debug: 4.4.1(supports-color@8.1.1) typescript: 5.9.2 transitivePeerDependencies: diff --git a/src/main/frontend/angular.json b/src/main/frontend/angular.json index 6005760..e6845eb 100644 --- a/src/main/frontend/angular.json +++ b/src/main/frontend/angular.json @@ -5,7 +5,11 @@ "projects": { "angular-demo-project": { "projectType": "application", - "schematics": {}, + "schematics": { + "@schematics/angular:component": { + "style": "scss" + } + }, "root": "", "sourceRoot": "src", "prefix": "app", @@ -28,7 +32,7 @@ } ], "styles": [ - "src/styles.css" + "src/styles.scss" ] }, "configurations": { @@ -86,7 +90,7 @@ } ], "styles": [ - "src/styles.css" + "src/styles.scss" ] } }, diff --git a/src/main/frontend/package.json b/src/main/frontend/package.json index e8eaddf..d691c0c 100644 --- a/src/main/frontend/package.json +++ b/src/main/frontend/package.json @@ -26,6 +26,9 @@ }, "devDependencies": { "@angular-eslint/builder": "20.2.0", + "@angular-eslint/eslint-plugin": "20.2.0", + "@angular-eslint/eslint-plugin-template": "20.2.0", + "@angular-eslint/template-parser": "20.2.0", "@angular/build": "^20.2.1", "@angular/cli": "^20.2.1", "@angular/compiler-cli": "^20.2.1", @@ -33,6 +36,8 @@ "@eslint/eslintrc": "^3.3.0", "@eslint/js": "^9.33.0", "@types/jasmine": "~5.1.0", + "@typescript-eslint/eslint-plugin": "8.40.0", + "@typescript-eslint/parser": "8.40.0", "angular-eslint": "20.2.0", "eslint": "^9.33.0", "eslint-config-prettier": "^10.1.1", diff --git a/src/main/frontend/src/app/app.config.ts b/src/main/frontend/src/app/app.config.ts index fb54707..c1ec91b 100644 --- a/src/main/frontend/src/app/app.config.ts +++ b/src/main/frontend/src/app/app.config.ts @@ -7,8 +7,8 @@ import { provideHttpClient, withFetch } from '@angular/common/http'; export const appConfig: ApplicationConfig = { providers: [ provideBrowserGlobalErrorListeners(), - provideZoneChangeDetection({eventCoalescing: true}), + provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideHttpClient(withFetch()), - ] + ], }; diff --git a/src/main/frontend/src/app/app.html b/src/main/frontend/src/app/app.html index c24b13f..96cbb7f 100644 --- a/src/main/frontend/src/app/app.html +++ b/src/main/frontend/src/app/app.html @@ -1 +1 @@ -

{{ backendResponse || "Something went wrong" }}

+

{{ backendResponse || 'Something went wrong' }}

diff --git a/src/main/frontend/src/app/app.css b/src/main/frontend/src/app/app.scss similarity index 100% rename from src/main/frontend/src/app/app.css rename to src/main/frontend/src/app/app.scss diff --git a/src/main/frontend/src/app/app.ts b/src/main/frontend/src/app/app.ts index 386ec14..e3fc22f 100644 --- a/src/main/frontend/src/app/app.ts +++ b/src/main/frontend/src/app/app.ts @@ -5,17 +5,16 @@ import { TestResponse, TestService } from './services/test.service'; selector: 'app-root', imports: [], templateUrl: './app.html', - styleUrl: './app.css' + styleUrl: './app.scss', }) export class App implements OnInit { - private readonly testService: TestService = inject(TestService); - protected backendResponse?: string; + private readonly testService: TestService = inject(TestService); + ngOnInit(): void { this.testService.getHelloWorld().subscribe((response: TestResponse) => { this.backendResponse = response.data; - }) + }); } - } diff --git a/src/main/frontend/src/app/pages/.gitkeep b/src/main/frontend/src/app/pages/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/src/main/frontend/src/app/services/test.service.ts b/src/main/frontend/src/app/services/test.service.ts index d989e6f..87635c6 100644 --- a/src/main/frontend/src/app/services/test.service.ts +++ b/src/main/frontend/src/app/services/test.service.ts @@ -2,15 +2,14 @@ import { inject, Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs'; -export interface TestResponse { +export type TestResponse = { data: string; -} +}; @Injectable({ - providedIn: 'root' + providedIn: 'root', }) export class TestService { - private readonly http: HttpClient = inject(HttpClient); getHelloWorld(): Observable { diff --git a/src/main/frontend/src/index.html b/src/main/frontend/src/index.html index 7e433da..eb48b77 100644 --- a/src/main/frontend/src/index.html +++ b/src/main/frontend/src/index.html @@ -1,13 +1,13 @@ - - - AngularDemoProject - - - - - - - + + + AngularDemoProject + + + + + + + diff --git a/src/main/frontend/src/main.ts b/src/main/frontend/src/main.ts index 46eb6d2..7017997 100644 --- a/src/main/frontend/src/main.ts +++ b/src/main/frontend/src/main.ts @@ -2,5 +2,8 @@ import { bootstrapApplication } from '@angular/platform-browser'; import { App } from './app/app'; import { appConfig } from './app/app.config'; +function main(): void { + bootstrapApplication(App, appConfig).catch((error) => console.error(error)); +} -bootstrapApplication(App, appConfig).catch((err) => console.error(err)); +main(); diff --git a/src/main/frontend/src/styles.css b/src/main/frontend/src/styles.scss similarity index 100% rename from src/main/frontend/src/styles.css rename to src/main/frontend/src/styles.scss