From 2b24663c66b0c47e4f3230d63a038ae5edc58231 Mon Sep 17 00:00:00 2001
From: ZeKap <marla.kap@proton.me>
Date: Sat, 16 Aug 2025 20:22:18 +0200
Subject: [PATCH] feat: mods counter in results

---
 web/messages/en.json                          | 11 ++++-
 web/messages/fr.json                          | 11 ++++-
 .../components/ReleaseResultCarousel.svelte   | 40 ++++++++++++-----
 web/src/components/ReleasesResult.svelte      | 43 +++++++++++++------
 web/src/routes/+page.svelte                   |  2 +-
 5 files changed, 82 insertions(+), 25 deletions(-)

diff --git a/web/messages/en.json b/web/messages/en.json
index bb26afe..b1975c0 100644
--- a/web/messages/en.json
+++ b/web/messages/en.json
@@ -36,8 +36,17 @@
 		"error_while_calculating": "Error while processing",
 		"remaining_results": "{nb_remaining} other possibilities",
 		"results": {
-			"compatible_mods": "Compatible mods",
 			"best_config": "Best Minecraft configuration",
+			"mod": [
+				{
+					"declarations": ["input count", "local countPlural = count: plural"],
+					"selectors": ["countPlural"],
+					"match": {
+						"countPlural=one": "Mod",
+						"countPlural=other": "Mods"
+					}
+				}
+			],
 			"mc_version": [
 				{
 					"declarations": ["input count", "local countPlural = count: plural"],
diff --git a/web/messages/fr.json b/web/messages/fr.json
index fe03501..206c382 100644
--- a/web/messages/fr.json
+++ b/web/messages/fr.json
@@ -36,8 +36,17 @@
 		"error_while_calculating": "Erreur pendant processus",
 		"remaining_results": "{nb_remaining} autres possibilités",
 		"results": {
-			"compatible_mods": "Mods compatibles",
 			"best_config": "Meilleure configuration Minecraft",
+			"mod": [
+				{
+					"declarations": ["input count", "local countPlural = count: plural"],
+					"selectors": ["countPlural"],
+					"match": {
+						"countPlural=one": "Mod",
+						"countPlural=other": "Mods"
+					}
+				}
+			],
 			"mc_version": [
 				{
 					"declarations": ["input count", "local countPlural = count: plural"],
diff --git a/web/src/components/ReleaseResultCarousel.svelte b/web/src/components/ReleaseResultCarousel.svelte
index 9d3d1e5..cd350fc 100644
--- a/web/src/components/ReleaseResultCarousel.svelte
+++ b/web/src/components/ReleaseResultCarousel.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
-	import type { Solution } from 'mclib';
+	import type { ModRepoMetadata, Solution } from 'mclib';
 	import { ModResultsList } from '$cmpts';
 	import { m } from '$msg';
 	import { fly } from 'svelte/transition';
 
-	let { results }: { results: Solution[] } = $props();
+	let { results, selected_mods }: { results: Solution[]; selected_mods: ModRepoMetadata[] } =
+		$props();
 	let [is_left_button_visible, is_right_button_visible]: [
 		is_left_button_visible: boolean,
 		is_right_button_visible: boolean
@@ -70,14 +71,22 @@
 	>
 		{#each results as result, _id (result)}
 			<li id={'page_' + _id.toString()}>
-				<p>
-					{m['runner.results.mc_version']({ count: 1 })}:
-					<b>{result.mcConfig.mcVersion}</b>
-				</p>
-				<p>
-					{m['runner.results.loader']({ count: 1 })}:
-					<b>{result.mcConfig.loader}</b>
-				</p>
+				<div class="infos">
+					<div class="config">
+						<p>
+							{m['runner.results.mc_version']({ count: 1 })}:
+							<b>{result.mcConfig.mcVersion}</b>
+						</p>
+						<p>
+							{m['runner.results.loader']({ count: 1 })}:
+							<b>{result.mcConfig.loader}</b>
+						</p>
+					</div>
+					<p>
+						<b>{result.mods.length}</b>/{selected_mods.length}
+						{m['runner.results.mod']({ count: selected_mods.length })}
+					</p>
+				</div>
 
 				<ModResultsList mod_list={result.mods} />
 			</li>
@@ -196,6 +205,17 @@
 				display: flex;
 				flex-direction: column;
 				gap: 0.8rem;
+				& .infos {
+					display: flex;
+					flex-direction: row;
+					justify-content: space-between;
+					align-items: end;
+					& .config {
+						display: flex;
+						flex-direction: column;
+						gap: 0.5rem;
+					}
+				}
 			}
 		}
 		& ul.pagination {
diff --git a/web/src/components/ReleasesResult.svelte b/web/src/components/ReleasesResult.svelte
index 69f53c5..ba3e110 100644
--- a/web/src/components/ReleasesResult.svelte
+++ b/web/src/components/ReleasesResult.svelte
@@ -1,27 +1,35 @@
 <script lang="ts">
-	import type { Solution } from 'mclib';
+	import type { ModRepoMetadata, Solution } from 'mclib';
 	import { ModResultsList } from '$cmpts';
 	import { m } from '$msg';
 	import ReleaseResultCarousel from './ReleaseResultCarousel.svelte';
 
-	let { results }: { results: Solution[] } = $props();
+	let { results, selected_mods }: { results: Solution[]; selected_mods: ModRepoMetadata[] } =
+		$props();
 	let remaining_results: Solution[] = $derived(results.slice(1));
 </script>
 
 <h2>{m['runner.results.best_config']()}:</h2>
-<p>
-	{m['runner.results.mc_version']({ count: results[0].mcConfig.mcVersion.length })}:
-	<b>{results[0].mcConfig.mcVersion}</b>
-</p>
-<p>
-	{m['runner.results.loader']({ count: results[0].mcConfig.loader.length })}:
-	<b>{results[0].mcConfig.loader}</b>
-</p>
+<div class="infos">
+	<div class="config">
+		<p>
+			{m['runner.results.mc_version']({ count: 1 })}:
+			<b>{results[0].mcConfig.mcVersion}</b>
+		</p>
+		<p>
+			{m['runner.results.loader']({ count: 1 })}:
+			<b>{results[0].mcConfig.loader}</b>
+		</p>
+	</div>
+	<p>
+		<b>{results[0].mods.length}</b>/{selected_mods.length}
+		{m['runner.results.mod']({ count: selected_mods.length })}
+	</p>
+</div>
 
-<h3>{m['runner.results.compatible_mods']()}:</h3>
 <ModResultsList mod_list={results[0].mods} />
 {#if remaining_results.length > 0}
-	<ReleaseResultCarousel results={remaining_results} />
+	<ReleaseResultCarousel results={remaining_results} {selected_mods} />
 {/if}
 
 <button
@@ -38,4 +46,15 @@
 		background: none;
 		color: var(--grey-light-2);
 	}
+	.infos {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: end;
+		& .config {
+			display: flex;
+			flex-direction: column;
+			gap: 0.5rem;
+		}
+	}
 </style>
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index 6406549..c25b5be 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -142,7 +142,7 @@
 		{:else if is_loading_mccreator}
 			<p>{m['runner.processing_modpack_creator']()}</p>
 		{:else if mc_results}
-			<ReleasesResult results={mc_results} />
+			<ReleasesResult results={mc_results} selected_mods={mod_list_added} />
 		{/if}
 	</section>
 {/if}