cleanup and add weighted pp hover on score

src/app/analytics/page.tsx

@@ -3,7 +3,7 @@ import Card from "@/components/Card";
 import Container from "@/components/Container";
 import { ScoresaberMetricsHistory } from "@/schemas/fascinated/scoresaberMetricsHistory";
 import { ssrSettings } from "@/ssrSettings";
-import { formatNumber } from "@/utils/number";
+import { formatNumber } from "@/utils/numberUtils";
 import { isProduction } from "@/utils/utils";
 import { Metadata } from "next";
 import Link from "next/link";

src/app/leaderboard/[id]/[page]/page.tsx

@@ -1,5 +1,5 @@
 import Leaderboard from "@/components/leaderboard/Leaderboard";
-import { formatNumber } from "@/utils/number";
+import { formatNumber } from "@/utils/numberUtils";
 import { ScoreSaberAPI } from "@/utils/scoresaber/api";
 import { scoresaberDifficultyNumberToName } from "@/utils/songUtils";
 import { formatTime } from "@/utils/timeUtils";

src/app/player/[id]/[sort]/[page]/page.tsx

@@ -1,6 +1,6 @@
 import PlayerPage from "@/components/player/PlayerPage";
 import { ssrSettings } from "@/ssrSettings";
-import { formatNumber } from "@/utils/number";
+import { formatNumber } from "@/utils/numberUtils";
 import { ScoreSaberAPI } from "@/utils/scoresaber/api";
 import { normalizedRegionName } from "@/utils/utils";
 import { Metadata } from "next";

src/components/leaderboard/LeaderboardScore.tsx

@@ -1,7 +1,6 @@
 import { ScoresaberLeaderboardInfo } from "@/schemas/scoresaber/leaderboard";
 import { ScoresaberScore } from "@/schemas/scoresaber/score";
-import { formatNumber } from "@/utils/number";
-import { scoresaberDifficultyNumberToName } from "@/utils/songUtils";
+import { formatNumber } from "@/utils/numberUtils";
 import { formatDate, formatTimeAgo } from "@/utils/timeUtils";
 import Image from "next/image";
 import Link from "next/link";
@@ -18,9 +17,6 @@ export default function LeaderboardScore({
   player,
   leaderboard,
 }: ScoreProps) {
-  const diffName = scoresaberDifficultyNumberToName(
-    leaderboard.difficulty.difficulty,
-  );
   const accuracy = ((score.baseScore / leaderboard.maxScore) * 100).toFixed(2);
 
   return (

src/components/player/PlayerChart.tsx

@@ -1,5 +1,5 @@
 import { ScoresaberPlayer } from "@/schemas/scoresaber/player";
-import { formatNumber } from "@/utils/number";
+import { formatNumber } from "@/utils/numberUtils";
 import {
   CategoryScale,
   Chart as ChartJS,

src/components/player/PlayerInfo.tsx

@@ -1,7 +1,7 @@
 import { ScoresaberPlayer } from "@/schemas/scoresaber/player";
 import { useScoresaberScoresStore } from "@/store/scoresaberScoresStore";
 import { useSettingsStore } from "@/store/settingsStore";
-import { formatNumber } from "@/utils/number";
+import { formatNumber } from "@/utils/numberUtils";
 import {
   calcPpBoundary,
   getAveragePp,

src/components/player/Score.tsx

@@ -1,7 +1,8 @@
 import { ScoresaberLeaderboardInfo } from "@/schemas/scoresaber/leaderboard";
 import { ScoresaberPlayer } from "@/schemas/scoresaber/player";
 import { ScoresaberScore } from "@/schemas/scoresaber/score";
-import { formatNumber } from "@/utils/number";
+import { formatNumber } from "@/utils/numberUtils";
+import { getPpGainedFromScore } from "@/utils/scoresaber/scores";
 import {
   scoresaberDifficultyNumberToName,
   songDifficultyToColor,
@@ -120,6 +121,10 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
               <ScoreStatLabel
                 className="bg-blue-500 text-center"
                 value={formatNumber(score.pp.toFixed(2)) + "pp"}
+                title={`Weighted pp ${formatNumber(
+                  getPpGainedFromScore(player.id, score),
+                  2,
+                )}pp`}
               />
             )}
 

src/utils/number.ts

@@ -1,12 +0,0 @@
-/**
- * Formats a number to a string with commas
- *
- * @param number the number to format
- * @returns the formatted number
- */
-export function formatNumber(number: any) {
-  if (number === undefined) {
-    return "";
-  }
-  return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-}

src/utils/numberUtils.ts

@@ -7,3 +7,25 @@
 export function isNumber(value: any): boolean {
   return !isNaN(value);
 }
+
+/**
+ * Formats a number to a string with commas
+ *
+ * @param number the number to format
+ * @returns the formatted number
+ */
+export function formatNumber(number: any, decimals?: number) {
+  if (decimals === undefined) {
+    decimals = 0;
+  }
+  if (number === undefined) {
+    return "";
+  }
+  if (typeof number !== "number") {
+    return number;
+  }
+  return number.toLocaleString(undefined, {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+  });
+}

src/utils/scoresaber/scores.ts

@@ -1,6 +1,7 @@
 // Yoinked from https://github.com/Shurdoof/pp-calculator
 // Thank for for this I have no fucking idea what the maths is doing but it works!
 
+import { ScoresaberScore } from "@/schemas/scoresaber/score";
 import { useScoresaberScoresStore } from "@/store/scoresaberScoresStore";
 
 export const WEIGHT_COEFFICIENT = 0.965;
@@ -168,6 +169,38 @@ export function calcPpBoundary(playerId: string, expectedPp = 1) {
   }
 }
 
+/**
+ * Gets the ranked scores of the player
+ *
+ * @param playerId the player id
+ * @returns all ranked scores of the player
+ */
+export function getRankedScores(playerId: string, sorted: boolean = false) {
+  const scores = useScoresaberScoresStore
+    .getState()
+    .players.find((p) => p.id === playerId)
+    ?.scores?.filter((s) => s.score.pp !== undefined);
+  if (sorted && scores) {
+    return scores.sort((a, b) => b.score.pp - a.score.pp);
+  }
+  return scores;
+}
+
+/**
+ * Gets the global pp gained from the score
+ *
+ * @param playerId the player id
+ * @param score the score to get the pp gained from
+ * @returns the pp gained from the score
+ */
+export function getPpGainedFromScore(playerId: string, score: ScoresaberScore) {
+  const scores = getRankedScores(playerId, true);
+  if (!scores) return null;
+  const scoreIndex = scores.map((s) => s.score.id).indexOf(score.id);
+
+  return score.pp * Math.pow(WEIGHT_COEFFICIENT, scoreIndex);
+}
+
 /**
  * Get the highest pp play of a player
  *
@@ -195,16 +228,10 @@ export function getHighestPpPlay(playerId: string) {
  * @param limit the amount of top scores to average (default: 50)
  */
 export function getAveragePp(playerId: string, limit: number = 50) {
-  const rankedScores = useScoresaberScoresStore
-    .getState()
-    .players.find((p) => p.id === playerId)
-    ?.scores?.filter((s) => s.score.pp !== undefined);
+  const rankedScores = getRankedScores(playerId, true);
   if (!rankedScores) return null;
 
-  const rankedScorePps = rankedScores
-    .map((s) => s.score.pp)
-    .sort((a, b) => b - a)
-    .slice(0, limit);
+  const rankedScorePps = rankedScores.map((s) => s.score.pp).slice(0, limit);
 
   return (
     rankedScorePps.reduce((cum, pp) => cum + pp, 0) / rankedScorePps.length