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

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

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

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/components/pages/bl-score.tsx"],"sourcesContent":["import {\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 '@/services/api/interfaces/beatleader'\nimport { BSMap } from '@/services/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":[]}

package/dist/esm/components/pages/bs-map.js

@@ -1,5 +1,5 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import RankIcon from "../components/icons/RankIcon";
+import React from "react";
+import RankIcon from "../components/icons/RankIcon.js";
 import {
   Calendar,
   Clock,
@@ -11,10 +11,10 @@ import {
   ThumbsUp
 } from "lucide-react";
 import dayjs from "dayjs";
-import { diffConv, formatNumber, formatTime, getTag } from "../utils";
-import { getMods } from "../utils/getMods";
-import Progressbar from "../components/progressbar";
-import { CharacteristicIcon } from "../components/characteristic";
+import { diffConv, formatNumber, formatTime, getTag } from "../utils/index.js";
+import { getMods } from "../utils/getMods.js";
+import Progressbar from "../components/progressbar.js";
+import { CharacteristicIcon } from "../components/characteristic.js";
 function BSMapShare({
   bsMap,
   bsMapQrUrl,
@@ -22,171 +22,100 @@ function BSMapShare({
 }) {
   var _a, _b, _c, _d;
   const bg = "https://www.loliapi.com/acg/pe/";
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     "div",
     {
       className: "w-[400px] rounded-none flex flex-col relative h-auto  my-auto",
-      id: "render-result",
-      children: /* @__PURE__ */ jsxs("div", { className: "relative z-10", children: [
-        /* @__PURE__ */ jsxs(
+      id: "render-result"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "bg-blend-darken bg-black/[.8] text-white  rounded-none"
+      },
+      /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: bsMap.versions[0].coverURL,
+          className: "w-[400px]",
+          loading: "eager",
+          alt: "bsmap cover"
+        }
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: "flex w-full h-auto flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-ellipsis  line-clamp-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-ellipsis  line-clamp-2 text-xl font-weight bg-gradient-to-r bg-clip-text text-transparent from-red-300 to-blue-300" }, bsMap.name)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "author flex space-x-4 items-center " }, /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: bsMap.uploader.avatar,
+          className: "rounded-full w-8 h-8",
+          loading: "eager",
+          alt: "bsmap mapper avatar"
+        }
+      ), /* @__PURE__ */ React.createElement("span", { className: "text-xl" }, bsMap.uploader.name))), /* @__PURE__ */ React.createElement("div", { className: "meta  flex space-x-4 text-xs py-2 items-center" }, /* @__PURE__ */ React.createElement(RankIcon, { blrank: bsMap.blRanked, ssrank: bsMap.ranked }), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-1 items-center justify-between" }, /* @__PURE__ */ React.createElement(HeartPulse, { className: "w-3 h-3" }), /* @__PURE__ */ React.createElement("span", null, bsMap.metadata.bpm.toFixed(0))), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-1 items-center justify-between" }, /* @__PURE__ */ React.createElement(Clock, { className: "w-3 h-3" }), /* @__PURE__ */ React.createElement("span", null, dayjs.duration(bsMap.metadata.duration, "seconds").format("mm:ss"))), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-1 items-center justify-between" }, /* @__PURE__ */ React.createElement(Key, { className: "w-3 h-3" }), /* @__PURE__ */ React.createElement("span", { className: "font-weight bg-gradient-to-r bg-clip-text text-transparent from-red-300 to-blue-300" }, bsMap.id)), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-2 text-xs" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Calendar, { className: "h-3 w-3" })), /* @__PURE__ */ React.createElement("span", null, formatTime(bsMap.lastPublishedAt)))), /* @__PURE__ */ React.createElement("div", { className: "tags flex flex-wrap justify-start" }, (_b = (_a = bsMap.tags) == null ? void 0 : _a.sort((a, b) => b.length - a.length)) == null ? void 0 : _b.map((item) => /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: "text-xs mx-1 text-white bg-red-500 rounded px-1",
+          key: item
+        },
+        getTag(item)
+      ))), /* @__PURE__ */ React.createElement("div", { className: "tags flex flex-wrap justify-start pt-2" }, (_d = (_c = getMods(bsMap)) == null ? void 0 : _c.sort((a, b) => b.length - a.length)) == null ? void 0 : _d.map((item) => /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: "text-xs mx-1 text-white bg-blue-500 rounded px-1",
+          key: item
+        },
+        item
+      ))), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "percentage w-42 py-2 flex text-xs items-center space-x-4" }, /* @__PURE__ */ React.createElement(Progressbar, { value: bsMap.stats.score * 100 }), /* @__PURE__ */ React.createElement("span", null, (bsMap.stats.score * 100).toFixed(1), "%")), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-1 items-center text-xs" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(ThumbsUp, { className: "h-3 w-3" })), /* @__PURE__ */ React.createElement("span", null, formatNumber(bsMap.stats.upvotes))), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-1 items-center text-xs" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(ThumbsDown, { className: "h-3 w-3" })), /* @__PURE__ */ React.createElement("span", null, formatNumber(bsMap.stats.downvotes)))), /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, "\u96BE\u5EA6"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2" }, bsMap.versions[0].diffs.map((diff) => {
+        var _a2;
+        return /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: "bg-blend-darken bg-black/[.8] text-white  rounded-none",
-            children: [
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: bsMap.versions[0].coverURL,
-                  className: "w-[400px]",
-                  loading: "eager",
-                  alt: "bsmap cover"
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "flex w-full h-auto flex-col", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-ellipsis  line-clamp-2", children: /* @__PURE__ */ jsx("span", { className: "text-ellipsis  line-clamp-2 text-xl font-weight bg-gradient-to-r bg-clip-text text-transparent from-red-300 to-blue-300", children: bsMap.name }) }),
-                /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { className: "author flex space-x-4 items-center ", children: [
-                  /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: bsMap.uploader.avatar,
-                      className: "rounded-full w-8 h-8",
-                      loading: "eager",
-                      alt: "bsmap mapper avatar"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "text-xl", children: bsMap.uploader.name })
-                ] }) }),
-                /* @__PURE__ */ jsxs("div", { className: "meta  flex space-x-4 text-xs py-2 items-center", children: [
-                  /* @__PURE__ */ jsx(RankIcon, { blrank: bsMap.blRanked, ssrank: bsMap.ranked }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-1 items-center justify-between", children: [
-                    /* @__PURE__ */ jsx(HeartPulse, { className: "w-3 h-3" }),
-                    /* @__PURE__ */ jsx("span", { children: bsMap.metadata.bpm.toFixed(0) })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-1 items-center justify-between", children: [
-                    /* @__PURE__ */ jsx(Clock, { className: "w-3 h-3" }),
-                    /* @__PURE__ */ jsx("span", { children: dayjs.duration(bsMap.metadata.duration, "seconds").format("mm:ss") })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-1 items-center justify-between", children: [
-                    /* @__PURE__ */ jsx(Key, { className: "w-3 h-3" }),
-                    /* @__PURE__ */ jsx("span", { className: "font-weight bg-gradient-to-r bg-clip-text text-transparent from-red-300 to-blue-300", children: bsMap.id })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-2 text-xs", children: [
-                    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3" }) }),
-                    /* @__PURE__ */ jsx("span", { children: formatTime(bsMap.lastPublishedAt) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "tags flex flex-wrap justify-start", children: (_b = (_a = bsMap.tags) == null ? void 0 : _a.sort((a, b) => b.length - a.length)) == null ? void 0 : _b.map((item) => /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: "text-xs mx-1 text-white bg-red-500 rounded px-1",
-                    children: getTag(item)
-                  },
-                  item
-                )) }),
-                /* @__PURE__ */ jsx("div", { className: "tags flex flex-wrap justify-start pt-2", children: (_d = (_c = getMods(bsMap)) == null ? void 0 : _c.sort((a, b) => b.length - a.length)) == null ? void 0 : _d.map((item) => /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: "text-xs mx-1 text-white bg-blue-500 rounded px-1",
-                    children: item
-                  },
-                  item
-                )) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex space-x-2", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "percentage w-42 py-2 flex text-xs items-center space-x-4", children: [
-                    /* @__PURE__ */ jsx(Progressbar, { value: bsMap.stats.score * 100 }),
-                    /* @__PURE__ */ jsxs("span", { children: [
-                      (bsMap.stats.score * 100).toFixed(1),
-                      "%"
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-1 items-center text-xs", children: [
-                    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(ThumbsUp, { className: "h-3 w-3" }) }),
-                    /* @__PURE__ */ jsx("span", { children: formatNumber(bsMap.stats.upvotes) })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-1 items-center text-xs", children: [
-                    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3 w-3" }) }),
-                    /* @__PURE__ */ jsx("span", { children: formatNumber(bsMap.stats.downvotes) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("span", { className: "font-bold", children: "\u96BE\u5EA6" }),
-                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2", children: bsMap.versions[0].diffs.map((diff) => {
-                  var _a2;
-                  return /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: "text-xs space-x-1 flex items-center",
-                      children: [
-                        /* @__PURE__ */ jsx("span", { className: "h-3 w-3 shrink-0", children: /* @__PURE__ */ jsx(
-                          CharacteristicIcon,
-                          {
-                            characteristic: diff.characteristic
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("span", { children: diffConv(diff.difficulty) }),
-                        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Gauge, { className: "w-3 h-3 ml-1" }) }),
-                        /* @__PURE__ */ jsx("span", { children: diff.nps.toFixed(2) }),
-                        diff.stars && /* @__PURE__ */ jsxs(Fragment, { children: [
-                          /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Star, { className: "w-3 h-3 ml-1" }) }),
-                          /* @__PURE__ */ jsx("span", { children: (_a2 = diff.stars) == null ? void 0 : _a2.toFixed(2) })
-                        ] })
-                      ]
-                    },
-                    diff.difficulty + diff.characteristic
-                  );
-                }) }),
-                /* @__PURE__ */ jsx("span", { className: "font-bold", children: "\u63CF\u8FF0" }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs", children: bsMap.description }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2", children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "text-[10px] text-opacity-70 text-slate-100 align-bottom mt-auto mb-0",
-                      children: "Powered by BSBot"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-                      /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          width: 80,
-                          height: 80,
-                          src: bsMapQrUrl,
-                          className: "w-20 h-20"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("div", { className: "text-[8px] font-light", children: "beatsaver" })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-                      /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          width: 80,
-                          height: 80,
-                          src: previewQrUrl,
-                          className: "w-20 h-20"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("div", { className: "text-[8px] font-light", children: "preview" })
-                    ] })
-                  ] })
-                ] })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: bg,
-            className: "inset-0 absolute h-full object-cover -z-10",
-            loading: "eager",
-            alt: "random background img"
-          }
-        )
-      ] })
-    }
-  ) });
+            key: diff.difficulty + diff.characteristic,
+            className: "text-xs space-x-1 flex items-center"
+          },
+          /* @__PURE__ */ React.createElement("span", { className: "h-3 w-3 shrink-0" }, /* @__PURE__ */ React.createElement(
+            CharacteristicIcon,
+            {
+              characteristic: diff.characteristic
+            }
+          )),
+          /* @__PURE__ */ React.createElement("span", null, diffConv(diff.difficulty)),
+          /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Gauge, { className: "w-3 h-3 ml-1" })),
+          /* @__PURE__ */ React.createElement("span", null, diff.nps.toFixed(2)),
+          diff.stars && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Star, { className: "w-3 h-3 ml-1" })), /* @__PURE__ */ React.createElement("span", null, (_a2 = diff.stars) == null ? void 0 : _a2.toFixed(2)))
+        );
+      })), /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, "\u63CF\u8FF0"), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, bsMap.description), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between pt-2" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "text-[10px] text-opacity-70 text-slate-100 align-bottom mt-auto mb-0"
+        },
+        "Powered by BSBot"
+      ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          width: 80,
+          height: 80,
+          src: bsMapQrUrl,
+          className: "w-20 h-20"
+        }
+      ), /* @__PURE__ */ React.createElement("div", { className: "text-[8px] font-light" }, "beatsaver")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          width: 80,
+          height: 80,
+          src: previewQrUrl,
+          className: "w-20 h-20"
+        }
+      ), /* @__PURE__ */ React.createElement("div", { className: "text-[8px] font-light" }, "preview"))))))
+    ), /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: bg,
+        className: "inset-0 absolute h-full object-cover -z-10",
+        loading: "eager",
+        alt: "random background img"
+      }
+    ))
+  ));
 }
 export {
   BSMapShare as default