feat: Add deployment + package workflows for API and Web App

- Added new workflow files `build-package-api.yml` and `build-package-web.yml`
- Workflows trigger on a workflow call with a required input parameter
- Workflows have necessary permissions to read contents and packages
- Build API (prod) job in `build-package-api.yml`:
  - Checks out the code repository
  - Sets up .NET environment
  - Builds the .NET project using the specified build configuration
  - Packages the API using the specified build configuration
  - Uploads artifacts to be used later
- Build Web App job in `build-package-web.yml`:
  - Checks out the code repository
  - Sets up Node.js environment
  - Installs Angular CLI globally
  - Installs dependencies for the app
  - Builds the Angular app using the specified build configuration
  - Uploads artifacts to be used later

.github/workflows/build-package-api.yml

@@ -0,0 +1,41 @@
+name: Build & Package API
+
+on:
+  workflow_call:
+    inputs: 
+      build_configuration: 
+        description: 'Build Configuration'
+        type: string
+        required: true
+
+permissions:
+  contents: read
+  packages: read
+
+jobs:
+  # Build prod
+  build-api-prod:
+    name: Build API (prod)
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: 'recursive'
+
+      - name: Setup .NET
+        uses: actions/setup-dotnet@v4
+        with:
+          dotnet-version: '8.0.x'
+          # include-prerelease: true
+
+      - name: Build .NET project (prod)
+        run: dotnet build --configuration ${{ inputs.build_configuration }}
+
+      - name: Package API (prod)
+        run: dotnet publish --configuration ${{ inputs.build_configuration }} --output ./publish
+
+      - name: Upload Artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: wowskarma_api
+          path: ./publish

.github/workflows/build-package-web.yml

@@ -0,0 +1,43 @@
+name: Build & Package Web App
+
+on:
+  workflow_call:
+    inputs:
+      build_configuration:
+        description: 'Build Configuration'
+        type: string
+        required: true
+
+permissions:
+  contents: read
+  packages: read
+
+jobs:
+  # Build angular app
+  build-web:
+    name: Build Web App
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+      with:
+        submodules: 'recursive'
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20.x'
+
+    - name: Install Angular CLI
+      run: npm install -g @angular/cli
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Build Angular app
+      run: ng build --configuration=${{ inputs.build_configuration }}
+
+    - name: Upload Artifacts
+      uses: actions/upload-artifact@v4
+      with:
+        name: wowskarma_app
+        path: ./dist

.github/workflows/deploy-preview.yml

@@ -0,0 +1,66 @@
+name: deploy-preview.yml
+
+on:
+  push:
+    branches: [ develop ]
+
+permissions: 
+  contents: read
+  packages: read
+  deployments: write
+
+jobs:
+  # First: Make sure dev build ran fine.
+  build-test-solution:
+    name: Build & Test Solution
+    uses: ./.github/workflows/dotnet-build.yml
+
+  # Build & Package API & Web from 'build-package-api.yml' and 'build-package-web.yml'.
+  build-package-api: 
+    name: Build & Package API
+    needs: build-test-solution
+    uses: ./.github/workflows/build-package-api.yml
+    with:
+      build_configuration: 'Preview'
+
+  build-package-web:
+    name: Build & Package Web App
+    needs: build-test-solution
+    uses: ./.github/workflows/build-package-web.yml
+    with:
+      build_configuration: 'Preview'
+
+  # Deploy to server
+  deploy-preview:
+    name: Deploy Preview to server
+    environment: 
+        name: preview
+        url: https://preview.wows-karma.com/
+    needs: 
+      - build-package-api
+      - build-package-web
+    runs-on: ubuntu-latest
+    steps:
+      - name: Download packaged API artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: wowskarma_api
+          path: ./api
+
+      - name: Download packaged Web App artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: wowskarma_app
+          path: ./web
+
+      - name: Install SSH Key
+        uses: shimataro/ssh-key-action@v2
+        with:
+          key: ${{ secrets.SSH_PRIVATEKEY }}
+          known_hosts: '*.nodsoft.net'
+
+      - name: Add Known Hosts
+        run: ssh-keyscan -H ${{ secrets.SSH_HOST }} >> ~/.ssh/known_hosts
+
+      - name: Deploy with rsync
+        run: rsync -avz . ${{ secrets.SSH_USER }}@${{ secrets.SSH_HOST }}:${{ secrets.SSH_DEPLOYPATH }}

wowskarma.app/angular.json

@@ -61,13 +61,40 @@
               ],
               "outputHashing": "all"
             },
+            "preview": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "1mb",
+                  "maximumError": "4mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.preview.ts"
+                }
+              ],
+              "outputHashing": "all"
+            },
             "development": {
               "buildOptimizer": false,
               "optimization": false,
               "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
-              "namedChunks": true
+              "namedChunks": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"

wowskarma.app/src/environments/environment.preview.ts

@@ -0,0 +1,25 @@
+export const environment = {
+  name: "preview",
+
+  apiHost: {
+    EU: "https://api.preview.wows-karma.com",
+    NA: "https://api.preview.wows-karma.com",
+    CIS: "https://api.preview.wows-karma.com",
+    SEA: "https://api.preview.wows-karma.com",
+  },
+
+  applicationInsights: {
+    connectionString: "InstrumentationKey=3fab5b95-b531-4f15-95e9-83f31e2ed531;IngestionEndpoint=https://francecentral-1.in.applicationinsights.azure.com/;LiveEndpoint=https://francecentral.livediagnostics.monitor.azure.com/",
+  },
+
+  cookies: {
+    domain: "localhost",
+
+    name: {
+      EU: "Auth_EU",
+      NA: "Auth_NA",
+      CIS: "Auth_CIS",
+      SEA: "Auth_SEA",
+    },
+  },
+};

wowskarma.app/src/environments/environment.prod.ts

@@ -1,5 +1,5 @@
 export const environment = {
-    production: true,
+    name: "production",
 
     apiHost: {
         EU: "https://api.wows-karma.com",

wowskarma.app/src/environments/environment.ts

@@ -3,7 +3,7 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-    production: false,
+    name: "development",
 
     apiHost: {
         EU: "http://localhost:5010",

wowskarma.app/src/main.ts

@@ -4,7 +4,7 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
 
-if (environment.production) {
+if (environment.name === "production") {
   enableProdMode();
   //console.debug = (...args: any[]) => {};
 }