From 4fa9e87cf8a4b656d0a05151ef4c1960c450a260 Mon Sep 17 00:00:00 2001
From: ekatwikz <ekatwikz@gmail.com>
Date: Wed, 15 May 2024 16:40:33 +0200
Subject: [PATCH] score formatting: truncate optionally

---
 src/components/boards/EvalBar.tsx              |  2 +-
 src/components/common/EvalChart.tsx            |  2 +-
 src/components/panels/analysis/ScoreBubble.tsx |  2 +-
 src/utils/score.ts                             | 15 ++++++++++-----
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/boards/EvalBar.tsx b/src/components/boards/EvalBar.tsx
index 51d9e7ce..f3cfb7f1 100644
--- a/src/components/boards/EvalBar.tsx
+++ b/src/components/boards/EvalBar.tsx
@@ -78,7 +78,7 @@ function EvalBar({
     <Tooltip
       position="right"
       color={score && score.value < 0 ? "dark" : undefined}
-      label={score ? formatScore(score) : undefined}
+      label={score ? formatScore(score, false) : undefined}
       disabled={!score}
     >
       <Box
diff --git a/src/components/common/EvalChart.tsx b/src/components/common/EvalChart.tsx
index 265e7970..7f11b72e 100644
--- a/src/components/common/EvalChart.tsx
+++ b/src/components/common/EvalChart.tsx
@@ -77,7 +77,7 @@ function EvalChart(props: EvalChartProps) {
   function getEvalText(node: TreeNode, type: "cp" | "wdl"): string {
     if (node.score) {
       if (type === "cp") {
-        return `Advantage: ${formatScore(node.score.value)}`;
+        return `Advantage: ${formatScore(node.score.value, false)}`;
       }
       if (type === "wdl" && node.score.wdl) {
         return `
diff --git a/src/components/panels/analysis/ScoreBubble.tsx b/src/components/panels/analysis/ScoreBubble.tsx
index 805c83ae..eed2ea0f 100644
--- a/src/components/panels/analysis/ScoreBubble.tsx
+++ b/src/components/panels/analysis/ScoreBubble.tsx
@@ -74,7 +74,7 @@ function ScoreBubble({
       <Tooltip
         position="left"
         color={score.value.value < 0 ? "dark" : undefined}
-        label={formatScore(score.value)}
+        label={formatScore(score.value, false)}
       >
         <Text
           fw={700}
diff --git a/src/utils/score.ts b/src/utils/score.ts
index 951aaded..6c782010 100644
--- a/src/utils/score.ts
+++ b/src/utils/score.ts
@@ -14,12 +14,17 @@ export const INITIAL_SCORE: Score = {
 
 const CP_CEILING = 1000;
 
-export function formatScore(score: ScoreValue): string {
+export function formatScore(score: ScoreValue, truncate = true): string {
   let scoreText = match(score.type)
-    // yoinked from: https://github.com/lichess-org/lila/blob/e110605c138c1f6fec417ab9317968b32a928a16/ui/ceval/src/util.ts#L8
-    .with("cp", () =>
-      Math.min(Math.round(Math.abs(score.value) / 10) / 10, 99).toFixed(1),
-    )
+    .with("cp", () => {
+      const absScore = Math.abs(score.value);
+      return (
+        truncate
+          ? // idea from: https://github.com/lichess-org/lila/blob/e110605c138c1f6fec417ab9317968b32a928a16/ui/ceval/src/util.ts#L8
+            Math.min(Math.round(absScore / 10) / 10, 99).toFixed(1)
+          : (absScore / 100).toFixed(2)
+      ).toString();
+    })
     .with("mate", () => `M${Math.abs(score.value)}`)
     .with("dtz", () => `DTZ${Math.abs(score.value)}`)
     .exhaustive();