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

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

@@ -1,6 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { BarChart, Key, Star, Wrench } from "lucide-react";
-import { diffConv, formatRelativeTimeByDay } from "../utils";
+import { diffConv, formatRelativeTimeByDay } from "../utils/index.js";
+import React from "react";
 const getModifiers = (modifiers) => {
   return modifiers ? modifiers.split(",") : [];
 };
@@ -8,72 +8,35 @@ function SsScoreItem({
   scoreItem
 }) {
   var _a;
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
+  return /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "rounded-lg flex bg-black/[.4] space-x-2  backdrop-blur-none overflow-hidden"
+    },
+    /* @__PURE__ */ React.createElement(
+      "img",
       {
-        className: "rounded-lg flex bg-black/[.4] space-x-2  backdrop-blur-md overflow-hidden",
-        children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              loading: "eager",
-              src: scoreItem.leaderboard.coverImage,
-              className: "rounded-md h-20 w-20"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1 py-0.5", children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all",
-                children: scoreItem.leaderboard.songName
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 ",
-                children: [
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(BarChart, { className: "w-3 h-3" }) }),
-                    /* @__PURE__ */ jsx("span", { children: diffConv(scoreItem.leaderboard.difficulty.difficultyRaw) })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Star, { className: "w-3 h-3" }) }),
-                    /* @__PURE__ */ jsxs("span", { children: [
-                      scoreItem.leaderboard.stars,
-                      " "
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Key, { className: "w-3 h-3" }) }),
-                    /* @__PURE__ */ jsx("span", { children: (_a = scoreItem.mapId) != null ? _a : "unknown" })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex space-x-2 text-xs", children: [
-              /* @__PURE__ */ jsxs("span", { children: [
-                (scoreItem.score.baseScore / scoreItem.leaderboard.maxScore * 100).toFixed(2),
-                "%"
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "text-orange-200", children: [
-                scoreItem.score.pp.toFixed(1),
-                "PP"
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "opacity-70", children: formatRelativeTimeByDay(scoreItem.score.timeSet) })
-            ] }),
-            getModifiers(scoreItem.score.modifiers).length > 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs flex flex-wrap space-x-2 items-center", children: [
-              /* @__PURE__ */ jsx(Wrench, { className: "h-3 w-3" }),
-              getModifiers(scoreItem.score.modifiers).map((modifier) => /* @__PURE__ */ jsx("span", { children: modifier }, modifier))
-            ] })
-          ] })
-        ]
+        loading: "eager",
+        src: scoreItem.leaderboard.coverImage,
+        className: "rounded-md h-20 w-20"
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center", children: scoreItem.score.fullCombo && /* @__PURE__ */ jsx("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent", children: "FC" }) })
-  ] });
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col space-y-1 py-0.5" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all"
+      },
+      scoreItem.leaderboard.songName
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 "
+      },
+      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(BarChart, { className: "w-3 h-3" })), /* @__PURE__ */ React.createElement("span", null, diffConv(scoreItem.leaderboard.difficulty.difficultyRaw))),
+      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Star, { className: "w-3 h-3" })), /* @__PURE__ */ React.createElement("span", null, scoreItem.leaderboard.stars, " ")),
+      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Key, { className: "w-3 h-3" })), /* @__PURE__ */ React.createElement("span", null, (_a = scoreItem.mapId) != null ? _a : "unknown"))
+    ), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-2 text-xs" }, /* @__PURE__ */ React.createElement("span", null, (scoreItem.score.baseScore / scoreItem.leaderboard.maxScore * 100).toFixed(2), "%"), /* @__PURE__ */ React.createElement("span", { className: "text-orange-200" }, scoreItem.score.pp.toFixed(1), "PP"), /* @__PURE__ */ React.createElement("span", { className: "opacity-70" }, formatRelativeTimeByDay(scoreItem.score.timeSet))), getModifiers(scoreItem.score.modifiers).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "text-xs flex flex-wrap space-x-2 items-center" }, /* @__PURE__ */ React.createElement(Wrench, { className: "h-3 w-3" }), getModifiers(scoreItem.score.modifiers).map((modifier) => /* @__PURE__ */ React.createElement("span", { key: modifier }, modifier))))
+  ), /* @__PURE__ */ React.createElement("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center" }, scoreItem.score.fullCombo && /* @__PURE__ */ React.createElement("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent" }, "FC")));
 }
 export {
   SsScoreItem as default

package/dist/esm/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":"AAoBQ,cAkBI,YAlBJ;AApBR,SAAS,UAAU,KAAK,MAAM,cAAc;AAC5C,SAAS,UAAU,+BAA+B;AAIlD,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AACe,SAAR,YAA6B;AAAA,EAClC;AACF,GAEG;AAZH;AAaE,SACE,qBAAC,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,qBAAC,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,uCAAC,SACC;AAAA,wCAAC,UACC,8BAAC,YAAS,WAAW,WAAW,GAClC;AAAA,oBACA,oBAAC,UACE,mBAAS,UAAU,YAAY,WAAW,aAAa,GAC1D;AAAA,qBACF;AAAA,kBACA,qBAAC,SACC;AAAA,wCAAC,UACC,8BAAC,QAAK,WAAW,WAAW,GAC9B;AAAA,oBACA,qBAAC,UAAM;AAAA,gCAAU,YAAY;AAAA,sBAAM;AAAA,uBAAC;AAAA,qBACtC;AAAA,kBACA,qBAAC,SACC;AAAA,wCAAC,UACC,8BAAC,OAAI,WAAW,WAAW,GAC7B;AAAA,oBACA,oBAAC,UAAM,0BAAU,UAAV,YAAmB,WAAU;AAAA,qBACtC;AAAA;AAAA;AAAA,YACF;AAAA,YACA,qBAAC,SAAI,WAAW,0BACd;AAAA,mCAAC,UAEI;AAAA,2BAAU,MAAM,YAAY,UAAU,YAAY,WACnD,KACA,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAEf;AAAA,cACA,qBAAC,UAAK,WAAW,mBACd;AAAA,0BAAU,MAAM,GAAG,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAEjC;AAAA,cACA,oBAAC,UAAK,WAAW,cACd,kCAAwB,UAAU,MAAM,OAAO,GAClD;AAAA,eACF;AAAA,YACC,aAAa,UAAU,MAAM,SAAS,EAAE,SAAS,KAChD,qBAAC,SAAI,WAAU,iDACb;AAAA,kCAAC,UAAO,WAAU,WAAU;AAAA,cAC3B,aAAa,UAAU,MAAM,SAAS,EAAE,IAAI,CAAC,aAC5C,oBAAC,UAAqB,sBAAX,QAAoB,CAChC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,SAAI,WAAU,4EACZ,oBAAU,MAAM,aACf,oBAAC,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,SAAS,UAAU,KAAK,MAAM,cAAc;AAC5C,SAAS,UAAU,+BAA+B;AAClD,OAAO,WAAW;AAGlB,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AACe,SAAR,YAA6B;AAAA,EAClC;AACF,GAEG;AAZH;AAaE,SACE,oCAAC,SAAI,WAAW,cACd;AAAA,IAAC;AAAA;AAAA,MACC,WACE;AAAA;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,KAAK,UAAU,YAAY;AAAA,QAC3B,WAAW;AAAA;AAAA,IACb;AAAA,IACA,oCAAC,SAAI,WAAW,oCACd;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA;AAAA,MAGD,UAAU,YAAY;AAAA,IACzB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA;AAAA,MAGF,oCAAC,aACC,oCAAC,cACC,oCAAC,YAAS,WAAW,WAAW,CAClC,GACA,oCAAC,cACE,SAAS,UAAU,YAAY,WAAW,aAAa,CAC1D,CACF;AAAA,MACA,oCAAC,aACC,oCAAC,cACC,oCAAC,QAAK,WAAW,WAAW,CAC9B,GACA,oCAAC,cAAM,UAAU,YAAY,OAAM,GAAC,CACtC;AAAA,MACA,oCAAC,aACC,oCAAC,cACC,oCAAC,OAAI,WAAW,WAAW,CAC7B,GACA,oCAAC,eAAM,eAAU,UAAV,YAAmB,SAAU,CACtC;AAAA,IACF,GACA,oCAAC,SAAI,WAAW,4BACd,oCAAC,eAEI,UAAU,MAAM,YAAY,UAAU,YAAY,WACnD,KACA,QAAQ,CAAC,GAAE,GAEf,GACA,oCAAC,UAAK,WAAW,qBACd,UAAU,MAAM,GAAG,QAAQ,CAAC,GAAE,IAEjC,GACA,oCAAC,UAAK,WAAW,gBACd,wBAAwB,UAAU,MAAM,OAAO,CAClD,CACF,GACC,aAAa,UAAU,MAAM,SAAS,EAAE,SAAS,KAChD,oCAAC,SAAI,WAAU,mDACb,oCAAC,UAAO,WAAU,WAAU,GAC3B,aAAa,UAAU,MAAM,SAAS,EAAE,IAAI,CAAC,aAC5C,oCAAC,UAAK,KAAK,YAAW,QAAS,CAChC,CACH,CAEJ;AAAA,EACF,GACA,oCAAC,SAAI,WAAU,8EACZ,UAAU,MAAM,aACf,oCAAC,UAAK,WAAU,6EAA0E,IAE1F,CAEJ,CACF;AAEJ;","names":[]}

package/dist/esm/components/index.js

@@ -1,50 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
 import * as ReactDOMServer from "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__ */ jsxs("html", { children: [
-    /* @__PURE__ */ jsxs("head", { children: [
-      /* @__PURE__ */ jsx(
-        "link",
-        {
-          href: "https://cdn.jsdelivr.net/npm/daisyui@4.7.2/dist/full.min.css",
-          rel: "stylesheet",
-          type: "text/css"
-        }
-      ),
-      /* @__PURE__ */ jsx("script", { src: "https://cdn.tailwindcss.com" }),
-      /* @__PURE__ */ jsx("title", { children: "IMG Render" })
-    ] }),
-    /* @__PURE__ */ jsx("body", { className: "bg-black flex w-fit", children }),
-    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: styles } })
-  ] });
+  return /* @__PURE__ */ React.createElement("html", null, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("script", { src: "https://cdn.tailwindcss.com" }), /* @__PURE__ */ React.createElement("title", null, "IMG Render")), /* @__PURE__ */ React.createElement("body", { className: "bg-transparent" }, children));
 }
 const getHtml = (child) => {
-  let res = ReactDOMServer.renderToString(/* @__PURE__ */ jsx(App, { children: child }));
+  let res = ReactDOMServer.renderToString(/* @__PURE__ */ React.createElement(App, null, child));
   res = ` <!DOCTYPE html>` + res;
   return res;
 };

package/dist/esm/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":"AA+BM,SACE,KADF;AA9BN,YAAY,oBAAoB;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,qBAAC,UACC;AAAA,yBAAC,UACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,MAAK;AAAA;AAAA,MACP;AAAA,MACA,oBAAC,YAAO,KAAI,+BAA8B;AAAA,MAC1C,oBAAC,WAAM,wBAAU;AAAA,OACnB;AAAA,IACA,oBAAC,UAAK,WAAW,uBAAwB,UAAS;AAAA,IAClD,oBAAC,WAAM,yBAAyB,EAAE,QAAQ,OAAO,GAAG;AAAA,KACtD;AAEJ;AAEO,MAAM,UAAU,CAAC,UAA2B;AACjD,MAAI,MAAM,eAAe,eAAe,oBAAC,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,OAAO,WAAW;AAClB,YAAY,oBAAoB;AAEhC,SAAS,IAAI,EAAE,SAAS,GAAmC;AACzD,SACE,oCAAC,cACC,oCAAC,cACC,oCAAC,YAAO,KAAI,+BAA8B,GAC1C,oCAAC,eAAM,YAAU,CACnB,GACA,oCAAC,UAAK,WAAW,oBAAmB,QAAS,CAC/C;AAEJ;AAEO,MAAM,UAAU,CAAC,UAA2B;AACjD,MAAI,MAAM,eAAe,eAAe,oCAAC,WAAK,KAAM,CAAM;AAC1D,QAAM,qBAAqB;AAC3B,SAAO;AACT;","names":[]}

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

@@ -17,14 +17,14 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import getPart from "../utils/bl/getPart";
-import ScoreBadge from "../components/socre-badge";
-import SkillGraph from "../components/skill-graph";
-import BeatLeaderItem from "../components/bl-score-item";
-import Flags, { EarchIcon } from "../components/flag";
-import { twJoin } from "../utils/tw-join";
-import { getHeadsetForHMD } from "../utils/bl/blheadset";
+import getPart from "../utils/bl/getPart.js";
+import ScoreBadge from "../components/socre-badge.js";
+import SkillGraph from "../components/skill-graph.js";
+import BeatLeaderItem from "../components/bl-score-item.js";
+import Flags, { EarchIcon } from "../components/flag.js";
+import { twJoin } from "../utils/tw-join.js";
+import { getHeadsetForHMD } from "../utils/bl/blheadset.js";
+import React from "react";
 function BLPlayerPage({
   beatleaderItems: items,
   user,
@@ -38,138 +38,93 @@ function BLPlayerPage({
       pinned: ((_a = it.metadata) == null ? void 0 : _a.pinnedContexts) !== void 0
     });
   });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     "div",
     {
       id: "render-result",
-      className: "flex flex-col justify-center items-center relative h-[720px] w-[1200px] my-auto",
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white rounded-lg flex flex-col space-y-2 z-10",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex space-x-4 pb-2", children: [
-                  /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: user.avatar,
-                      className: "h-36 w-36 rounded-md z-10",
-                      loading: "eager"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between", children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold", children: user.name }),
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        className: "flex space-x-2 text-md font-bold items-center",
-                        children: [
-                          /* @__PURE__ */ jsxs("span", { className: "flex items-center space-x-1", children: [
-                            /* @__PURE__ */ jsx(EarchIcon, {}),
-                            /* @__PURE__ */ jsxs("span", { children: [
-                              "# ",
-                              user.rank
-                            ] })
-                          ] }),
-                          /* @__PURE__ */ jsxs("span", { className: "flex items-center space-x-1", children: [
-                            /* @__PURE__ */ jsx(Flags, { flagNationCode: user.country }),
-                            /* @__PURE__ */ jsxs("span", { children: [
-                              "# ",
-                              user.countryRank
-                            ] })
-                          ] })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 align-items-center ", children: [
-                      /* @__PURE__ */ jsx(
-                        ScoreBadge,
-                        {
-                          className: "w-auto text-white",
-                          name: "P",
-                          count: user.scoreStats.topPlatform
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        ScoreBadge,
-                        {
-                          className: "w-auto text-white",
-                          name: "H",
-                          count: getHeadsetForHMD(user.scoreStats.topHMD)
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        ScoreBadge,
-                        {
-                          className: "w-auto text-white",
-                          name: "R",
-                          count: user.scoreStats.rankedPlayCount
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        className: twJoin(
-                          "text-4xl font-bold ",
-                          " bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300",
-                          "text-orange-100"
-                        ),
-                        children: [
-                          user.pp,
-                          " PP"
-                        ]
-                      }
-                    )
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "px-3 flex flex-col justify-end items-center grow", children: [
-                  user.badges.length > 0 && /* @__PURE__ */ 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      alt: badge.description,
-                      src: badge.image,
-                      width: "70px",
-                      height: "20px",
-                      className: "self-center w-[70px] h-5"
-                    },
-                    badge.id
-                  ) })) }),
-                  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2 align-items-center py-2", children: [
-                    /* @__PURE__ */ jsx(ScoreBadge, { name: "SS+", count: user.scoreStats.sspPlays }),
-                    /* @__PURE__ */ jsx(ScoreBadge, { name: "SS", count: user.scoreStats.ssPlays }),
-                    /* @__PURE__ */ jsx(ScoreBadge, { name: "S+", count: user.scoreStats.spPlays }),
-                    /* @__PURE__ */ jsx(ScoreBadge, { name: "S", count: user.scoreStats.sPlays }),
-                    /* @__PURE__ */ jsx(ScoreBadge, { name: "A", count: user.scoreStats.aPlays })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "ml-auto mr-4  flex justify-center items-center", children: /* @__PURE__ */ jsx(
-                  SkillGraph,
-                  {
-                    factorA: part.accPpPart,
-                    factorB: part.techPpPart,
-                    factorC: part.passPpPart
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: beatleaderItems.map((item, idx) => /* @__PURE__ */ jsx(BeatLeaderItem, { item }, idx)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ 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__ */ React.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__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex space-x-4 pb-2" }, /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: user.avatar,
+          className: "h-36 w-36 rounded-md z-10",
+          loading: "eager"
+        }
+      ), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-3xl font-bold" }, user.name), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "flex space-x-2 text-md font-bold items-center"
+        },
+        /* @__PURE__ */ React.createElement("span", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React.createElement(EarchIcon, null), /* @__PURE__ */ React.createElement("span", null, "# ", user.rank)),
+        /* @__PURE__ */ React.createElement("span", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React.createElement(Flags, { flagNationCode: user.country }), /* @__PURE__ */ React.createElement("span", null, "# ", user.countryRank))
+      ), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 align-items-center " }, /* @__PURE__ */ React.createElement(
+        ScoreBadge,
+        {
+          className: "w-auto text-white",
+          name: "P",
+          count: user.scoreStats.topPlatform
+        }
+      ), /* @__PURE__ */ React.createElement(
+        ScoreBadge,
+        {
+          className: "w-auto text-white",
+          name: "H",
+          count: getHeadsetForHMD(user.scoreStats.topHMD)
+        }
+      ), /* @__PURE__ */ React.createElement(
+        ScoreBadge,
+        {
+          className: "w-auto text-white",
+          name: "R",
+          count: user.scoreStats.rankedPlayCount
+        }
+      )), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: twJoin(
+            "text-4xl font-bold ",
+            " bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300",
+            "text-orange-100"
+          )
+        },
+        user.pp,
+        " PP"
+      ))), /* @__PURE__ */ React.createElement("div", { className: "px-3 flex flex-col justify-end items-center grow" }, user.badges.length > 0 && /* @__PURE__ */ React.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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          alt: badge.description,
+          key: badge.id,
+          src: badge.image,
+          width: "70px",
+          height: "20px",
+          className: "self-center w-[70px] h-5"
+        }
+      )))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-3 gap-2 align-items-center py-2" }, /* @__PURE__ */ React.createElement(ScoreBadge, { name: "SS+", count: user.scoreStats.sspPlays }), /* @__PURE__ */ React.createElement(ScoreBadge, { name: "SS", count: user.scoreStats.ssPlays }), /* @__PURE__ */ React.createElement(ScoreBadge, { name: "S+", count: user.scoreStats.spPlays }), /* @__PURE__ */ React.createElement(ScoreBadge, { name: "S", count: user.scoreStats.sPlays }), /* @__PURE__ */ React.createElement(ScoreBadge, { name: "A", count: user.scoreStats.aPlays }))), /* @__PURE__ */ React.createElement("div", { className: "ml-auto mr-4  flex justify-center items-center" }, /* @__PURE__ */ React.createElement(
+        SkillGraph,
+        {
+          factorA: part.accPpPart,
+          factorB: part.techPpPart,
+          factorC: part.passPpPart
+        }
+      ))),
+      /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2" }, beatleaderItems.map((item, idx) => /* @__PURE__ */ React.createElement(BeatLeaderItem, { item, key: idx })))
+    ),
+    /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: bg,
+        className: "inset-0 mx-auto w-full rounded-lg absolute h-full object-center",
+        loading: "eager"
+      }
+    )
+  ));
 }
 export {
   BLPlayerPage as default

package/dist/esm/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":"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","names":[]}
+{"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":[]}