feat(client): Example of environments file

Author: mugifly

client/src/app/app.component.html

@@ -1,5 +1,10 @@
 <mat-toolbar>
- <span>angular-nest</span>
+ <span> angular-nest </span>
+
+ @if (!isProduction) {
+ &nbsp;
+ <small>(dev)</small>
+ }
 </mat-toolbar>
 
 <div class="content">

client/src/app/app.component.ts

@@ -5,6 +5,7 @@ import { RouterOutlet } from '@angular/router';
 import { MaterialModule } from '../material.module';
 import { ApiService } from '../.api-client/services/api.service';
 import { Article } from '../.api-client/models/article';
+import { environment } from 'src/environments/environment';
 
 @Component({
  selector: 'app-root',
@@ -17,6 +18,8 @@ export class AppComponent {
  $exampleText!: Observable<string>;
  $exampleArticle!: Observable<Article>;
 
+ isProduction = environment.production;
+
  constructor(private api: ApiService) {}
 
  getExampleText() {

client/src/environments/environment.development.ts

@@ -1 +1,3 @@
-export const environment = {};
+export const environment = {
+ production: false,
+};

client/src/environments/environment.ts

@@ -1 +1,3 @@
-export const environment = {};
+export const environment = {
+ production: true,
+};

client/src/main.ts

@@ -1,7 +1,6 @@
-import { enableProdMode, importProvidersFrom } from '@angular/core';
+import { importProvidersFrom } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
-import { environment } from './environments/environment.development';
 import { AppComponent } from './app/app.component';
 import { ApiModule } from 'src/.api-client/api.module';
 import {