refactor: update .gitignore and optimize Angular config (!7)

Reviewed-on: https://git.simonis.lol/projects/casino/pulls/7
Reviewed-by: Constantin Simonis <constantin@simonis.lol>
Reviewed-by: Huy <ptran@noreply@simonis.lol>
Co-authored-by: Jan-Marlon Leibl <jleibl@proton.me>
Co-committed-by: Jan-Marlon Leibl <jleibl@proton.me>

.gitignore

@@ -1,3 +1,3 @@
 .idea
 .DS_Store
-
+.vscode

frontend/angular.json

@@ -16,9 +16,6 @@
             "outputPath": "dist/lf10-starter2024",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
             "tsConfig": "tsconfig.app.json",
             "assets": [
               {
@@ -73,10 +70,6 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
             "tsConfig": "tsconfig.spec.json",
             "assets": [
               {

frontend/bun.lock

@@ -19,7 +19,6 @@
         "rxjs": "~7.8.0",
         "tailwindcss": "^4.0.3",
         "tslib": "^2.3.0",
-        "zone.js": "~0.14.10",
       },
       "devDependencies": {
         "@angular-devkit/build-angular": "^18.2.2",

frontend/package.json

@@ -26,8 +26,7 @@
     "postcss": "^8.5.1",
     "rxjs": "~7.8.0",
     "tailwindcss": "^4.0.3",
-    "tslib": "^2.3.0",
+    "tslib": "^2.3.0"
-    "zone.js": "~0.14.10"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^18.2.2",

frontend/src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterOutlet } from '@angular/router';
 import { KeycloakAngularModule } from 'keycloak-angular';
@@ -10,6 +10,7 @@ import { KeycloakAngularModule } from 'keycloak-angular';
   providers: [],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css',
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AppComponent {
   constructor() {}

frontend/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
+import { APP_INITIALIZER, ApplicationConfig, provideExperimentalZonelessChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
@@ -41,6 +41,7 @@ export const appConfig: ApplicationConfig = {
     },
     KeycloakService,
     provideHttpClient(withInterceptorsFromDi()),
+    provideExperimentalZonelessChangeDetection(),
     {
       provide: HTTP_INTERCEPTORS,
       useClass: KeycloakBearerInterceptor,