maidraw 0.7.13 → 0.7.15

package/dist/mai/level50/index.js

@@ -0,0 +1,774 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Level50 = void 0;
+const fs_1 = __importDefault(require("fs"));
+const upath_1 = __importDefault(require("upath"));
+const canvas_1 = require("canvas");
+const color_1 = __importDefault(require("color"));
+const sharp_1 = __importDefault(require("sharp"));
+const glob_1 = require("glob");
+const chart_1 = require("../chart");
+const string_template_1 = __importDefault(require("string-template"));
+const util_1 = require("../../lib/util");
+const type_1 = require("../type");
+const best50_1 = require("../best50");
+class Level50 {
+    static DEFAULT_THEME = "jp-prism-landscape";
+    static get assetsPath() {
+        return upath_1.default.join(__dirname, "..", "..", "..", "assets");
+    }
+    static themes = {};
+    static hasTheme(name) {
+        return !!this.themes[name];
+    }
+    static {
+        const manifests = (0, glob_1.globSync)(upath_1.default.join(this.assetsPath, "themes", "maimai", "**", "manifest.json"));
+        for (const manifestPath of manifests) {
+            const manifest = JSON.parse(fs_1.default.readFileSync(manifestPath, "utf-8"));
+            if (this.validateManifest(manifest, upath_1.default.dirname(manifestPath))) {
+                this.themes[manifest.name] = upath_1.default.dirname(manifestPath);
+            }
+        }
+        const loadThemeResult = this.loadTheme(this.DEFAULT_THEME);
+        if (!loadThemeResult) {
+            console.error("Failed to load default theme.");
+        }
+        (0, canvas_1.registerFont)(upath_1.default.join(this.assetsPath, "fonts", "gen-jyuu-gothic", "GenJyuuGothic-Bold.ttf"), {
+            family: "standard-font-title-jp",
+        });
+        (0, canvas_1.registerFont)(upath_1.default.join(this.assetsPath, "fonts", "comfortaa", "Comfortaa-Bold.ttf"), {
+            family: "standard-font-title-latin",
+            weight: "regular",
+        });
+        (0, canvas_1.registerFont)(upath_1.default.join(this.assetsPath, "fonts", "seurat-db", "FOT-Seurat Pro DB.otf"), {
+            family: "standard-font-username",
+            weight: "regular",
+        });
+    }
+    static validateManifest(payload, path) {
+        function isFileExist(p) {
+            if (isString(p))
+                return fs_1.default.existsSync(upath_1.default.join(path, p));
+            else
+                return false;
+        }
+        function isOneOf(p, ...args) {
+            return args.includes(p);
+        }
+        function isString(p) {
+            return typeof p == "string";
+        }
+        function isNumber(p) {
+            return typeof p == "number";
+        }
+        function isArray(p) {
+            return Array.isArray(p);
+        }
+        function isObject(p) {
+            return typeof p == "object";
+        }
+        function isHexColor(p) {
+            if (isString(p))
+                return /^(?:#[0-9A-F]{6}|#[0-9A-F]{8})$/i.test(p);
+            else
+                return false;
+        }
+        function isUndefined(p) {
+            return typeof p == "undefined";
+        }
+        function isBoolean(p) {
+            return typeof p == "boolean";
+        }
+        if (isString(payload.displayName) &&
+            isString(payload.name) &&
+            isNumber(payload.width) &&
+            isNumber(payload.height) &&
+            isObject(payload.sprites) &&
+            isObject(payload.sprites.achievement) &&
+            isFileExist(payload.sprites.achievement.d) &&
+            isFileExist(payload.sprites.achievement.c) &&
+            isFileExist(payload.sprites.achievement.b) &&
+            isFileExist(payload.sprites.achievement.bb) &&
+            isFileExist(payload.sprites.achievement.bbb) &&
+            isFileExist(payload.sprites.achievement.a) &&
+            isFileExist(payload.sprites.achievement.aa) &&
+            isFileExist(payload.sprites.achievement.aaa) &&
+            isFileExist(payload.sprites.achievement.s) &&
+            isFileExist(payload.sprites.achievement.sp) &&
+            isFileExist(payload.sprites.achievement.ss) &&
+            isFileExist(payload.sprites.achievement.ssp) &&
+            isFileExist(payload.sprites.achievement.sss) &&
+            isFileExist(payload.sprites.achievement.sssp) &&
+            isObject(payload.sprites.mode) &&
+            isFileExist(payload.sprites.mode.standard) &&
+            isFileExist(payload.sprites.mode.dx) &&
+            isObject(payload.sprites.milestone) &&
+            isFileExist(payload.sprites.milestone.ap) &&
+            isFileExist(payload.sprites.milestone.app) &&
+            isFileExist(payload.sprites.milestone.fc) &&
+            isFileExist(payload.sprites.milestone.fcp) &&
+            isFileExist(payload.sprites.milestone.fdx) &&
+            isFileExist(payload.sprites.milestone.fdxp) &&
+            isFileExist(payload.sprites.milestone.fs) &&
+            isFileExist(payload.sprites.milestone.fsp) &&
+            isFileExist(payload.sprites.milestone.sync) &&
+            isFileExist(payload.sprites.milestone.none) &&
+            isObject(payload.sprites.dxRating) &&
+            isFileExist(payload.sprites.dxRating.white) &&
+            isFileExist(payload.sprites.dxRating.blue) &&
+            isFileExist(payload.sprites.dxRating.green) &&
+            isFileExist(payload.sprites.dxRating.yellow) &&
+            isFileExist(payload.sprites.dxRating.red) &&
+            isFileExist(payload.sprites.dxRating.purple) &&
+            isFileExist(payload.sprites.dxRating.bronze) &&
+            isFileExist(payload.sprites.dxRating.silver) &&
+            isFileExist(payload.sprites.dxRating.gold) &&
+            isFileExist(payload.sprites.dxRating.platinum) &&
+            isFileExist(payload.sprites.dxRating.rainbow) &&
+            isObject(payload.sprites.profile) &&
+            isFileExist(payload.sprites.profile.icon) &&
+            isFileExist(payload.sprites.profile.nameplate) &&
+            isFileExist(payload.sprites.dxRatingNumberMap) &&
+            isArray(payload.elements)) {
+            for (const element of payload.elements) {
+                if (isNumber(element.x) && isNumber(element.y)) {
+                    switch (element.type) {
+                        case "image": {
+                            if (isNumber(element.width) &&
+                                isNumber(element.height) &&
+                                isFileExist(element.path)) {
+                                continue;
+                            }
+                            else
+                                return false;
+                        }
+                        case "score-grid": {
+                            if (isOneOf(element.region, "old", "new") &&
+                                isNumber(element.horizontalSize) &&
+                                isNumber(element.verticalSize) &&
+                                isNumber(element.index) &&
+                                isObject(element.scoreBubble) &&
+                                isNumber(element.scoreBubble.width) &&
+                                isNumber(element.scoreBubble.height) &&
+                                isNumber(element.scoreBubble.margin) &&
+                                isNumber(element.scoreBubble.gap) &&
+                                isObject(element.scoreBubble.color) &&
+                                isHexColor(element.scoreBubble.color.basic) &&
+                                isHexColor(element.scoreBubble.color.advanced) &&
+                                isHexColor(element.scoreBubble.color.expert) &&
+                                isHexColor(element.scoreBubble.color.master) &&
+                                isHexColor(element.scoreBubble.color.remaster) &&
+                                isHexColor(element.scoreBubble.color.utage)) {
+                                continue;
+                            }
+                            else
+                                return false;
+                        }
+                        case "profile": {
+                            if (isNumber(element.height)) {
+                                continue;
+                            }
+                            else
+                                return false;
+                        }
+                        case "text": {
+                            if (isNumber(element.size) &&
+                                isString(element.content) &&
+                                (isUndefined(element.width) ||
+                                    isNumber(element.width)) &&
+                                (isUndefined(element.height) ||
+                                    isNumber(element.height)) &&
+                                (isUndefined(element.linebreak) ||
+                                    isBoolean(element.linebreak)) &&
+                                (isUndefined(element.align) ||
+                                    isOneOf(element.align, "left", "center", "right")) &&
+                                (isUndefined(element.color) ||
+                                    isString(element.color)) &&
+                                (isUndefined(element.borderColor) ||
+                                    isString(element.borderColor)) &&
+                                (isUndefined(element.font) ||
+                                    isString(element.font))) {
+                                continue;
+                            }
+                            else
+                                return false;
+                        }
+                        default:
+                            return false;
+                    }
+                }
+            }
+            return true;
+        }
+        else
+            return false;
+    }
+    static primaryTheme = null;
+    static loadTheme(path) {
+        const theme = this.getTheme(path);
+        if (theme) {
+            this.primaryTheme = theme;
+            return true;
+        }
+        else
+            return false;
+    }
+    static getTheme(path) {
+        if (!fs_1.default.existsSync(upath_1.default.join(path, "manifest.json"))) {
+            path = this.themes[path] ?? "";
+        }
+        else
+            path = upath_1.default.join(this.assetsPath, path);
+        if (fs_1.default.existsSync(upath_1.default.join(path, "manifest.json"))) {
+            const manifest = JSON.parse(fs_1.default.readFileSync(upath_1.default.join(path, "manifest.json"), "utf-8"));
+            if (this.validateManifest(manifest, path)) {
+                return { manifest, path };
+            }
+        }
+        return null;
+    }
+    static getThemeFile(path, themePath) {
+        if (typeof path == "string" &&
+            fs_1.default.existsSync(upath_1.default.join(themePath ?? this.primaryTheme?.path, path)))
+            return fs_1.default.readFileSync(upath_1.default.join(themePath ?? this.primaryTheme?.path, path));
+        else
+            return Buffer.from([]);
+    }
+    /* Begin Draw Tools*/
+    static async drawImageModule(ctx, theme, element) {
+        const img = new canvas_1.Image();
+        img.src = this.getThemeFile(element.path, theme.path);
+        ctx.drawImage(img, element.x, element.y, element.width, element.height);
+    }
+    static async drawScoreGridModule(ctx, theme, element, score, index, x, y) {
+        let curColor = "#FFFFFF";
+        switch (score.chart.difficulty) {
+            case type_1.EDifficulty.BASIC:
+                curColor = element.scoreBubble.color.basic;
+                break;
+            case type_1.EDifficulty.ADVANCED:
+                curColor = element.scoreBubble.color.advanced;
+                break;
+            case type_1.EDifficulty.EXPERT:
+                curColor = element.scoreBubble.color.expert;
+                break;
+            case type_1.EDifficulty.MASTER:
+                curColor = element.scoreBubble.color.master;
+                break;
+            case type_1.EDifficulty.REMASTER:
+                curColor = element.scoreBubble.color.remaster;
+                break;
+            case type_1.EDifficulty.UTAGE:
+                curColor = element.scoreBubble.color.utage;
+                break;
+        }
+        /** Begin Card Draw */
+        ctx.save();
+        ctx.fillStyle = new color_1.default(curColor).lighten(0.4).hexa();
+        ctx.beginPath();
+        ctx.roundRect(x, y, element.scoreBubble.width, element.scoreBubble.height, (element.scoreBubble.height * 0.806) / 7);
+        ctx.strokeStyle = new color_1.default(curColor).darken(0.3).hexa();
+        ctx.lineWidth = element.scoreBubble.margin / 4;
+        ctx.stroke();
+        ctx.fill();
+        ctx.beginPath();
+        ctx.roundRect(x, y, element.scoreBubble.width, element.scoreBubble.height, (element.scoreBubble.height * 0.806) / 7);
+        ctx.clip();
+        /** Begin Main Content Draw */
+        {
+            ctx.save();
+            ctx.beginPath();
+            ctx.roundRect(x, y, element.scoreBubble.width, element.scoreBubble.height * 0.742, (element.scoreBubble.height * 0.806) / 7);
+            ctx.clip();
+            ctx.fillStyle = curColor;
+            ctx.fill();
+            const jacketSize = Math.min(element.scoreBubble.width, element.scoreBubble.height * 0.742);
+            const jacketMaskGrad = ctx.createLinearGradient(x + jacketSize / 2, y + jacketSize / 2, x + jacketSize, y + jacketSize / 2);
+            jacketMaskGrad.addColorStop(0, new color_1.default(curColor).alpha(0).hexa());
+            jacketMaskGrad.addColorStop(0.25, new color_1.default(curColor).alpha(0.2).hexa());
+            jacketMaskGrad.addColorStop(1, new color_1.default(curColor).alpha(1).hexa());
+            const jacketMaskGradDark = ctx.createLinearGradient(x + jacketSize / 2, y + jacketSize / 2, x + jacketSize, y + jacketSize / 2);
+            jacketMaskGradDark.addColorStop(0, new color_1.default(curColor).darken(0.3).alpha(0).hexa());
+            jacketMaskGradDark.addColorStop(0.25, new color_1.default(curColor).darken(0.3).alpha(0.2).hexa());
+            jacketMaskGradDark.addColorStop(1, new color_1.default(curColor).darken(0.3).alpha(1).hexa());
+            /** Begin Jacket Draw*/
+            let jacket = await chart_1.Chart.Database.fecthJacket(score.chart.id);
+            if (!jacket)
+                jacket = await chart_1.Chart.Database.fecthJacket(0);
+            if (jacket) {
+                const img = new canvas_1.Image();
+                img.src = jacket;
+                ctx.drawImage(img, x, y, jacketSize, jacketSize);
+            }
+            else {
+                ctx.fillStyle = "#b6ffab";
+                ctx.fillRect(x, y, jacketSize, jacketSize);
+            }
+            /** End Jacket Draw*/
+            /** Begin Jacket Gradient Mask Draw*/ {
+                ctx.fillStyle = jacketMaskGrad;
+                ctx.fillRect(x + jacketSize / 2, y, (jacketSize * 3) / 4, jacketSize);
+            } /** End Jacket Gradient Mask Draw*/
+            ctx.beginPath();
+            ctx.roundRect(x + element.scoreBubble.margin, y + element.scoreBubble.margin, element.scoreBubble.width - element.scoreBubble.margin * 2, element.scoreBubble.height * 0.806 -
+                element.scoreBubble.margin * 2, (element.scoreBubble.height * 0.806 -
+                element.scoreBubble.margin * 2) /
+                7);
+            /** Begin Title Draw */ {
+                util_1.Util.drawText(ctx, score.chart.name, x + (jacketSize * 7) / 8, y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height * 0.806 * 0.144, element.scoreBubble.height * 0.806 * 0.144, element.scoreBubble.height * 0.806 * 0.04, element.scoreBubble.width -
+                    (jacketSize * 7) / 8 -
+                    element.scoreBubble.margin, "left", "white", jacketMaskGradDark);
+            } /** End Title Draw */
+            /** Begin Separation Line Draw */ {
+                ctx.beginPath();
+                ctx.roundRect(x + (jacketSize * 13) / 16, y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height * 0.806 * (0.144 + 0.072), element.scoreBubble.width -
+                    (jacketSize * 13) / 16 -
+                    element.scoreBubble.margin * 2, element.scoreBubble.height * 0.806 * 0.02, element.scoreBubble.height * 0.806 * 0.16);
+                ctx.fillStyle = jacketMaskGradDark;
+                ctx.fill();
+            } /** End Separation Line Draw */
+            /** Begin Achievement Rate Draw */
+            util_1.Util.drawText(ctx, `${score.achievement.toFixed(4)}%`, x -
+                element.scoreBubble.margin -
+                element.scoreBubble.height * 0.806 * 0.02 +
+                element.scoreBubble.width, y +
+                element.scoreBubble.margin +
+                element.scoreBubble.height *
+                    0.806 *
+                    (0.144 + 0.144 + 0.208 - 0.04), element.scoreBubble.height * 0.806 * 0.208, element.scoreBubble.height * 0.806 * 0.04, Infinity, "right", "white", new color_1.default(curColor).darken(0.3).hexa());
+            /** End Achievement Rate Draw */
+            /** Begin Achievement Rank Draw */
+            {
+                let rankImg;
+                switch (score.achievementRank) {
+                    case best50_1.Best50.EAchievementTypes.D:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.d, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.C:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.c, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.B:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.b, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.BB:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.bb, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.BBB:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.bbb, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.A:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.a, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.AA:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.aa, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.AAA:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.aaa, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.S:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.s, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.SP:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.sp, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.SS:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.ss, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.SSP:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.ssp, theme.path);
+                        break;
+                    case best50_1.Best50.EAchievementTypes.SSS:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.sss, theme.path);
+                        break;
+                    default:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.sssp, theme.path);
+                }
+                const img = new canvas_1.Image();
+                img.src = rankImg;
+                ctx.drawImage(img, x + jacketSize, y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height *
+                        0.806 *
+                        (0.144 + 0.144 + 0.208 + 0.02), element.scoreBubble.height * 0.806 * 0.3 * 2.133, element.scoreBubble.height * 0.806 * 0.3);
+            }
+            /** End Achievement Rank Draw */
+            /** Begin Milestone Draw */
+            {
+                let comboImg, syncImg;
+                switch (score.combo) {
+                    case best50_1.Best50.EComboTypes.NONE:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.none, theme.path);
+                        break;
+                    case best50_1.Best50.EComboTypes.FULL_COMBO:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.fc, theme.path);
+                        break;
+                    case best50_1.Best50.EComboTypes.FULL_COMBO_PLUS:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.fcp, theme.path);
+                        break;
+                    case best50_1.Best50.EComboTypes.ALL_PERFECT:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.ap, theme.path);
+                        break;
+                    case best50_1.Best50.EComboTypes.ALL_PERFECT_PLUS:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.app, theme.path);
+                        break;
+                }
+                switch (score.sync) {
+                    case best50_1.Best50.ESyncTypes.NONE:
+                        syncImg = this.getThemeFile(theme.manifest.sprites.milestone.none, theme.path);
+                        break;
+                    case best50_1.Best50.ESyncTypes.SYNC_PLAY:
+                        syncImg = this.getThemeFile(theme.manifest.sprites.milestone.sync, theme.path);
+                        break;
+                    case best50_1.Best50.ESyncTypes.FULL_SYNC:
+                        syncImg = this.getThemeFile(theme.manifest.sprites.milestone.fs, theme.path);
+                        break;
+                    case best50_1.Best50.ESyncTypes.FULL_SYNC_PLUS:
+                        syncImg = this.getThemeFile(theme.manifest.sprites.milestone.fsp, theme.path);
+                        break;
+                    case best50_1.Best50.ESyncTypes.FULL_SYNC_DX:
+                        syncImg = this.getThemeFile(theme.manifest.sprites.milestone.fdx, theme.path);
+                        break;
+                    case best50_1.Best50.ESyncTypes.FULL_SYNC_DX_PLUS:
+                        syncImg = this.getThemeFile(theme.manifest.sprites.milestone.fdxp, theme.path);
+                        break;
+                }
+                const combo = new canvas_1.Image();
+                combo.src = comboImg;
+                ctx.drawImage(combo, x +
+                    (jacketSize * 7) / 8 +
+                    element.scoreBubble.height *
+                        0.806 *
+                        (0.32 * 2.133 + 0.06), y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height *
+                        0.806 *
+                        (0.144 + 0.144 + 0.208 + 0.01), element.scoreBubble.height * 0.806 * 0.32, element.scoreBubble.height * 0.806 * 0.32);
+                const sync = new canvas_1.Image();
+                sync.src = syncImg;
+                ctx.drawImage(sync, x +
+                    (jacketSize * 7) / 8 +
+                    element.scoreBubble.height *
+                        0.806 *
+                        (0.32 * 2.133 + 0.04 + 0.32), y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height *
+                        0.806 *
+                        (0.144 + 0.144 + 0.208 + 0.01), element.scoreBubble.height * 0.806 * 0.32, element.scoreBubble.height * 0.806 * 0.32);
+            }
+            /** End Milestone Draw */
+            /** Begin Chart Mode Draw */
+            {
+                const mode = new canvas_1.Image();
+                const chartModeBadgeImg = this.getThemeFile(score.chart.id > 10000
+                    ? theme.manifest.sprites.mode.dx
+                    : theme.manifest.sprites.mode.standard, theme.path);
+                const { width, height } = await (0, sharp_1.default)(chartModeBadgeImg).metadata();
+                const aspectRatio = (width ?? 0) / (height ?? 1) || 3;
+                mode.src = chartModeBadgeImg;
+                const drawHeight = (jacketSize * 6) / 8;
+                ctx.drawImage(mode, x + ((jacketSize * 7) / 8 - drawHeight) / 2, y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height * 0.806 * 0.02, drawHeight, drawHeight / aspectRatio);
+            }
+            /** End Chart Mode Draw */
+            /** Begin Bests Index Draw */
+            {
+                util_1.Util.drawText(ctx, `#${index + 1}`, x + element.scoreBubble.margin * 2, y + jacketSize - element.scoreBubble.margin * 2, element.scoreBubble.height * 0.806 * 0.128, element.scoreBubble.height * 0.806 * 0.04, Infinity, "left", "white", new color_1.default(curColor).darken(0.3).hexa());
+            }
+            /** End Bests Index Draw */
+            ctx.restore();
+        }
+        /** End Main Content Draw */
+        /** Begin Difficulty & DX Rating Draw */
+        {
+            util_1.Util.drawText(ctx, `${score.chart.level.toFixed(1)}  ↑${score.dxRating.toFixed(0)}`, x + element.scoreBubble.margin * 2, y + element.scoreBubble.height * (0.806 + (1 - 0.806) / 2), element.scoreBubble.height * 0.806 * 0.128, element.scoreBubble.height * 0.806 * 0.04, Infinity, "left", "white", new color_1.default(curColor).darken(0.3).hexa());
+            if (score.dxScore >= 0 && score.chart.maxDxScore > 0) {
+                util_1.Util.drawText(ctx, `${score.dxScore}/${score.chart.maxDxScore}`, x +
+                    element.scoreBubble.width -
+                    element.scoreBubble.margin * 2, y + element.scoreBubble.height * (0.806 + (1 - 0.806) / 2), element.scoreBubble.height * 0.806 * 0.128, element.scoreBubble.height * 0.806 * 0.04, Infinity, "right", "white", new color_1.default(curColor).darken(0.3).hexa());
+            }
+        }
+        /** End Difficulty & DX Rating Draw */
+        ctx.restore();
+        /** End Card Draw */
+    }
+    static async drawProfileModule(ctx, theme, element, username, rating, profilePicture) {
+        const nameplate = new canvas_1.Image();
+        nameplate.src = this.getThemeFile(theme.manifest.sprites.profile.nameplate, theme.path);
+        ctx.drawImage(nameplate, element.x, element.y, element.height * 6.207, element.height);
+        /* Begin Profile Picture Draw */
+        {
+            ctx.save();
+            ctx.beginPath();
+            ctx.roundRect(element.x + element.height * 0.064, element.y + element.height * 0.064, element.height * 0.872, element.height * 0.872, (element.height * 0.872) / 16);
+            ctx.clip();
+            ctx.fillStyle = "white";
+            ctx.fill();
+            const icon = new canvas_1.Image();
+            try {
+                (0, sharp_1.default)(profilePicture);
+            }
+            catch {
+                // Unknown profile picture binary
+                profilePicture = undefined;
+            }
+            const pfp = profilePicture ||
+                this.getThemeFile(theme.manifest.sprites.profile.icon, theme.path);
+            const { dominant } = await (0, sharp_1.default)(pfp).stats();
+            icon.src = await (0, sharp_1.default)(pfp).png().toBuffer();
+            const cropSize = Math.min(icon.width, icon.height);
+            ctx.drawImage(icon, (icon.width - cropSize) / 2, (icon.height - cropSize) / 2, cropSize, cropSize, element.x + element.height * 0.064, element.y + element.height * 0.064, element.height * 0.872, element.height * 0.872);
+            if (profilePicture) {
+                ctx.beginPath();
+                ctx.roundRect(element.x + element.height * 0.064, element.y + element.height * 0.064, element.height * 0.872, element.height * 0.872, (element.height * 0.872) / 16);
+                ctx.strokeStyle = color_1.default.rgb(dominant).darken(0.3).hex();
+                ctx.lineWidth = element.height / 30;
+                ctx.stroke();
+            }
+            ctx.restore();
+        }
+        /* End Profile Picture Draw */
+        /* Begin DX Rating Draw */
+        {
+            const dxRating = new canvas_1.Image();
+            let dxRatingImg;
+            switch (true) {
+                case rating >= 15000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.rainbow, theme.path);
+                    break;
+                }
+                case rating >= 14500: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.platinum, theme.path);
+                    break;
+                }
+                case rating >= 14000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.gold, theme.path);
+                    break;
+                }
+                case rating >= 13000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.silver, theme.path);
+                    break;
+                }
+                case rating >= 12000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.bronze, theme.path);
+                    break;
+                }
+                case rating >= 10000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.purple, theme.path);
+                    break;
+                }
+                case rating >= 8000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.red, theme.path);
+                    break;
+                }
+                case rating >= 6000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.yellow, theme.path);
+                    break;
+                }
+                case rating >= 4000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.green, theme.path);
+                    break;
+                }
+                case rating >= 2000: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.blue, theme.path);
+                    break;
+                }
+                default: {
+                    dxRatingImg = this.getThemeFile(theme.manifest.sprites.dxRating.white, theme.path);
+                    break;
+                }
+            }
+            dxRating.src = dxRatingImg;
+            ctx.drawImage(dxRating, element.x + element.height, element.y + element.height * 0.064, (element.height / 3) * 5.108, element.height / 3);
+        }
+        /* End DX Rating Draw */
+        /* Begin Username Draw */
+        {
+            ctx.beginPath();
+            ctx.roundRect(element.x + element.height * (1 + 1 / 32), element.y + element.height * (0.064 + 0.333 + 1 / 32), ((element.height / 3) * 5.108 * 6) / 5, (element.height * 7) / 24, element.height / 20);
+            ctx.fillStyle = "white";
+            ctx.strokeStyle = color_1.default.rgb(180, 180, 180).hex();
+            ctx.lineWidth = element.height / 32;
+            ctx.stroke();
+            ctx.fill();
+            const ratingImgBuffer = await this.getRatingNumber(rating, theme);
+            if (ratingImgBuffer) {
+                const { width, height } = await (0, sharp_1.default)(ratingImgBuffer).metadata();
+                if (width && height) {
+                    const aspectRatio = width / height;
+                    const image = new canvas_1.Image();
+                    image.src = ratingImgBuffer;
+                    const drawHeight = (element.height * 7) / 32;
+                    ctx.drawImage(image, element.x + element.height * 1.785, element.y + element.height * 0.12, drawHeight * aspectRatio * 0.8, drawHeight);
+                }
+            }
+            util_1.Util.drawText(ctx, util_1.Util.HalfFullWidthConvert.toFullWidth(username), element.x + element.height * (1 + 1 / 16), element.y + element.height * (0.064 + 0.333 + 1 / 4), (element.height * 1) / 6, 0, ((element.height / 3) * 5.108 * 6) / 5, "left", "black", "black", "standard-font-username");
+        }
+        /* End Username Draw*/
+    }
+    static async drawTextModule(ctx, theme, element, variables = {}) {
+        let naiveLines = (0, string_template_1.default)(element.content, variables).split("\n");
+        let lines = [];
+        if (element.linebreak) {
+            for (let originalContent of naiveLines) {
+                while (originalContent.length) {
+                    const line = util_1.Util.findMaxFitString(ctx, originalContent, element.width || Infinity, "");
+                    originalContent = originalContent.replace(line, "").trim();
+                    lines.push(line.trim());
+                }
+            }
+        }
+        else {
+            for (const originalContent of naiveLines) {
+                lines.push(util_1.Util.findMaxFitString(ctx, originalContent, element.width || Infinity));
+            }
+        }
+        for (let i = 0; i < lines.length; ++i) {
+            const line = lines[i];
+            util_1.Util.drawText(ctx, line, element.x, element.y + i * element.size * 1.3, element.size, element.size / 3.5, element.width || Infinity, element.align, element.color || "#FFFFFF", element.borderColor
+                ? element.borderColor
+                : color_1.default.rgb(element.color || "#FFFFFF")
+                    .darken(0.3)
+                    .hex(), element.font, element.linebreak ? "" : "...");
+        }
+    }
+    /* End Draw Tools*/
+    static async draw(name, rating, scores, level, page, options) {
+        const newScores = scores.slice(0, 15);
+        const oldScores = scores.slice(15, 50);
+        let currentTheme = this.primaryTheme;
+        if (options?.theme) {
+            const theme = this.getTheme(options.theme);
+            if (theme) {
+                currentTheme = theme;
+            }
+        }
+        if (currentTheme) {
+            await chart_1.Chart.Database.cacheJackets(scores.map((v) => v.chart.id));
+            const canvas = new canvas_1.Canvas(currentTheme.manifest.width * (options?.scale ?? 1), currentTheme.manifest.height * (options?.scale ?? 1));
+            const ctx = canvas.getContext("2d");
+            if (options?.scale)
+                ctx.scale(options.scale, options.scale);
+            ctx.imageSmoothingEnabled = true;
+            for (const element of currentTheme.manifest.elements) {
+                switch (element.type) {
+                    case "image": {
+                        await this.drawImageModule(ctx, currentTheme, element);
+                        break;
+                    }
+                    case "score-grid": {
+                        for (let y = element.y, index = element.index, i = 0; i < element.verticalSize; ++i,
+                            y +=
+                                element.scoreBubble.height +
+                                    element.scoreBubble.gap) {
+                            for (let x = element.x, j = 0; j < element.horizontalSize; ++j,
+                                ++index,
+                                x +=
+                                    element.scoreBubble.width +
+                                        element.scoreBubble.gap) {
+                                let curScore;
+                                if (element.region == "new")
+                                    curScore = newScores[index];
+                                else
+                                    curScore = oldScores[index];
+                                if (curScore) {
+                                    await this.drawScoreGridModule(ctx, currentTheme, element, curScore, (page - 1) * 50 +
+                                        (element.region == "old"
+                                            ? index + 15
+                                            : index), x, y);
+                                }
+                            }
+                        }
+                        break;
+                    }
+                    case "profile": {
+                        await this.drawProfileModule(ctx, currentTheme, element, name, rating, options?.profilePicture);
+                        break;
+                    }
+                    case "text": {
+                        function getTextLevel(level, border) {
+                            const realBorder = Math.floor(level) + border * 0.1;
+                            if (level < realBorder)
+                                return Math.floor(level).toFixed(0);
+                            else
+                                return Math.floor(level).toFixed(0) + "+";
+                        }
+                        await this.drawTextModule(ctx, currentTheme, element, {
+                            username: util_1.Util.HalfFullWidthConvert.toFullWidth(name),
+                            rating: rating.toFixed(0),
+                            level50Title: `Top Scores From Lv. ${getTextLevel(level, 6)}`,
+                            level50Subtitle: `(Showing scores from ${(page - 1) * 50 + 1} to ${page * 50})`,
+                        });
+                        break;
+                    }
+                }
+            }
+            return canvas.toBuffer();
+        }
+        else
+            return null;
+    }
+    static async drawWithScoreSource(source, username, level, page, options) {
+        const profile = await source.getPlayerInfo(username);
+        const score = await source.getPlayerLevel50(username, level, page);
+        if (!profile || !score)
+            return null;
+        return this.draw(profile.name, profile.rating, score, level, page, {
+            ...options,
+            profilePicture: options?.profilePicture === null
+                ? undefined
+                : options?.profilePicture ||
+                    (await source.getPlayerProfilePicture(username)) ||
+                    undefined,
+        });
+    }
+    static async getRatingNumber(num, theme) {
+        async function getRaingDigit(map, digit, unitWidth, unitHeight) {
+            digit = Math.floor(digit % 10);
+            return await (0, sharp_1.default)(map)
+                .extract({
+                left: (digit % 4) * unitWidth,
+                top: Math.floor(digit / 4) * unitHeight,
+                width: unitWidth,
+                height: unitHeight,
+            })
+                .toBuffer();
+        }
+        if (theme.manifest) {
+            const map = this.getThemeFile(theme.manifest.sprites.dxRatingNumberMap, theme.path);
+            const { width, height } = await (0, sharp_1.default)(map).metadata();
+            if (!(width && height))
+                return null;
+            const unitWidth = width / 4, unitHeight = height / 4;
+            let digits = [];
+            while (num > 0) {
+                digits.push(await getRaingDigit(map, num % 10, unitWidth, unitHeight));
+                num = Math.floor(num / 10);
+            }
+            while (digits.length < 5)
+                digits.push(null);
+            digits = digits.reverse();
+            const canvas = new canvas_1.Canvas(unitWidth * digits.length, unitHeight);
+            const ctx = canvas.getContext("2d");
+            for (let i = 0; i < digits.length; ++i) {
+                const curDigit = digits[i];
+                if (!curDigit)
+                    continue;
+                const img = new canvas_1.Image();
+                img.src = curDigit;
+                ctx.drawImage(img, unitWidth * i * 0.88, 0);
+            }
+            return canvas.toBuffer();
+        }
+        return null;
+    }
+}
+exports.Level50 = Level50;
+//# sourceMappingURL=index.js.map