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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/pages/bs-map.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport React from 'react'\nimport RankIcon from '../components/icons/RankIcon'\nimport {\n  Calendar,\n  Clock,\n  Gauge,\n  HeartPulse,\n  Key,\n  Star,\n  ThumbsDown,\n  ThumbsUp,\n} from 'lucide-react'\nimport dayjs from 'dayjs'\nimport { diffConv, formatNumber, formatTime, getTag } from '../utils'\nimport { getMods } from '../utils/getMods'\nimport Progressbar from '../components/progressbar'\nimport { CharacteristicIcon } from '../components/characteristic'\nimport { BSMap } from '@/service/api/interfaces/beatsaver'\n\ninterface BSMapProps {\n  bsMap: BSMap\n  previewQrUrl: string\n  bsMapQrUrl: string\n}\n\nexport default function BSMapShare({\n  bsMap,\n  bsMapQrUrl,\n  previewQrUrl,\n}: BSMapProps) {\n  // if ranked fetch rank star\n  const bg = 'https://www.loliapi.com/acg/pe/'\n  return (\n    <>\n      <div\n        className={\n          'w-[400px] rounded-none flex flex-col relative h-auto  my-auto'\n        }\n        id=\"render-result\"\n      >\n        <div className={'relative z-10'}>\n          <div\n            className={'bg-blend-darken bg-black/[.8] text-white  rounded-none'}\n          >\n            <img\n              src={bsMap.versions[0].coverURL}\n              className=\"w-[400px]\"\n              loading={'eager'}\n              alt={'bsmap cover'}\n            />\n            <div className=\"flex w-full h-auto flex-col\">\n              <div className=\"p-4\">\n                <div className=\"text-ellipsis  line-clamp-2\">\n                  <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\">\n                    {bsMap.name}\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"author flex space-x-4 items-center \">\n                    <img\n                      src={bsMap.uploader.avatar}\n                      className=\"rounded-full w-8 h-8\"\n                      loading={'eager'}\n                      alt={'bsmap mapper avatar'}\n                    />\n                    <span className=\"text-xl\">{bsMap.uploader.name}</span>\n                  </div>\n                </div>\n\n                <div className=\"meta  flex space-x-4 text-xs py-2 items-center\">\n                  <RankIcon blrank={bsMap.blRanked} ssrank={bsMap.ranked} />\n                  <div className=\"flex space-x-1 items-center justify-between\">\n                    <HeartPulse className=\"w-3 h-3\" />\n                    <span>{bsMap.metadata.bpm.toFixed(0)}</span>\n                  </div>\n                  <div className=\"flex space-x-1 items-center justify-between\">\n                    <Clock className=\"w-3 h-3\" />\n                    <span>\n                      {dayjs\n                        .duration(bsMap.metadata.duration, 'seconds')\n                        .format('mm:ss')}\n                    </span>\n                  </div>\n\n                  <div className=\"flex space-x-1 items-center justify-between\">\n                    <Key className=\"w-3 h-3\" />\n                    <span className=\"font-weight bg-gradient-to-r bg-clip-text text-transparent from-red-300 to-blue-300\">\n                      {bsMap.id}\n                    </span>\n                  </div>\n                  <div className=\"flex space-x-2 text-xs\">\n                    <span>\n                      <Calendar className=\"h-3 w-3\" />\n                    </span>\n                    <span>{formatTime(bsMap.lastPublishedAt)}</span>\n                  </div>\n                </div>\n\n                <div className=\"tags flex flex-wrap justify-start\">\n                  {bsMap.tags\n                    ?.sort((a, b) => b.length - a.length)\n                    ?.map((item) => (\n                      <span\n                        className=\"text-xs mx-1 text-white bg-red-500 rounded px-1\"\n                        key={item}\n                      >\n                        {getTag(item)}\n                      </span>\n                    ))}\n                </div>\n                <div className=\"tags flex flex-wrap justify-start pt-2\">\n                  {getMods(bsMap)\n                    ?.sort((a, b) => b.length - a.length)\n                    ?.map((item) => (\n                      <span\n                        className=\"text-xs mx-1 text-white bg-blue-500 rounded px-1\"\n                        key={item}\n                      >\n                        {item}\n                      </span>\n                    ))}\n                </div>\n                <div className=\"flex space-x-2\">\n                  <div className=\"percentage w-42 py-2 flex text-xs items-center space-x-4\">\n                    <Progressbar value={bsMap.stats.score * 100} />\n                    <span>{(bsMap.stats.score * 100).toFixed(1)}%</span>\n                  </div>\n                  <div className=\"flex space-x-1 items-center text-xs\">\n                    <span>\n                      <ThumbsUp className=\"h-3 w-3\" />\n                    </span>\n                    <span>{formatNumber(bsMap.stats.upvotes)}</span>\n                  </div>\n                  <div className=\"flex space-x-1 items-center text-xs\">\n                    <span>\n                      <ThumbsDown className=\"h-3 w-3\" />\n                    </span>\n                    <span>{formatNumber(bsMap.stats.downvotes)}</span>\n                  </div>\n                </div>\n\n                <span className=\"font-bold\">难度</span>\n                <div className=\"grid grid-cols-2\">\n                  {bsMap.versions[0].diffs.map((diff) => (\n                    <div\n                      key={diff.difficulty + diff.characteristic}\n                      className=\"text-xs space-x-1 flex items-center\"\n                    >\n                      <span className=\"h-3 w-3 shrink-0\">\n                        <CharacteristicIcon\n                          characteristic={diff.characteristic}\n                        />\n                      </span>\n                      <span>{diffConv(diff.difficulty)}</span>\n                      <span>\n                        <Gauge className={'w-3 h-3 ml-1'} />\n                      </span>\n                      <span>{diff.nps.toFixed(2)}</span>\n                      {diff.stars && (\n                        <>\n                          <span>\n                            <Star className={'w-3 h-3 ml-1'} />\n                          </span>\n                          <span>{diff.stars?.toFixed(2)}</span>\n                        </>\n                      )}\n                    </div>\n                  ))}\n                </div>\n\n                <span className=\"font-bold\">描述</span>\n                <p className=\"text-xs\">{bsMap.description}</p>\n\n                <div className={'flex items-center justify-between pt-2'}>\n                  <div\n                    className={\n                      'text-[10px] text-opacity-70 text-slate-100 align-bottom mt-auto mb-0'\n                    }\n                  >\n                    Powered by BSBot\n                  </div>\n                  <div className=\"flex items-center space-x-2\">\n                    <div className={'flex flex-col items-center'}>\n                      <img\n                        width={80}\n                        height={80}\n                        src={bsMapQrUrl}\n                        className=\"w-20 h-20\"\n                      />\n                      {/*<QRCode url={`https://beatsaver.com/maps/${bsMap.id}`} classNameame={'w-20'}/>*/}\n                      <div className={'text-[8px] font-light'}>beatsaver</div>\n                    </div>\n                    <div className={'flex flex-col items-center'}>\n                      <img\n                        width={80}\n                        height={80}\n                        src={previewQrUrl}\n                        className=\"w-20 h-20\"\n                      />\n                      {/*<QRCode url={`https://allpoland.github.io/ArcViewer/?id=${bsMap.id}`} className={'w-20'}/>*/}\n                      <div className={'text-[8px] font-light'}>preview</div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <img\n            src={bg}\n            className={'inset-0 absolute h-full object-cover -z-10'}\n            loading={'eager'}\n            alt={'random background img'}\n          />\n        </div>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":["RankIcon","dayjs","Progressbar","_a"]}
+{"version":3,"sources":["../../../../src/components/pages/bs-map.tsx"],"sourcesContent":["import React from 'react'\nimport RankIcon from '../components/icons/RankIcon'\nimport {\n  Calendar,\n  Clock,\n  Gauge,\n  HeartPulse,\n  Key,\n  Star,\n  ThumbsDown,\n  ThumbsUp,\n} from 'lucide-react'\nimport dayjs from 'dayjs'\nimport { diffConv, formatNumber, formatTime, getTag } from '../utils'\nimport { getMods } from '../utils/getMods'\nimport Progressbar from '../components/progressbar'\nimport { CharacteristicIcon } from '../components/characteristic'\nimport { BSMap } from '@/services/api/interfaces/beatsaver'\n\ninterface BSMapProps {\n  bsMap: BSMap\n  previewQrUrl: string\n  bsMapQrUrl: string\n}\n\nexport default function BSMapShare({\n  bsMap,\n  bsMapQrUrl,\n  previewQrUrl,\n}: BSMapProps) {\n  // if ranked fetch rank star\n  const bg = 'https://www.loliapi.com/acg/pe/'\n  return (\n    <>\n      <div\n        className={\n          'w-[400px] rounded-none flex flex-col relative h-auto  my-auto'\n        }\n        id=\"render-result\"\n      >\n        <div className={'relative z-10'}>\n          <div\n            className={'bg-blend-darken bg-black/[.8] text-white  rounded-none'}\n          >\n            <img\n              src={bsMap.versions[0].coverURL}\n              className=\"w-[400px]\"\n              loading={'eager'}\n              alt={'bsmap cover'}\n            />\n            <div className=\"flex w-full h-auto flex-col\">\n              <div className=\"p-4\">\n                <div className=\"text-ellipsis  line-clamp-2\">\n                  <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\">\n                    {bsMap.name}\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"author flex space-x-4 items-center \">\n                    <img\n                      src={bsMap.uploader.avatar}\n                      className=\"rounded-full w-8 h-8\"\n                      loading={'eager'}\n                      alt={'bsmap mapper avatar'}\n                    />\n                    <span className=\"text-xl\">{bsMap.uploader.name}</span>\n                  </div>\n                </div>\n\n                <div className=\"meta  flex space-x-4 text-xs py-2 items-center\">\n                  <RankIcon blrank={bsMap.blRanked} ssrank={bsMap.ranked} />\n                  <div className=\"flex space-x-1 items-center justify-between\">\n                    <HeartPulse className=\"w-3 h-3\" />\n                    <span>{bsMap.metadata.bpm.toFixed(0)}</span>\n                  </div>\n                  <div className=\"flex space-x-1 items-center justify-between\">\n                    <Clock className=\"w-3 h-3\" />\n                    <span>\n                      {dayjs\n                        .duration(bsMap.metadata.duration, 'seconds')\n                        .format('mm:ss')}\n                    </span>\n                  </div>\n\n                  <div className=\"flex space-x-1 items-center justify-between\">\n                    <Key className=\"w-3 h-3\" />\n                    <span className=\"font-weight bg-gradient-to-r bg-clip-text text-transparent from-red-300 to-blue-300\">\n                      {bsMap.id}\n                    </span>\n                  </div>\n                  <div className=\"flex space-x-2 text-xs\">\n                    <span>\n                      <Calendar className=\"h-3 w-3\" />\n                    </span>\n                    <span>{formatTime(bsMap.lastPublishedAt)}</span>\n                  </div>\n                </div>\n\n                <div className=\"tags flex flex-wrap justify-start\">\n                  {bsMap.tags\n                    ?.sort((a, b) => b.length - a.length)\n                    ?.map((item) => (\n                      <span\n                        className=\"text-xs mx-1 text-white bg-red-500 rounded px-1\"\n                        key={item}\n                      >\n                        {getTag(item)}\n                      </span>\n                    ))}\n                </div>\n                <div className=\"tags flex flex-wrap justify-start pt-2\">\n                  {getMods(bsMap)\n                    ?.sort((a, b) => b.length - a.length)\n                    ?.map((item) => (\n                      <span\n                        className=\"text-xs mx-1 text-white bg-blue-500 rounded px-1\"\n                        key={item}\n                      >\n                        {item}\n                      </span>\n                    ))}\n                </div>\n                <div className=\"flex space-x-2\">\n                  <div className=\"percentage w-42 py-2 flex text-xs items-center space-x-4\">\n                    <Progressbar value={bsMap.stats.score * 100} />\n                    <span>{(bsMap.stats.score * 100).toFixed(1)}%</span>\n                  </div>\n                  <div className=\"flex space-x-1 items-center text-xs\">\n                    <span>\n                      <ThumbsUp className=\"h-3 w-3\" />\n                    </span>\n                    <span>{formatNumber(bsMap.stats.upvotes)}</span>\n                  </div>\n                  <div className=\"flex space-x-1 items-center text-xs\">\n                    <span>\n                      <ThumbsDown className=\"h-3 w-3\" />\n                    </span>\n                    <span>{formatNumber(bsMap.stats.downvotes)}</span>\n                  </div>\n                </div>\n\n                <span className=\"font-bold\">难度</span>\n                <div className=\"grid grid-cols-2\">\n                  {bsMap.versions[0].diffs.map((diff) => (\n                    <div\n                      key={diff.difficulty + diff.characteristic}\n                      className=\"text-xs space-x-1 flex items-center\"\n                    >\n                      <span className=\"h-3 w-3 shrink-0\">\n                        <CharacteristicIcon\n                          characteristic={diff.characteristic}\n                        />\n                      </span>\n                      <span>{diffConv(diff.difficulty)}</span>\n                      <span>\n                        <Gauge className={'w-3 h-3 ml-1'} />\n                      </span>\n                      <span>{diff.nps.toFixed(2)}</span>\n                      {diff.stars && (\n                        <>\n                          <span>\n                            <Star className={'w-3 h-3 ml-1'} />\n                          </span>\n                          <span>{diff.stars?.toFixed(2)}</span>\n                        </>\n                      )}\n                    </div>\n                  ))}\n                </div>\n\n                <span className=\"font-bold\">描述</span>\n                <p className=\"text-xs\">{bsMap.description}</p>\n\n                <div className={'flex items-center justify-between pt-2'}>\n                  <div\n                    className={\n                      'text-[10px] text-opacity-70 text-slate-100 align-bottom mt-auto mb-0'\n                    }\n                  >\n                    Powered by BSBot\n                  </div>\n                  <div className=\"flex items-center space-x-2\">\n                    <div className={'flex flex-col items-center'}>\n                      <img\n                        width={80}\n                        height={80}\n                        src={bsMapQrUrl}\n                        className=\"w-20 h-20\"\n                      />\n                      {/*<QRCode url={`https://beatsaver.com/maps/${bsMap.id}`} classNameame={'w-20'}/>*/}\n                      <div className={'text-[8px] font-light'}>beatsaver</div>\n                    </div>\n                    <div className={'flex flex-col items-center'}>\n                      <img\n                        width={80}\n                        height={80}\n                        src={previewQrUrl}\n                        className=\"w-20 h-20\"\n                      />\n                      {/*<QRCode url={`https://allpoland.github.io/ArcViewer/?id=${bsMap.id}`} className={'w-20'}/>*/}\n                      <div className={'text-[8px] font-light'}>preview</div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <img\n            src={bg}\n            className={'inset-0 absolute h-full object-cover -z-10'}\n            loading={'eager'}\n            alt={'random background img'}\n          />\n        </div>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":["React","RankIcon","dayjs","Progressbar","_a"]}

package/dist/cjs/components/pages/index.js

@@ -27,21 +27,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var pages_exports = {};
 __export(pages_exports, {
-  getBLPlayerComp: () => getBLPlayerComp,
-  getBLRankScoreComp: () => getBLRankScoreComp,
-  getBLScoreComp: () => getBLScoreComp,
-  getBSMapComp: () => getBSMapComp,
-  getSSPlayerComp: () => getSSPlayerComp
+  BLPlayerComp: () => BLPlayerComp,
+  BLRankScoreComp: () => BLRankScoreComp,
+  BLScoreComp: () => BLScoreComp,
+  BSMapComp: () => BSMapComp,
+  SSPlayerComp: () => SSPlayerComp
 });
 module.exports = __toCommonJS(pages_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_bs_map = __toESM(require("./bs-map"));
-var import_ss_player = __toESM(require("./ss-player"));
-var import_bl_player = __toESM(require("./bl-player"));
-var import_bl_score = require("./bl-score");
-var import_bl_score_with_rank = __toESM(require("../../components/pages/bl-score-with-rank"));
-const getBSMapComp = (bsMap, bsMapQrUrl, previewQrUrl) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_react = __toESM(require("react"));
+var import_bs_map = __toESM(require("./bs-map.js"));
+var import_ss_player = __toESM(require("./ss-player.js"));
+var import_bl_player = __toESM(require("./bl-player.js"));
+var import_bl_score = require("./bl-score.js");
+var import_bl_score_with_rank = __toESM(require("../../components/pages/bl-score-with-rank.js"));
+const BSMapComp = (bsMap, bsMapQrUrl, previewQrUrl) => {
+  return /* @__PURE__ */ import_react.default.createElement(
     import_bs_map.default,
     {
       bsMap,
@@ -50,14 +50,14 @@ const getBSMapComp = (bsMap, bsMapQrUrl, previewQrUrl) => {
     }
   );
 };
-const getSSPlayerComp = (scores, userInfo, bg) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ss_player.default, { scoreUser: userInfo, leaderItems: scores, bg });
+const SSPlayerComp = (scores, userInfo, bg) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_ss_player.default, { scoreUser: userInfo, leaderItems: scores, bg });
 };
-const getBLPlayerComp = (scores, userInfo, bg) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bl_player.default, { user: userInfo, beatleaderItems: scores, bg });
+const BLPlayerComp = (scores, userInfo, bg) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_bl_player.default, { user: userInfo, beatleaderItems: scores, bg });
 };
-const getBLScoreComp = (score, bsMap, statistic, bsor, qrcodeUrl) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const BLScoreComp = (score, bsMap, statistic, bsor, qrcodeUrl) => {
+  return /* @__PURE__ */ import_react.default.createElement(
     import_bl_score.BLScore,
     {
       score,
@@ -68,8 +68,8 @@ const getBLScoreComp = (score, bsMap, statistic, bsor, qrcodeUrl) => {
     }
   );
 };
-const getBLRankScoreComp = (score, aroundScores, regionTopScores, difficulties, bsMap, statistic, bsor, bg) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const BLRankScoreComp = (score, aroundScores, regionTopScores, difficulties, bsMap, statistic, bsor, bg) => {
+  return /* @__PURE__ */ import_react.default.createElement(
     import_bl_score_with_rank.default,
     {
       score,
@@ -85,10 +85,10 @@ const getBLRankScoreComp = (score, aroundScores, regionTopScores, difficulties,
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getBLPlayerComp,
-  getBLRankScoreComp,
-  getBLScoreComp,
-  getBSMapComp,
-  getSSPlayerComp
+  BLPlayerComp,
+  BLRankScoreComp,
+  BLScoreComp,
+  BSMapComp,
+  SSPlayerComp
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/pages/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/pages/index.tsx"],"sourcesContent":["import React from 'react'\nimport BSMapShare from './bs-map'\nimport SSPlayerPage from './ss-player'\nimport BLPlayerPage from './bl-player'\nimport { BLScore } from './bl-score'\nimport { BSMap } from '@/service/api/interfaces/beatsaver'\nimport { BeatLeaderUser, Score } from '@/service/api/interfaces/beatleader'\nimport { ScoreSaberItem, ScoreSaberUser } from '@/service/api/interfaces/scoresaber'\nimport BLRankScore from '@/components/pages/bl-score-with-rank'\n\nexport const getBSMapComp = (\n  bsMap: BSMap,\n  bsMapQrUrl: string,\n  previewQrUrl: string\n) => {\n  return (\n    <BSMapShare\n      bsMap={bsMap}\n      bsMapQrUrl={bsMapQrUrl}\n      previewQrUrl={previewQrUrl}\n    />\n  )\n}\nexport const getSSPlayerComp = (\n  scores: ScoreSaberItem[],\n  userInfo: ScoreSaberUser,\n  bg: string\n) => {\n  return <SSPlayerPage scoreUser={userInfo} leaderItems={scores} bg={bg} />\n}\n\nexport const getBLPlayerComp = (\n  scores: Score[],\n  userInfo: BeatLeaderUser,\n  bg: string\n) => {\n  return <BLPlayerPage user={userInfo} beatleaderItems={scores} bg={bg} />\n}\n\nexport const getBLScoreComp = (\n  score: Score,\n  bsMap: BSMap,\n  statistic: any,\n  bsor: any,\n  qrcodeUrl: string\n) => {\n  return (\n    <BLScore\n      score={score}\n      bsMap={bsMap}\n      statistic={statistic}\n      bsor={bsor}\n      qrcodeUrl={qrcodeUrl}\n    />\n  )\n}\n\nexport const getBLRankScoreComp = (\n  score,\n  aroundScores,\n  regionTopScores,\n  difficulties,\n  bsMap,\n  statistic,\n  bsor,\n  bg\n) => {\n  return (\n    <BLRankScore\n      score={score}\n      bsMap={bsMap}\n      aroundScores={aroundScores}\n      regionTopScores={regionTopScores}\n      difficulties={difficulties}\n      statistic={statistic}\n      bsor={bsor}\n      bg={bg}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBI;AAfJ,oBAAuB;AACvB,uBAAyB;AACzB,uBAAyB;AACzB,sBAAwB;AAIxB,gCAAwB;AAEjB,MAAM,eAAe,CAC1B,OACA,YACA,iBACG;AACH,SACE;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AACO,MAAM,kBAAkB,CAC7B,QACA,UACA,OACG;AACH,SAAO,4CAAC,iBAAAC,SAAA,EAAa,WAAW,UAAU,aAAa,QAAQ,IAAQ;AACzE;AAEO,MAAM,kBAAkB,CAC7B,QACA,UACA,OACG;AACH,SAAO,4CAAC,iBAAAC,SAAA,EAAa,MAAM,UAAU,iBAAiB,QAAQ,IAAQ;AACxE;AAEO,MAAM,iBAAiB,CAC5B,OACA,OACA,WACA,MACA,cACG;AACH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,qBAAqB,CAChC,OACA,cACA,iBACA,cACA,OACA,WACA,MACA,OACG;AACH,SACE;AAAA,IAAC,0BAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":["BSMapShare","SSPlayerPage","BLPlayerPage","BLRankScore"]}
+{"version":3,"sources":["../../../../src/components/pages/index.tsx"],"sourcesContent":["import React from 'react'\nimport BSMapShare from './bs-map'\nimport SSPlayerPage from './ss-player'\nimport BLPlayerPage from './bl-player'\nimport { BLScore } from './bl-score'\n\nimport { BSMap } from '@/services/api/interfaces/beatsaver'\nimport { BeatLeaderUser, Score } from '@/services/api/interfaces/beatleader'\nimport { ScoreSaberItem, ScoreSaberUser } from '@/services/api/interfaces/scoresaber'\nimport BLRankScore from '@/components/pages/bl-score-with-rank'\n\nexport const BSMapComp = (\n  bsMap: BSMap,\n  bsMapQrUrl: string,\n  previewQrUrl: string\n) => {\n  return (\n    <BSMapShare\n      bsMap={bsMap}\n      bsMapQrUrl={bsMapQrUrl}\n      previewQrUrl={previewQrUrl}\n    />\n  )\n}\nexport const SSPlayerComp = (\n  scores: ScoreSaberItem[],\n  userInfo: ScoreSaberUser,\n  bg: string\n) => {\n  return <SSPlayerPage scoreUser={userInfo} leaderItems={scores} bg={bg} />\n}\n\nexport const BLPlayerComp = (\n  scores: Score[],\n  userInfo: BeatLeaderUser,\n  bg: string\n) => {\n  return <BLPlayerPage user={userInfo} beatleaderItems={scores} bg={bg} />\n}\n\nexport const BLScoreComp = (\n  score: Score,\n  bsMap: BSMap,\n  statistic: any,\n  bsor: any,\n  qrcodeUrl: string\n) => {\n  return (\n    <BLScore\n      score={score}\n      bsMap={bsMap}\n      statistic={statistic}\n      bsor={bsor}\n      qrcodeUrl={qrcodeUrl}\n    />\n  )\n}\n\nexport const BLRankScoreComp = (\n  score,\n  aroundScores,\n  regionTopScores,\n  difficulties,\n  bsMap,\n  statistic,\n  bsor,\n  bg\n) => {\n  return (\n    <BLRankScore\n      score={score}\n      bsMap={bsMap}\n      aroundScores={aroundScores}\n      regionTopScores={regionTopScores}\n      difficulties={difficulties}\n      statistic={statistic}\n      bsor={bsor}\n      bg={bg}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,uBAAyB;AACzB,uBAAyB;AACzB,sBAAwB;AAKxB,gCAAwB;AAEjB,MAAM,YAAY,CACvB,OACA,YACA,iBACG;AACH,SACE,6BAAAA,QAAA;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AACO,MAAM,eAAe,CAC1B,QACA,UACA,OACG;AACH,SAAO,6BAAAD,QAAA,cAAC,iBAAAE,SAAA,EAAa,WAAW,UAAU,aAAa,QAAQ,IAAQ;AACzE;AAEO,MAAM,eAAe,CAC1B,QACA,UACA,OACG;AACH,SAAO,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,EAAa,MAAM,UAAU,iBAAiB,QAAQ,IAAQ;AACxE;AAEO,MAAM,cAAc,CACzB,OACA,OACA,WACA,MACA,cACG;AACH,SACE,6BAAAH,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,kBAAkB,CAC7B,OACA,cACA,iBACA,cACA,OACA,WACA,MACA,OACG;AACH,SACE,6BAAAA,QAAA;AAAA,IAAC,0BAAAI;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":["React","BSMapShare","SSPlayerPage","BLPlayerPage","BLRankScore"]}

package/dist/cjs/components/pages/ss-player.js

@@ -30,91 +30,62 @@ __export(ss_player_exports, {
   default: () => SSPlayerPage
 });
 module.exports = __toCommonJS(ss_player_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_flag = __toESM(require("../components/flag"));
-var import_tw_join = require("../utils/tw-join");
-var import_ss_score_item = __toESM(require("../components/ss-score-item"));
+var import_flag = __toESM(require("../components/flag.js"));
+var import_tw_join = require("../utils/tw-join.js");
+var import_ss_score_item = __toESM(require("../components/ss-score-item.js"));
+var import_react = __toESM(require("react"));
 function SSPlayerPage({
   leaderItems,
   scoreUser,
   bg,
   params
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "flex flex-col justify-center items-center relative h-[720px] w-[1200px] my-auto",
-      id: "render-result",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "div",
-          {
-            className: "bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white rounded-lg flex flex-col space-y-2 z-10",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-4 pb-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "img",
-                  {
-                    className: "h-32 w-32 rounded-md",
-                    src: scoreUser.profilePicture,
-                    loading: "eager"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col justify-between", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-3xl font-bold", children: scoreUser.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-2 text-md font-bold items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.EarchIcon, {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                        "# ",
-                        scoreUser.rank
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.default, { flagNationCode: scoreUser.country }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                        "# ",
-                        scoreUser.countryRank
-                      ] })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                    "div",
-                    {
-                      className: (0, import_tw_join.twJoin)(
-                        "text-4xl font-bold ",
-                        " bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300",
-                        "text-orange-100"
-                      ),
-                      children: [
-                        scoreUser.pp.toFixed(3),
-                        " PP"
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "div",
-                  {
-                    className: "text-4xl pl-40 items-center flex text-gray-100 opacity-70",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "coming soon, ... maybe?" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-4 gap-2", children: leaderItems.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ss_score_item.default, { scoreItem: item }, idx)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "img",
-          {
-            src: bg,
-            className: "inset-0 mx-auto w-full rounded-lg absolute h-full object-center",
-            loading: "eager"
-          }
-        )
-      ]
-    }
-  ) });
+      id: "render-result"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white rounded-lg flex flex-col space-y-2 z-10"
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "flex space-x-4 pb-2" }, /* @__PURE__ */ import_react.default.createElement(
+        "img",
+        {
+          className: "h-32 w-32 rounded-md",
+          src: scoreUser.profilePicture,
+          loading: "eager"
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col justify-between" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "text-3xl font-bold" }, scoreUser.name), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex space-x-2 text-md font-bold items-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react.default.createElement(import_flag.EarchIcon, null), /* @__PURE__ */ import_react.default.createElement("span", null, "# ", scoreUser.rank)), /* @__PURE__ */ import_react.default.createElement("span", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react.default.createElement(import_flag.default, { flagNationCode: scoreUser.country }), /* @__PURE__ */ import_react.default.createElement("span", null, "# ", scoreUser.countryRank))), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_tw_join.twJoin)(
+            "text-4xl font-bold ",
+            " bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300",
+            "text-orange-100"
+          )
+        },
+        scoreUser.pp.toFixed(3),
+        " PP"
+      )), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "text-4xl pl-40 items-center flex text-gray-100 opacity-70"
+        },
+        /* @__PURE__ */ import_react.default.createElement("span", null, "coming soon, ... maybe?")
+      )),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-4 gap-2" }, leaderItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement(import_ss_score_item.default, { scoreItem: item, key: idx })))
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: bg,
+        className: "inset-0 mx-auto w-full rounded-lg absolute h-full object-center",
+        loading: "eager"
+      }
+    )
+  ));
 }
 //# sourceMappingURL=ss-player.js.map