feat(app): add last updated pokemon to build script

Author: Ismaestro

src/app/app.routes.server.ts

@@ -1,5 +1,8 @@
 import type { ServerRoute } from '@angular/ssr';
 import { RenderMode } from '@angular/ssr';
+import { inject } from '@angular/core';
+import { PokemonService } from '~features/pokemon/services/pokemon.service';
+import { firstValueFrom } from 'rxjs';
 
 export const serverRoutes: ServerRoute[] = [
   {
@@ -9,9 +12,10 @@ export const serverRoutes: ServerRoute[] = [
   {
     path: 'pokemon/:pokemonId',
     renderMode: RenderMode.Prerender,
-    // eslint-disable-next-line @typescript-eslint/require-await
     async getPrerenderParams() {
-      return [{ pokemonId: 'pikachu' }];
+      const pokemonService = inject(PokemonService);
+      const pokemonIds = await firstValueFrom(pokemonService.getLastUpdatedPokemonIds());
+      return pokemonIds.map((pokemonId) => ({ pokemonId }));
     },
   },
   {

src/app/core/constants/endpoints.constants.ts

@@ -2,33 +2,41 @@ import { inject } from '@angular/core';
 import type { Environment } from '~core/tokens/environment.token';
 import { ENVIRONMENT } from '~core/tokens/environment.token';
 
+const getAuthEndpoints = (baseUrl: string) => ({
+  v1: {
+    authentication: `${baseUrl}/v1/authentication`,
+    login: `${baseUrl}/v1/authentication/login`,
+    refreshToken: `${baseUrl}/v1/authentication/token/refresh`,
+  },
+});
+
+const getUserEndpoints = (baseUrl: string) => ({
+  v1: {
+    user: `${baseUrl}/v1/user`,
+    pokemonCatch: `${baseUrl}/v1/user/pokemon/catch`,
+  },
+});
+
+const getPokemonEndpoints = (baseUrl: string, host: string) => ({
+  v1: {
+    pokemon: (pokemonIdOrName: string | number) => `${host}/v2/pokemon/${pokemonIdOrName}`,
+    lastUpdated: `${baseUrl}/v1/pokemon/last-updated`,
+  },
+});
+
+const getAnalyticsEndpoints = (baseUrl: string) => ({
+  v1: {
+    realtimeUsers: `${baseUrl}/v1/analytics/realtime-users`,
+  },
+});
+
 export const getEndpoints = () => {
   const environment = inject<Environment>(ENVIRONMENT);
   const POKEMON_API_HOST = 'https://pokeapi.co/api';
   return {
-    auth: {
-      v1: {
-        authentication: `${environment.apiBaseUrl}/v1/authentication`,
-        login: `${environment.apiBaseUrl}/v1/authentication/login`,
-        refreshToken: `${environment.apiBaseUrl}/v1/authentication/token/refresh`,
-      },
-    },
-    user: {
-      v1: {
-        user: `${environment.apiBaseUrl}/v1/user`,
-        pokemonCatch: `${environment.apiBaseUrl}/v1/user/pokemon/catch`,
-      },
-    },
-    pokemon: {
-      v1: {
-        pokemon: (pokemonIdOrName: string | number) =>
-          `${POKEMON_API_HOST}/v2/pokemon/${pokemonIdOrName}`,
-      },
-    },
-    analytics: {
-      v1: {
-        realtimeUsers: `${environment.apiBaseUrl}/v1/analytics/realtime-users`,
-      },
-    },
+    auth: getAuthEndpoints(environment.apiBaseUrl),
+    user: getUserEndpoints(environment.apiBaseUrl),
+    pokemon: getPokemonEndpoints(environment.apiBaseUrl, POKEMON_API_HOST),
+    analytics: getAnalyticsEndpoints(environment.apiBaseUrl),
   } as const;
 };

src/app/features/pokemon/services/pokemon.service.ts

@@ -6,6 +6,7 @@ import { HttpClient, HttpContext, HttpParams, httpResource } from '@angular/comm
 import { CACHING_ENABLED } from '~core/interceptors/caching.interceptor';
 import type { Pokemon } from '~features/pokemon/types/pokemon.type';
 import { getEndpoints } from '~core/constants/endpoints.constants';
+import type { LastUpdatedPokemonIdsResponse } from '~features/pokemon/types/last-updated-pokemon-ids-response.type';
 
 @Injectable({
   providedIn: 'root',
@@ -35,4 +36,15 @@ export class PokemonService {
       ),
     );
   }
+
+  getLastUpdatedPokemonIds(): Observable<string[]> {
+    return this.httpClient
+      .get<LastUpdatedPokemonIdsResponse>(this.endpoints.pokemon.v1.lastUpdated)
+      .pipe(
+        map((response: LastUpdatedPokemonIdsResponse) => {
+          const { data } = response;
+          return data.pokemonIds;
+        }),
+      );
+  }
 }

src/app/features/pokemon/types/last-updated-pokemon-ids-response.type.ts

@@ -0,0 +1,7 @@
+import type { ApiResponse } from '~core/types/api-response.types';
+
+export type LastUpdatedPokemonIdsResponseData = {
+  pokemonIds: string[];
+};
+
+export type LastUpdatedPokemonIdsResponse = ApiResponse<LastUpdatedPokemonIdsResponseData>;