feat: choose a game randomly (#1000)

* chore: change menu entries order

* feat: random game feature

Still fine tuning to do

* Chore: fine tune player css

* chore: typo

.github/workflows/refreshJSONFiles.yml

@@ -41,5 +41,6 @@ jobs:
                   - planning.json
                   - stats.json  
                   - past-planning.json  
-                  - dlcs.json
+                  - dlcs.json  
+                  - identifiers.json
                 draft: false

generateJsonFiles.mjs

@@ -14,6 +14,7 @@ const FILES = {
     "STATS": "src/app/api/stats/stats.json",
     "PAST_GAMES": "src/app/api/planning/past-planning.json",
     "DLCS": "src/app/api/dlcs/dlcs.json",
+    "IDENTIFIERS": "src/app/api/random/identifiers.json"
 }
 
 const db = new Database(databasePath, {
@@ -241,6 +242,22 @@ async function extractAndSaveDLCS(db) {
     console.log(`${FILES.DLCS} successfully written`);
 }
 
+/**
+ * Extracts game identifiers from the database and saves them to a file.
+ * @param {import('better-sqlite3').Database} db - The database instance
+ */
+async function extractAndSaveRandomList(db) {
+    // We can pick up also DLC to have a complete list
+    const extractGamesList = db.prepare("SELECT videoId, playlistId FROM games_in_present");
+    const games = extractGamesList.all();
+    await writeFile(
+        FILES.IDENTIFIERS,
+        stringifyJSON(games),
+        "utf-8"
+    );
+    console.log(`${FILES.IDENTIFIERS} successfully written`);
+}
+
 // Operations time
 await extractAndSavePlatforms(db)
 await extractAndSaveGenres(db)
@@ -251,4 +268,5 @@ await extractAndSaveSeries(db)
 await extractAndSaveTests(db)
 await extractAndSaveStats(db)
 await extractAndSavePastGames(db);
-await extractAndSaveDLCS(db);
+await extractAndSaveDLCS(db);
+await extractAndSaveRandomList(db);

messages/en.json

@@ -38,6 +38,7 @@
         }
     },
     "gamesLibrary": {
+        "randomButtonLabel": "Click to unveil a new game !",
         "sortButtonLabel": "Sorts",
         "tabs": {
             "grid": "Games",

messages/fr.json

@@ -38,6 +38,7 @@
         }
     },
     "gamesLibrary": {
+        "randomButtonLabel": "Cliquez pour découvrir un nouveau jeu !",
         "sortButtonLabel": "Tris",
         "tabs": {
             "grid": "Jeux",

src/app/[locale]/playlist/[id]/page.tsx

@@ -2,13 +2,17 @@
 
 import { useParams } from 'next/navigation'
 import YTPlayer from "@/components/YTPlayer/Player";
+import RandomButton from '@/components/GamesView/RandomButton';
 
 export default function PlaylistPage() {
 
     const { id } = useParams();
     const identifier = id as string;
 
     return (
-        <YTPlayer type="PLAYLIST" identifier={identifier}/>
+        <>
+            <YTPlayer type="PLAYLIST" identifier={identifier}/>
+            <RandomButton />
+        </>
     )
 }

src/app/[locale]/video/[id]/page.tsx

@@ -2,13 +2,17 @@
 
 import { useParams } from 'next/navigation'
 import YTPlayer from "@/components/YTPlayer/Player";
+import RandomButton from '@/components/GamesView/RandomButton';
 
 export default function PlaylistPage() {
 
     const { id } = useParams();
     const identifier = id as string;
 
     return (
-        <YTPlayer type="VIDEO" identifier={identifier}/>
+        <>
+            <YTPlayer type="VIDEO" identifier={identifier}/>
+            <RandomButton />
+        </>
     )
 }