Set up environment-based configurations for API and builds.

Replaced hardcoded API URLs with environment-specific configurations. Added new environments (development, beta, production) with respective settings. Updated build scripts and Angular file replacements to support environment-based builds.

frontend/angular.json

@@ -41,7 +41,7 @@
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
+                  "with": "src/environments/environment.production.ts"
                 }
               ],
               "optimization": true,
@@ -55,7 +55,29 @@
             },
             "development": {
               "sourceMap": true,
-              "optimization": false
+              "optimization": false,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
+            },
+            "beta": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.beta.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "logging": false,
+              "vendorChunk": false,
+              "buildOptimizer": true
             }
           }
         },

frontend/build.gradle.kts

@@ -39,13 +39,13 @@ tasks.register("npmBuild") {
           "${it.absolutePath}/npm.cmd"
         } ?: "$nodeDir/node_modules/npm/bin/npm.cmd"
 
-        commandLine(npmCmd, "run", "build")
+        commandLine(npmCmd, "run", "build:dev")
       } else {
         val npmExecutable = file(nodeDir).listFiles()?.find { it.name.startsWith("npm") && it.isDirectory }?.let {
           "${it.absolutePath}/bin/npm"
         } ?: "$nodeDir/node_modules/npm/bin/npm"
 
-        commandLine(npmExecutable, "run", "build")
+        commandLine(npmExecutable, "run", "build:beta")
       }
     }
   }

frontend/package.json

@@ -6,7 +6,10 @@
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "test": "ng test",
+    "build:beta": "ng build --configuration=beta",
+    "build:prod": "ng build --configuration=production",
+    "build:dev": "ng build --configuration=development"
   },
   "private": true,
   "dependencies": {

frontend/src/app/bans/history/history.component.ts

@@ -5,6 +5,7 @@ import {NgForOf, NgIf, NgOptimizedImage} from '@angular/common';
 import {CookieService} from 'ngx-cookie-service';
 import {RemoveTrailingPeriodPipe} from '../../util/RemoveTrailingPeriodPipe';
 import {HttpErrorResponse} from '@angular/common/http';
+import {environment} from '../../../environments/environment';
 
 @Component({
   selector: 'app-history',
@@ -18,7 +19,7 @@ import {HttpErrorResponse} from '@angular/common/http';
   styleUrl: './history.component.scss',
   providers: [
     CookieService,
-    {provide: BASE_PATH, useValue: 'http://localhost:8080/'}
+    {provide: BASE_PATH, useValue: environment.apiUrl}
   ],
 })
 export class HistoryComponent implements OnInit, OnChanges {

frontend/src/app/team/team.component.ts

@@ -5,6 +5,7 @@ import {CommonModule, NgOptimizedImage} from '@angular/common';
 import {HeaderComponent} from '../header/header.component';
 import {CookieService} from 'ngx-cookie-service';
 import {map, Observable, shareReplay} from 'rxjs';
+import {environment} from '../../environments/environment';
 
 @Component({
   selector: 'app-team',
@@ -16,7 +17,7 @@ import {map, Observable, shareReplay} from 'rxjs';
   ],
   providers: [
     CookieService,
-    {provide: BASE_PATH, useValue: 'http://localhost:8080/'}
+    {provide: BASE_PATH, useValue: environment.apiUrl}
   ],
 
   templateUrl: './team.component.html',

frontend/src/environments/environment.beta.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  apiUrl: 'https://beta.alttd.com'
+};

frontend/src/environments/environment.development.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: false,
+  apiUrl: 'http://localhost:8080'
+};

frontend/src/environments/environment.production.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  apiUrl: 'https://alttd.com'
+};

frontend/src/environments/environment.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  apiUrl: 'https://alttd.com'
+};

frontend/src/main.ts

@@ -4,13 +4,13 @@ import {provideRouter} from '@angular/router';
 import {routes} from './app/app.routes';
 import {provideHttpClient} from '@angular/common/http';
 import {BASE_PATH} from './api';
-
+import {environment} from './environments/environment';
 
 bootstrapApplication(AppComponent, {
   providers: [
     provideRouter(routes),
     provideHttpClient(),
-    {provide: BASE_PATH, useValue: 'http://localhost:8080'}
+    {provide: BASE_PATH, useValue: environment.apiUrl}
   ]
 }).catch(err => console.error(err));