0.17.3 - Angular 17 + Quality of Life improvements

WowsKarma.Api/Program.cs

@@ -50,5 +50,6 @@ public static IHostBuilder CreateHostBuilder(string[] args) =>
 			.UseSerilog((hostingContext, loggerConfiguration) => loggerConfiguration
 				.ReadFrom.Configuration(hostingContext.Configuration)
 				.Enrich.WithProperty("_Region", Startup.ApiRegion.ToRegionString())
-			);
+			)
+			.UseSystemd();
 }

WowsKarma.Api/Properties/launchSettings.json

@@ -26,7 +26,7 @@
       },
       "sqlDebugging": false,
       "dotnetRunMessages": "true",
-      "applicationUrl": "http://localhost:5010"
+      "applicationUrl": "https://localhost:5010"
     },
     "Docker": {
       "commandName": "Docker",

WowsKarma.Api/Services/Posts/PostService.cs

@@ -80,6 +80,8 @@ public IQueryable<Post> GetReceivedPosts(uint playerId) => _context.Posts.AsNoTr
 			.ThenInclude(p => p.ClanMember)
 			.ThenInclude(p => p.Clan)
 
+		.Include(p => p.Replay)
+
 		.Where(p => p.PlayerId == playerId)
 		.OrderByDescending(p => p.CreatedAt);
 
@@ -92,6 +94,8 @@ public IQueryable<Post> GetSentPosts(uint authorId) => _context.Posts.AsNoTracki
 			.ThenInclude(p => p.ClanMember)
 			.ThenInclude(p => p.Clan)
 
+		.Include(p => p.Replay)
+
 		.Where(p => p.AuthorId == authorId)
 		.OrderByDescending(p => p.CreatedAt);
 

WowsKarma.Api/WowsKarma.Api.csproj

@@ -6,14 +6,15 @@
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
 
-    <Version>0.17.2</Version>
-    <ProductVersion>0.17.2</ProductVersion>
+    <Version>0.17.3</Version>
+    <ProductVersion>0.17.3</ProductVersion>
     <Authors>Sakura Akeno Isayeki</Authors>
     <Company>Nodsoft Systems</Company>
     <Product>WOWS Karma (API)</Product>
     <PackageProjectUrl>https://wows-karma.com</PackageProjectUrl>
     <RepositoryUrl>https://github.com/SakuraIsayeki/WoWS-Karma</RepositoryUrl>
     <RepositoryType>Git</RepositoryType>
+    <IncludeSourceRevisionInInformationalVersion>false</IncludeSourceRevisionInInformationalVersion>
 
     <UserSecretsId>8247eff5-32cd-4d58-ae32-52f2201e69c5</UserSecretsId>
     <EnforceCodeStyleInBuild>true</EnforceCodeStyleInBuild>
@@ -30,22 +31,22 @@
     <PackageReference Include="DSharpPlus" Version="4.4.6" />
     <PackageReference Include="ExpressionDebugger" Version="2.2.1" />
     <PackageReference Include="FlexLabs.EntityFrameworkCore.Upsert" Version="8.0.0" />
-    <PackageReference Include="Hangfire.AspNetCore" Version="1.8.7" />
-    <PackageReference Include="Hangfire.PostgreSql" Version="1.20.5" />
+    <PackageReference Include="Hangfire.AspNetCore" Version="1.8.11" />
+    <PackageReference Include="Hangfire.PostgreSql" Version="1.20.6" />
     <PackageReference Include="Hangfire.Tags.PostgreSql" Version="1.9.6" />
     <PackageReference Include="JetBrains.Annotations" Version="2023.3.0" />
     <PackageReference Include="Mapster" Version="7.4.0" />
     <PackageReference Include="Mapster.DependencyInjection" Version="1.0.1" />
     <PackageReference Include="Mapster.EFCore" Version="5.1.1" />
     <PackageReference Include="Microsoft.ApplicationInsights.AspNetCore" Version="2.22.0" />
-    <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="8.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="8.0.2" />
     <PackageReference Include="Microsoft.AspNetCore.SignalR.Protocols.MessagePack" Version="8.0.1" />
-    <PackageReference Include="Microsoft.AspNetCore.SignalR.Protocols.NewtonsoftJson" Version="8.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.SignalR.Protocols.NewtonsoftJson" Version="8.0.2" />
     <PackageReference Include="Microsoft.CodeAnalysis.NetAnalyzers" Version="8.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
-    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.1">
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.2">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
@@ -54,8 +55,8 @@
     <PackageReference Include="NodaTime" Version="3.1.9" />
     <PackageReference Include="Nodsoft.Wargaming.Api.Client" Version="0.3.5" />
     <PackageReference Include="Nodsoft.WowsReplaysUnpack.ExtendedData" Version="2.0.2" />
-    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.0" />
-    <PackageReference Include="Polly.Extensions" Version="8.2.1" />
+    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.2" />
+    <PackageReference Include="Polly.Extensions" Version="8.3.0" />
     <PackageReference Include="Serilog.AspNetCore" Version="8.0.1" />
     <PackageReference Include="Serilog.Extensions.Logging" Version="8.0.0" />
     <PackageReference Include="Swashbuckle.AspNetCore" Version="6.5.0" />

wowskarma.app/package.json

@@ -1,44 +1,44 @@
 {
   "name": "wowskarma.app",
-  "version": "0.17.1",
+  "version": "0.17.3",
   "scripts": {
     "ng": "ng",
-    "dev": "ng serve --watch",
+    "dev": "ng serve --watch --ssl true",
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.2.12",
-    "@angular/common": "^14.2.12",
-    "@angular/compiler": "^14.2.12",
-    "@angular/core": "^14.2.12",
-    "@angular/forms": "^14.2.12",
-    "@angular/localize": "^14.2.12",
-    "@angular/platform-browser": "^14.2.12",
-    "@angular/platform-browser-dynamic": "^14.2.12",
-    "@angular/router": "^14.2.12",
-    "@angular/service-worker": "^14.2.12",
-    "@microsoft/applicationinsights-angularplugin-js": "^3.0.0",
-    "@microsoft/applicationinsights-web": "^2.8.9",
-    "@microsoft/signalr": "^6.0.11",
-    "@ng-bootstrap/ng-bootstrap": "^13.1.1",
-    "@popperjs/core": "^2.11.6",
-    "@types/bootstrap": "^5.2.6",
-    "bootstrap": "^5.2.3",
-    "bootstrap-icons": "^1.10.2",
-    "bootswatch": "^5.2.3",
-    "ng-openapi-gen": "^0.23.0",
-    "rxjs": "~7.5.7",
-    "tslib": "^2.4.1",
-    "zone.js": "~0.11.8"
+    "@angular/animations": "^17.2.2",
+    "@angular/common": "17.2.2",
+    "@angular/compiler": "^17.2.2",
+    "@angular/core": "^17.2.2",
+    "@angular/forms": "^17.2.2",
+    "@angular/localize": "^17.2.2",
+    "@angular/platform-browser": "^17.2.2",
+    "@angular/platform-browser-dynamic": "^17.2.2",
+    "@angular/router": "^17.2.2",
+    "@angular/service-worker": "^17.2.2",
+    "@microsoft/applicationinsights-angularplugin-js": "^15.1.0",
+    "@microsoft/applicationinsights-web": "^3.1.0",
+    "@microsoft/signalr": "^8.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^16.0.0",
+    "@popperjs/core": "^2.11.8",
+    "@types/bootstrap": "^5.2.10",
+    "bootstrap": "^5.3.3",
+    "bootstrap-icons": "^1.11.3",
+    "bootswatch": "^5.3.2",
+    "ng-openapi-gen": "^0.51.0",
+    "rxjs": "~7.8.1",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.10",
-    "@angular/cli": "~14.2.10",
-    "@angular/compiler-cli": "^14.2.12",
-    "typescript": "~4.8.4"
+    "@angular-devkit/build-angular": "^17.2.1",
+    "@angular/cli": "~17.2.1",
+    "@angular/compiler-cli": "^17.2.2",
+    "typescript": "~5.3.3"
   }
 }

wowskarma.app/src/app/app.module.ts

@@ -3,7 +3,7 @@ import { NgModule } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { BrowserModule } from "@angular/platform-browser";
 import { ServiceWorkerModule } from "@angular/service-worker";
-import { NgbCollapseModule, NgbPaginationModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbCollapseModule, NgbPaginationModule, NgbTooltipModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ModActionTypeDisplayPipe } from 'src/app/services/pipes/mod-action-type-display.pipe';
 import { AppRoutingModule } from "./app-routing.module";
 import { AppWrapperComponent } from "./app-wrapper.component";
@@ -65,6 +65,7 @@ import { PlayerNamelinkComponent } from './shared/components/player-namelink/pla
 import { ProfileModActionsViewComponent } from './shared/modals/profile-mod-actions-view/profile-mod-actions-view.component';
 import { ProfilePlatformBansViewComponent } from './shared/modals/profile-platform-bans-view/profile-platform-bans-view.component';
 import { UserRolesComponent } from './shared/components/icons/user-roles/user-roles.component';
+import { NgOptimizedImage } from "@angular/common";
 
 @NgModule({
     declarations: [
@@ -135,7 +136,9 @@ import { UserRolesComponent } from './shared/components/icons/user-roles/user-ro
     }),
     NgbCollapseModule,
     NgbPaginationModule,
-    NgbTooltipModule
+    NgbTooltipModule,
+    NgbModule,
+    NgOptimizedImage
   ],
     providers: [
         AuthService,

wowskarma.app/src/app/pages/clan/profile/profile.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component } from "@angular/core";
+import {ChangeDetectionStrategy, Component, inject} from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
 import { Observable } from "rxjs";
 import { map } from "rxjs/operators";
@@ -23,6 +23,8 @@ type ApiModelState<T> = {
 })
 export class ProfileComponent {
   //loaded$ = new BehaviorSubject<boolean>(false);
+  private route: ActivatedRoute = inject(ActivatedRoute);
+  private clanService: ClanService = inject(ClanService);
 
   // Get the "ID,username" from the route params.
   profile$: Observable<ApiModelState<ClanProfileFullDto>> = routeParam(this.route, "idNamePair").pipe(
@@ -47,7 +49,7 @@ export class ProfileComponent {
     shareReplayRefCount(1),
   );
 
-  constructor(private route: ActivatedRoute, private clanService: ClanService) {
+  constructor() {
     // Empty subscription to preemptively load the clan profile ahead of view tree.
     // (uses shareReplayRefCount to prevent multiple requests)
     this.profile$.subscribe();

wowskarma.app/src/app/pages/fallbacks/not-found/not-found.component.html

@@ -1,13 +1,15 @@
 <div class="row justify-content-around align-items-center">
   <div class="col-lg-4 order-3 order-lg-1">
-    <img src="../../../../assets/media/akatsuki-torp-oops.png"
-         class="my-5 my-lg-1 mx-lg-5 img-fluid rounded h-50"
-         alt="Oops, Akatsuki messed up her salvo."
-         title="Oops, Akatsuki messed up her salvo.">
+    <img
+      ngSrc="../../../../assets/media/akatsuki-torp-oops.png" fill
+      class="position-static my-5 my-lg-1 mx-lg-5 h-50"
+      alt="Oops, Akatsuki messed up her salvo."
+      title="Oops, Akatsuki messed up her salvo."
+    >
   </div>
 
   <div class="col-lg-8 text-center order-1 order-lg-3">
     <h1 class="display-1">404</h1>
-    <h3 class="text-warning">{{message}}</h3>
+    <h3 class="text-warning">{{message()}}</h3>
   </div>
 </div>

wowskarma.app/src/app/pages/fallbacks/not-found/not-found.component.ts

@@ -1,12 +1,11 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 
 @Component({
   selector: 'app-not-found',
   templateUrl: './not-found.component.html',
-  styleUrls: ['./not-found.component.scss']
+  styleUrls: ['./not-found.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class NotFoundComponent {
-  @Input() message = 'Sorry, there\'s nothing at this address.';
-
-  constructor() { }
+  message = input("Sorry, there's nothing at this address.");
 }