added top and hot plays

app/(authenticated)/chunithm/page.tsx

@@ -13,12 +13,19 @@ import { getSystemVoices } from "@/components/(customization)/systemvoicecustomi
 import { SystemVoiceCustomization } from "@/components/(customization)/systemvoicecustomization/page";
 import { MapIconCustomization } from "@/components/(customization)/mapiconcustomization/page";
 import { getMapIcons } from "@/components/(customization)/mapiconcustomization/actions";
-import { ChunithmRecentPlays } from "@/components/RecentChunithmScores/page";
+import { getUserRatingBaseList } from "@/components/userRatingBase/action";
-import { getUserRatingBaseList } from "@/components/RecentChunithmScores/action";
+import { ChunithmHotPlays } from "@/components/userRatingBaseHotList/page";
+import { getUserRatingBaseHotList } from "@/components/userRatingBaseHotList/action";
+import { ChunithmTopPlays } from "@/components/userRatingBase/page";
 
-const getChuniRecent = async () => {
+const getChuniTopPlays = async () => {
-  const recentRating = await getUserRatingBaseList();
+  const topPlays = await getUserRatingBaseList();
-  return { recentRating };
+  return { topPlays };
+};
+
+const getChuniHotPlays = async () => {
+  const hotRating = await getUserRatingBaseHotList();
+  return { hotRating };
 };
 
 const getAvatarHeadAccessories = async () => {
@@ -77,7 +84,8 @@ const Page = async () => {
   const AllSystemVoices = await getAllSystemVoices();
   const AllMapIcons = await getAllMapIcons();
 
-  const RecentChuniPlays = await getChuniRecent();
+  const TopChuniPlays = await getChuniTopPlays();
+  const HotChuniPlays = await getChuniHotPlays();
 
   return (
     <div className="p-10">
@@ -86,7 +94,7 @@ const Page = async () => {
           <TabsTrigger value="scores">Scores</TabsTrigger>
           <TabsTrigger value="customize">Customize</TabsTrigger>
           <TabsTrigger value="TopPlays">Top Plays</TabsTrigger>
-          <TabsTrigger value="RecentPlays">Recent Plays</TabsTrigger>
+          <TabsTrigger value="HotPlays">Hot Plays</TabsTrigger>
         </TabsList>
         <TabsContent value="scores">
           <ChunithmScorePlaylog />
@@ -122,7 +130,10 @@ const Page = async () => {
           <div></div>
         </TabsContent>
         <TabsContent value="TopPlays">
-          <ChunithmRecentPlays chuniProfileRecentPlays={RecentChuniPlays} />
+          <ChunithmTopPlays chuniProfileTopPlays={TopChuniPlays} />
+        </TabsContent>
+        <TabsContent value="HotPlays">
+          <ChunithmHotPlays chuniProfileHotPlays={HotChuniPlays} />
         </TabsContent>
       </Tabs>
     </div>

components/userRatingBase/page.tsx

@@ -20,58 +20,56 @@ type userRatingBaseList = {
   score: number | null;
 };
 
-type ChunithmProfileRecentPlays = {
+type chunithmTopPlays = {
-  chuniProfileRecentPlays: {
+  chuniProfileTopPlays: {
-    recentRating: userRatingBaseList[];
+    topPlays: userRatingBaseList[];
   };
 };
-export const ChunithmRecentPlays: FC<ChunithmProfileRecentPlays> = ({
+export const ChunithmTopPlays: FC<chunithmTopPlays> = ({
-  chuniProfileRecentPlays,
+  chuniProfileTopPlays,
 }) => {
   return (
     <div>
-      {chuniProfileRecentPlays.recentRating.map(
+      {chuniProfileTopPlays.topPlays.map((chuniProfileTopPlays, index) => {
-        (playersRecentRatingList, index) => {
+        const jacketPath = chuniProfileTopPlays.jacketPath?.replace(
-          const jacketPath = playersRecentRatingList.jacketPath?.replace(
+          ".dds",
-            ".dds",
+          ".png",
-            ".png",
+        );
-          );
+        return (
-          return (
+          <div key={index} className="center flex p-2">
-            <div key={index} className="center flex p-2">
+            <div className="m-4 font-bold">{index + 1}.</div>
-              <div className="m-4 font-bold">{index + 1}.</div>
+            {jacketPath && (
-              {jacketPath && (
+              <img
-                <img
+                src={`/JacketArt/${jacketPath}`}
-                  src={`/JacketArt/${jacketPath}`}
+                alt="Jacket"
-                  alt="Jacket"
+                style={{ width: "120px", height: "120px" }}
-                  style={{ width: "120px", height: "120px" }}
+              />
-                />
+            )}
-              )}
+            <div>
-              <div>
+              <ul className="pl-2">
-                <ul className="pl-2">
+                <li>
-                  <li>
+                  <strong>Title: </strong> {chuniProfileTopPlays.title}
-                    <strong>Title: </strong> {playersRecentRatingList.title}
+                </li>
-                  </li>
+                <li>
-                  <li>
+                  <strong>Level: </strong> {chuniProfileTopPlays.level}
-                    <strong>Level: </strong> {playersRecentRatingList.level}
+                </li>
-                  </li>
+                <li>
-                  <li>
+                  <strong>Difficulty: </strong>
-                    <strong>Difficulty: </strong>
+                  {getDifficultyText(Number(chuniProfileTopPlays.chartId))}
-                    {getDifficultyText(Number(playersRecentRatingList.chartId))}
+                </li>
-                  </li>
+                <li>
-                  <li>
+                  <strong>Score: </strong>{" "}
-                    <strong>Score: </strong>{" "}
+                  {chuniProfileTopPlays.score?.toLocaleString()}
-                    {playersRecentRatingList.score?.toLocaleString()}
+                </li>
-                  </li>
+                <li>
-                  <li>
+                  <strong>Rating: </strong>{" "}
-                    <strong>Rating: </strong>{" "}
+                  {(chuniProfileTopPlays.rating / 100).toFixed(2)}
-                    {(playersRecentRatingList.rating / 100).toFixed(2)}
+                </li>
-                  </li>
+              </ul>
-                </ul>
-              </div>
             </div>
-          );
+          </div>
-        },
+        );
-      )}
+      })}
     </div>
   );
 };

components/userRatingBaseHotList/action.ts

@@ -0,0 +1,121 @@
+"use server";
+import { getAuth } from "@/auth/queries/getauth";
+import { supportedVersionNumber } from "@/lib/helpers";
+import { artemis } from "@/lib/prisma";
+
+export async function getUserRatingBaseHotList() {
+  const { user } = await getAuth();
+
+  if (!user || !user.accessCode) {
+    throw new Error("User is not authenticated or accessCode is missing");
+  }
+
+  try {
+    const userRatingBaseList = await artemis.chuni_profile_rating.findMany({
+      where: {
+        user: user.UserId,
+        type: "userRatingBaseHotList",
+        version: supportedVersionNumber,
+      },
+      select: {
+        musicId: true,
+        score: true,
+        difficultId: true,
+        version: true,
+        index: true,
+      },
+      orderBy: {
+        index: "asc",
+      },
+    });
+
+    const staticMusicInfo = await artemis.chuni_static_music.findMany({
+      where: {
+        songId: {
+          in: userRatingBaseList.map((entry) => entry.musicId!),
+        },
+        version: supportedVersionNumber,
+      },
+      select: {
+        songId: true,
+        title: true,
+        artist: true,
+        chartId: true,
+        level: true,
+        genre: true,
+        jacketPath: true,
+      },
+    });
+
+    // chartId is the difficutly i.e
+    // easy, hard, expert, master, ultima, worlds end
+
+    // msuicId is the id of the specific song in the rating table
+    // we are mapping that to songId in chuni static music
+    //  so we can get name and jacket path etc
+    // then we are mapping the difficultId to the chartId to get the proper difficutly from above
+    // this is very confusing and my brain hurts
+    // if someone could make this cleaner id highly appreciate it
+
+    // Create a map
+    const songIdtoChartId = new Map<string, (typeof staticMusicInfo)[0]>(
+      staticMusicInfo.map((music) => [
+        `${music.songId}-${music.chartId}`,
+        music,
+      ]),
+    );
+
+    const musicIdToDifficltId = userRatingBaseList.map((rating) => {
+      const staticMusic = songIdtoChartId.get(
+        `${rating.musicId}-${rating.difficultId}`,
+      );
+
+      const level = staticMusic?.level ?? 0;
+      const score = rating.score ?? 0;
+
+      const perSongRating = calculateRating(level, score);
+
+      return {
+        ...rating,
+        chartId: staticMusic?.chartId || "Unknown chartId",
+        title: staticMusic?.title || "Unknown Title",
+        artist: staticMusic?.artist || "Unknown Artist",
+        genre: staticMusic?.genre || "Unknown Genre",
+        level: staticMusic?.level || "Unknown Level",
+        jacketPath: staticMusic?.jacketPath || "",
+        rating: perSongRating,
+      };
+    });
+
+    return musicIdToDifficltId;
+  } catch (error) {
+    console.error("Error fetching songs with titles:", error);
+    throw error;
+  }
+}
+
+// calculate the rating
+function calculateRating(level: number, score: number): number {
+  if (score >= 1009000) {
+    return level * 100 + 215;
+  } else if (score >= 1007500) {
+    return level * 100 + 200 + (score - 1007500) / 100;
+  } else if (score >= 1005000) {
+    return level * 100 + 150 + (score - 1005000) / 50;
+  } else if (score >= 1000000) {
+    return level * 100 + 100 + (score - 1000000) / 100;
+  } else if (score >= 975000) {
+    return level * 100 + (score - 975000) / 250;
+  } else if (score >= 925000) {
+    return level * 100 - 300 + ((score - 925000) * 3) / 500;
+  } else if (score >= 900000) {
+    return level * 100 - 500 + ((score - 900000) * 4) / 500;
+  } else if (score >= 800000) {
+    return (
+      (level * 100 - 500) / 2 +
+      ((score - 800000) * ((level - 500) / 2)) / 100000
+    );
+  } else {
+    return 0;
+  }
+}

components/userRatingBaseHotList/page.tsx

@@ -0,0 +1,71 @@
+import React, { FC } from "react";
+import { getDifficultyText } from "@/lib/helpers";
+
+type userRatingBaseList = {
+  title: string;
+  artist: string;
+  genre: string;
+  chartId: string | number;
+  level: string | number;
+  jacketPath: string;
+  rating: number;
+  version: number;
+  index: number;
+  musicId: number | null;
+  difficultId: number | null;
+  score: number | null;
+};
+
+type ChunithmProfileHotPlays = {
+  chuniProfileHotPlays: {
+    hotRating: userRatingBaseList[];
+  };
+};
+export const ChunithmHotPlays: FC<ChunithmProfileHotPlays> = ({
+  chuniProfileHotPlays,
+}) => {
+  return (
+    <div>
+      {chuniProfileHotPlays.hotRating.map((playerHotRatingList, index) => {
+        const jacketPath = playerHotRatingList.jacketPath?.replace(
+          ".dds",
+          ".png",
+        );
+        return (
+          <div key={index} className="center flex p-2">
+            <div className="m-4 font-bold">{index + 1}.</div>
+            {jacketPath && (
+              <img
+                src={`/JacketArt/${jacketPath}`}
+                alt="Jacket"
+                style={{ width: "120px", height: "120px" }}
+              />
+            )}
+            <div>
+              <ul className="pl-2">
+                <li>
+                  <strong>Title: </strong> {playerHotRatingList.title}
+                </li>
+                <li>
+                  <strong>Level: </strong> {playerHotRatingList.level}
+                </li>
+                <li>
+                  <strong>Difficulty: </strong>
+                  {getDifficultyText(Number(playerHotRatingList.chartId))}
+                </li>
+                <li>
+                  <strong>Score: </strong>{" "}
+                  {playerHotRatingList.score?.toLocaleString()}
+                </li>
+                <li>
+                  <strong>Rating: </strong>{" "}
+                  {(playerHotRatingList.rating / 100).toFixed(2)}
+                </li>
+              </ul>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+};