beatsaber-bot-core 0.2.0-dev.2 → 0.2.0-dev.4

package/lib/img-render/components/icons/ScoreSaberIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function ScoreSaberIcon(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { id: "ScoreSaber", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", ...props, children: [(0, jsx_runtime_1.jsx)("defs", {}), (0, jsx_runtime_1.jsxs)("g", { id: "Border", children: [(0, jsx_runtime_1.jsx)("rect", { id: "Bottom", className: "cls-1 fill-[#221f1c]", x: "9", y: "40", width: "32", height: "10" }), (0, jsx_runtime_1.jsx)("rect", { id: "Top", className: "cls-1 fill-[#221f1c]", x: "9", width: "32", height: "10" }), (0, jsx_runtime_1.jsx)("rect", { id: "Top_Left", "data-name": "Top Left", className: "cls-1 fill-[#221f1c]", x: "4", y: "4", width: "10", height: "10" }), (0, jsx_runtime_1.jsx)("rect", { id: "Top_Right", "data-name": "Top Right", className: "cls-1 fill-[#221f1c]", x: "36", y: "4", width: "10", height: "10" }), (0, jsx_runtime_1.jsx)("rect", { id: "Right", className: "cls-1 fill-[#221f1c]", x: "40", y: "9", width: "10", height: "32" }), (0, jsx_runtime_1.jsx)("rect", { id: "Left", className: "cls-1 fill-[#221f1c]", y: "9", width: "10", height: "32" }), (0, jsx_runtime_1.jsx)("rect", { id: "Bottom_Right", "data-name": "Bottom Right", className: "cls-1 fill-[#221f1c]", x: "38", y: "38", width: "8", height: "8" }), (0, jsx_runtime_1.jsx)("rect", { id: "Bottom_left", "data-name": "Bottom left", className: "cls-1 fill-[#221f1c]", x: "4", y: "36", width: "10", height: "10" })] }), (0, jsx_runtime_1.jsxs)("g", { id: "Base_Colour", "data-name": "Base Colour", children: [(0, jsx_runtime_1.jsx)("rect", { id: "Right-2", "data-name": "Right", className: "cls-2 fill-[#feec3e]", x: "25", y: "9", width: "21", height: "32" }), (0, jsx_runtime_1.jsx)("rect", { id: "Top-2", "data-name": "Top", className: "cls-2 fill-[#feec3e]", x: "9", y: "4", width: "32", height: "21" }), (0, jsx_runtime_1.jsx)("rect", { id: "Left-2", "data-name": "Left", className: "cls-3 fill-[#eabd01]", x: "4", y: "9", width: "21", height: "32" }), (0, jsx_runtime_1.jsx)("rect", { id: "Bottom-2", "data-name": "Bottom", className: "cls-3 fill-[#eabd01]", x: "9", y: "25", width: "32", height: "21" }), (0, jsx_runtime_1.jsx)("rect", { id: "Middle", className: "cls-4 fill-[#ffde18]", x: "9", y: "9", width: "32", height: "32" })] }), (0, jsx_runtime_1.jsxs)("g", { style: { opacity: 0 }, id: "Aww_Man", "data-name": "Aww Man", children: [(0, jsx_runtime_1.jsx)("rect", { id: "Aww_Man-2", "data-name": "Aww Man", className: "cls-3 fill-[#eabd01]", x: "21", y: "25", width: "8", height: "8" }), (0, jsx_runtime_1.jsx)("rect", { id: "Aww_Man-3", "data-name": "Aww Man", className: "cls-3 fill-[#eabd01]", x: "13", y: "13", width: "8", height: "8" }), (0, jsx_runtime_1.jsx)("rect", { id: "Aww_Man-4", "data-name": "Aww Man", className: "cls-3 fill-[#eabd01]", x: "29", y: "13", width: "8", height: "8" }), (0, jsx_runtime_1.jsx)("rect", { id: "Aww_Man-5", "data-name": "Aww Man", className: "cls-3 fill-[#eabd01]", x: "21", y: "21", width: "8", height: "4" }), (0, jsx_runtime_1.jsx)("rect", { id: "Aww_Man-6", "data-name": "Aww Man", className: "cls-3 fill-[#eabd01]", x: "17", y: "25", width: "4", height: "12" }), (0, jsx_runtime_1.jsx)("rect", { id: "Aww_Man-7", "data-name": "Aww Man", className: "cls-3 fill-[#eabd01]", x: "29", y: "25", width: "4", height: "12" })] }), (0, jsx_runtime_1.jsxs)("g", { id: "Arrow", children: [(0, jsx_runtime_1.jsx)("rect", { id: "Top-3", "data-name": "Top", className: "cls-5 fill-white", x: "18", y: "14", width: "14", height: "3" }), (0, jsx_runtime_1.jsx)("rect", { id: "Bottom-3", "data-name": "Bottom", className: "cls-5 fill-white", x: "22", y: "23", width: "6", height: "3" }), (0, jsx_runtime_1.jsx)("rect", { id: "Lower_Right", "data-name": "Lower Right", className: "cls-5 fill-white", x: "28", y: "20", width: "4", height: "3" }), (0, jsx_runtime_1.jsx)("rect", { id: "Lower_left", "data-name": "Lower left", className: "cls-5 fill-white", x: "18", y: "20", width: "4", height: "3" }), (0, jsx_runtime_1.jsx)("rect", { id: "Right-3", "data-name": "Right", className: "cls-5 fill-white", x: "32", y: "17", width: "4", height: "3" }), (0, jsx_runtime_1.jsx)("rect", { id: "Left-3", "data-name": "Left", className: "cls-5 fill-white", x: "14", y: "17", width: "4", height: "3" })] })] }));
+}
+exports.default = ScoreSaberIcon;
+//# sourceMappingURL=ScoreSaberIcon.js.map

package/lib/img-render/components/icons/ScoreSaberIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScoreSaberIcon.js","sourceRoot":"","sources":["../../../../src/img-render/components/icons/ScoreSaberIcon.tsx"],"names":[],"mappings":";;;AAGA,SAAwB,cAAc,CAAC,KAA8B;IACnE,OAAO,CACL,iCACE,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,KACf,KAAK,aAET,kCAEO,EACP,+BAAG,EAAE,EAAC,QAAQ,aACZ,iCACE,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,UAAU,eACH,UAAU,EACpB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,WAAW,eACJ,WAAW,EACrB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,OAAO,EACV,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,cAAc,eACP,cAAc,EACxB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,aAAa,eACN,aAAa,EACvB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,IACA,EACJ,+BAAG,EAAE,EAAC,aAAa,eAAW,aAAa,aACzC,iCACE,EAAE,EAAC,SAAS,eACF,OAAO,EACjB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,OAAO,eACA,KAAK,EACf,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,QAAQ,eACD,MAAM,EAChB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,UAAU,eACH,QAAQ,EAClB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,IACA,EACJ,+BAAG,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAC,SAAS,eAAW,SAAS,aACxD,iCACE,EAAE,EAAC,WAAW,eACJ,SAAS,EACnB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,WAAW,eACJ,SAAS,EACnB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,WAAW,eACJ,SAAS,EACnB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,WAAW,eACJ,SAAS,EACnB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,WAAW,eACJ,SAAS,EACnB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,IAAI,GACX,EACF,iCACE,EAAE,EAAC,WAAW,eACJ,SAAS,EACnB,SAAS,EAAC,sBAAsB,EAChC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,IAAI,GACX,IACA,EACJ,+BAAG,EAAE,EAAC,OAAO,aACX,iCACE,EAAE,EAAC,OAAO,eACA,KAAK,EACf,SAAS,EAAC,kBAAkB,EAC5B,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,UAAU,eACH,QAAQ,EAClB,SAAS,EAAC,kBAAkB,EAC5B,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,aAAa,eACN,aAAa,EACvB,SAAS,EAAC,kBAAkB,EAC5B,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,YAAY,eACL,YAAY,EACtB,SAAS,EAAC,kBAAkB,EAC5B,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,SAAS,eACF,OAAO,EACjB,SAAS,EAAC,kBAAkB,EAC5B,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,EACF,iCACE,EAAE,EAAC,QAAQ,eACD,MAAM,EAChB,SAAS,EAAC,kBAAkB,EAC5B,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,GACV,IACA,IACA,CACP,CAAA;AACH,CAAC;AA/OD,iCA+OC"}

package/lib/img-render/components/progressbar.d.ts

@@ -0,0 +1,4 @@
+/** @jsxImportSource react */
+export default function Progressbar({ value }: {
+    value: number;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/img-render/components/progressbar.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** @jsxImportSource react */
+function Progressbar({ value }) {
+    return ((0, jsx_runtime_1.jsx)("progress", { className: "[&::-webkit-progress-bar]:rounded-lg h-2 [&::-webkit-progress-bar]:h-2\n       [&::-webkit-progress-value]:from-blue-300\n        [&::-webkit-progress-value]:to-red-300 [&::-webkit-progress-value]:rounded-lg\n         [&::-webkit-progress-value]:bg-gradient-to-r  [&::-webkit-progress-bar]:bg-gray-100", max: "100", value: value }));
+}
+exports.default = Progressbar;
+//# sourceMappingURL=progressbar.js.map

package/lib/img-render/components/progressbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressbar.js","sourceRoot":"","sources":["../../../src/img-render/components/progressbar.tsx"],"names":[],"mappings":";;;AAAA,6BAA6B;AAC7B,SAAwB,WAAW,CAAC,EAAE,KAAK,EAAqB;IAC9D,OAAO,CACL,qCACE,SAAS,EAAC,+SAG6E,EACvF,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC;AAXD,8BAWC"}

package/lib/img-render/components/scoreItem.d.ts

@@ -0,0 +1,4 @@
+import { ScoreSaberItem } from '../../api/interfaces/scoresaber';
+export default function ScoreItem({ scoreItem, }: {
+    scoreItem: ScoreSaberItem;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/img-render/components/scoreItem.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** @jsxImportSource react */
+const lucide_react_1 = require("lucide-react");
+const diffConv = (diff) => {
+    if (diff.includes('ExpertPlus')) {
+        return 'E+';
+    }
+    else if (diff.includes('Expert')) {
+        return 'EX';
+    }
+    else if (diff.includes('Hard')) {
+        return 'H';
+    }
+    else if (diff.includes('Normal')) {
+        return 'N';
+    }
+    return 'E';
+};
+const getModifiers = (modifiers) => {
+    return modifiers ? modifiers.split(',') : [];
+};
+function ScoreItem({ scoreItem, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'relative', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rounded-lg flex bg-black/[.4] space-x-2  backdrop-blur-md overflow-hidden', children: [(0, jsx_runtime_1.jsx)("img", { loading: 'eager', src: scoreItem.leaderboard.coverImage, className: 'rounded-md h-20 w-20' }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col space-y-1 py-0.5', children: [(0, jsx_runtime_1.jsx)("div", { className: 'font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all', children: scoreItem.leaderboard.songName }), (0, jsx_runtime_1.jsxs)("div", { className: 'text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 ', children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.BarChart, { className: 'w-3 h-3' }) }), (0, jsx_runtime_1.jsx)("span", { children: diffConv(scoreItem.leaderboard.difficulty.difficultyRaw) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Star, { className: 'w-3 h-3' }) }), (0, jsx_runtime_1.jsxs)("span", { children: [scoreItem.leaderboard.stars, " "] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Key, { className: 'w-3 h-3' }) }), (0, jsx_runtime_1.jsx)("span", { children: scoreItem.mapId ?? 'unknown' })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex space-x-2 text-xs', children: [(0, jsx_runtime_1.jsxs)("span", { children: [((scoreItem.score.baseScore / scoreItem.leaderboard.maxScore) *
+                                                100).toFixed(2), "%"] }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-orange-200', children: [scoreItem.score.pp.toFixed(1), "PP"] })] }), getModifiers(scoreItem.score.modifiers).length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs flex flex-wrap space-x-2 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wrench, { className: "h-3 w-3" }), getModifiers(scoreItem.score.modifiers).map((modifier) => ((0, jsx_runtime_1.jsx)("span", { children: modifier }, modifier)))] }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center", children: scoreItem.score.fullCombo && ((0, jsx_runtime_1.jsx)("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent", children: "FC" })) })] }));
+}
+exports.default = ScoreItem;
+//# sourceMappingURL=scoreItem.js.map

package/lib/img-render/components/scoreItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoreItem.js","sourceRoot":"","sources":["../../../src/img-render/components/scoreItem.tsx"],"names":[],"mappings":";;;AAAA,6BAA6B;AAC7B,+CAA0D;AAG1D,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;IAChC,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;QAChC,OAAO,IAAI,CAAA;IACb,CAAC;SAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,OAAO,IAAI,CAAA;IACb,CAAC;SAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,OAAO,GAAG,CAAA;IACZ,CAAC;SAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,OAAO,GAAG,CAAA;IACZ,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AACD,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,EAAE;IACzC,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AAC9C,CAAC,CAAA;AACD,SAAwB,SAAS,CAAC,EAChC,SAAS,GAGV;IACC,OAAO,CACL,iCAAK,SAAS,EAAE,UAAU,aACxB,iCACE,SAAS,EACP,2EAA2E,aAG7E,gCACE,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,SAAS,CAAC,WAAW,CAAC,UAAU,EACrC,SAAS,EAAE,sBAAsB,GACjC,EACF,iCAAK,SAAS,EAAE,gCAAgC,aAC9C,gCACE,SAAS,EACP,4EAA4E,YAG7E,SAAS,CAAC,WAAW,CAAC,QAAQ,GAC3B,EACN,iCACE,SAAS,EACP,wEAAwE,aAG1E,4CACE,2CACE,uBAAC,uBAAQ,IAAC,SAAS,EAAE,SAAS,GAAI,GAC7B,EACP,2CACG,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,GACpD,IACH,EACN,4CACE,2CACE,uBAAC,mBAAI,IAAC,SAAS,EAAE,SAAS,GAAI,GACzB,EACP,6CAAO,SAAS,CAAC,WAAW,CAAC,KAAK,SAAS,IACvC,EACN,4CACE,2CACE,uBAAC,kBAAG,IAAC,SAAS,EAAE,SAAS,GAAI,GACxB,EACP,2CAAO,SAAS,CAAC,KAAK,IAAI,SAAS,GAAQ,IACvC,IACF,EACN,iCAAK,SAAS,EAAE,wBAAwB,aACtC,6CACG,CACC,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC;gDAC5D,GAAG,CACJ,CAAC,OAAO,CAAC,CAAC,CAAC,SAEP,EACP,kCAAM,SAAS,EAAE,iBAAiB,aAC/B,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,UAEzB,IACH,EACL,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACrD,iCAAK,SAAS,EAAC,+CAA+C,aAC5D,uBAAC,qBAAM,IAAC,SAAS,EAAC,SAAS,GAAG,EAC7B,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzD,2CAAsB,QAAQ,IAAnB,QAAQ,CAAmB,CACvC,CAAC,IACE,CACP,IACG,IACF,EACN,gCAAK,SAAS,EAAC,0EAA0E,YACtF,SAAS,CAAC,KAAK,CAAC,SAAS,IAAI,CAC5B,iCAAM,SAAS,EAAC,yEAAyE,mBAElF,CACR,GACG,IACF,CACP,CAAA;AACH,CAAC;AAnFD,4BAmFC"}

package/lib/img-render/components/scoregraph.d.ts

@@ -0,0 +1,8 @@
+import { BSOR, Score } from '../../api/interfaces/beatleader';
+export declare function formatNumber(num: number, digits?: number, addSign?: boolean, notANumber?: any): any;
+export default function ScoreGraph({ scoreId, scoreInfo, statistic, bsor, }: {
+    scoreId: number;
+    scoreInfo: Score;
+    statistic: any;
+    bsor: BSOR;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/img-render/components/scoregraph.js

@@ -0,0 +1,300 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumber = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bsorReplayAcc_1 = require("../utils/bl/bsorReplayAcc");
+const beatleader_1 = require("../utils/bl/beatleader");
+const stastic_1 = __importDefault(require("../utils/bl/stastic"));
+const auto_1 = __importDefault(require("chart.js/auto"));
+const canvas_1 = require("../utils/canvas");
+function formatNumber(num, digits = 2, addSign = false, notANumber = null) {
+    if (!Number.isFinite(num)) {
+        return notANumber;
+    }
+    return ((addSign && num > 0 ? '+' : '') +
+        num.toLocaleString(navigator.language, {
+            minimumFractionDigits: digits,
+            maximumFractionDigits: digits,
+        }));
+}
+exports.formatNumber = formatNumber;
+function timeToLabel(time) {
+    const minutes = Math.floor(time / 60);
+    const seconds = Math.floor(time % 60);
+    return minutes + ':' + seconds.toString().padStart(2, '0');
+}
+function processChartData(chartData, resolution, smoothPeriodPercentage, weightFunctionSteepness) {
+    const data = [];
+    if (chartData.length === 0 || resolution === 0)
+        return data;
+    const songDuration = chartData[chartData.length - 1][1];
+    const distanceWeightFunction = (0, beatleader_1.createDistanceWeightFunction)(songDuration * smoothPeriodPercentage, weightFunctionSteepness);
+    for (let i = 0.0; i < resolution; i += 1.0) {
+        const songTime = (songDuration * i) / (resolution - 1);
+        let sum = 0;
+        let divider = 0;
+        for (let j = 0.0; j < chartData.length; j += 1.0) {
+            const item = chartData[j];
+            const weight = distanceWeightFunction.getWeight(item[1] - songTime);
+            sum += item[0] * weight;
+            divider += weight;
+        }
+        if (divider === 0)
+            continue;
+        const value = 100 + (sum / divider) * 15;
+        data.push(value);
+    }
+    return data;
+}
+// get score Statics
+function ScoreGraph({ scoreId, scoreInfo, statistic, bsor, }) {
+    const canvas = canvas_1.canvasHelper.createCanvas(400 * 4, 192 * 4);
+    const setupChart = (canvas, chartData, underswingsData, beatSavior) => {
+        if (!canvas || !chartData || !Object.keys(chartData).length)
+            return;
+        const title = underswingsData?.noUnderswingsScore > underswingsData?.score
+            ? `Lost by underswings: ${formatNumber(underswingsData.noUnderswingsScore - underswingsData.score, 0)}pts, ${formatNumber(underswingsData.noUnderswingsAcc - underswingsData.acc, 2)}% acc` +
+                (underswingsData?.noUnderswingsPp &&
+                    underswingsData?.noUnderswingsPp > underswingsData?.pp
+                    ? `, ${formatNumber(underswingsData.noUnderswingsPp - underswingsData.pp, 2)}pp`
+                    : '')
+            : null;
+        const labels = chartData.times.map(timeToLabel);
+        const minMaxCounter = (0, beatleader_1.createMinMaxCounter)(0, 115, 1.0);
+        const hands = [];
+        if (beatSavior?.stats?.accLeft) {
+            hands.push('red');
+        }
+        if (beatSavior?.stats?.accRight) {
+            hands.push('blue');
+        }
+        if (hands.length == 2) {
+            hands.push('total');
+        }
+        for (let i = 0; i < chartData.times.length; i++) {
+            hands.forEach((saberType) => {
+                minMaxCounter.update(chartData.realScoreBySaber[saberType][i]);
+                minMaxCounter.update(chartData.fullSwingBySaber[saberType][i]);
+            });
+        }
+        let datasets = [];
+        if (beatSavior?.stats?.accLeft) {
+            datasets.push({
+                yAxisID: 'score',
+                label: 'Accuracy (left)',
+                data: chartData.fullSwingBySaber.red,
+                type: 'line',
+                borderColor: '#ee5555',
+                backgroundColor: '#ee5555',
+                borderWidth: 8,
+                pointRadius: 0,
+                cubicInterpolationMode: 'monotone',
+                tension: 0.4,
+                spanGaps: true,
+                order: 3,
+            });
+            datasets.push({
+                yAxisID: 'score',
+                label: 'Underswing (left)',
+                data: chartData.realScoreBySaber.red,
+                type: 'line',
+                fill: '-1',
+                borderColor: '#ee555555',
+                backgroundColor: '#ee555555',
+                borderWidth: 2,
+                pointRadius: 0,
+                cubicInterpolationMode: 'monotone',
+                tension: 0.4,
+                spanGaps: true,
+                order: 4,
+            });
+        }
+        if (beatSavior?.stats?.accRight) {
+            datasets.push({
+                yAxisID: 'score',
+                label: 'Accuracy (right)',
+                data: chartData.fullSwingBySaber.blue,
+                type: 'line',
+                borderColor: '#5555ee',
+                backgroundColor: '#5555ee',
+                borderWidth: 8,
+                pointRadius: 0,
+                cubicInterpolationMode: 'monotone',
+                tension: 0.4,
+                spanGaps: true,
+                order: 5,
+            });
+            datasets.push({
+                yAxisID: 'score',
+                label: 'Underswing (right)',
+                data: chartData.realScoreBySaber.blue,
+                type: 'line',
+                fill: '-1',
+                borderColor: '#5555ee55',
+                backgroundColor: '#5555ee55',
+                borderWidth: 2,
+                pointRadius: 0,
+                cubicInterpolationMode: 'monotone',
+                tension: 0.4,
+                spanGaps: true,
+                order: 6,
+            });
+        }
+        datasets = datasets.concat([
+            {
+                yAxisID: 'score',
+                label: 'Accuracy',
+                data: chartData.fullSwingBySaber.total,
+                type: 'line',
+                borderColor: 'white',
+                backgroundColor: 'white',
+                borderWidth: 8,
+                pointRadius: 0,
+                cubicInterpolationMode: 'monotone',
+                tension: 0.4,
+                spanGaps: true,
+                order: 1,
+            },
+            {
+                yAxisID: 'score',
+                label: 'Underswing',
+                data: chartData.realScoreBySaber.total,
+                type: 'line',
+                fill: '-1',
+                borderColor: '#aaaaaa55',
+                backgroundColor: '#aaaaaa55',
+                borderWidth: 2,
+                pointRadius: 0,
+                cubicInterpolationMode: 'monotone',
+                tension: 0.4,
+                spanGaps: true,
+                order: 2,
+            },
+            {
+                yAxisID: 'score',
+                label: 'Score',
+                data: chartData.realScoreBySaber.total,
+                type: 'line',
+                borderColor: '#aaaaaa',
+                backgroundColor: '#aaaaaa',
+                borderWidth: 8,
+                pointRadius: 0,
+                cubicInterpolationMode: 'monotone',
+                tension: 0.4,
+                spanGaps: true,
+                order: 0,
+            },
+        ]);
+        new auto_1.default(canvas, {
+            data: { labels, datasets },
+            options: {
+                responsive: false,
+                devicePixelRatio: 1,
+                maintainAspectRatio: false,
+                plugins: {
+                    legend: {
+                        display: false,
+                    },
+                    title: {
+                        display: !!title?.length,
+                        text: title,
+                        color: 'white',
+                        font: {
+                            weight: 'normal',
+                            size: 60,
+                        },
+                        position: 'bottom',
+                        padding: { top: 5, bottom: 0 },
+                    },
+                    tooltip: {
+                        callbacks: {
+                            title(tooltipItems) {
+                                const item = tooltipItems[0];
+                                const labels = item.chart.data.labels;
+                                return labels[item.dataIndex] + ' (10 seconds average)';
+                            },
+                            label(ctx) {
+                                const datasetLabel = ctx.dataset.label;
+                                let percentage;
+                                let value;
+                                switch (datasetLabel) {
+                                    case 'Underswing (left)':
+                                        value =
+                                            ctx.raw - chartData.fullSwingBySaber.red[ctx.dataIndex];
+                                        percentage = value / 115.0;
+                                        return `${datasetLabel}: ${formatNumber(value, 1)} (${formatNumber(percentage * 100, 2)}%)`;
+                                    case 'Underswing (right)':
+                                        value =
+                                            ctx.raw - chartData.fullSwingBySaber.blue[ctx.dataIndex];
+                                        percentage = value / 115.0;
+                                        return `${datasetLabel}: ${formatNumber(value, 1)} (${formatNumber(percentage * 100, 2)}%)`;
+                                    case 'Underswing':
+                                        value =
+                                            ctx.raw - chartData.fullSwingBySaber.total[ctx.dataIndex];
+                                        percentage = value / 115.0;
+                                        return `${datasetLabel}: ${formatNumber(value, 1)} (${formatNumber(percentage * 100, 2)}%)`;
+                                    case 'Score':
+                                        value = ctx.raw;
+                                        percentage = value / 115.0;
+                                        return `${datasetLabel}: ${formatNumber(value, 1)} (${formatNumber(percentage * 100, 2)}%)`;
+                                    default:
+                                        value = ctx.raw;
+                                        percentage = value / 115.0;
+                                        return `${datasetLabel}: ${formatNumber(value - 100.0, 1)} (${formatNumber(percentage * 100, 2)}%)`;
+                                }
+                            },
+                        },
+                    },
+                },
+                scales: {
+                    x: {
+                        ticks: {
+                            autoSkip: true,
+                            autoSkipPadding: 4,
+                            color: 'white',
+                            font: {
+                                weight: 'normal',
+                                size: 60,
+                            },
+                        },
+                    },
+                    y: {
+                        display: true,
+                        min: minMaxCounter.minValue,
+                        max: minMaxCounter.maxValue,
+                        ticks: {
+                            autoSkip: true,
+                            autoSkipPadding: 4,
+                            color: 'white',
+                            font: {
+                                weight: 'normal',
+                                size: 60,
+                            },
+                        },
+                    },
+                    score: {
+                        display: false,
+                        min: minMaxCounter.minValue,
+                        max: minMaxCounter.maxValue,
+                        ticks: {
+                            autoSkip: true,
+                            autoSkipPadding: 4,
+                            color: 'white',
+                        },
+                    },
+                },
+            },
+        });
+    };
+    const beatSavior = (0, stastic_1.default)(scoreInfo, scoreId, statistic);
+    const replayAccGraphs = (0, bsorReplayAcc_1.processAccGraphs)(bsor);
+    const underswingsData = (0, bsorReplayAcc_1.processUnderswings)(bsor);
+    setupChart(canvas, replayAccGraphs, underswingsData, beatSavior);
+    const dataURL = canvas_1.canvasHelper.canvasToDataURL(canvas);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { style: { height: '12em' }, children: (0, jsx_runtime_1.jsx)("img", { src: dataURL, width: 400, height: 192 }) }) }));
+}
+exports.default = ScoreGraph;
+//# sourceMappingURL=scoregraph.js.map

package/lib/img-render/components/scoregraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoregraph.js","sourceRoot":"","sources":["../../../src/img-render/components/scoregraph.tsx"],"names":[],"mappings":"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"}

package/lib/img-render/components/skill-graph.d.ts

@@ -0,0 +1,5 @@
+export default function SkillGraph({ factorA, factorB, factorC, }: {
+    factorA?: number;
+    factorB?: number;
+    factorC?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/img-render/components/skill-graph.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const getPoint = (center, edgePoint, edgeFactor, pointFactor) => {
+    const factorY = (center.y - edgePoint.y) / edgeFactor;
+    const factorX = (center.x - edgePoint.x) / edgeFactor;
+    return {
+        x: center.x - pointFactor * factorX,
+        y: center.y - pointFactor * factorY,
+    };
+};
+function SkillGraph({ factorA = 0.4, factorB = 0.2, factorC = 0.2, }) {
+    const base = 0.4;
+    const sqrt3 = Math.sqrt(3);
+    const centerPoint = {
+        x: 60,
+        y: 80 / sqrt3 + 10,
+    };
+    const edgePointA = {
+        x: 20,
+        y: 40 / sqrt3 + 10,
+    };
+    const edgePointB = {
+        x: 100,
+        y: 40 / sqrt3 + 10,
+    };
+    const edgePointC = {
+        x: 60,
+        y: 160 / sqrt3 + 10,
+    };
+    const PA = getPoint(centerPoint, edgePointA, base, factorA);
+    const PB = getPoint(centerPoint, edgePointB, base, factorB);
+    const PC = getPoint(centerPoint, edgePointC, base, factorC);
+    // 50,78 90,10 10,10
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("svg", { height: "145", viewBox: `0 0 125 125`, xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { cx: centerPoint.x, cy: centerPoint.y, r: 80 / sqrt3, className: "fill-gray-100/30", filter: "url(#blur)" }), (0, jsx_runtime_1.jsx)("circle", { cx: PA.x, cy: PA.y }), (0, jsx_runtime_1.jsx)("text", { x: edgePointA.x - 10, y: edgePointA.y, fill: "url(#gradient1)", className: "text-[8px] font-bold text-white", children: "Acc" }), (0, jsx_runtime_1.jsxs)("text", { x: edgePointA.x - 20, y: edgePointA.y + 10, fill: "url(#gradient1)", className: "text-[8px] font-bold text-white", children: [(factorA * 100).toFixed(2), "%"] }), (0, jsx_runtime_1.jsx)("text", { x: edgePointB.x - 6, y: edgePointB.y, fill: "url(#gradient1)", className: "text-[8px] font-bold text-white", children: "Tech" }), (0, jsx_runtime_1.jsxs)("text", { x: edgePointB.x - 6, y: edgePointB.y + 8, fill: "url(#gradient1)", className: "text-[8px] font-bold text-white", children: [(factorB * 100).toFixed(2), "%"] }), (0, jsx_runtime_1.jsx)("text", { x: edgePointC.x - 6, y: edgePointC.y + 2, fill: "url(#gradient1)", className: "text-[8px] font-bold text-white", children: "Pass" }), (0, jsx_runtime_1.jsxs)("text", { x: edgePointC.x - 8, y: edgePointC.y + 12, fill: "url(#gradient1)", className: "text-[8px] font-bold text-white", children: [(factorC * 100).toFixed(2), "%"] }), (0, jsx_runtime_1.jsx)("circle", { cx: PB.x, cy: PB.y }), (0, jsx_runtime_1.jsx)("circle", { cx: PC.x, cy: PC.y }), (0, jsx_runtime_1.jsx)("line", { x1: PA.x, y1: PA.y, x2: PC.x, y2: PC.y }), (0, jsx_runtime_1.jsx)("line", { x1: PA.x, y1: PA.y, x2: PB.x, y2: PB.y }), (0, jsx_runtime_1.jsx)("line", { x1: PC.x, y1: PC.y, x2: PB.x, y2: PB.y }), (0, jsx_runtime_1.jsx)("polygon", { points: `${PA.x},${PA.y} ${PB.x},${PB.y} ${PC.x},${PC.y}`, fill: "url(#gradient)" }), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("linearGradient", { id: "gradient1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", opacity: 0, children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", style: {
+                                        stopColor: 'rgb(252 165 165)',
+                                        stopOpacity: 1,
+                                    } }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", style: {
+                                        stopColor: 'rgb(147 197 253)',
+                                        stopOpacity: 1,
+                                    } })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "gradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", opacity: 0, children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", style: {
+                                        stopColor: 'red',
+                                        stopOpacity: 0.3,
+                                    } }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", style: {
+                                        stopColor: 'blue',
+                                        stopOpacity: 0.4,
+                                    } })] }), (0, jsx_runtime_1.jsx)("filter", { id: "blur", children: (0, jsx_runtime_1.jsx)("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "1" }) })] })] }) }));
+}
+exports.default = SkillGraph;
+//# sourceMappingURL=skill-graph.js.map

package/lib/img-render/components/skill-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-graph.js","sourceRoot":"","sources":["../../../src/img-render/components/skill-graph.tsx"],"names":[],"mappings":"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"}

package/lib/img-render/components/socre-badge.d.ts

@@ -0,0 +1,5 @@
+export default function ScoreBadge({ name, count, className, }: {
+    name: string;
+    count: string | number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/img-render/components/socre-badge.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** @jsxImportSource react */
+const tw_join_1 = require("../utils/tw-join");
+function ScoreBadge({ name, count, className, }) {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tw_join_1.twJoin)('flex items-center self-center  rounded-md  w-18', 'bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300', className), children: [(0, jsx_runtime_1.jsx)("span", { className: "border-r-0.5 font-semibold m-auto text-center rounded-l-lg w-8", children: name }), (0, jsx_runtime_1.jsx)("span", { className: "bg-transparent m-auto text-ellipsis line-clamp-1", children: count })] }) }));
+}
+exports.default = ScoreBadge;
+//# sourceMappingURL=socre-badge.js.map

package/lib/img-render/components/socre-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socre-badge.js","sourceRoot":"","sources":["../../../src/img-render/components/socre-badge.tsx"],"names":[],"mappings":";;;AAAA,6BAA6B;AAC7B,8CAAyC;AAEzC,SAAwB,UAAU,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,SAAS,GAKV;IACC,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,gBAAM,EACf,iDAAiD,EACjD,yEAAyE,EACzE,SAAS,CACV,aAED,iCAAM,SAAS,EAAC,gEAAgE,YAC7E,IAAI,GACA,EACP,iCAAM,SAAS,EAAC,kDAAkD,YAC/D,KAAK,GACD,IACH,GACL,CACJ,CAAA;AACH,CAAC;AA3BD,6BA2BC"}

package/lib/img-render/components/ssScoreItem.d.ts

@@ -0,0 +1,4 @@
+import { ScoreSaberItem } from '../../api/interfaces/scoresaber';
+export default function SsScoreItem({ scoreItem, }: {
+    scoreItem: ScoreSaberItem;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/img-render/components/ssScoreItem.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../utils");
+const getModifiers = (modifiers) => {
+    return modifiers ? modifiers.split(',') : [];
+};
+function SsScoreItem({ scoreItem, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'relative', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rounded-lg flex bg-black/[.4] space-x-2  backdrop-blur-md overflow-hidden', children: [(0, jsx_runtime_1.jsx)("img", { loading: 'eager', src: scoreItem.leaderboard.coverImage, className: 'rounded-md h-20 w-20' }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col space-y-1 py-0.5', children: [(0, jsx_runtime_1.jsx)("div", { className: 'font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all', children: scoreItem.leaderboard.songName }), (0, jsx_runtime_1.jsxs)("div", { className: 'text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 ', children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.BarChart, { className: 'w-3 h-3' }) }), (0, jsx_runtime_1.jsx)("span", { children: (0, utils_1.diffConv)(scoreItem.leaderboard.difficulty.difficultyRaw) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Star, { className: 'w-3 h-3' }) }), (0, jsx_runtime_1.jsxs)("span", { children: [scoreItem.leaderboard.stars, " "] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Key, { className: 'w-3 h-3' }) }), (0, jsx_runtime_1.jsx)("span", { children: scoreItem.mapId ?? 'unknown' })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex space-x-2 text-xs', children: [(0, jsx_runtime_1.jsxs)("span", { children: [((scoreItem.score.baseScore / scoreItem.leaderboard.maxScore) *
+                                                100).toFixed(2), "%"] }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-orange-200', children: [scoreItem.score.pp.toFixed(1), "PP"] })] }), getModifiers(scoreItem.score.modifiers).length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs flex flex-wrap space-x-2 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wrench, { className: "h-3 w-3" }), getModifiers(scoreItem.score.modifiers).map((modifier) => ((0, jsx_runtime_1.jsx)("span", { children: modifier }, modifier)))] }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center", children: scoreItem.score.fullCombo && ((0, jsx_runtime_1.jsx)("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent", children: "FC" })) })] }));
+}
+exports.default = SsScoreItem;
+//# sourceMappingURL=ssScoreItem.js.map

package/lib/img-render/components/ssScoreItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssScoreItem.js","sourceRoot":"","sources":["../../../src/img-render/components/ssScoreItem.tsx"],"names":[],"mappings":";;;AAAA,+CAA0D;AAC1D,oCAAmC;AAInC,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,EAAE;IACzC,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AAC9C,CAAC,CAAA;AACD,SAAwB,WAAW,CAAC,EAClC,SAAS,GAGV;IACC,OAAO,CACL,iCAAK,SAAS,EAAE,UAAU,aACxB,iCACE,SAAS,EACP,2EAA2E,aAG7E,gCACE,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,SAAS,CAAC,WAAW,CAAC,UAAU,EACrC,SAAS,EAAE,sBAAsB,GACjC,EACF,iCAAK,SAAS,EAAE,gCAAgC,aAC9C,gCACE,SAAS,EACP,4EAA4E,YAG7E,SAAS,CAAC,WAAW,CAAC,QAAQ,GAC3B,EACN,iCACE,SAAS,EACP,wEAAwE,aAG1E,4CACE,2CACE,uBAAC,uBAAQ,IAAC,SAAS,EAAE,SAAS,GAAI,GAC7B,EACP,2CACG,IAAA,gBAAQ,EAAC,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,GACpD,IACH,EACN,4CACE,2CACE,uBAAC,mBAAI,IAAC,SAAS,EAAE,SAAS,GAAI,GACzB,EACP,6CAAO,SAAS,CAAC,WAAW,CAAC,KAAK,SAAS,IACvC,EACN,4CACE,2CACE,uBAAC,kBAAG,IAAC,SAAS,EAAE,SAAS,GAAI,GACxB,EACP,2CAAO,SAAS,CAAC,KAAK,IAAI,SAAS,GAAQ,IACvC,IACF,EACN,iCAAK,SAAS,EAAE,wBAAwB,aACtC,6CACG,CACC,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC;gDAC5D,GAAG,CACJ,CAAC,OAAO,CAAC,CAAC,CAAC,SAEP,EACP,kCAAM,SAAS,EAAE,iBAAiB,aAC/B,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,UAEzB,IACH,EACL,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACrD,iCAAK,SAAS,EAAC,+CAA+C,aAC5D,uBAAC,qBAAM,IAAC,SAAS,EAAC,SAAS,GAAG,EAC7B,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzD,2CAAsB,QAAQ,IAAnB,QAAQ,CAAmB,CACvC,CAAC,IACE,CACP,IACG,IACF,EACN,gCAAK,SAAS,EAAC,0EAA0E,YACtF,SAAS,CAAC,KAAK,CAAC,SAAS,IAAI,CAC5B,iCAAM,SAAS,EAAC,yEAAyE,mBAElF,CACR,GACG,IACF,CACP,CAAA;AACH,CAAC;AAnFD,8BAmFC"}

package/lib/img-render/index.d.ts

@@ -0,0 +1,22 @@
+import { APIService } from '../api';
+import { RenderOption } from './interfaces';
+import { Config } from '../config';
+import { BSMap } from '../api/interfaces/beatsaver';
+import { ImgRender, Platform } from '../interface';
+type HtmlToImgBufferConverter = (html: string, onRenderStart?: () => void, onRenderError?: (e: any) => void) => Promise<any>;
+export declare abstract class RenderService implements ImgRender {
+    config: Config;
+    api: APIService;
+    baseConfig: Partial<RenderOption>;
+    htmlToImgBufferConverter: HtmlToImgBufferConverter;
+    urlToImgBufferConverter: HtmlToImgBufferConverter;
+    renderRank(accountId: string, platform: Platform, onRenderStart?: () => void, onRenderError?: (e: any) => void): Promise<any>;
+    _renderRank: (accountId: string, platform: Platform, api: APIService, renderOpts: RenderOption) => Promise<any>;
+    renderScore(scoreId: string, platform: Platform, onRenderStart?: () => void, onRenderError?: (e: any) => void): Promise<any>;
+    _renderScore: (scoreId: string, platform: Platform, api: APIService, renderOpts: RenderOption) => Promise<any>;
+    renderMapById(mapId: string, onRenderStart?: () => void, onRenderError?: (e: any) => void): Promise<any>;
+    renderMap(map: BSMap, onRenderStart?: () => void, onRenderError?: (e: any) => void): Promise<any>;
+    renderUrl(url: string): Promise<any>;
+    _renderMap: (bsMap: BSMap, renderOpts: RenderOption) => Promise<any>;
+}
+export {};