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

package/dist/cjs/components/components/ss-rank-score-item.js

@@ -0,0 +1,137 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ss_rank_score_item_exports = {};
+__export(ss_rank_score_item_exports, {
+  SSRankScoreItem: () => SSRankScoreItem,
+  ScoreItemSkeleton: () => ScoreItemSkeleton
+});
+module.exports = __toCommonJS(ss_rank_score_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_dayjs = __toESM(require("dayjs"));
+var import_flag = __toESM(require("../../components/components/flag"));
+var import_utils = require("../../components/utils");
+function SSRankScoreItem(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: `${props.self ? "gradient-border" : ""} bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "skew-x-12 relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center translate-x-2 justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-12 h-12 relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "img",
+                {
+                  src: props.avatar,
+                  className: "shadow-lg w-12 h-12 rounded-full object-cover"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-3 h-3 absolute bottom-0 right-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.default, { flagNationCode: props.countryCode }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]", children: props.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                !props.isRegionRank && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.EarchIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                  "# ",
+                  props.globalRank
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+              (props.acc * 100).toFixed(2),
+              " %"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-x-1", children: props.modifiers.split(",").map((it) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: it }, it)) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (0, import_utils.numberWithCommas)(props.score) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (0, import_utils.formatDate)(
+            (0, import_dayjs.default)(props.date * 1e3).toDate(),
+            "YY \u5E74 MM \u6708 DD \u65E5"
+          ) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            " ",
+            props.pp.toFixed(2),
+            " PP"
+          ] }) }) })
+        ] })
+      ] })
+    }
+  );
+}
+function ScoreItemSkeleton({ isRegionRank }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: `bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "skew-x-12 relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center translate-x-2 justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-12 h-12 relative", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "img",
+              {
+                src: `https://avatar.iran.liara.run/public`,
+                className: "shadow-lg w-12 h-12 rounded-full object-cover"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]", children: "\u865A\u4F4D\u4EE5\u5F85" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                !isRegionRank && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.EarchIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "# 0 " })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "0.00 %" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-x-1", children: " " }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "000,000" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "00 \u5E74 00 \u6708 00 \u65E5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: " 0.00 PP" }) })
+        ] })
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SSRankScoreItem,
+  ScoreItemSkeleton
+});
+//# sourceMappingURL=ss-rank-score-item.js.map

package/dist/cjs/components/components/ss-rank-score-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/components/ss-rank-score-item.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport Flags, { EarchIcon } from '@/components/components/flag'\nimport { formatDate, numberWithCommas } from '@/components/utils'\n\ninterface ScoreItemProps {\n  name: string\n  avatar: string\n  globalRank: number\n  countryCode: string\n  isRegionRank: boolean\n  score: number\n  modifiers: string\n  acc: number\n  pp: number\n  date: number\n  self: boolean\n}\n\nexport function SSRankScoreItem(props: ScoreItemProps) {\n  return (\n    <div\n      className={`${props.self ? 'gradient-border' : ''} bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`}\n    >\n      <div className=\"skew-x-12 relative\">\n        <div className=\"flex items-center translate-x-2 justify-between\">\n          <div className=\"flex gap-2\">\n            <div className={'w-12 h-12 relative'}>\n              <img\n                src={props.avatar}\n                className=\"shadow-lg w-12 h-12 rounded-full object-cover\"\n              />\n              <div className={'w-3 h-3 absolute bottom-0 right-3'}>\n                <Flags flagNationCode={props.countryCode} />\n              </div>\n            </div>\n            <div>\n              <div className={'line-clamp-1 text-ellipsis max-w-[100px]'}>\n                {props.name}\n              </div>\n              <span className=\"flex items-center space-x-1\">\n                {!props.isRegionRank && <EarchIcon />}\n                <span># {props.globalRank}</span>\n              </span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col items-end -translate-x-2 -skew-x-3\">\n            <div>{(props.acc * 100).toFixed(2)} %</div>\n            <div className={'flex gap-2'}>\n              <div className={'space-x-1'}>\n                {props.modifiers.split(',').map((it) => (\n                  <span key={it}>{it}</span>\n                ))}\n              </div>\n              <div>{numberWithCommas(props.score)}</div>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center justify-between mt-0 px-4 -translate-x-4\">\n          <div className=\"flex gap-2\">\n            <div className=\"flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60\">\n              <div>\n                {formatDate(\n                  dayjs(props.date * 1000).toDate(),\n                  'YY 年 MM 月 DD 日'\n                )}\n              </div>\n            </div>\n          </div>\n          <div>\n            <div className=\"flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300\">\n              <div> {props.pp.toFixed(2)} PP</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function ScoreItemSkeleton({ isRegionRank }: { isRegionRank: boolean }) {\n  return (\n    <div\n      className={`bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`}\n    >\n      <div className=\"skew-x-12 relative\">\n        <div className=\"flex items-center translate-x-2 justify-between\">\n          <div className=\"flex gap-2\">\n            <div className={'w-12 h-12 relative'}>\n              <img\n                src={`https://avatar.iran.liara.run/public`}\n                className=\"shadow-lg w-12 h-12 rounded-full object-cover\"\n              />\n            </div>\n            <div>\n              <div className={'line-clamp-1 text-ellipsis max-w-[100px]'}>\n                虚位以待\n              </div>\n              <span className=\"flex items-center space-x-1\">\n                {!isRegionRank && <EarchIcon />}\n                <span># 0 </span>\n              </span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col items-end -translate-x-2 -skew-x-3\">\n            <div>0.00 %</div>\n            <div className={'flex gap-2'}>\n              <div className={'space-x-1'}> </div>\n              <div>000,000</div>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center justify-between mt-0 px-4 -translate-x-4\">\n          <div className=\"flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60\">\n            <div>00 年 00 月 00 日</div>\n          </div>\n          <div className=\"flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300\">\n            <div> 0.00 PP</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BY;AA1BZ,mBAAkB;AAClB,kBAAiC;AACjC,mBAA6C;AAgBtC,SAAS,gBAAgB,OAAuB;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,MAAM,OAAO,oBAAoB,EAAE;AAAA,MAEjD,uDAAC,SAAI,WAAU,sBACb;AAAA,qDAAC,SAAI,WAAU,mDACb;AAAA,uDAAC,SAAI,WAAU,cACb;AAAA,yDAAC,SAAI,WAAW,sBACd;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK,MAAM;AAAA,kBACX,WAAU;AAAA;AAAA,cACZ;AAAA,cACA,4CAAC,SAAI,WAAW,qCACd,sDAAC,YAAAA,SAAA,EAAM,gBAAgB,MAAM,aAAa,GAC5C;AAAA,eACF;AAAA,YACA,6CAAC,SACC;AAAA,0DAAC,SAAI,WAAW,4CACb,gBAAM,MACT;AAAA,cACA,6CAAC,UAAK,WAAU,+BACb;AAAA,iBAAC,MAAM,gBAAgB,4CAAC,yBAAU;AAAA,gBACnC,6CAAC,UAAK;AAAA;AAAA,kBAAG,MAAM;AAAA,mBAAW;AAAA,iBAC5B;AAAA,eACF;AAAA,aACF;AAAA,UAEA,6CAAC,SAAI,WAAU,oDACb;AAAA,yDAAC,SAAM;AAAA,qBAAM,MAAM,KAAK,QAAQ,CAAC;AAAA,cAAE;AAAA,eAAE;AAAA,YACrC,6CAAC,SAAI,WAAW,cACd;AAAA,0DAAC,SAAI,WAAW,aACb,gBAAM,UAAU,MAAM,GAAG,EAAE,IAAI,CAAC,OAC/B,4CAAC,UAAe,gBAAL,EAAQ,CACpB,GACH;AAAA,cACA,4CAAC,SAAK,6CAAiB,MAAM,KAAK,GAAE;AAAA,eACtC;AAAA,aACF;AAAA,WACF;AAAA,QACA,6CAAC,SAAI,WAAU,8DACb;AAAA,sDAAC,SAAI,WAAU,cACb,sDAAC,SAAI,WAAU,sEACb,sDAAC,SACE;AAAA,gBACC,aAAAC,SAAM,MAAM,OAAO,GAAI,EAAE,OAAO;AAAA,YAChC;AAAA,UACF,GACF,GACF,GACF;AAAA,UACA,4CAAC,SACC,sDAAC,SAAI,WAAU,wFACb,uDAAC,SAAI;AAAA;AAAA,YAAE,MAAM,GAAG,QAAQ,CAAC;AAAA,YAAE;AAAA,aAAG,GAChC,GACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,kBAAkB,EAAE,aAAa,GAA8B;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MAEX,uDAAC,SAAI,WAAU,sBACb;AAAA,qDAAC,SAAI,WAAU,mDACb;AAAA,uDAAC,SAAI,WAAU,cACb;AAAA,wDAAC,SAAI,WAAW,sBACd;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,WAAU;AAAA;AAAA,YACZ,GACF;AAAA,YACA,6CAAC,SACC;AAAA,0DAAC,SAAI,WAAW,4CAA4C,sCAE5D;AAAA,cACA,6CAAC,UAAK,WAAU,+BACb;AAAA,iBAAC,gBAAgB,4CAAC,yBAAU;AAAA,gBAC7B,4CAAC,UAAK,kBAAI;AAAA,iBACZ;AAAA,eACF;AAAA,aACF;AAAA,UAEA,6CAAC,SAAI,WAAU,oDACb;AAAA,wDAAC,SAAI,oBAAM;AAAA,YACX,6CAAC,SAAI,WAAW,cACd;AAAA,0DAAC,SAAI,WAAW,aAAa,eAAC;AAAA,cAC9B,4CAAC,SAAI,qBAAO;AAAA,eACd;AAAA,aACF;AAAA,WACF;AAAA,QACA,6CAAC,SAAI,WAAU,8DACb;AAAA,sDAAC,SAAI,WAAU,sEACb,sDAAC,SAAI,2CAAc,GACrB;AAAA,UACA,4CAAC,SAAI,WAAU,wFACb,sDAAC,SAAI,sBAAQ,GACf;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":["Flags","dayjs"]}

package/dist/cjs/components/components/ss-score-item.js

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ss_score_item_exports = {};
+__export(ss_score_item_exports, {
+  default: () => SsScoreItem
+});
+module.exports = __toCommonJS(ss_score_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../utils");
+const getModifiers = (modifiers) => {
+  return modifiers ? modifiers.split(",") : [];
+};
+function SsScoreItem({
+  scoreItem
+}) {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "rounded-lg flex bg-black/[.4] space-x-2  backdrop-blur-md overflow-hidden",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              loading: "eager",
+              src: scoreItem.leaderboard.coverImage,
+              className: "rounded-md h-20 w-20"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col space-y-1 py-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: "font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all",
+                children: scoreItem.leaderboard.songName
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                className: "text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 ",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.BarChart, { className: "w-3 h-3" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_utils.diffConv)(scoreItem.leaderboard.difficulty.difficultyRaw) })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Star, { className: "w-3 h-3" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                      scoreItem.leaderboard.stars,
+                      " "
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Key, { className: "w-3 h-3" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (_a = scoreItem.mapId) != null ? _a : "unknown" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-2 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                (scoreItem.score.baseScore / scoreItem.leaderboard.maxScore * 100).toFixed(2),
+                "%"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-orange-200", children: [
+                scoreItem.score.pp.toFixed(1),
+                "PP"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "opacity-70", children: (0, import_utils.formatRelativeTimeByDay)(scoreItem.score.timeSet) })
+            ] }),
+            getModifiers(scoreItem.score.modifiers).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs flex flex-wrap space-x-2 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wrench, { className: "h-3 w-3" }),
+              getModifiers(scoreItem.score.modifiers).map((modifier) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: modifier }, modifier))
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center", children: scoreItem.score.fullCombo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent", children: "FC" }) })
+  ] });
+}
+//# sourceMappingURL=ss-score-item.js.map

package/dist/cjs/components/components/ss-score-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/components/ss-score-item.tsx"],"sourcesContent":["import { BarChart, Key, Star, Wrench } from 'lucide-react'\nimport { diffConv, formatRelativeTimeByDay } from '../utils'\nimport React from 'react'\nimport { ScoreSaberItem } from '@/service/api/interfaces/scoresaber'\n\nconst getModifiers = (modifiers: string) => {\n  return modifiers ? modifiers.split(',') : []\n}\nexport default function SsScoreItem({\n  scoreItem,\n}: {\n  scoreItem: ScoreSaberItem\n}) {\n  return (\n    <div className={'relative'}>\n      <div\n        className={\n          'rounded-lg flex bg-black/[.4] space-x-2  backdrop-blur-md overflow-hidden'\n        }\n      >\n        <img\n          loading={'eager'}\n          src={scoreItem.leaderboard.coverImage}\n          className={'rounded-md h-20 w-20'}\n        />\n        <div className={'flex flex-col space-y-1 py-0.5'}>\n          <div\n            className={\n              'font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all'\n            }\n          >\n            {scoreItem.leaderboard.songName}\n          </div>\n          <div\n            className={\n              'text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 '\n            }\n          >\n            <div>\n              <span>\n                <BarChart className={'w-3 h-3'} />\n              </span>\n              <span>\n                {diffConv(scoreItem.leaderboard.difficulty.difficultyRaw)}\n              </span>\n            </div>\n            <div>\n              <span>\n                <Star className={'w-3 h-3'} />\n              </span>\n              <span>{scoreItem.leaderboard.stars} </span>\n            </div>\n            <div>\n              <span>\n                <Key className={'w-3 h-3'} />\n              </span>\n              <span>{scoreItem.mapId ?? 'unknown'}</span>\n            </div>\n          </div>\n          <div className={'flex space-x-2 text-xs'}>\n            <span>\n              {(\n                (scoreItem.score.baseScore / scoreItem.leaderboard.maxScore) *\n                100\n              ).toFixed(2)}\n              %\n            </span>\n            <span className={'text-orange-200'}>\n              {scoreItem.score.pp.toFixed(1)}\n              PP\n            </span>\n            <span className={'opacity-70'}>\n              {formatRelativeTimeByDay(scoreItem.score.timeSet)}\n            </span>\n          </div>\n          {getModifiers(scoreItem.score.modifiers).length > 0 && (\n            <div className=\"text-xs flex flex-wrap space-x-2 items-center\">\n              <Wrench className=\"h-3 w-3\" />\n              {getModifiers(scoreItem.score.modifiers).map((modifier) => (\n                <span key={modifier}>{modifier}</span>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n      <div className=\"absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center\">\n        {scoreItem.score.fullCombo && (\n          <span className=\"from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent\">\n            FC\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AApBR,0BAA4C;AAC5C,mBAAkD;AAIlD,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AACe,SAAR,YAA6B;AAAA,EAClC;AACF,GAEG;AAZH;AAaE,SACE,6CAAC,SAAI,WAAW,YACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,QAGF;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,KAAK,UAAU,YAAY;AAAA,cAC3B,WAAW;AAAA;AAAA,UACb;AAAA,UACA,6CAAC,SAAI,WAAW,kCACd;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WACE;AAAA,gBAGD,oBAAU,YAAY;AAAA;AAAA,YACzB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WACE;AAAA,gBAGF;AAAA,+DAAC,SACC;AAAA,gEAAC,UACC,sDAAC,gCAAS,WAAW,WAAW,GAClC;AAAA,oBACA,4CAAC,UACE,qCAAS,UAAU,YAAY,WAAW,aAAa,GAC1D;AAAA,qBACF;AAAA,kBACA,6CAAC,SACC;AAAA,gEAAC,UACC,sDAAC,4BAAK,WAAW,WAAW,GAC9B;AAAA,oBACA,6CAAC,UAAM;AAAA,gCAAU,YAAY;AAAA,sBAAM;AAAA,uBAAC;AAAA,qBACtC;AAAA,kBACA,6CAAC,SACC;AAAA,gEAAC,UACC,sDAAC,2BAAI,WAAW,WAAW,GAC7B;AAAA,oBACA,4CAAC,UAAM,0BAAU,UAAV,YAAmB,WAAU;AAAA,qBACtC;AAAA;AAAA;AAAA,YACF;AAAA,YACA,6CAAC,SAAI,WAAW,0BACd;AAAA,2DAAC,UAEI;AAAA,2BAAU,MAAM,YAAY,UAAU,YAAY,WACnD,KACA,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAEf;AAAA,cACA,6CAAC,UAAK,WAAW,mBACd;AAAA,0BAAU,MAAM,GAAG,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAEjC;AAAA,cACA,4CAAC,UAAK,WAAW,cACd,oDAAwB,UAAU,MAAM,OAAO,GAClD;AAAA,eACF;AAAA,YACC,aAAa,UAAU,MAAM,SAAS,EAAE,SAAS,KAChD,6CAAC,SAAI,WAAU,iDACb;AAAA,0DAAC,8BAAO,WAAU,WAAU;AAAA,cAC3B,aAAa,UAAU,MAAM,SAAS,EAAE,IAAI,CAAC,aAC5C,4CAAC,UAAqB,sBAAX,QAAoB,CAChC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,SAAI,WAAU,4EACZ,oBAAU,MAAM,aACf,4CAAC,UAAK,WAAU,2EAA0E,gBAE1F,GAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/cjs/components/index.js

@@ -0,0 +1,87 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+__export(components_exports, {
+  getHtml: () => getHtml
+});
+module.exports = __toCommonJS(components_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var ReactDOMServer = __toESM(require("react-dom/server"));
+function App({ children }) {
+  const styles = `
+    .bs-bg-gradient {
+      background: linear-gradient(to bottom right, rgba(180, 104, 104, 0.4), rgba(83, 113, 157, 0.4));
+    }
+    .gradient-border {
+      --tw-border-width: 3px;
+      --tw-border-radius: 10px;
+      position: relative;
+      box-sizing: border-box;
+    }
+      .gradient-border::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: var(--tw-border-radius);
+      padding: var(--tw-border-width);
+      background: linear-gradient(70deg, #FE9393, #F57979, #417ED8);
+      -webkit-mask:
+      linear-gradient(#fff 0 0) content-box,
+      linear-gradient(#fff 0 0);
+      -webkit-mask-composite: xor;
+      mask-composite: exclude;
+    }
+
+`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("html", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("head", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "link",
+        {
+          href: "https://cdn.jsdelivr.net/npm/daisyui@4.7.2/dist/full.min.css",
+          rel: "stylesheet",
+          type: "text/css"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { src: "https://cdn.tailwindcss.com" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "IMG Render" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("body", { className: "bg-black flex w-fit", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: styles } })
+  ] });
+}
+const getHtml = (child) => {
+  let res = ReactDOMServer.renderToString(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, { children: child }));
+  res = ` <!DOCTYPE html>` + res;
+  return res;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getHtml
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.tsx"],"sourcesContent":["import React from 'react'\nimport * as ReactDOMServer from 'react-dom/server'\n\nfunction App({ children }: { children?: React.ReactNode }) {\n  const styles = `\n    .bs-bg-gradient {\n      background: linear-gradient(to bottom right, rgba(180, 104, 104, 0.4), rgba(83, 113, 157, 0.4));\n    }\n    .gradient-border {\n      --tw-border-width: 3px;\n      --tw-border-radius: 10px;\n      position: relative;\n      box-sizing: border-box;\n    }\n      .gradient-border::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border-radius: var(--tw-border-radius);\n      padding: var(--tw-border-width);\n      background: linear-gradient(70deg, #FE9393, #F57979, #417ED8);\n      -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n    }\n\n`\n  return (\n    <html>\n      <head>\n        <link\n          href=\"https://cdn.jsdelivr.net/npm/daisyui@4.7.2/dist/full.min.css\"\n          rel=\"stylesheet\"\n          type=\"text/css\"\n        />\n        <script src=\"https://cdn.tailwindcss.com\"></script>\n        <title>IMG Render</title>\n      </head>\n      <body className={'bg-black flex w-fit'}>{children}</body>\n      <style dangerouslySetInnerHTML={{ __html: styles }} />\n    </html>\n  )\n}\n\nexport const getHtml = (child: React.ReactNode) => {\n  let res = ReactDOMServer.renderToString(<App>{child}</App>)\n  res = ` <!DOCTYPE html>` + res\n  return res\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BM;AA9BN,qBAAgC;AAEhC,SAAS,IAAI,EAAE,SAAS,GAAmC;AACzD,QAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,SACE,6CAAC,UACC;AAAA,iDAAC,UACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,MAAK;AAAA;AAAA,MACP;AAAA,MACA,4CAAC,YAAO,KAAI,+BAA8B;AAAA,MAC1C,4CAAC,WAAM,wBAAU;AAAA,OACnB;AAAA,IACA,4CAAC,UAAK,WAAW,uBAAwB,UAAS;AAAA,IAClD,4CAAC,WAAM,yBAAyB,EAAE,QAAQ,OAAO,GAAG;AAAA,KACtD;AAEJ;AAEO,MAAM,UAAU,CAAC,UAA2B;AACjD,MAAI,MAAM,eAAe,eAAe,4CAAC,OAAK,iBAAM,CAAM;AAC1D,QAAM,qBAAqB;AAC3B,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,204 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var bl_player_exports = {};
+__export(bl_player_exports, {
+  default: () => BLPlayerPage
+});
+module.exports = __toCommonJS(bl_player_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_getPart = __toESM(require("../utils/bl/getPart"));
+var import_socre_badge = __toESM(require("../components/socre-badge"));
+var import_skill_graph = __toESM(require("../components/skill-graph"));
+var import_bl_score_item = __toESM(require("../components/bl-score-item"));
+var import_flag = __toESM(require("../components/flag"));
+var import_tw_join = require("../utils/tw-join");
+var import_blheadset = require("../utils/bl/blheadset");
+function BLPlayerPage({
+  beatleaderItems: items,
+  user,
+  params,
+  bg
+}) {
+  const part = (0, import_getPart.default)(user);
+  const beatleaderItems = items.map((it) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, it), {
+      pinned: ((_a = it.metadata) == null ? void 0 : _a.pinnedContexts) !== void 0
+    });
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      id: "render-result",
+      className: "flex flex-col justify-center items-center relative h-[720px] w-[1200px] my-auto",
+      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 justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-4 pb-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "img",
+                    {
+                      src: user.avatar,
+                      className: "h-36 w-36 rounded-md z-10",
+                      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: user.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: [
+                              "# ",
+                              user.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: user.country }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                              "# ",
+                              user.countryRank
+                            ] })
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2 align-items-center ", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_socre_badge.default,
+                        {
+                          className: "w-auto text-white",
+                          name: "P",
+                          count: user.scoreStats.topPlatform
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_socre_badge.default,
+                        {
+                          className: "w-auto text-white",
+                          name: "H",
+                          count: (0, import_blheadset.getHeadsetForHMD)(user.scoreStats.topHMD)
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_socre_badge.default,
+                        {
+                          className: "w-auto text-white",
+                          name: "R",
+                          count: user.scoreStats.rankedPlayCount
+                        }
+                      )
+                    ] }),
+                    /* @__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: [
+                          user.pp,
+                          " PP"
+                        ]
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-3 flex flex-col justify-end items-center grow", children: [
+                  user.badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-3 gap-2 justify-self-center align-items-cener justify-items-center mb-auto mt-2", children: user.badges.map((badge) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "img",
+                    {
+                      alt: badge.description,
+                      src: badge.image,
+                      width: "70px",
+                      height: "20px",
+                      className: "self-center w-[70px] h-5"
+                    },
+                    badge.id
+                  ) })) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-3 gap-2 align-items-center py-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_socre_badge.default, { name: "SS+", count: user.scoreStats.sspPlays }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_socre_badge.default, { name: "SS", count: user.scoreStats.ssPlays }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_socre_badge.default, { name: "S+", count: user.scoreStats.spPlays }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_socre_badge.default, { name: "S", count: user.scoreStats.sPlays }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_socre_badge.default, { name: "A", count: user.scoreStats.aPlays })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ml-auto mr-4  flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_skill_graph.default,
+                  {
+                    factorA: part.accPpPart,
+                    factorB: part.techPpPart,
+                    factorC: part.passPpPart
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-4 gap-2", children: beatleaderItems.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bl_score_item.default, { 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"
+          }
+        )
+      ]
+    },
+    "render-result"
+  ) });
+}
+//# sourceMappingURL=bl-player.js.map

package/dist/cjs/components/pages/bl-player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/bl-player.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport getPart from '../utils/bl/getPart'\nimport ScoreBadge from '../components/socre-badge'\nimport SkillGraph from '../components/skill-graph'\nimport BeatLeaderItem from '../components/bl-score-item'\nimport Flags, { EarchIcon } from '../components/flag'\nimport { twJoin } from '../utils/tw-join'\nimport { getHeadsetForHMD } from '../utils/bl/blheadset'\n\ninterface BLPlayerInfoProps {\n  beatleaderItems: any\n  user: any\n  params?: Record<string, string>\n  bg: string\n}\n\nexport default function BLPlayerPage({\n  beatleaderItems: items,\n  user,\n  params,\n  bg,\n}: BLPlayerInfoProps) {\n  const part = getPart(user)\n  const beatleaderItems = items.map((it) => ({\n    ...it,\n    pinned: it.metadata?.pinnedContexts !== undefined,\n  }))\n  return (\n    <>\n      <div\n        id={'render-result'}\n        key={'render-result'}\n        className={\n          'flex flex-col justify-center items-center relative h-[720px] w-[1200px] my-auto'\n        }\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 justify-between'}>\n            <div className=\"flex space-x-4 pb-2\">\n              <img\n                src={user.avatar}\n                className={'h-36 w-36 rounded-md z-10'}\n                loading={'eager'}\n              />\n              <div className={'flex flex-col justify-between'}>\n                <span className={'text-3xl font-bold'}>{user.name}</span>\n                <div\n                  className={'flex space-x-2 text-md font-bold items-center'}\n                >\n                  <span className=\"flex items-center space-x-1\">\n                    <EarchIcon />\n                    <span># {user.rank}</span>\n                  </span>\n                  <span className=\"flex items-center space-x-1\">\n                    <Flags flagNationCode={user.country} />\n                    <span># {user.countryRank}</span>\n                  </span>\n                </div>\n\n                <div className=\"flex gap-2 align-items-center \">\n                  <ScoreBadge\n                    className=\"w-auto text-white\"\n                    name={'P'}\n                    count={user.scoreStats.topPlatform}\n                  />\n                  <ScoreBadge\n                    className=\"w-auto text-white\"\n                    name={'H'}\n                    count={getHeadsetForHMD(user.scoreStats.topHMD)}\n                  />\n                  <ScoreBadge\n                    className=\"w-auto text-white\"\n                    name={'R'}\n                    count={user.scoreStats.rankedPlayCount}\n                  />\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                  {user.pp} PP\n                </div>\n              </div>\n            </div>\n            <div className=\"px-3 flex flex-col justify-end items-center grow\">\n              {user.badges.length > 0 && (\n                <div className=\"grid grid-cols-3 gap-2 justify-self-center align-items-cener justify-items-center mb-auto mt-2\">\n                  {user.badges.map((badge) => (\n                    <>\n                      <img\n                        alt={badge.description}\n                        key={badge.id}\n                        src={badge.image}\n                        width={'70px'}\n                        height={'20px'}\n                        className=\"self-center w-[70px] h-5\"\n                      ></img>\n                    </>\n                  ))}\n                </div>\n              )}\n\n              <div className=\"grid grid-cols-3 gap-2 align-items-center py-2\">\n                <ScoreBadge name={'SS+'} count={user.scoreStats.sspPlays} />\n                <ScoreBadge name={'SS'} count={user.scoreStats.ssPlays} />\n                <ScoreBadge name={'S+'} count={user.scoreStats.spPlays} />\n                <ScoreBadge name={'S'} count={user.scoreStats.sPlays} />\n                <ScoreBadge name={'A'} count={user.scoreStats.aPlays} />\n              </div>\n              {/* more badages */}\n            </div>\n\n            <div className=\"ml-auto mr-4  flex justify-center items-center\">\n              <SkillGraph\n                factorA={part.accPpPart}\n                factorB={part.techPpPart}\n                factorC={part.passPpPart}\n              />\n            </div>\n          </div>\n          <div className={'grid grid-cols-4 gap-2'}>\n            {beatleaderItems.map((item, idx) => (\n              <BeatLeaderItem item={item} key={idx} />\n            ))}\n          </div>\n        </div>\n        <img\n          src={bg}\n          className={\n            'inset-0 mx-auto w-full rounded-lg absolute h-full object-center'\n          }\n          loading={'eager'}\n        />\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":["getPart","Flags","ScoreBadge","SkillGraph","BeatLeaderItem"]}