beatsaber-bot-core 0.2.0-rc.8 → 0.3.0-rc.1

package/dist/cjs/components/pages/bl-score-with-rank.js

@@ -47,14 +47,14 @@ __export(bl_score_with_rank_exports, {
   default: () => BLRankScore
 });
 module.exports = __toCommonJS(bl_score_with_rank_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
-var import_scoregraph = __toESM(require("../components/scoregraph"));
-var import_bl_rank_score_item = require("../../components/components/bl-rank-score-item");
-var import_RankDifficulty = require("../../components/components/RankDifficulty");
-var import_avatar = require("../../components/components/base/avatar");
-var import_utils = require("../../components/utils");
-var import_progressbar = __toESM(require("../../components/components/progressbar"));
+var import_scoregraph = __toESM(require("../components/scoregraph.js"));
+var import_react = __toESM(require("react"));
+var import_bl_rank_score_item = require("../../components/components/bl-rank-score-item.js");
+var import_RankDifficulty = require("../../components/components/RankDifficulty.js");
+var import_avatar = require("../../components/components/base/avatar.js");
+var import_utils = require("../../components/utils/index.js");
+var import_progressbar = __toESM(require("../../components/components/progressbar.js"));
 function BLRankScore({
   score,
   aroundScores,
@@ -77,224 +77,117 @@ function BLRankScore({
       new Array(7 - regionTopScore.length).fill({ template: true })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "flex flex-col justify-center items-center relative h-[720px] w-[1165px] my-auto rounded-none",
-      id: "render-result",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
+      id: "render-result"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white flex flex-col justify-between z-10"
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "flex justify-between items-start gap-2 grow" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col  items-start justify-between text-xl font-bold grow h-full" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex space-x-4 items-center justify-between text-2xl font-bold" }, /* @__PURE__ */ import_react.default.createElement(
+        import_avatar.Avatar,
+        {
+          className: "h-16 w-16 rounded-full",
+          src: score.player.avatar,
+          fallback: score.player.name.slice(0, 1)
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", null, score.player.name)), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xl text-ellipsis line-clamp-2" }, score.song.name), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex space-x-4 h-52" }, /* @__PURE__ */ import_react.default.createElement(
+        import_avatar.Avatar,
+        {
+          className: "h-52 w-52 rounded-md",
+          src: score.song.cover,
+          fallback: score.song.name.slice(0, 1)
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xs font-bold flex flex-col items-start justify-between grow w-full" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex space-x-2 items-center text-sm" }, /* @__PURE__ */ import_react.default.createElement(
+        import_avatar.Avatar,
+        {
+          className: "h-4 w-4 rounded-full",
+          src: bsMap.uploader.avatar,
+          fallback: score.song.mapper.slice(0, 1)
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-ellipsis line-clamp-1" }, score.song.mapper))), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xs flex gap-2 items-center *:space-x-1 *:flex *:items-center font-normal" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.HeartPulse, { className: "h-3 w-3" }), /* @__PURE__ */ import_react.default.createElement("span", null, bsMap.metadata.bpm.toFixed(0))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Key, { className: "w-3 h-3" })), /* @__PURE__ */ import_react.default.createElement("span", null, score.song.id.toLowerCase().replaceAll("x", ""))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Clock, { className: "h-3 w-3" }), /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils.formatDuration)(bsMap.metadata.duration))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center text-ellipsis col-span-2 line-clamp-1" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Calendar, { className: "h-3 w-3" }), /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils.formatTime)(bsMap.lastPublishedAt)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center space-x-2 justify-between font-normal" }, /* @__PURE__ */ import_react.default.createElement(
+        import_progressbar.default,
+        {
+          value: bsMap.stats.score * 100
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("span", null, (bsMap.stats.score * 100).toFixed(2), " %"), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ThumbsUp, { className: "h-3 w-3 mr-0.5" }), /* @__PURE__ */ import_react.default.createElement("span", null, bsMap.stats.upvotes)), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ThumbsDown, { className: "h-3 w-3 mr-0.5" }), /* @__PURE__ */ import_react.default.createElement("span", null, bsMap.stats.downvotes))), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-lg min-w-60 flex flex-col leading-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ import_react.default.createElement("span", null, " # ", score.pp.toFixed(2), " PP"), /* @__PURE__ */ import_react.default.createElement("span", null, " # ", score.rank)), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Accuracy"), /* @__PURE__ */ import_react.default.createElement("span", null, (score.accuracy * 100).toFixed(2), " %")), score.fullCombo && /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Full Combo"), /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Check, null)), score.maxCombo && /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Max Combo"), /* @__PURE__ */ import_react.default.createElement("span", null, score.maxCombo)), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Missed Notes"), /* @__PURE__ */ import_react.default.createElement("span", null, score.missedNotes)), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Total Mistakes"), /* @__PURE__ */ import_react.default.createElement("span", null, score.missedNotes)), score.modifiers && /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Modifiers"), /* @__PURE__ */ import_react.default.createElement("span", null, score.modifiers))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xl font-bold h-24 w-[500px] rounded-lg  mt-auto flex items-center justify-evenly gap-2 " }, bsMap.versions[0].diffs.filter((it) => it.characteristic === "Standard").map((diff) => {
+        var _a, _b;
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_RankDifficulty.RankDifficulty,
           {
-            className: "bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white flex flex-col justify-between z-10",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-start gap-2 grow", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col  items-start justify-between text-xl font-bold grow h-full", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-4 items-center justify-between text-2xl font-bold", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_avatar.Avatar,
-                    {
-                      className: "h-16 w-16 rounded-full",
-                      src: score.player.avatar,
-                      fallback: score.player.name.slice(0, 1)
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: score.player.name })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xl text-ellipsis line-clamp-2", children: score.song.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-4 h-52", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_avatar.Avatar,
-                    {
-                      className: "h-52 w-52 rounded-md",
-                      src: score.song.cover,
-                      fallback: score.song.name.slice(0, 1)
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs font-bold flex flex-col items-start justify-between grow w-full", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-2 items-center text-sm", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_avatar.Avatar,
-                        {
-                          className: "h-4 w-4 rounded-full",
-                          src: bsMap.uploader.avatar,
-                          fallback: score.song.mapper.slice(0, 1)
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-ellipsis line-clamp-1", children: score.song.mapper }) })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs flex gap-2 items-center *:space-x-1 *:flex *:items-center font-normal", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.HeartPulse, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: bsMap.metadata.bpm.toFixed(0) })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Key, { className: "w-3 h-3" }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: score.song.id.toLowerCase().replaceAll("x", "") })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Clock, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_utils.formatDuration)(bsMap.metadata.duration) })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center text-ellipsis col-span-2 line-clamp-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_utils.formatTime)(bsMap.lastPublishedAt) })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2 justify-between font-normal", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_progressbar.default,
-                        {
-                          value: bsMap.stats.score * 100
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                        (bsMap.stats.score * 100).toFixed(2),
-                        " %"
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ThumbsUp, { className: "h-3 w-3 mr-0.5" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: bsMap.stats.upvotes })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ThumbsDown, { className: "h-3 w-3 mr-0.5" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: bsMap.stats.downvotes })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-lg min-w-60 flex flex-col leading-6", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                          " # ",
-                          score.pp.toFixed(2),
-                          " PP"
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                          " # ",
-                          score.rank
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Accuracy" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                          (score.accuracy * 100).toFixed(2),
-                          " %"
-                        ] })
-                      ] }),
-                      score.fullCombo && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Full Combo" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, {})
-                      ] }),
-                      score.maxCombo && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Max Combo" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: score.maxCombo })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Missed Notes" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: score.missedNotes })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Total Mistakes" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: score.missedNotes })
-                      ] }),
-                      score.modifiers && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Modifiers" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: score.modifiers })
-                      ] })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xl font-bold h-24 w-[500px] rounded-lg  mt-auto flex items-center justify-evenly gap-2 ", children: bsMap.versions[0].diffs.filter((it) => it.characteristic === "Standard").map((diff) => {
-                  var _a, _b;
-                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_RankDifficulty.RankDifficulty,
-                    {
-                      difficulty: diff.difficulty,
-                      star: diff.stars,
-                      blStar: diff.blStars,
-                      current: ((_a = score == null ? void 0 : score.difficulty) == null ? void 0 : _a.modeName) === (diff == null ? void 0 : diff.characteristic) && ((_b = score == null ? void 0 : score.difficulty) == null ? void 0 : _b.difficultyName) === (diff == null ? void 0 : diff.difficulty)
-                    },
-                    diff.difficulty
-                  );
-                }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "align-end mt-2 mb-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl font-bold", children: "AccGraph" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_scoregraph.default,
-                    {
-                      scoreId: score.id,
-                      scoreInfo: score,
-                      statistic,
-                      bsor,
-                      height: 240,
-                      width: 480
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between gap-2 items-start mt-auto", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-white font-bold text-3xl mr-auto", children: "Global Rank" }),
-                  aroundScore.map(
-                    (cur, idx) => {
-                      var _a;
-                      return !cur.template ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_bl_rank_score_item.BlRankScoreItem,
-                        {
-                          name: cur.player.name,
-                          date: cur.timepost,
-                          countryCode: (_a = cur.player.country) != null ? _a : "CN",
-                          avatar: cur.player.avatar,
-                          globalRank: cur.rank,
-                          score: cur.modifiedScore,
-                          modifiers: cur.modifiers,
-                          isRegionRank: false,
-                          acc: cur.accuracy,
-                          pp: cur.pp,
-                          self: cur.player.id === score.playerId
-                        },
-                        cur.id
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bl_rank_score_item.ScoreItemSkeleton, { isRegionRank: false }, idx);
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-white font-bold text-3xl mr-auto", children: "Region Top Rank" }),
-                  regionTopScore.map(
-                    (cur, idx) => {
-                      var _a;
-                      return !cur.template ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_bl_rank_score_item.BlRankScoreItem,
-                        {
-                          name: cur.player.name,
-                          date: cur.timepost,
-                          countryCode: (_a = cur.player.country) != null ? _a : "CN",
-                          avatar: cur.player.avatar,
-                          globalRank: cur.rank,
-                          score: cur.modifiedScore,
-                          modifiers: cur.modifiers,
-                          isRegionRank: true,
-                          acc: cur.accuracy,
-                          pp: cur.pp,
-                          self: cur.player.id === score.playerId
-                        },
-                        cur.id
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bl_rank_score_item.ScoreItemSkeleton, { isRegionRank: true }, idx);
-                    }
-                  )
-                ] })
-              ] })
-            ] })
+            difficulty: diff.difficulty,
+            star: diff.stars,
+            blStar: diff.blStars,
+            current: ((_a = score == null ? void 0 : score.difficulty) == null ? void 0 : _a.modeName) === (diff == null ? void 0 : diff.characteristic) && ((_b = score == null ? void 0 : score.difficulty) == null ? void 0 : _b.difficultyName) === (diff == null ? void 0 : diff.difficulty),
+            key: diff.difficulty
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "img",
-          {
-            src: bg,
-            className: "inset-0 mx-auto w-full rounded-lg absolute h-full object-center",
-            loading: "eager"
-          }
-        )
-      ]
-    }
-  ) });
+        );
+      })), /* @__PURE__ */ import_react.default.createElement("div", { className: "align-end mt-2 mb-2" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "text-xl font-bold" }, "AccGraph"), /* @__PURE__ */ import_react.default.createElement(
+        import_scoregraph.default,
+        {
+          scoreId: score.id,
+          scoreInfo: score,
+          statistic,
+          bsor,
+          height: 240,
+          width: 480
+        }
+      ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex justify-between gap-2 items-start mt-auto" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-start gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-white font-bold text-3xl mr-auto" }, "Global Rank"), aroundScore.map(
+        (cur, idx) => {
+          var _a;
+          return !cur.template ? /* @__PURE__ */ import_react.default.createElement(
+            import_bl_rank_score_item.BlRankScoreItem,
+            {
+              key: cur.id,
+              name: cur.player.name,
+              date: cur.timepost,
+              countryCode: (_a = cur.player.country) != null ? _a : "CN",
+              avatar: cur.player.avatar,
+              globalRank: cur.rank,
+              score: cur.modifiedScore,
+              modifiers: cur.modifiers,
+              isRegionRank: false,
+              acc: cur.accuracy,
+              pp: cur.pp,
+              self: cur.player.id === score.playerId
+            }
+          ) : /* @__PURE__ */ import_react.default.createElement(import_bl_rank_score_item.ScoreItemSkeleton, { isRegionRank: false, key: idx });
+        }
+      )), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-start gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-white font-bold text-3xl mr-auto" }, "Region Top Rank"), regionTopScore.map(
+        (cur, idx) => {
+          var _a;
+          return !cur.template ? /* @__PURE__ */ import_react.default.createElement(
+            import_bl_rank_score_item.BlRankScoreItem,
+            {
+              key: cur.id,
+              name: cur.player.name,
+              date: cur.timepost,
+              countryCode: (_a = cur.player.country) != null ? _a : "CN",
+              avatar: cur.player.avatar,
+              globalRank: cur.rank,
+              score: cur.modifiedScore,
+              modifiers: cur.modifiers,
+              isRegionRank: true,
+              acc: cur.accuracy,
+              pp: cur.pp,
+              self: cur.player.id === score.playerId
+            }
+          ) : /* @__PURE__ */ import_react.default.createElement(import_bl_rank_score_item.ScoreItemSkeleton, { isRegionRank: true, key: idx });
+        }
+      ))))
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: bg,
+        className: "inset-0 mx-auto w-full rounded-lg absolute h-full object-center",
+        loading: "eager"
+      }
+    )
+  ));
 }
 //# sourceMappingURL=bl-score-with-rank.js.map

package/dist/cjs/components/pages/bl-score-with-rank.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/pages/bl-score-with-rank.tsx"],"sourcesContent":["import {\n  Check,\n  Key,\n  Clock,\n  ThumbsUp,\n  ThumbsDown,\n  Calendar,\n  HeartPulse,\n} from 'lucide-react'\nimport ScoreGraph from '../components/scoregraph'\nimport React from 'react'\nimport { BSOR, Score } from '@/service/api/interfaces/beatleader'\nimport { BSMap } from '@/service/api/interfaces/beatsaver'\nimport {\n  BlRankScoreItem,\n  ScoreItemSkeleton,\n} from '@/components/components/bl-rank-score-item'\nimport { RankDifficulty } from '@/components/components/RankDifficulty'\nimport { Avatar } from '@/components/components/base/avatar'\nimport { formatDuration, formatTime } from '@/components/utils'\nimport Progressbar from '@/components/components/progressbar'\n\ninterface BLScoreProps {\n  score: Score\n  aroundScores: Score[]\n  regionTopScores: Score[]\n  bsMap: BSMap\n  difficulties: any[]\n  statistic: any\n  bsor: BSOR\n  bg: string\n}\n\nexport default function BLRankScore({\n  score,\n  aroundScores,\n  regionTopScores,\n  difficulties,\n  bsMap,\n  statistic,\n  bsor,\n  bg,\n}: BLScoreProps) {\n  let aroundScore = aroundScores\n    .slice(0, 7)\n    .map((it) => ({ ...it, template: false }))\n  let regionTopScore = regionTopScores\n    .slice(0, 7)\n    .map((it) => ({ ...it, template: false }))\n  if (aroundScore.length < 7) {\n    aroundScore = aroundScore.concat(\n      new Array(7 - aroundScore.length).fill({ template: true })\n    )\n  }\n  if (regionTopScore.length < 7) {\n    regionTopScore = regionTopScore.concat(\n      new Array(7 - regionTopScore.length).fill({ template: true })\n    )\n  }\n\n  return (\n    <>\n      <div\n        className={\n          'flex flex-col justify-center items-center relative h-[720px] w-[1165px] my-auto rounded-none'\n        }\n        id=\"render-result\"\n      >\n        <div\n          className={\n            'bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white flex flex-col justify-between z-10'\n          }\n        >\n          <div className={'flex justify-between items-start gap-2 grow'}>\n            <div className=\"flex flex-col  items-start justify-between text-xl font-bold grow h-full\">\n              <div className=\"flex space-x-4 items-center justify-between text-2xl font-bold\">\n                <Avatar\n                  className={'h-16 w-16 rounded-full'}\n                  src={score.player.avatar}\n                  fallback={score.player.name.slice(0, 1)}\n                />\n                <div>{score.player.name}</div>\n              </div>\n              <div className=\"text-xl text-ellipsis line-clamp-2\">\n                {score.song.name}\n              </div>\n              <div className=\"flex space-x-4 h-52\">\n                <Avatar\n                  className={'h-52 w-52 rounded-md'}\n                  src={score.song.cover}\n                  fallback={score.song.name.slice(0, 1)}\n                />\n                <div className=\"text-xs font-bold flex flex-col items-start justify-between grow w-full\">\n                  <div className=\"flex space-x-2 items-center text-sm\">\n                    <Avatar\n                      className={'h-4 w-4 rounded-full'}\n                      src={bsMap.uploader.avatar}\n                      fallback={score.song.mapper.slice(0, 1)}\n                    />\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"text-ellipsis line-clamp-1\">\n                        {score.song.mapper}\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"text-xs flex gap-2 items-center *:space-x-1 *:flex *:items-center font-normal\">\n                    <div className=\"flex items-center\">\n                      <HeartPulse className=\"h-3 w-3\" />\n                      <span>{bsMap.metadata.bpm.toFixed(0)}</span>\n                    </div>\n                    <div>\n                      <span>\n                        <Key className={'w-3 h-3'} />\n                      </span>\n                      <span>\n                        {score.song.id.toLowerCase().replaceAll('x', '')}\n                      </span>\n                    </div>\n\n                    <div className=\"flex items-center\">\n                      <Clock className=\"h-3 w-3\" />\n                      <span>{formatDuration(bsMap.metadata.duration)}</span>\n                    </div>\n                    <div className=\"flex items-center text-ellipsis col-span-2 line-clamp-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      <span>{formatTime(bsMap.lastPublishedAt)}</span>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center space-x-2 justify-between font-normal\">\n                    <Progressbar\n                      value={bsMap.stats.score * 100}\n                      // className=\"h-1.5\"\n                      // containerClassName=\"h-1.5\"\n                    />\n                    <span>{(bsMap.stats.score * 100).toFixed(2)} %</span>\n                    <div className=\"flex items-center\">\n                      <ThumbsUp className=\"h-3 w-3 mr-0.5\" />\n                      <span>{bsMap.stats.upvotes}</span>\n                    </div>\n                    <div className=\"flex items-center\">\n                      <ThumbsDown className=\"h-3 w-3 mr-0.5\" />\n                      <span>{bsMap.stats.downvotes}</span>\n                    </div>\n                  </div>\n                  <div className={'text-lg min-w-60 flex flex-col leading-6'}>\n                    <div className=\"flex justify-between items-center\">\n                      <span> # {score.pp.toFixed(2)} PP</span>\n                      <span> # {score.rank}</span>\n                    </div>\n                    {\n                      <div className=\"flex items-center justify-between\">\n                        <span>Accuracy</span>\n                        <span>{(score.accuracy * 100).toFixed(2)} %</span>\n                      </div>\n                    }\n                    {score.fullCombo && (\n                      <div className=\"flex items-center justify-between\">\n                        <span>Full Combo</span>\n                        <Check />\n                      </div>\n                    )}\n                    {score.maxCombo && (\n                      <div className=\"flex items-center justify-between\">\n                        <span>Max Combo</span>\n                        <span>{score.maxCombo}</span>\n                      </div>\n                    )}\n\n                    {\n                      <div className=\"flex items-center justify-between\">\n                        <span>Missed Notes</span>\n                        <span>{score.missedNotes}</span>\n                      </div>\n                    }\n                    {\n                      <div className=\"flex items-center justify-between\">\n                        <span>Total Mistakes</span>\n                        <span>{score.missedNotes}</span>\n                      </div>\n                    }\n                    {score.modifiers && (\n                      <div className=\"flex items-center justify-between\">\n                        <span>Modifiers</span>\n                        <span>{score.modifiers}</span>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n              {/*diff code */}\n              <div className=\"text-xl font-bold h-24 w-[500px] rounded-lg  mt-auto flex items-center justify-evenly gap-2 \">\n                {bsMap.versions[0].diffs\n                  .filter((it) => it.characteristic === 'Standard')\n                  .map((diff) => (\n                    <RankDifficulty\n                      difficulty={diff.difficulty}\n                      star={diff.stars}\n                      blStar={diff.blStars}\n                      current={\n                        score?.difficulty?.modeName === diff?.characteristic &&\n                        score?.difficulty?.difficultyName === diff?.difficulty\n                      }\n                      key={diff.difficulty}\n                    />\n                  ))}\n              </div>\n\n              {/*acc graph*/}\n              <div className=\"align-end mt-2 mb-2\">\n                <span className=\"text-xl font-bold\">AccGraph</span>\n                <ScoreGraph\n                  scoreId={score.id}\n                  scoreInfo={score}\n                  statistic={statistic}\n                  bsor={bsor}\n                  height={240}\n                  width={480}\n                />\n                {/*<ScoreGraph scoreId={score.id} scoreInfo={score} />*/}\n              </div>\n            </div>\n            <div className={'flex justify-between gap-2 items-start mt-auto'}>\n              <div className={'flex flex-col items-start gap-2'}>\n                <div className={'text-white font-bold text-3xl mr-auto'}>\n                  Global Rank\n                </div>\n                {aroundScore.map((cur: any, idx) =>\n                  !cur.template ? (\n                    <BlRankScoreItem\n                      key={cur.id}\n                      name={cur.player.name}\n                      date={cur.timepost}\n                      countryCode={cur.player.country ?? 'CN'}\n                      avatar={cur.player.avatar}\n                      globalRank={cur.rank}\n                      score={cur.modifiedScore}\n                      modifiers={cur.modifiers}\n                      isRegionRank={false}\n                      acc={cur.accuracy}\n                      pp={cur.pp}\n                      self={cur.player.id === score.playerId}\n                    />\n                  ) : (\n                    <ScoreItemSkeleton isRegionRank={false} key={idx} />\n                  )\n                )}\n              </div>\n              <div className={'flex flex-col items-start gap-2'}>\n                <div className={'text-white font-bold text-3xl mr-auto'}>\n                  Region Top Rank\n                </div>\n                {regionTopScore.map((cur: any, idx) =>\n                  !cur.template ? (\n                    <BlRankScoreItem\n                      key={cur.id}\n                      name={cur.player.name}\n                      date={cur.timepost}\n                      countryCode={cur.player.country ?? 'CN'}\n                      avatar={cur.player.avatar}\n                      globalRank={cur.rank}\n                      score={cur.modifiedScore}\n                      modifiers={cur.modifiers}\n                      isRegionRank\n                      acc={cur.accuracy}\n                      pp={cur.pp}\n                      self={cur.player.id === score.playerId}\n                    />\n                  ) : (\n                    <ScoreItemSkeleton isRegionRank key={idx} />\n                  )\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n        <img\n          src={bg}\n          className={\n            'inset-0 mx-auto w-full rounded-lg absolute h-full object-center'\n          }\n          loading={'eager'}\n        />\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":["Progressbar","ScoreGraph"]}
+{"version":3,"sources":["../../../../src/components/pages/bl-score-with-rank.tsx"],"sourcesContent":["import {\n  Check,\n  Key,\n  Clock,\n  ThumbsUp,\n  ThumbsDown,\n  Calendar,\n  HeartPulse,\n} from 'lucide-react'\nimport ScoreGraph from '../components/scoregraph'\nimport React from 'react'\nimport { BSOR, Score } from '@/services/api/interfaces/beatleader'\nimport { BSMap } from '@/services/api/interfaces/beatsaver'\nimport {\n  BlRankScoreItem,\n  ScoreItemSkeleton,\n} from '@/components/components/bl-rank-score-item'\nimport { RankDifficulty } from '@/components/components/RankDifficulty'\nimport { Avatar } from '@/components/components/base/avatar'\nimport { formatDuration, formatTime } from '@/components/utils'\nimport Progressbar from '@/components/components/progressbar'\n\ninterface BLScoreProps {\n  score: Score\n  aroundScores: Score[]\n  regionTopScores: Score[]\n  bsMap: BSMap\n  difficulties: any[]\n  statistic: any\n  bsor: BSOR\n  bg: string\n}\n\nexport default function BLRankScore({\n  score,\n  aroundScores,\n  regionTopScores,\n  difficulties,\n  bsMap,\n  statistic,\n  bsor,\n  bg,\n}: BLScoreProps) {\n  let aroundScore = aroundScores\n    .slice(0, 7)\n    .map((it) => ({ ...it, template: false }))\n  let regionTopScore = regionTopScores\n    .slice(0, 7)\n    .map((it) => ({ ...it, template: false }))\n  if (aroundScore.length < 7) {\n    aroundScore = aroundScore.concat(\n      new Array(7 - aroundScore.length).fill({ template: true })\n    )\n  }\n  if (regionTopScore.length < 7) {\n    regionTopScore = regionTopScore.concat(\n      new Array(7 - regionTopScore.length).fill({ template: true })\n    )\n  }\n\n  return (\n    <>\n      <div\n        className={\n          'flex flex-col justify-center items-center relative h-[720px] w-[1165px] my-auto rounded-none'\n        }\n        id=\"render-result\"\n      >\n        <div\n          className={\n            'bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white flex flex-col justify-between z-10'\n          }\n        >\n          <div className={'flex justify-between items-start gap-2 grow'}>\n            <div className=\"flex flex-col  items-start justify-between text-xl font-bold grow h-full\">\n              <div className=\"flex space-x-4 items-center justify-between text-2xl font-bold\">\n                <Avatar\n                  className={'h-16 w-16 rounded-full'}\n                  src={score.player.avatar}\n                  fallback={score.player.name.slice(0, 1)}\n                />\n                <div>{score.player.name}</div>\n              </div>\n              <div className=\"text-xl text-ellipsis line-clamp-2\">\n                {score.song.name}\n              </div>\n              <div className=\"flex space-x-4 h-52\">\n                <Avatar\n                  className={'h-52 w-52 rounded-md'}\n                  src={score.song.cover}\n                  fallback={score.song.name.slice(0, 1)}\n                />\n                <div className=\"text-xs font-bold flex flex-col items-start justify-between grow w-full\">\n                  <div className=\"flex space-x-2 items-center text-sm\">\n                    <Avatar\n                      className={'h-4 w-4 rounded-full'}\n                      src={bsMap.uploader.avatar}\n                      fallback={score.song.mapper.slice(0, 1)}\n                    />\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"text-ellipsis line-clamp-1\">\n                        {score.song.mapper}\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"text-xs flex gap-2 items-center *:space-x-1 *:flex *:items-center font-normal\">\n                    <div className=\"flex items-center\">\n                      <HeartPulse className=\"h-3 w-3\" />\n                      <span>{bsMap.metadata.bpm.toFixed(0)}</span>\n                    </div>\n                    <div>\n                      <span>\n                        <Key className={'w-3 h-3'} />\n                      </span>\n                      <span>\n                        {score.song.id.toLowerCase().replaceAll('x', '')}\n                      </span>\n                    </div>\n\n                    <div className=\"flex items-center\">\n                      <Clock className=\"h-3 w-3\" />\n                      <span>{formatDuration(bsMap.metadata.duration)}</span>\n                    </div>\n                    <div className=\"flex items-center text-ellipsis col-span-2 line-clamp-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      <span>{formatTime(bsMap.lastPublishedAt)}</span>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center space-x-2 justify-between font-normal\">\n                    <Progressbar\n                      value={bsMap.stats.score * 100}\n                      // className=\"h-1.5\"\n                      // containerClassName=\"h-1.5\"\n                    />\n                    <span>{(bsMap.stats.score * 100).toFixed(2)} %</span>\n                    <div className=\"flex items-center\">\n                      <ThumbsUp className=\"h-3 w-3 mr-0.5\" />\n                      <span>{bsMap.stats.upvotes}</span>\n                    </div>\n                    <div className=\"flex items-center\">\n                      <ThumbsDown className=\"h-3 w-3 mr-0.5\" />\n                      <span>{bsMap.stats.downvotes}</span>\n                    </div>\n                  </div>\n                  <div className={'text-lg min-w-60 flex flex-col leading-6'}>\n                    <div className=\"flex justify-between items-center\">\n                      <span> # {score.pp.toFixed(2)} PP</span>\n                      <span> # {score.rank}</span>\n                    </div>\n                    {\n                      <div className=\"flex items-center justify-between\">\n                        <span>Accuracy</span>\n                        <span>{(score.accuracy * 100).toFixed(2)} %</span>\n                      </div>\n                    }\n                    {score.fullCombo && (\n                      <div className=\"flex items-center justify-between\">\n                        <span>Full Combo</span>\n                        <Check />\n                      </div>\n                    )}\n                    {score.maxCombo && (\n                      <div className=\"flex items-center justify-between\">\n                        <span>Max Combo</span>\n                        <span>{score.maxCombo}</span>\n                      </div>\n                    )}\n\n                    {\n                      <div className=\"flex items-center justify-between\">\n                        <span>Missed Notes</span>\n                        <span>{score.missedNotes}</span>\n                      </div>\n                    }\n                    {\n                      <div className=\"flex items-center justify-between\">\n                        <span>Total Mistakes</span>\n                        <span>{score.missedNotes}</span>\n                      </div>\n                    }\n                    {score.modifiers && (\n                      <div className=\"flex items-center justify-between\">\n                        <span>Modifiers</span>\n                        <span>{score.modifiers}</span>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n              {/*diff code */}\n              <div className=\"text-xl font-bold h-24 w-[500px] rounded-lg  mt-auto flex items-center justify-evenly gap-2 \">\n                {bsMap.versions[0].diffs\n                  .filter((it) => it.characteristic === 'Standard')\n                  .map((diff) => (\n                    <RankDifficulty\n                      difficulty={diff.difficulty}\n                      star={diff.stars}\n                      blStar={diff.blStars}\n                      current={\n                        score?.difficulty?.modeName === diff?.characteristic &&\n                        score?.difficulty?.difficultyName === diff?.difficulty\n                      }\n                      key={diff.difficulty}\n                    />\n                  ))}\n              </div>\n\n              {/*acc graph*/}\n              <div className=\"align-end mt-2 mb-2\">\n                <span className=\"text-xl font-bold\">AccGraph</span>\n                <ScoreGraph\n                  scoreId={score.id}\n                  scoreInfo={score}\n                  statistic={statistic}\n                  bsor={bsor}\n                  height={240}\n                  width={480}\n                />\n                {/*<ScoreGraph scoreId={score.id} scoreInfo={score} />*/}\n              </div>\n            </div>\n            <div className={'flex justify-between gap-2 items-start mt-auto'}>\n              <div className={'flex flex-col items-start gap-2'}>\n                <div className={'text-white font-bold text-3xl mr-auto'}>\n                  Global Rank\n                </div>\n                {aroundScore.map((cur: any, idx) =>\n                  !cur.template ? (\n                    <BlRankScoreItem\n                      key={cur.id}\n                      name={cur.player.name}\n                      date={cur.timepost}\n                      countryCode={cur.player.country ?? 'CN'}\n                      avatar={cur.player.avatar}\n                      globalRank={cur.rank}\n                      score={cur.modifiedScore}\n                      modifiers={cur.modifiers}\n                      isRegionRank={false}\n                      acc={cur.accuracy}\n                      pp={cur.pp}\n                      self={cur.player.id === score.playerId}\n                    />\n                  ) : (\n                    <ScoreItemSkeleton isRegionRank={false} key={idx} />\n                  )\n                )}\n              </div>\n              <div className={'flex flex-col items-start gap-2'}>\n                <div className={'text-white font-bold text-3xl mr-auto'}>\n                  Region Top Rank\n                </div>\n                {regionTopScore.map((cur: any, idx) =>\n                  !cur.template ? (\n                    <BlRankScoreItem\n                      key={cur.id}\n                      name={cur.player.name}\n                      date={cur.timepost}\n                      countryCode={cur.player.country ?? 'CN'}\n                      avatar={cur.player.avatar}\n                      globalRank={cur.rank}\n                      score={cur.modifiedScore}\n                      modifiers={cur.modifiers}\n                      isRegionRank\n                      acc={cur.accuracy}\n                      pp={cur.pp}\n                      self={cur.player.id === score.playerId}\n                    />\n                  ) : (\n                    <ScoreItemSkeleton isRegionRank key={idx} />\n                  )\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n        <img\n          src={bg}\n          className={\n            'inset-0 mx-auto w-full rounded-lg absolute h-full object-center'\n          }\n          loading={'eager'}\n        />\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":["React","Progressbar","ScoreGraph"]}