Fetch latest version string and displays it in the byond panel

Author: alexkar598

src/app/app.config.ts

@@ -2,18 +2,20 @@ import { provideAnimations } from '@angular/platform-browser/animations';
 import { TuiRootModule } from '@taiga-ui/core';
 import {
   ApplicationConfig,
-  provideZoneChangeDetection,
   importProvidersFrom,
+  provideZoneChangeDetection,
 } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
+import { provideHttpClient, withFetch } from '@angular/common/http';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideAnimations(),
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideRouter(routes),
     importProvidersFrom(TuiRootModule),
+    provideHttpClient(withFetch()),
   ],
 };

src/app/panels/byond/byond.component.html

@@ -1 +1,12 @@
-<p>byond works!</p>
+@if (byondService.latestVersion | async; as latestVersions) {
+  <p>
+    Latest stable: <span class="font-bold">{{ latestVersions.stable }}</span>
+  </p>
+  @if (latestVersions.beta) {
+    <p>
+      Latest beta: <span class="font-bold">{{ latestVersions.beta }}</span>
+    </p>
+  }
+} @else {
+  Loading latest version...
+}

src/app/panels/byond/byond.component.ts

@@ -1,13 +1,18 @@
 import { Component } from '@angular/core';
+import { ByondService } from '../../../vm/byond.service';
+import { AsyncPipe } from '@angular/common';
+import { TuiLoaderModule } from '@taiga-ui/core';
 
 @Component({
   selector: 'app-panel-byond',
   standalone: true,
-  imports: [],
+  imports: [AsyncPipe, TuiLoaderModule],
   templateUrl: './byond.component.html',
   styleUrl: './byond.component.scss',
 })
 export default class ByondPanel {
   // noinspection JSUnusedGlobalSymbols
   static title = 'BYOND versions';
+
+  constructor(protected byondService: ByondService) {}
 }

src/vm/byond.service.ts

@@ -0,0 +1,51 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { firstValueFrom, map } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ByondService {
+  public latestVersion: Promise<{ beta?: ByondVersion; stable: ByondVersion }>;
+
+  constructor(httpClient: HttpClient) {
+    this.latestVersion = firstValueFrom(
+      httpClient
+        .get('https://secure.byond.com/download/version.txt', {
+          responseType: 'text',
+        })
+        .pipe(
+          map((x) => {
+            const [stable, beta] = x
+              .split('\n')
+              .filter((x) => x)
+              .map((x) => new ByondVersion(x));
+            return { stable, beta };
+          }),
+        ),
+    );
+  }
+}
+
+export class ByondVersion {
+  public readonly major: number;
+  public readonly minor: number;
+
+  constructor(version: string);
+  constructor(major: number, minor: number);
+  constructor(versionOrMajor: string | number, minor?: number) {
+    if (typeof versionOrMajor === 'number') {
+      this.major = versionOrMajor;
+      this.minor = minor!;
+    } else {
+      console.log(versionOrMajor.split('.'));
+      const [major, minor] = versionOrMajor.split('.').map((x) => parseInt(x));
+      this.major = major;
+      this.minor = minor;
+    }
+  }
+
+  toString() {
+    return `${this.major}.${this.minor}`;
+  }
+}