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

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

@@ -1,6 +1,8 @@
+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)
@@ -14,15 +16,23 @@ var __copyProps = (to, from, except, desc) => {
   }
   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_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");
+var import_utils = require("../utils/index.js");
+var import_react = __toESM(require("react"));
 const getModifiers = (modifiers) => {
   return modifiers ? modifiers.split(",") : [];
 };
@@ -30,71 +40,34 @@ function SsScoreItem({
   scoreItem
 }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "rounded-lg flex bg-black/[.4] space-x-2  backdrop-blur-none overflow-hidden"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "img",
       {
-        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))
-            ] })
-          ] })
-        ]
+        loading: "eager",
+        src: scoreItem.leaderboard.coverImage,
+        className: "rounded-md h-20 w-20"
       }
     ),
-    /* @__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" }) })
-  ] });
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col space-y-1 py-0.5" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all"
+      },
+      scoreItem.leaderboard.songName
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 "
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.BarChart, { className: "w-3 h-3" })), /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils.diffConv)(scoreItem.leaderboard.difficulty.difficultyRaw))),
+      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: "w-3 h-3" })), /* @__PURE__ */ import_react.default.createElement("span", null, scoreItem.leaderboard.stars, " ")),
+      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Key, { className: "w-3 h-3" })), /* @__PURE__ */ import_react.default.createElement("span", null, (_a = scoreItem.mapId) != null ? _a : "unknown"))
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex space-x-2 text-xs" }, /* @__PURE__ */ import_react.default.createElement("span", null, (scoreItem.score.baseScore / scoreItem.leaderboard.maxScore * 100).toFixed(2), "%"), /* @__PURE__ */ import_react.default.createElement("span", { className: "text-orange-200" }, scoreItem.score.pp.toFixed(1), "PP"), /* @__PURE__ */ import_react.default.createElement("span", { className: "opacity-70" }, (0, import_utils.formatRelativeTimeByDay)(scoreItem.score.timeSet))), getModifiers(scoreItem.score.modifiers).length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xs flex flex-wrap space-x-2 items-center" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Wrench, { className: "h-3 w-3" }), getModifiers(scoreItem.score.modifiers).map((modifier) => /* @__PURE__ */ import_react.default.createElement("span", { key: modifier }, modifier))))
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center" }, scoreItem.score.fullCombo && /* @__PURE__ */ import_react.default.createElement("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent" }, "FC")));
 }
 //# sourceMappingURL=ss-score-item.js.map

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

@@ -1 +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":[]}
+{"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-none 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;AAAA,0BAA4C;AAC5C,mBAAkD;AAClD,mBAAkB;AAGlB,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AACe,SAAR,YAA6B;AAAA,EAClC;AACF,GAEG;AAZH;AAaE,SACE,6BAAAA,QAAA,cAAC,SAAI,WAAW,cACd,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WACE;AAAA;AAAA,IAGF,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,KAAK,UAAU,YAAY;AAAA,QAC3B,WAAW;AAAA;AAAA,IACb;AAAA,IACA,6BAAAA,QAAA,cAAC,SAAI,WAAW,oCACd,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA;AAAA,MAGD,UAAU,YAAY;AAAA,IACzB,GACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA;AAAA,MAGF,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC,gCAAS,WAAW,WAAW,CAClC,GACA,6BAAAA,QAAA,cAAC,kBACE,uBAAS,UAAU,YAAY,WAAW,aAAa,CAC1D,CACF;AAAA,MACA,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC,4BAAK,WAAW,WAAW,CAC9B,GACA,6BAAAA,QAAA,cAAC,cAAM,UAAU,YAAY,OAAM,GAAC,CACtC;AAAA,MACA,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC,2BAAI,WAAW,WAAW,CAC7B,GACA,6BAAAA,QAAA,cAAC,eAAM,eAAU,UAAV,YAAmB,SAAU,CACtC;AAAA,IACF,GACA,6BAAAA,QAAA,cAAC,SAAI,WAAW,4BACd,6BAAAA,QAAA,cAAC,eAEI,UAAU,MAAM,YAAY,UAAU,YAAY,WACnD,KACA,QAAQ,CAAC,GAAE,GAEf,GACA,6BAAAA,QAAA,cAAC,UAAK,WAAW,qBACd,UAAU,MAAM,GAAG,QAAQ,CAAC,GAAE,IAEjC,GACA,6BAAAA,QAAA,cAAC,UAAK,WAAW,oBACd,sCAAwB,UAAU,MAAM,OAAO,CAClD,CACF,GACC,aAAa,UAAU,MAAM,SAAS,EAAE,SAAS,KAChD,6BAAAA,QAAA,cAAC,SAAI,WAAU,mDACb,6BAAAA,QAAA,cAAC,8BAAO,WAAU,WAAU,GAC3B,aAAa,UAAU,MAAM,SAAS,EAAE,IAAI,CAAC,aAC5C,6BAAAA,QAAA,cAAC,UAAK,KAAK,YAAW,QAAS,CAChC,CACH,CAEJ;AAAA,EACF,GACA,6BAAAA,QAAA,cAAC,SAAI,WAAU,8EACZ,UAAU,MAAM,aACf,6BAAAA,QAAA,cAAC,UAAK,WAAU,6EAA0E,IAE1F,CAEJ,CACF;AAEJ;","names":["React"]}

package/dist/cjs/components/index.js

@@ -30,53 +30,13 @@ __export(components_exports, {
   getHtml: () => getHtml
 });
 module.exports = __toCommonJS(components_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
 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 } })
-  ] });
+  return /* @__PURE__ */ import_react.default.createElement("html", null, /* @__PURE__ */ import_react.default.createElement("head", null, /* @__PURE__ */ import_react.default.createElement("script", { src: "https://cdn.tailwindcss.com" }), /* @__PURE__ */ import_react.default.createElement("title", null, "IMG Render")), /* @__PURE__ */ import_react.default.createElement("body", { className: "bg-transparent" }, children));
 }
 const getHtml = (child) => {
-  let res = ReactDOMServer.renderToString(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, { children: child }));
+  let res = ReactDOMServer.renderToString(/* @__PURE__ */ import_react.default.createElement(App, null, child));
   res = ` <!DOCTYPE html>` + res;
   return res;
 };

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

@@ -1 +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":[]}
+{"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  return (\n    <html>\n      <head>\n        <script src=\"https://cdn.tailwindcss.com\"></script>\n        <title>IMG Render</title>\n      </head>\n      <body className={'bg-transparent'}>{children}</body>\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;AAAA,mBAAkB;AAClB,qBAAgC;AAEhC,SAAS,IAAI,EAAE,SAAS,GAAmC;AACzD,SACE,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC,YAAO,KAAI,+BAA8B,GAC1C,6BAAAA,QAAA,cAAC,eAAM,YAAU,CACnB,GACA,6BAAAA,QAAA,cAAC,UAAK,WAAW,oBAAmB,QAAS,CAC/C;AAEJ;AAEO,MAAM,UAAU,CAAC,UAA2B;AACjD,MAAI,MAAM,eAAe,eAAe,6BAAAA,QAAA,cAAC,WAAK,KAAM,CAAM;AAC1D,QAAM,qBAAqB;AAC3B,SAAO;AACT;","names":["React"]}

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

@@ -47,14 +47,14 @@ __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");
+var import_getPart = __toESM(require("../utils/bl/getPart.js"));
+var import_socre_badge = __toESM(require("../components/socre-badge.js"));
+var import_skill_graph = __toESM(require("../components/skill-graph.js"));
+var import_bl_score_item = __toESM(require("../components/bl-score-item.js"));
+var import_flag = __toESM(require("../components/flag.js"));
+var import_tw_join = require("../utils/tw-join.js");
+var import_blheadset = require("../utils/bl/blheadset.js");
+var import_react = __toESM(require("react"));
 function BLPlayerPage({
   beatleaderItems: items,
   user,
@@ -68,137 +68,92 @@ function BLPlayerPage({
       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)(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "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"
-          }
-        )
-      ]
+      key: "render-result",
+      className: "flex flex-col justify-center items-center relative h-[720px] w-[1200px] my-auto"
     },
-    "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 justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex space-x-4 pb-2" }, /* @__PURE__ */ import_react.default.createElement(
+        "img",
+        {
+          src: user.avatar,
+          className: "h-36 w-36 rounded-md z-10",
+          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" }, user.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, "# ", user.rank)),
+        /* @__PURE__ */ import_react.default.createElement("span", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react.default.createElement(import_flag.default, { flagNationCode: user.country }), /* @__PURE__ */ import_react.default.createElement("span", null, "# ", user.countryRank))
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-2 align-items-center " }, /* @__PURE__ */ import_react.default.createElement(
+        import_socre_badge.default,
+        {
+          className: "w-auto text-white",
+          name: "P",
+          count: user.scoreStats.topPlatform
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_socre_badge.default,
+        {
+          className: "w-auto text-white",
+          name: "H",
+          count: (0, import_blheadset.getHeadsetForHMD)(user.scoreStats.topHMD)
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_socre_badge.default,
+        {
+          className: "w-auto text-white",
+          name: "R",
+          count: user.scoreStats.rankedPlayCount
+        }
+      )), /* @__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"
+          )
+        },
+        user.pp,
+        " PP"
+      ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "px-3 flex flex-col justify-end items-center grow" }, user.badges.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-3 gap-2 justify-self-center align-items-cener justify-items-center mb-auto mt-2" }, user.badges.map((badge) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        "img",
+        {
+          alt: badge.description,
+          key: badge.id,
+          src: badge.image,
+          width: "70px",
+          height: "20px",
+          className: "self-center w-[70px] h-5"
+        }
+      )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-3 gap-2 align-items-center py-2" }, /* @__PURE__ */ import_react.default.createElement(import_socre_badge.default, { name: "SS+", count: user.scoreStats.sspPlays }), /* @__PURE__ */ import_react.default.createElement(import_socre_badge.default, { name: "SS", count: user.scoreStats.ssPlays }), /* @__PURE__ */ import_react.default.createElement(import_socre_badge.default, { name: "S+", count: user.scoreStats.spPlays }), /* @__PURE__ */ import_react.default.createElement(import_socre_badge.default, { name: "S", count: user.scoreStats.sPlays }), /* @__PURE__ */ import_react.default.createElement(import_socre_badge.default, { name: "A", count: user.scoreStats.aPlays }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "ml-auto mr-4  flex justify-center items-center" }, /* @__PURE__ */ import_react.default.createElement(
+        import_skill_graph.default,
+        {
+          factorA: part.accPpPart,
+          factorB: part.techPpPart,
+          factorC: part.passPpPart
+        }
+      ))),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-4 gap-2" }, beatleaderItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement(import_bl_score_item.default, { 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=bl-player.js.map

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

@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Cc;AA1Cd,qBAAoB;AACpB,yBAAuB;AACvB,yBAAuB;AACvB,2BAA2B;AAC3B,kBAAiC;AACjC,qBAAuB;AACvB,uBAAiC;AASlB,SAAR,aAA8B;AAAA,EACnC,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,WAAO,eAAAA,SAAQ,IAAI;AACzB,QAAM,kBAAkB,MAAM,IAAI,CAAC,OAAI;AAvBzC;AAuB6C,4CACtC,KADsC;AAAA,MAEzC,UAAQ,QAAG,aAAH,mBAAa,oBAAmB;AAAA,IAC1C;AAAA,GAAE;AACF,SACE,2EACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MAEJ,WACE;AAAA,MAGF;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WACE;AAAA,YAGF;AAAA,2DAAC,SAAI,WAAW,wBACd;AAAA,6DAAC,SAAI,WAAU,uBACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAK,KAAK;AAAA,sBACV,WAAW;AAAA,sBACX,SAAS;AAAA;AAAA,kBACX;AAAA,kBACA,6CAAC,SAAI,WAAW,iCACd;AAAA,gEAAC,UAAK,WAAW,sBAAuB,eAAK,MAAK;AAAA,oBAClD;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW;AAAA,wBAEX;AAAA,uEAAC,UAAK,WAAU,+BACd;AAAA,wEAAC,yBAAU;AAAA,4BACX,6CAAC,UAAK;AAAA;AAAA,8BAAG,KAAK;AAAA,+BAAK;AAAA,6BACrB;AAAA,0BACA,6CAAC,UAAK,WAAU,+BACd;AAAA,wEAAC,YAAAC,SAAA,EAAM,gBAAgB,KAAK,SAAS;AAAA,4BACrC,6CAAC,UAAK;AAAA;AAAA,8BAAG,KAAK;AAAA,+BAAY;AAAA,6BAC5B;AAAA;AAAA;AAAA,oBACF;AAAA,oBAEA,6CAAC,SAAI,WAAU,kCACb;AAAA;AAAA,wBAAC,mBAAAC;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,MAAM;AAAA,0BACN,OAAO,KAAK,WAAW;AAAA;AAAA,sBACzB;AAAA,sBACA;AAAA,wBAAC,mBAAAA;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,MAAM;AAAA,0BACN,WAAO,mCAAiB,KAAK,WAAW,MAAM;AAAA;AAAA,sBAChD;AAAA,sBACA;AAAA,wBAAC,mBAAAA;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,MAAM;AAAA,0BACN,OAAO,KAAK,WAAW;AAAA;AAAA,sBACzB;AAAA,uBACF;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,eAAW;AAAA,0BACT;AAAA,0BACA;AAAA,0BACA;AAAA,wBACF;AAAA,wBAEC;AAAA,+BAAK;AAAA,0BAAG;AAAA;AAAA;AAAA,oBACX;AAAA,qBACF;AAAA,mBACF;AAAA,gBACA,6CAAC,SAAI,WAAU,oDACZ;AAAA,uBAAK,OAAO,SAAS,KACpB,4CAAC,SAAI,WAAU,kGACZ,eAAK,OAAO,IAAI,CAAC,UAChB,2EACE;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAK,MAAM;AAAA,sBAEX,KAAK,MAAM;AAAA,sBACX,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,WAAU;AAAA;AAAA,oBAJL,MAAM;AAAA,kBAKZ,GACH,CACD,GACH;AAAA,kBAGF,6CAAC,SAAI,WAAU,kDACb;AAAA,gEAAC,mBAAAA,SAAA,EAAW,MAAM,OAAO,OAAO,KAAK,WAAW,UAAU;AAAA,oBAC1D,4CAAC,mBAAAA,SAAA,EAAW,MAAM,MAAM,OAAO,KAAK,WAAW,SAAS;AAAA,oBACxD,4CAAC,mBAAAA,SAAA,EAAW,MAAM,MAAM,OAAO,KAAK,WAAW,SAAS;AAAA,oBACxD,4CAAC,mBAAAA,SAAA,EAAW,MAAM,KAAK,OAAO,KAAK,WAAW,QAAQ;AAAA,oBACtD,4CAAC,mBAAAA,SAAA,EAAW,MAAM,KAAK,OAAO,KAAK,WAAW,QAAQ;AAAA,qBACxD;AAAA,mBAEF;AAAA,gBAEA,4CAAC,SAAI,WAAU,kDACb;AAAA,kBAAC,mBAAAC;AAAA,kBAAA;AAAA,oBACC,SAAS,KAAK;AAAA,oBACd,SAAS,KAAK;AAAA,oBACd,SAAS,KAAK;AAAA;AAAA,gBAChB,GACF;AAAA,iBACF;AAAA,cACA,4CAAC,SAAI,WAAW,0BACb,0BAAgB,IAAI,CAAC,MAAM,QAC1B,4CAAC,qBAAAC,SAAA,EAAe,QAAiB,GAAK,CACvC,GACH;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WACE;AAAA,YAEF,SAAS;AAAA;AAAA,QACX;AAAA;AAAA;AAAA,IA5GK;AAAA,EA6GP,GACF;AAEJ;","names":["getPart","Flags","ScoreBadge","SkillGraph","BeatLeaderItem"]}
+{"version":3,"sources":["../../../../src/components/pages/bl-player.tsx"],"sourcesContent":["import 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'\nimport React from 'react'\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","React","Flags","ScoreBadge","SkillGraph","BeatLeaderItem"]}