chore(client): Update to files generated by Angular 18 CLI

Author: mugifly

client/README.md

@@ -1,6 +1,6 @@
 # Client
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.2.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.3.
 
 ## Development server
 
@@ -24,4 +24,4 @@ Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To u
 
 ## Further help
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

client/angular.json

@@ -8,9 +8,6 @@
  "schematics": {
  "@schematics/angular:component": {
  "style": "scss"
- },
- "@schematics/angular:application": {
- "strict": true
  }
  },
  "root": "",
@@ -24,7 +21,8 @@
  "base": "dist"
  },
  "index": "src/index.html",
- "polyfills": ["src/polyfills.ts"],
+ "browser": "src/main.ts",
+ "polyfills": ["zone.js"],
  "tsConfig": "tsconfig.app.json",
  "inlineStyleLanguage": "scss",
  "assets": [
@@ -34,30 +32,23 @@
  }
  ],
  "styles": [
- "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+ "../node_modules/@angular/material/prebuilt-themes/azure-blue.css",
  "src/styles.scss"
  ],
- "scripts": [],
- "browser": "src/main.ts"
+ "scripts": []
  },
  "configurations": {
  "production": {
  "budgets": [
  {
  "type": "initial",
- "maximumWarning": "500kb",
- "maximumError": "1mb"
+ "maximumWarning": "500kB",
+ "maximumError": "1MB"
  },
  {
  "type": "anyComponentStyle",
- "maximumWarning": "2kb",
- "maximumError": "4kb"
- }
- ],
- "fileReplacements": [
- {
- "replace": "src/environments/environment.ts",
- "with": "src/environments/environment.prod.ts"
+ "maximumWarning": "2kB",
+ "maximumError": "4kB"
  }
  ],
  "outputHashing": "all"
@@ -66,7 +57,12 @@
  "optimization": false,
  "extractLicenses": false,
  "sourceMap": true,
- "namedChunks": true
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.development.ts"
+ }
+ ]
  }
  },
  "defaultConfiguration": "production"
@@ -84,16 +80,12 @@
  "defaultConfiguration": "development"
  },
  "extract-i18n": {
- "builder": "@angular-devkit/build-angular:extract-i18n",
- "options": {
- "buildTarget": "client:build"
- }
+ "builder": "@angular-devkit/build-angular:extract-i18n"
  },
  "test": {
  "builder": "@angular-devkit/build-angular:karma",
  "options": {
- "main": "src/test.ts",
- "polyfills": "src/polyfills.ts",
+ "polyfills": ["zone.js", "zone.js/testing"],
  "tsConfig": "tsconfig.spec.json",
  "karmaConfig": "karma.conf.js",
  "inlineStyleLanguage": "scss",
@@ -104,16 +96,13 @@
  }
  ],
  "styles": [
- "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+ "../node_modules/@angular/material/prebuilt-themes/azure-blue.css",
  "src/styles.scss"
  ],
  "scripts": []
  }
  }
  }
  }
- },
- "cli": {
- "analytics": false
  }
 }

client/karma.conf.js

@@ -31,12 +31,7 @@ module.exports = function (config) {
  reporters: [{ type: 'html' }, { type: 'text-summary' }],
  },
  reporters: ['progress', 'kjhtml'],
- port: 9876,
- colors: true,
- logLevel: config.LOG_INFO,
- autoWatch: true,
  browsers: ['Chrome'],
- singleRun: false,
  restartOnFileChange: true,
  });
 };

client/src/app/app.component.html

@@ -1,4 +1,4 @@
-<mat-toolbar color="primary">
+<mat-toolbar>
  <span>angular-nest</span>
 </mat-toolbar>
 
@@ -30,7 +30,7 @@
  {{ $exampleText | async }}
  </mat-card-content>
  <mat-card-actions align="end">
- <button (click)="getExampleText()" mat-button>Request</button>
+ <button (click)="getExampleText()" mat-flat-button>Request</button>
  </mat-card-actions>
  </mat-card>
 
@@ -50,7 +50,7 @@
  }
  </mat-card-content>
  <mat-card-actions align="end">
- <button (click)="getExampleArticle()" mat-button>Request</button>
+ <button (click)="getExampleArticle()" mat-flat-button>Request</button>
  </mat-card-actions>
  </mat-card>
  </div>

client/src/environments/environment.development.ts

@@ -0,0 +1 @@
+export const environment = {};

client/src/environments/environment.prod.ts

@@ -1,16 +1 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
- production: false,
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
+export const environment = {};

client/src/environments/environment.ts

@@ -1,7 +1,7 @@
 import { enableProdMode, importProvidersFrom } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
-import { environment } from './environments/environment';
+import { environment } from './environments/environment.development';
 import { AppComponent } from './app/app.component';
 import { ApiModule } from 'src/.api-client/api.module';
 import {
@@ -11,10 +11,6 @@ import {
 import { provideRouter } from '@angular/router';
 import { routes } from './app/app.routes';
 
-if (environment.production) {
- enableProdMode();
-}
-
 bootstrapApplication(AppComponent, {
  providers: [
  importProvidersFrom(

client/src/main.ts

@@ -1,4 +1,10 @@
 /* You can add global styles to this file, and also import other style files */
 
-html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+html,
+body {
+ height: 100%;
+}
+body {
+ margin: 0;
+ font-family: Roboto, 'Helvetica Neue', sans-serif;
+}