maidraw 0.4.5 → 0.4.6

package/dist/chu/bests/best50.js

@@ -0,0 +1,752 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Best50 = void 0;
+const fs_1 = __importDefault(require("fs"));
+const upath_1 = __importDefault(require("upath"));
+const type_1 = require("../type");
+const canvas_1 = require("canvas");
+const color_1 = __importDefault(require("color"));
+const sharp_1 = __importDefault(require("sharp"));
+const glob_1 = require("glob");
+const kamaiTachi_1 = require("./lib/kamaiTachi");
+const string_template_1 = __importDefault(require("string-template"));
+const chart_1 = require("../chart");
+class HalfFullWidthConvert {
+    static charsets = {
+        latin: { halfRE: /[!-~]/g, fullRE: /[！-～]/g, delta: 0xfee0 },
+        hangul1: { halfRE: /[ﾡ-ﾾ]/g, fullRE: /[ᆨ-ᇂ]/g, delta: -0xedf9 },
+        hangul2: { halfRE: /[ￂ-ￜ]/g, fullRE: /[ᅡ-ᅵ]/g, delta: -0xee61 },
+        kana: {
+            delta: 0,
+            half: "｡｢｣､･ｦｧｨｩｪｫｬｭｮｯｰｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜﾝﾞﾟ",
+            full: "。「」、・ヲァィゥェォャュョッーアイウエオカキクケコサシ" +
+                "スセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワン゛゜",
+        },
+        extras: {
+            delta: 0,
+            half: "¢£¬¯¦¥₩\u0020|←↑→↓■°",
+            full: "￠￡￢￣￤￥￦\u3000￨￩￪￫￬￭￮",
+        },
+    };
+    // @ts-ignore
+    static toFull = (set) => (c) => set.delta
+        ? String.fromCharCode(c.charCodeAt(0) + set.delta)
+        : [...set.full][[...set.half].indexOf(c)];
+    // @ts-ignore
+    static toHalf = (set) => (c) => set.delta
+        ? String.fromCharCode(c.charCodeAt(0) - set.delta)
+        : [...set.half][[...set.full].indexOf(c)];
+    // @ts-ignore
+    static re = (set, way) => set[way + "RE"] || new RegExp("[" + set[way] + "]", "g");
+    static sets = Object.values(this.charsets);
+    // @ts-ignore
+    static toFullWidth = (str0) => this.sets.reduce((str, set) => str.replace(this.re(set, "half"), this.toFull(set)), str0);
+    // @ts-ignore
+    static toHalfWidth = (str0) => this.sets.reduce((str, set) => str.replace(this.re(set, "full"), this.toHalf(set)), str0);
+}
+class Best50 {
+    static KamaiTachi = kamaiTachi_1.KamaiTachi;
+    static DEFAULT_THEME = "jp-verse-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", "chunithm", "**", "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.ss) &&
+            isFileExist(payload.sprites.achievement.ssp) &&
+            isFileExist(payload.sprites.achievement.sss) &&
+            isFileExist(payload.sprites.achievement.sssp) &&
+            isObject(payload.sprites.milestone) &&
+            isFileExist(payload.sprites.milestone.aj) &&
+            isFileExist(payload.sprites.milestone.ajc) &&
+            isFileExist(payload.sprites.milestone.fc) &&
+            isFileExist(payload.sprites.milestone.none) &&
+            isObject(payload.sprites.profile) &&
+            isFileExist(payload.sprites.profile.icon) &&
+            isFileExist(payload.sprites.profile.nameplate) &&
+            isFileExist(payload.sprites.ratingNumberMap) &&
+            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.ultima) &&
+                                isHexColor(element.scoreBubble.color.worldsEnd)) {
+                                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(this.assetsPath, 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 findMaxFitString(ctx, original, maxWidth, lineBreakSuffix = "...") {
+        const metrics = ctx.measureText(original);
+        if (metrics.width <= maxWidth)
+            return original;
+        for (let i = 1; i < original.length; ++i) {
+            let cur = original.slice(0, original.length - i);
+            if (ctx.measureText(cur + lineBreakSuffix).width <= maxWidth) {
+                while (cur[cur.length - 1] == "　") {
+                    cur = cur.substring(0, cur.length - 1);
+                }
+                return cur.trim() + lineBreakSuffix;
+            }
+        }
+        return original;
+    }
+    static drawText(ctx, str, x, y, fontSize, 
+    /**
+     * Line width of the text stroke.
+     */
+    linewidth, 
+    /**
+     * Max width of the text block.
+     */
+    maxWidth, textAlign = "left", mainColor = "white", borderColor = "black", font = `"standard-font-title-latin", "standard-font-title-jp"`, lineBreakSuffix = "...") {
+        ctx.font = `${fontSize}px ${font}`;
+        str = this.findMaxFitString(ctx, str, maxWidth, lineBreakSuffix);
+        if (linewidth > 0) {
+            ctx.strokeStyle = borderColor;
+            ctx.lineWidth = linewidth;
+            ctx.lineCap = "round";
+            ctx.lineJoin = "round";
+            ctx.textAlign = textAlign;
+            ctx.strokeText(str, x, y);
+        }
+        ctx.fillStyle = mainColor;
+        ctx.font = `${fontSize}px ${font}`;
+        ctx.textAlign = textAlign;
+        ctx.fillText(str, x, y);
+        if (linewidth > 0) {
+            ctx.strokeStyle = mainColor;
+            ctx.lineWidth = linewidth / 8;
+            ctx.lineCap = "round";
+            ctx.lineJoin = "round";
+            ctx.font = `${fontSize}px ${font}`;
+            ctx.textAlign = textAlign;
+            ctx.strokeText(str, x, y);
+        }
+    }
+    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.ULTIMA:
+                curColor = element.scoreBubble.color.ultima;
+                break;
+            case type_1.EDifficulty.WORLDS_END:
+                curColor = element.scoreBubble.color.worldsEnd;
+                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 */ {
+                this.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 */
+            this.drawText(ctx, score.score.toFixed(0), 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.rank) {
+                    case type_1.EAchievementTypes.D:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.d, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.C:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.c, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.B:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.b, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.BB:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.bb, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.BBB:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.bbb, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.A:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.a, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.AA:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.aa, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.AAA:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.aaa, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.S:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.s, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.SS:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.ss, theme.path);
+                        break;
+                    case type_1.EAchievementTypes.SSP:
+                        rankImg = this.getThemeFile(theme.manifest.sprites.achievement.ssp, theme.path);
+                        break;
+                    case type_1.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 * (13 / 16), y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height *
+                        0.806 *
+                        (0.144 + 0.144 - 0.01), element.scoreBubble.height * 0.806 * 0.2 * 3, element.scoreBubble.height * 0.806 * 0.2);
+            }
+            /** End Achievement Rank Draw */
+            /** Begin Milestone Draw */
+            {
+                let comboImg;
+                switch (score.combo) {
+                    case type_1.EComboTypes.NONE:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.none, theme.path);
+                        break;
+                    case type_1.EComboTypes.FULL_COMBO:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.fc, theme.path);
+                        break;
+                    case type_1.EComboTypes.ALL_JUSTICE:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.aj, theme.path);
+                        break;
+                    case type_1.EComboTypes.ALL_JUSTICE_CRITICAL:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.ajc, theme.path);
+                        break;
+                }
+                ctx.fillStyle = "#e8eaec";
+                ctx.roundRect(x -
+                    element.scoreBubble.height * 0.806 * 0.32 * 3 -
+                    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.1), element.scoreBubble.height * 0.806 * 0.32 * 3, (element.scoreBubble.height * 0.806 * 0.32 * 3) / 6.7, (element.scoreBubble.height * 0.806 * 0.32 * 3) / 56);
+                ctx.fill();
+                const combo = new canvas_1.Image();
+                combo.src = comboImg;
+                ctx.drawImage(combo, x -
+                    element.scoreBubble.height * 0.806 * 0.32 * 3 -
+                    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.1), element.scoreBubble.height * 0.806 * 0.32 * 3, (element.scoreBubble.height * 0.806 * 0.32 * 3) / 6.7);
+            }
+            /** End Milestone Draw */
+            /** Begin Bests Index Draw */
+            {
+                this.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 & Rating Draw */
+        {
+            this.drawText(ctx, `lv. ${score.chart.level.toFixed(1)}`, 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());
+            this.drawText(ctx, `+${score.rating.toFixed(2)}`, 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 & 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 * 2.526, element.height);
+        /* Begin Profile Picture Draw */
+        {
+            ctx.save();
+            ctx.beginPath();
+            ctx.roundRect(element.x + element.height * 2.0, element.y + element.height * 0.3, element.height * 0.45, element.height * 0.45, 0);
+            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 * 2.0, element.y + element.height * 0.3, element.height * 0.45, element.height * 0.45);
+            if (profilePicture) {
+                ctx.beginPath();
+                ctx.roundRect(element.x + element.height * 2.0, element.y + element.height * 0.3, element.height * 0.45, element.height * 0.45, 0);
+                ctx.strokeStyle = color_1.default.rgb(dominant).darken(0.3).hex();
+                ctx.lineWidth = element.height / 128;
+                ctx.stroke();
+            }
+            ctx.restore();
+        }
+        /* End Profile Picture Draw */
+        /* Begin Username Draw */
+        {
+            ctx.beginPath();
+            ctx.roundRect(element.x + element.height * (21 / 32), element.y + element.height * 0.3, element.x + element.height * (65 / 64), element.height * 0.45, 0);
+            ctx.fillStyle = "rgba(255, 255, 255, 0.45)";
+            ctx.lineWidth = element.height / 32;
+            ctx.fill();
+            // const ratingImgBuffer = await this.getRatingNumber(rating, theme);
+            // if (ratingImgBuffer) {
+            //     const { width, height } =
+            //         await sharp(ratingImgBuffer).metadata();
+            //     if (width && height) {
+            //         const aspectRatio = width / height;
+            //         const image = new Image();
+            //         image.src = ratingImgBuffer;
+            //         const drawHeight = (element.height * 7) / 32;
+            //         ctx.drawImage(
+            //             image,
+            //             element.x + element.height * 2.0,
+            //             element.y + element.height * 0.3,
+            //             drawHeight * aspectRatio * 0.8,
+            //             drawHeight
+            //         );
+            //     }
+            // }
+            this.drawText(ctx, "Lv.", element.x + element.height * (43 / 64), element.y + element.height * (0.3 + 1 / 4), (element.height * 1) / 16, 0, ((element.height / 3) * 5.108 * 3.1) / 5, "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, "99", element.x + element.height * (49 / 64), element.y + element.height * (0.3 + 1 / 4), (element.height * 1) / 11, 0, ((element.height / 3) * 5.108 * 3.1) / 5, "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, HalfFullWidthConvert.toFullWidth(username), element.x + element.height * (56 / 64), element.y + element.height * (0.3 + 1 / 4), (element.height * 1) / 6, 0, element.height * (65 / 64), "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, "RATING", element.x + element.height * (43 / 64), element.y + element.height * (47 / 64), (element.height * 4) / 44, 0, ((element.height / 3) * 5.108 * 3.1) / 5, "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, rating.toFixed(2), element.x + element.height * (67 / 64), element.y + element.height * (47 / 64), (element.height * 3) / 22, 0, ((element.height / 3) * 5.108 * 3.1) / 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 = this.findMaxFitString(ctx, originalContent, element.width || Infinity, "");
+                    originalContent = originalContent.replace(line, "").trim();
+                    lines.push(line.trim());
+                }
+            }
+        }
+        else {
+            for (const originalContent of naiveLines) {
+                lines.push(this.findMaxFitString(ctx, originalContent, element.width || Infinity));
+            }
+        }
+        for (let i = 0; i < lines.length; ++i) {
+            const line = lines[i];
+            this.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, newScores, oldScores, options) {
+        await chart_1.Chart.Database.cacheJackets([
+            ...newScores.map((v) => v.chart.id),
+            ...oldScores.map((v) => v.chart.id),
+        ]);
+        let currentTheme = this.primaryTheme;
+        if (options?.theme) {
+            const theme = this.getTheme(options.theme);
+            if (theme) {
+                currentTheme = theme;
+            }
+        }
+        if (currentTheme) {
+            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, index, x, y);
+                                }
+                            }
+                        }
+                        break;
+                    }
+                    case "profile": {
+                        await this.drawProfileModule(ctx, currentTheme, element, name, rating, options?.profilePicture);
+                        break;
+                    }
+                    case "text": {
+                        function getRatingBase(scores) {
+                            return (scores
+                                .map((v) => v.rating)
+                                .sort((a, b) => a - b)[0] || 0);
+                        }
+                        function getRatingAvg(scores) {
+                            if (scores.length <= 0)
+                                return 0;
+                            return (scores
+                                .map((v) => v.rating)
+                                .reduce((sum, v) => (sum += v)) /
+                                scores.length);
+                        }
+                        await this.drawTextModule(ctx, currentTheme, element, {
+                            username: HalfFullWidthConvert.toFullWidth(name),
+                            rating: rating.toFixed(0),
+                            newScoreRatingAvg: getRatingAvg(newScores).toFixed(2),
+                            oldScoreRatingAvg: getRatingAvg(oldScores).toFixed(2),
+                            newScoreRatingBase: getRatingBase(newScores).toFixed(2),
+                            oldScoreRatingBase: getRatingBase(oldScores).toFixed(2),
+                        });
+                        break;
+                    }
+                }
+            }
+            return canvas.toBuffer();
+        }
+        else
+            return null;
+    }
+    static async drawWithScoreSource(source, username, options) {
+        const profile = await source.getPlayerInfo(username);
+        const score = await source.getPlayerBest50(username);
+        if (!profile || !score)
+            return null;
+        return this.draw(profile.name, profile.rating, score.new, score.old, {
+            ...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.ratingNumberMap, 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 != Math.floor(num)) {
+                num *= 10;
+            }
+            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.Best50 = Best50;
+//# sourceMappingURL=best50.js.map