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

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

@@ -0,0 +1,194 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import RankIcon from "../components/icons/RankIcon";
+import {
+  Calendar,
+  Clock,
+  Gauge,
+  HeartPulse,
+  Key,
+  Star,
+  ThumbsDown,
+  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";
+function BSMapShare({
+  bsMap,
+  bsMapQrUrl,
+  previewQrUrl
+}) {
+  var _a, _b, _c, _d;
+  const bg = "https://www.loliapi.com/acg/pe/";
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    "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(
+          "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"
+          }
+        )
+      ] })
+    }
+  ) });
+}
+export {
+  BSMapShare as default
+};
+//# sourceMappingURL=bs-map.js.map

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

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

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

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import BSMapShare from "./bs-map";
+import SSPlayerPage from "./ss-player";
+import BLPlayerPage from "./bl-player";
+import { BLScore } from "./bl-score";
+import BLRankScore from "../../components/pages/bl-score-with-rank";
+const getBSMapComp = (bsMap, bsMapQrUrl, previewQrUrl) => {
+  return /* @__PURE__ */ jsx(
+    BSMapShare,
+    {
+      bsMap,
+      bsMapQrUrl,
+      previewQrUrl
+    }
+  );
+};
+const getSSPlayerComp = (scores, userInfo, bg) => {
+  return /* @__PURE__ */ jsx(SSPlayerPage, { scoreUser: userInfo, leaderItems: scores, bg });
+};
+const getBLPlayerComp = (scores, userInfo, bg) => {
+  return /* @__PURE__ */ jsx(BLPlayerPage, { user: userInfo, beatleaderItems: scores, bg });
+};
+const getBLScoreComp = (score, bsMap, statistic, bsor, qrcodeUrl) => {
+  return /* @__PURE__ */ jsx(
+    BLScore,
+    {
+      score,
+      bsMap,
+      statistic,
+      bsor,
+      qrcodeUrl
+    }
+  );
+};
+const getBLRankScoreComp = (score, aroundScores, regionTopScores, difficulties, bsMap, statistic, bsor, bg) => {
+  return /* @__PURE__ */ jsx(
+    BLRankScore,
+    {
+      score,
+      bsMap,
+      aroundScores,
+      regionTopScores,
+      difficulties,
+      statistic,
+      bsor,
+      bg
+    }
+  );
+};
+export {
+  getBLPlayerComp,
+  getBLRankScoreComp,
+  getBLScoreComp,
+  getBSMapComp,
+  getSSPlayerComp
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":"AAgBI;AAfJ,OAAO,gBAAgB;AACvB,OAAO,kBAAkB;AACzB,OAAO,kBAAkB;AACzB,SAAS,eAAe;AAIxB,OAAO,iBAAiB;AAEjB,MAAM,eAAe,CAC1B,OACA,YACA,iBACG;AACH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AACO,MAAM,kBAAkB,CAC7B,QACA,UACA,OACG;AACH,SAAO,oBAAC,gBAAa,WAAW,UAAU,aAAa,QAAQ,IAAQ;AACzE;AAEO,MAAM,kBAAkB,CAC7B,QACA,UACA,OACG;AACH,SAAO,oBAAC,gBAAa,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;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,91 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Flags, { EarchIcon } from "../components/flag";
+import { twJoin } from "../utils/tw-join";
+import ScoreItem from "../components/ss-score-item";
+function SSPlayerPage({
+  leaderItems,
+  scoreUser,
+  bg,
+  params
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col justify-center items-center relative h-[720px] w-[1200px] my-auto",
+      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 rounded-lg flex flex-col space-y-2 z-10",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex space-x-4 pb-2", children: [
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    className: "h-32 w-32 rounded-md",
+                    src: scoreUser.profilePicture,
+                    loading: "eager"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold", children: scoreUser.name }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex space-x-2 text-md font-bold items-center", children: [
+                    /* @__PURE__ */ jsxs("span", { className: "flex items-center space-x-1", children: [
+                      /* @__PURE__ */ jsx(EarchIcon, {}),
+                      /* @__PURE__ */ jsxs("span", { children: [
+                        "# ",
+                        scoreUser.rank
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("span", { className: "flex items-center space-x-1", children: [
+                      /* @__PURE__ */ jsx(Flags, { flagNationCode: scoreUser.country }),
+                      /* @__PURE__ */ jsxs("span", { children: [
+                        "# ",
+                        scoreUser.countryRank
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: 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__ */ jsx(
+                  "div",
+                  {
+                    className: "text-4xl pl-40 items-center flex text-gray-100 opacity-70",
+                    children: /* @__PURE__ */ jsx("span", { children: "coming soon, ... maybe?" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: leaderItems.map((item, idx) => /* @__PURE__ */ jsx(ScoreItem, { scoreItem: item }, idx)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: bg,
+            className: "inset-0 mx-auto w-full rounded-lg absolute h-full object-center",
+            loading: "eager"
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  SSPlayerPage as default
+};
+//# sourceMappingURL=ss-player.js.map

package/dist/esm/components/pages/ss-player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/ss-player.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport Flags, { EarchIcon } from '../components/flag'\nimport { twJoin } from '../utils/tw-join'\nimport ScoreItem from '../components/ss-score-item'\nimport { ScoreSaberItem, ScoreSaberUser } from '@/service/api/interfaces/scoresaber'\n\ninterface SSPlayerProps {\n  leaderItems: ScoreSaberItem[]\n  scoreUser: ScoreSaberUser\n  params?: Record<string, string>\n  bg: string\n}\n\nexport default function SSPlayerPage({\n  leaderItems,\n  scoreUser,\n  bg,\n  params,\n}: SSPlayerProps) {\n  return (\n    <>\n      <div\n        className={\n          'flex flex-col justify-center items-center relative h-[720px] w-[1200px] my-auto'\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 rounded-lg flex flex-col space-y-2 z-10'\n          }\n        >\n          <div className={'flex space-x-4 pb-2'}>\n            <img\n              className={'h-32 w-32 rounded-md'}\n              src={scoreUser.profilePicture}\n              loading={'eager'}\n              // fallback={scoreUser.name.slice(0, 1)}\n            />\n            <div className={'flex flex-col justify-between'}>\n              <span className={'text-3xl font-bold'}>{scoreUser.name}</span>\n              <div className={'flex space-x-2 text-md font-bold items-center'}>\n                <span className=\"flex items-center space-x-1\">\n                  <EarchIcon />\n                  <span># {scoreUser.rank}</span>\n                </span>\n                <span className=\"flex items-center space-x-1\">\n                  <Flags flagNationCode={scoreUser.country} />\n                  <span># {scoreUser.countryRank}</span>\n                </span>\n              </div>\n              <div\n                className={twJoin(\n                  'text-4xl font-bold ',\n                  ' bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300',\n                  'text-orange-100'\n                )}\n              >\n                {scoreUser.pp.toFixed(3)} PP\n              </div>\n            </div>\n            <div\n              className={\n                'text-4xl pl-40 items-center flex text-gray-100 opacity-70'\n              }\n            >\n              <span>coming soon, ... maybe?</span>\n            </div>\n          </div>\n          <div className={'grid grid-cols-4 gap-2'}>\n            {leaderItems.map((item, idx) => (\n              <ScoreItem scoreItem={item} key={idx} />\n            ))}\n          </div>\n        </div>\n\n        <img\n          src={bg}\n          className={\n            'inset-0 mx-auto w-full rounded-lg absolute h-full object-center'\n          }\n          loading={'eager'}\n        />\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAoBI,mBAaQ,KAWM,YAxBd;AAnBJ,OAAO,SAAS,iBAAiB;AACjC,SAAS,cAAc;AACvB,OAAO,eAAe;AAUP,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WACE;AAAA,MAEF,IAAG;AAAA,MAEH;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WACE;AAAA,YAGF;AAAA,mCAAC,SAAI,WAAW,uBACd;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW;AAAA,oBACX,KAAK,UAAU;AAAA,oBACf,SAAS;AAAA;AAAA,gBAEX;AAAA,gBACA,qBAAC,SAAI,WAAW,iCACd;AAAA,sCAAC,UAAK,WAAW,sBAAuB,oBAAU,MAAK;AAAA,kBACvD,qBAAC,SAAI,WAAW,iDACd;AAAA,yCAAC,UAAK,WAAU,+BACd;AAAA,0CAAC,aAAU;AAAA,sBACX,qBAAC,UAAK;AAAA;AAAA,wBAAG,UAAU;AAAA,yBAAK;AAAA,uBAC1B;AAAA,oBACA,qBAAC,UAAK,WAAU,+BACd;AAAA,0CAAC,SAAM,gBAAgB,UAAU,SAAS;AAAA,sBAC1C,qBAAC,UAAK;AAAA;AAAA,wBAAG,UAAU;AAAA,yBAAY;AAAA,uBACjC;AAAA,qBACF;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAW;AAAA,wBACT;AAAA,wBACA;AAAA,wBACA;AAAA,sBACF;AAAA,sBAEC;AAAA,kCAAU,GAAG,QAAQ,CAAC;AAAA,wBAAE;AAAA;AAAA;AAAA,kBAC3B;AAAA,mBACF;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,WACE;AAAA,oBAGF,8BAAC,UAAK,qCAAuB;AAAA;AAAA,gBAC/B;AAAA,iBACF;AAAA,cACA,oBAAC,SAAI,WAAW,0BACb,sBAAY,IAAI,CAAC,MAAM,QACtB,oBAAC,aAAU,WAAW,QAAW,GAAK,CACvC,GACH;AAAA;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WACE;AAAA,YAEF,SAAS;AAAA;AAAA,QACX;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/esm/components/utils/bl/beatleader.js

@@ -0,0 +1,33 @@
+function createDistanceWeightFunction(bellWidth, steepnessPower) {
+  return {
+    divider: -(2 * Math.pow(bellWidth, steepnessPower)),
+    halfPower: steepnessPower / 2,
+    getWeight: function(distance) {
+      const sqr = distance * distance;
+      const expPower = Math.pow(sqr, this.halfPower) / this.divider;
+      return Math.exp(expPower);
+    }
+  };
+}
+function createMinMaxCounter(clampMin, clampMax, step) {
+  return {
+    minValue: 1e10,
+    maxValue: -1e10,
+    clampMin,
+    clampMax,
+    step,
+    update: function(value) {
+      let tmp = Math.floor(value / this.step) * this.step;
+      if (tmp < this.minValue) this.minValue = tmp;
+      tmp = Math.ceil(value / this.step) * this.step;
+      if (tmp > this.maxValue) this.maxValue = tmp;
+      if (this.minValue < this.clampMin) this.minValue = this.clampMin;
+      if (this.maxValue > this.clampMax) this.maxValue = this.clampMax;
+    }
+  };
+}
+export {
+  createDistanceWeightFunction,
+  createMinMaxCounter
+};
+//# sourceMappingURL=beatleader.js.map

package/dist/esm/components/utils/bl/beatleader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/utils/bl/beatleader.ts"],"sourcesContent":["export function createDistanceWeightFunction(\n  bellWidth: number,\n  steepnessPower: number\n) {\n  return {\n    divider: -(2 * Math.pow(bellWidth, steepnessPower)),\n    halfPower: steepnessPower / 2,\n    getWeight: function (distance: number) {\n      const sqr = distance * distance\n      const expPower = Math.pow(sqr, this.halfPower) / this.divider\n      return Math.exp(expPower)\n    },\n  }\n}\n\nexport function createMinMaxCounter(\n  clampMin: number,\n  clampMax: number,\n  step: number\n) {\n  return {\n    minValue: 1e10,\n    maxValue: -1e10,\n    clampMin: clampMin,\n    clampMax: clampMax,\n    step: step,\n    update: function (value: number) {\n      let tmp = Math.floor(value / this.step) * this.step\n      if (tmp < this.minValue) this.minValue = tmp\n      tmp = Math.ceil(value / this.step) * this.step\n      if (tmp > this.maxValue) this.maxValue = tmp\n\n      if (this.minValue < this.clampMin) this.minValue = this.clampMin\n      if (this.maxValue > this.clampMax) this.maxValue = this.clampMax\n    },\n  }\n}\n"],"mappings":"AAAO,SAAS,6BACd,WACA,gBACA;AACA,SAAO;AAAA,IACL,SAAS,EAAE,IAAI,KAAK,IAAI,WAAW,cAAc;AAAA,IACjD,WAAW,iBAAiB;AAAA,IAC5B,WAAW,SAAU,UAAkB;AACrC,YAAM,MAAM,WAAW;AACvB,YAAM,WAAW,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK;AACtD,aAAO,KAAK,IAAI,QAAQ;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,SAAS,oBACd,UACA,UACA,MACA;AACA,SAAO;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,SAAU,OAAe;AAC/B,UAAI,MAAM,KAAK,MAAM,QAAQ,KAAK,IAAI,IAAI,KAAK;AAC/C,UAAI,MAAM,KAAK,SAAU,MAAK,WAAW;AACzC,YAAM,KAAK,KAAK,QAAQ,KAAK,IAAI,IAAI,KAAK;AAC1C,UAAI,MAAM,KAAK,SAAU,MAAK,WAAW;AAEzC,UAAI,KAAK,WAAW,KAAK,SAAU,MAAK,WAAW,KAAK;AACxD,UAAI,KAAK,WAAW,KAAK,SAAU,MAAK,WAAW,KAAK;AAAA,IAC1D;AAAA,EACF;AACF;","names":[]}