refactor: Use /projects/ endpoint instead of making multiple requests to the Modrinth API.

Author: MerchantCalico

src/pages/events/mod-garden/nature.astro

@@ -5,21 +5,22 @@ import ProjectCard from "../../../components/ProjectCard.astro";
 
 import natureLogo from "../../../icons/events/nature/logo-full.png";
 import type { Project } from "../../../ts/ModGardenAPI";
-import { getEventProjects } from "../../../ts/ModGardenAPI";
+import { getEventProjects, getModrinthModDataForEvent } from "../../../ts/ModGardenAPI";
 import { formatTime, isoTime } from "../../../ts/TimeHelper";
-import { getModrinthProject, type Mod } from "../../../ts/ModrinthHelper";
+import { type Mod } from "../../../ts/ModrinthHelper";
 
 type ProjectAndMod = {
     project: Project;
     mod: Mod;
 }
 
 async function getProjects() : Promise<ProjectAndMod[]> {
+  const modrinthProjects = await getModrinthModDataForEvent("mod-garden-nature");
   const unsortedProjects = await getEventProjects("mod-garden-nature");
   const projects = new Array<ProjectAndMod>(unsortedProjects.length);
   for (let i = 0; i < unsortedProjects.length; ++i) {
     const project = unsortedProjects[i];
-    const mod = await getModrinthProject(project.modrinth_id);
+    const mod = modrinthProjects.find(mod => mod.id == project.modrinth_id);
     projects[i] = { project: project, mod: mod } as ProjectAndMod;
   }
   projects.sort((a, b) => a.mod.title.localeCompare(b.mod.title))

src/ts/ModGardenAPI.ts

@@ -1,4 +1,4 @@
-import { getModrinthProject, type Mod } from "./ModrinthHelper.ts";
+import { getModrinthProject, getModrinthProjects, type Mod } from "./ModrinthHelper.ts";
 
 export type MinecraftAccount = {
   uuid: string;
@@ -174,8 +174,14 @@ export async function getUserAwards(user: string): Promise<Award[]> {
     .then((data) => data as Award[]);
 }
 
+
 export async function getModrinthModData(
   modrinth_id: string,
 ): Promise<Mod | undefined> {
   return await getModrinthProject(modrinth_id);
 }
+
+export async function getModrinthModDataForEvent(event: string): Promise<Mod[]> {
+    const projects = await getEventProjects(event);
+    return await getModrinthProjects(projects.map(project => project.modrinth_id));
+}

src/ts/ModrinthHelper.ts

@@ -1,6 +1,7 @@
 import EleventyFetch from "@11ty/eleventy-fetch";
 import { LIB_VERSION } from "./Version";
 const MODRINTH_PROJECT_API = "https://api.modrinth.com/v2/project/";
+const MODRINTH_PROJECTS_API = "https://api.modrinth.com/v2/projects?ids=";
 const MODRINTH_USER_API = "https://api.modrinth.com/v2/user/";
 export interface GalleryImage {
   url: string;
@@ -28,7 +29,7 @@ export interface File {
 }
 
 export async function getModrinthProject(projectName: string): Promise<Mod> {
-  let data = await EleventyFetch(`${MODRINTH_PROJECT_API}${projectName}`, {
+  let data = await EleventyFetch(`${MODRINTH_PROJECT_API}[${projectName}]`, {
     duration: "1h",
     type: "json",
     fetchOptions: {
@@ -39,6 +40,20 @@ export async function getModrinthProject(projectName: string): Promise<Mod> {
   });
   return data as Mod;
 }
+
+export async function getModrinthProjects(projectNames: string[]): Promise<Mod[]> {
+  let data = await EleventyFetch(`${MODRINTH_PROJECTS_API}[${projectNames.map(projectName => "\"" + projectName + "\"").join(",")}]`, {
+    duration: "1h",
+    type: "json",
+    fetchOptions: {
+      headers: {
+        "User-Agent": `ModGardenEvent/website/${LIB_VERSION} (modgarden.net)`,
+      },
+    },
+  });
+  return data as Mod[];
+}
+
 export async function getModrinthUser(username: string): Promise<ModrinthUser> {
   let data = await EleventyFetch(`${MODRINTH_USER_API}${username}`, {
     duration: "1h",