beatsaber-bot-core 0.2.0-dev.9 → 0.2.0-rc.10

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

@@ -0,0 +1,284 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Check,
+  Key,
+  Clock,
+  ThumbsUp,
+  ThumbsDown,
+  Calendar,
+  HeartPulse
+} from "lucide-react";
+import ScoreGraph from "../components/scoregraph";
+import {
+  BlRankScoreItem,
+  ScoreItemSkeleton
+} from "../../components/components/bl-rank-score-item";
+import { RankDifficulty } from "../../components/components/RankDifficulty";
+import { Avatar } from "../../components/components/base/avatar";
+import { formatDuration, formatTime } from "../../components/utils";
+import Progressbar from "../../components/components/progressbar";
+function BLRankScore({
+  score,
+  aroundScores,
+  regionTopScores,
+  difficulties,
+  bsMap,
+  statistic,
+  bsor,
+  bg
+}) {
+  let aroundScore = aroundScores.slice(0, 7).map((it) => __spreadProps(__spreadValues({}, it), { template: false }));
+  let regionTopScore = regionTopScores.slice(0, 7).map((it) => __spreadProps(__spreadValues({}, it), { template: false }));
+  if (aroundScore.length < 7) {
+    aroundScore = aroundScore.concat(
+      new Array(7 - aroundScore.length).fill({ template: true })
+    );
+  }
+  if (regionTopScore.length < 7) {
+    regionTopScore = regionTopScore.concat(
+      new Array(7 - regionTopScore.length).fill({ template: true })
+    );
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col justify-center items-center relative h-[720px] w-[1165px] my-auto rounded-none",
+      id: "render-result",
+      children: [
+        /* @__PURE__ */ jsx(
+          "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",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start gap-2 grow", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col  items-start justify-between text-xl font-bold grow h-full", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex space-x-4 items-center justify-between text-2xl font-bold", children: [
+                  /* @__PURE__ */ jsx(
+                    Avatar,
+                    {
+                      className: "h-16 w-16 rounded-full",
+                      src: score.player.avatar,
+                      fallback: score.player.name.slice(0, 1)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { children: score.player.name })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "text-xl text-ellipsis line-clamp-2", children: score.song.name }),
+                /* @__PURE__ */ jsxs("div", { className: "flex space-x-4 h-52", children: [
+                  /* @__PURE__ */ jsx(
+                    Avatar,
+                    {
+                      className: "h-52 w-52 rounded-md",
+                      src: score.song.cover,
+                      fallback: score.song.name.slice(0, 1)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "text-xs font-bold flex flex-col items-start justify-between grow w-full", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex space-x-2 items-center text-sm", children: [
+                      /* @__PURE__ */ jsx(
+                        Avatar,
+                        {
+                          className: "h-4 w-4 rounded-full",
+                          src: bsMap.uploader.avatar,
+                          fallback: score.song.mapper.slice(0, 1)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis line-clamp-1", children: score.song.mapper }) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "text-xs flex gap-2 items-center *:space-x-1 *:flex *:items-center font-normal", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                        /* @__PURE__ */ jsx(HeartPulse, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsx("span", { children: bsMap.metadata.bpm.toFixed(0) })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { children: [
+                        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Key, { className: "w-3 h-3" }) }),
+                        /* @__PURE__ */ jsx("span", { children: score.song.id.toLowerCase().replaceAll("x", "") })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                        /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsx("span", { children: formatDuration(bsMap.metadata.duration) })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center text-ellipsis col-span-2 line-clamp-1", children: [
+                        /* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsx("span", { children: formatTime(bsMap.lastPublishedAt) })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 justify-between font-normal", children: [
+                      /* @__PURE__ */ jsx(
+                        Progressbar,
+                        {
+                          value: bsMap.stats.score * 100
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("span", { children: [
+                        (bsMap.stats.score * 100).toFixed(2),
+                        " %"
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                        /* @__PURE__ */ jsx(ThumbsUp, { className: "h-3 w-3 mr-0.5" }),
+                        /* @__PURE__ */ jsx("span", { children: bsMap.stats.upvotes })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                        /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3 w-3 mr-0.5" }),
+                        /* @__PURE__ */ jsx("span", { children: bsMap.stats.downvotes })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "text-lg min-w-60 flex flex-col leading-6", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+                        /* @__PURE__ */ jsxs("span", { children: [
+                          " # ",
+                          score.pp.toFixed(2),
+                          " PP"
+                        ] }),
+                        /* @__PURE__ */ jsxs("span", { children: [
+                          " # ",
+                          score.rank
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsx("span", { children: "Accuracy" }),
+                        /* @__PURE__ */ jsxs("span", { children: [
+                          (score.accuracy * 100).toFixed(2),
+                          " %"
+                        ] })
+                      ] }),
+                      score.fullCombo && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsx("span", { children: "Full Combo" }),
+                        /* @__PURE__ */ jsx(Check, {})
+                      ] }),
+                      score.maxCombo && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsx("span", { children: "Max Combo" }),
+                        /* @__PURE__ */ jsx("span", { children: score.maxCombo })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsx("span", { children: "Missed Notes" }),
+                        /* @__PURE__ */ jsx("span", { children: score.missedNotes })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsx("span", { children: "Total Mistakes" }),
+                        /* @__PURE__ */ jsx("span", { children: score.missedNotes })
+                      ] }),
+                      score.modifiers && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsx("span", { children: "Modifiers" }),
+                        /* @__PURE__ */ jsx("span", { children: score.modifiers })
+                      ] })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ 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__ */ jsx(
+                    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__ */ jsxs("div", { className: "align-end mt-2 mb-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-xl font-bold", children: "AccGraph" }),
+                  /* @__PURE__ */ jsx(
+                    ScoreGraph,
+                    {
+                      scoreId: score.id,
+                      scoreInfo: score,
+                      statistic,
+                      bsor,
+                      height: 240,
+                      width: 480
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2 items-start mt-auto", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-2", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-white font-bold text-3xl mr-auto", children: "Global Rank" }),
+                  aroundScore.map(
+                    (cur, idx) => {
+                      var _a;
+                      return !cur.template ? /* @__PURE__ */ jsx(
+                        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__ */ jsx(ScoreItemSkeleton, { isRegionRank: false }, idx);
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-2", children: [
+                  /* @__PURE__ */ 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__ */ jsx(
+                        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__ */ jsx(ScoreItemSkeleton, { isRegionRank: true }, idx);
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: bg,
+            className: "inset-0 mx-auto w-full rounded-lg absolute h-full object-center",
+            loading: "eager"
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  BLRankScore as default
+};
+//# sourceMappingURL=bl-score-with-rank.js.map

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

@@ -0,0 +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":[]}

package/dist/esm/components/pages/bl-score.js

@@ -0,0 +1,199 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  BarChart,
+  Check,
+  Key,
+  Star,
+  Clock,
+  ThumbsUp,
+  ThumbsDown,
+  Calendar
+} from "lucide-react";
+import { diffConv, formatDuration, formatTime } from "../utils";
+import Progressbar from "../components/progressbar";
+import ScoreGraph from "../components/scoregraph";
+function BLScore({
+  score,
+  bsMap,
+  statistic,
+  bsor,
+  qrcodeUrl
+}) {
+  var _a, _b;
+  const bg = "https://www.loliapi.com/acg/pc/";
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col justify-center items-center relative h-[720px] w-[400px] my-auto rounded-none",
+      id: "render-result",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "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",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex space-x-4 items-center justify-between text-xl font-bold", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex space-x-4 items-center justify-between text-2xl font-bold", children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      loading: "eager",
+                      className: "h-16 w-16 rounded-full",
+                      src: score.player.avatar
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { children: score.player.name })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "w-[100px] flex items-center justify-center flex-col",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          src: qrcodeUrl,
+                          width: 80,
+                          height: 80,
+                          className: "w-[80px] aspect-square"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "text-xs", children: "replay" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex space-x-4 h-40", children: [
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    className: "h-40 w-40 rounded-md",
+                    src: score.song.cover
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "text-xs font-bold flex flex-col justify-between", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-xl text-ellipsis line-clamp-2", children: score.song.name }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-2 items-center text-sm", children: [
+                    /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        className: "h-4 w-4 rounded-full",
+                        src: bsMap.uploader.avatar
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis line-clamp-1", children: score.song.mapper }) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "text-xs grid grid-cols-3 gap-1 *:space-x-1 *:flex *:items-center font-normal", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center text-ellipsis col-span-3 line-clamp-1", children: [
+                      /* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx("span", { children: formatTime(bsMap.lastPublishedAt) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(BarChart, { className: "w-3 h-3" }) }),
+                      /* @__PURE__ */ jsx("span", { children: diffConv(score.difficulty.difficultyName) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Star, { className: "w-3 h-3" }) }),
+                      /* @__PURE__ */ jsxs("span", { children: [
+                        (_b = (_a = score.difficulty.stars) == null ? void 0 : _a.toFixed(2)) != null ? _b : "none",
+                        " "
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Key, { className: "w-3 h-3" }) }),
+                      /* @__PURE__ */ jsx("span", { children: score.song.id.toLowerCase().replaceAll("x", "") })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                      /* @__PURE__ */ jsx(ThumbsUp, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx("span", { children: bsMap.stats.upvotes })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                      /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx("span", { children: bsMap.stats.downvotes })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                      /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx("span", { children: formatDuration(bsMap.metadata.duration) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 text-xs font-normal", children: [
+                    /* @__PURE__ */ jsx(Progressbar, { value: bsMap.stats.score * 100 }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      (bsMap.stats.score * 100).toFixed(2),
+                      " %"
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "text-xl font-bold pt-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    " # ",
+                    score.rank
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    score.pp.toFixed(2),
+                    " PP"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Accuracy" }),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    (score.accuracy * 100).toFixed(2),
+                    " %"
+                  ] })
+                ] }),
+                score.fullCombo && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Full Combo" }),
+                  /* @__PURE__ */ jsx(Check, {})
+                ] }),
+                score.maxCombo && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Max Combo" }),
+                  /* @__PURE__ */ jsx("span", { children: score.maxCombo })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Missed Notes" }),
+                  /* @__PURE__ */ jsx("span", { children: score.missedNotes })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Total Mistakes" }),
+                  /* @__PURE__ */ jsx("span", { children: score.missedNotes })
+                ] }),
+                score.modifiers && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Modifiers" }),
+                  /* @__PURE__ */ jsx("span", { children: score.modifiers })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "align-end mt-auto mb-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xl font-bold", children: "AccGraph" }),
+                /* @__PURE__ */ jsx(
+                  ScoreGraph,
+                  {
+                    scoreId: score.id,
+                    scoreInfo: score,
+                    statistic,
+                    bsor,
+                    height: 192,
+                    width: 400
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: bg,
+            className: "inset-0 rounded-lg absolute h-full object-cover",
+            loading: "eager"
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  BLScore
+};
+//# sourceMappingURL=bl-score.js.map

package/dist/esm/components/pages/bl-score.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/bl-score.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport {\n  BarChart,\n  Check,\n  Key,\n  Star,\n  Clock,\n  ThumbsUp,\n  ThumbsDown,\n  Calendar,\n} from 'lucide-react'\nimport { diffConv, formatDuration, formatTime } from '../utils'\nimport Progressbar from '../components/progressbar'\nimport ScoreGraph from '../components/scoregraph'\nimport React from 'react'\nimport { BSOR, Score } from '@/service/api/interfaces/beatleader'\nimport { BSMap } from '@/service/api/interfaces/beatsaver'\n\ninterface BLScoreProps {\n  score: Score\n  bsMap: BSMap\n  statistic: any\n  bsor: BSOR\n  qrcodeUrl: string\n}\n\nexport function BLScore({\n  score,\n  bsMap,\n  statistic,\n  bsor,\n  qrcodeUrl,\n}: BLScoreProps) {\n  const bg = 'https://www.loliapi.com/acg/pc/'\n  return (\n    <>\n      <div\n        className={\n          'flex flex-col justify-center items-center relative h-[720px] w-[400px] 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 space-x-4 items-center justify-between text-xl font-bold\">\n            <div className=\"flex space-x-4 items-center justify-between text-2xl font-bold\">\n              <img\n                loading={'eager'}\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\n              className={'w-[100px] flex items-center justify-center flex-col'}\n            >\n              <img\n                src={qrcodeUrl}\n                width={80}\n                height={80}\n                className={'w-[80px] aspect-square'}\n              />\n              <span className={'text-xs'}>replay</span>\n            </div>\n          </div>\n          <div className=\"flex space-x-4 h-40\">\n            <img\n              className={'h-40 w-40 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 justify-between\">\n              <div className=\"text-xl text-ellipsis line-clamp-2\">\n                {score.song.name}\n              </div>\n              <div className=\"flex space-x-2 items-center text-sm\">\n                <img\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 grid grid-cols-3 gap-1 *:space-x-1 *:flex *:items-center font-normal\">\n                <div className=\"flex items-center text-ellipsis col-span-3 line-clamp-1\">\n                  <Calendar className=\"h-3 w-3\" />\n                  <span>{formatTime(bsMap.lastPublishedAt)}</span>\n                </div>\n                <div>\n                  <span>\n                    <BarChart className={'w-3 h-3'} />\n                  </span>\n                  <span>{diffConv(score.difficulty.difficultyName)}</span>\n                </div>\n                <div>\n                  <span>\n                    <Star className={'w-3 h-3'} />\n                  </span>\n                  <span>{score.difficulty.stars?.toFixed(2) ?? 'none'} </span>\n                </div>\n                <div>\n                  <span>\n                    <Key className={'w-3 h-3'} />\n                  </span>\n                  <span>{score.song.id.toLowerCase().replaceAll('x', '')}</span>\n                </div>\n\n                <div className=\"flex items-center\">\n                  <ThumbsUp className=\"h-3 w-3\" />\n                  <span>{bsMap.stats.upvotes}</span>\n                </div>\n                <div className=\"flex items-center\">\n                  <ThumbsDown className=\"h-3 w-3\" />\n                  <span>{bsMap.stats.downvotes}</span>\n                </div>\n                <div className=\"flex items-center\">\n                  <Clock className=\"h-3 w-3\" />\n                  <span>{formatDuration(bsMap.metadata.duration)}</span>\n                </div>\n              </div>\n              <div className=\"flex items-center space-x-2 text-xs font-normal\">\n                <Progressbar value={bsMap.stats.score * 100} />\n                <span>{(bsMap.stats.score * 100).toFixed(2)} %</span>\n              </div>\n            </div>\n          </div>\n          <div className=\"text-xl font-bold pt-2\">\n            <div className=\"flex justify-between\">\n              <span> # {score.rank}</span>\n              <span>{score.pp.toFixed(2)} PP</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              <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 className=\"align-end mt-auto 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={192}\n              width={400}\n            />\n          </div>\n        </div>\n\n        <img\n          src={bg}\n          className={'inset-0 rounded-lg absolute h-full object-cover'}\n          loading={'eager'}\n        />\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":[]}