maidraw 0.6.0 → 0.6.2

package/dist/geki/bests/best50.js

@@ -0,0 +1,876 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 string_template_1 = __importDefault(require("string-template"));
+const chart_1 = require("../chart");
+const kamaiTachi = __importStar(require("./lib/kamaiTachi"));
+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 DEFAULT_THEME = "jp-refresh-landscape-refresh";
+    static primaryTheme = null;
+    static loadTheme(path) {
+        const theme = this.getTheme(path);
+        if (theme) {
+            this.primaryTheme = theme;
+            return true;
+        }
+        else
+            return false;
+    }
+    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", "ongeki", "**", "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.sss) &&
+            isFileExist(payload.sprites.achievement.sssp) &&
+            isObject(payload.sprites.milestone) &&
+            isFileExist(payload.sprites.milestone.ab) &&
+            isFileExist(payload.sprites.milestone.abp) &&
+            isFileExist(payload.sprites.milestone.fc) &&
+            isFileExist(payload.sprites.milestone.fb) &&
+            isFileExist(payload.sprites.milestone.none) &&
+            isObject(payload.sprites.profile) &&
+            isFileExist(payload.sprites.profile.icon) &&
+            isFileExist(payload.sprites.profile.userplate) &&
+            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, "recent", "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.gap) &&
+                                        isNumber(element.scoreBubble.gap.x) &&
+                                        element.scoreBubble.gap.y)) &&
+                                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.lunatic)) {
+                                continue;
+                            }
+                            else
+                                return false;
+                        }
+                        case "profile": {
+                            continue;
+                        }
+                        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 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.LUNATIC:
+                curColor = element.scoreBubble.color.lunatic;
+                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.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 * (31 / 32), y +
+                    element.scoreBubble.margin +
+                    element.scoreBubble.height * 0.835 * 0.22, element.scoreBubble.height * 0.835 * 0.24 * 2, element.scoreBubble.height * 0.835 * 0.24);
+            }
+            /** 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_BREAK:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.ab, theme.path);
+                        break;
+                    case type_1.EComboTypes.ALL_BREAK_PLUS:
+                        comboImg = this.getThemeFile(theme.manifest.sprites.milestone.abp, theme.path);
+                        break;
+                }
+                let bellImg;
+                switch (score.bell) {
+                    case type_1.EBellTypes.NONE:
+                        bellImg = this.getThemeFile(theme.manifest.sprites.milestone.none, theme.path);
+                        break;
+                    case type_1.EBellTypes.FULL_BELL:
+                        bellImg = this.getThemeFile(theme.manifest.sprites.milestone.fb, theme.path);
+                        break;
+                }
+                const comboWidth = element.scoreBubble.height * 0.806 * 0.24 * 3;
+                const comboBackground = comboWidth * 0.9;
+                const comboBgRatio = 64 / 272;
+                const sizeDiff = comboWidth - comboBackground;
+                ctx.fillStyle = "#e8eaec";
+                ctx.roundRect(x +
+                    sizeDiff / 2 +
+                    element.scoreBubble.width -
+                    element.scoreBubble.margin -
+                    comboWidth, y +
+                    jacketSize -
+                    (sizeDiff / 2) * comboBgRatio -
+                    element.scoreBubble.margin -
+                    comboWidth * comboBgRatio, comboBackground, comboBackground * comboBgRatio, (comboBackground * comboBgRatio) / 2);
+                ctx.fill();
+                ctx.roundRect(x +
+                    sizeDiff / 2 +
+                    element.scoreBubble.width -
+                    1.5 * element.scoreBubble.margin -
+                    2 * comboWidth, y +
+                    jacketSize -
+                    (sizeDiff / 2) * comboBgRatio -
+                    element.scoreBubble.margin -
+                    comboWidth * comboBgRatio, comboBackground, comboBackground * comboBgRatio, (comboBackground * comboBgRatio) / 2);
+                ctx.fill();
+                const combo = new canvas_1.Image();
+                combo.src = comboImg;
+                const bell = new canvas_1.Image();
+                bell.src = bellImg;
+                ctx.drawImage(bell, x +
+                    element.scoreBubble.width -
+                    element.scoreBubble.margin -
+                    comboWidth, y +
+                    jacketSize -
+                    element.scoreBubble.margin -
+                    comboWidth * (84 / 290), comboWidth, comboWidth * (84 / 290));
+                ctx.drawImage(combo, x +
+                    element.scoreBubble.width -
+                    1.5 * element.scoreBubble.margin -
+                    2 * comboWidth, y +
+                    jacketSize -
+                    element.scoreBubble.margin -
+                    comboWidth * (84 / 290), comboWidth, comboWidth * (84 / 290));
+            }
+            /** 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, `${score.chart.level.toFixed(1)}  ↑${score.rating.toFixed(2)}`, 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.platinumScore && score.chart.maxPlatinumScore)
+                this.drawText(ctx, `${score.platinumScore}/${score.chart.maxPlatinumScore}`, 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());
+            else {
+                if (!score.platinumScore)
+                    console.log(`${score.chart.name} plat, ${score.platinumScore}`);
+                if (!score.chart.maxPlatinumScore)
+                    console.log(`${score.chart.name} max, ${score.platinumScore}`);
+            }
+        }
+        /** End Difficulty & Rating Draw */
+        ctx.restore();
+        /** End Card Draw */
+    }
+    static async drawProfileModule(ctx, theme, element, username, rating, profilePicture) {
+        try {
+            const userplate = (0, sharp_1.default)(this.getThemeFile(theme.manifest.sprites.profile.userplate, theme.path));
+            const upper = await userplate
+                .resize({
+                width: 1080,
+                height: 166,
+                fit: "cover",
+                position: "top",
+            })
+                .png()
+                .toBuffer();
+            const lower = await userplate
+                .resize({
+                width: 1080,
+                height: 130,
+                fit: "cover",
+                position: "bottom",
+            })
+                .png()
+                .toBuffer();
+            const upperImage = new canvas_1.Image();
+            const lowerImage = new canvas_1.Image();
+            upperImage.src = upper;
+            lowerImage.src = lower;
+            ctx.drawImage(upperImage, element.x, element.y, theme.manifest.width, theme.manifest.width * (166 / 1080));
+            ctx.drawImage(lowerImage, element.x, element.y +
+                theme.manifest.height -
+                theme.manifest.width * (130 / 1080), theme.manifest.width, theme.manifest.width * (130 / 1080));
+        }
+        catch { }
+        /* Begin Profile Picture Draw */
+        {
+            ctx.save();
+            ctx.beginPath();
+            ctx.roundRect(element.x + theme.manifest.width * (7 / 32) * (233 / 128), element.y + theme.manifest.width * (3 / 32) * (19 / 64), theme.manifest.width * (7 / 32) * 0.45, theme.manifest.width * (7 / 32) * 0.45, [
+                0,
+                theme.manifest.width * (7 / 32) * 0.05,
+                theme.manifest.width * (7 / 32) * 0.05,
+                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 + theme.manifest.width * (7 / 32) * (233 / 128), element.y + theme.manifest.width * (3 / 32) * (19 / 64), theme.manifest.width * (7 / 32) * 0.45, theme.manifest.width * (7 / 32) * 0.45);
+            if (profilePicture) {
+                ctx.beginPath();
+                ctx.roundRect(element.x + theme.manifest.width * (7 / 32) * (233 / 128), element.y + theme.manifest.width * (3 / 32) * (19 / 64), theme.manifest.width * (7 / 32) * 0.45, theme.manifest.width * (7 / 32) * 0.45, [
+                    0,
+                    theme.manifest.width * (7 / 32) * 0.05,
+                    theme.manifest.width * (7 / 32) * 0.05,
+                    0,
+                ]);
+                ctx.strokeStyle = color_1.default.rgb(dominant).darken(0.3).hex();
+                ctx.lineWidth = (theme.manifest.width * (7 / 32)) / 128;
+                ctx.stroke();
+            }
+            ctx.restore();
+        }
+        /* End Profile Picture Draw */
+        /* Begin Username Draw */
+        {
+            ctx.beginPath();
+            ctx.roundRect(element.x + theme.manifest.width * (7 / 32) * (59 / 128), element.y + theme.manifest.width * (7 / 32) * (16 / 128), theme.manifest.width * (7 / 32) * (85 / 64), theme.manifest.width * (7 / 32) * 0.45, [
+                theme.manifest.width * (7 / 32) * 0.05,
+                0,
+                0,
+                theme.manifest.width * (7 / 32) * 0.05,
+            ]);
+            ctx.fillStyle = "rgba(255, 255, 255, 0.45)";
+            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 = (theme.manifest.width * (7/32) * 7) / 32;
+            //         ctx.drawImage(
+            //             image,
+            //             element.x + theme.manifest.width * (7/32) * 2.0,
+            //             element.y + theme.manifest.width * (7/32) * 0.3,
+            //             drawHeight * aspectRatio * 0.8,
+            //             drawHeight
+            //         );
+            //     }
+            // }
+            this.drawText(ctx, "Lv.", element.x + theme.manifest.width * (7 / 32) * (62 / 128), element.y + theme.manifest.width * (7 / 32) * (49 / 128), (theme.manifest.width * (7 / 32) * 1) / 16, 0, (((theme.manifest.width * (7 / 32)) / 3) * 5.108 * 3.1) / 5, "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, "99", element.x + theme.manifest.width * (7 / 32) * (74 / 128), element.y + theme.manifest.width * (7 / 32) * (49 / 128), (theme.manifest.width * (7 / 32) * 1) / 11, 0, (((theme.manifest.width * (7 / 32)) / 3) * 5.108 * 3.1) / 5, "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, HalfFullWidthConvert.toFullWidth(username), element.x + theme.manifest.width * (7 / 32) * (89 / 128), element.y + theme.manifest.width * (7 / 32) * (49 / 128), (theme.manifest.width * (7 / 32) * 1) / 8, 0, theme.manifest.width * (7 / 32) * (140 / 128), "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, "RATING", element.x + theme.manifest.width * (7 / 32) * (62 / 128), element.y + theme.manifest.width * (7 / 32) * (70 / 128), (theme.manifest.width * (7 / 32) * 7) / 88, 0, (((theme.manifest.width * (7 / 32)) / 3) * 5.108 * 3.1) / 5, "left", "black", "black", "standard-font-username");
+            this.drawText(ctx, rating.toFixed(2), element.x + theme.manifest.width * (7 / 32) * (109 / 128), element.y + theme.manifest.width * (7 / 32) * (70 / 128), (theme.manifest.width * (7 / 32) * 5) / 44, 0, (((theme.manifest.width * (7 / 32)) / 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, recentOrPlatinumScores, options = { type: "refresh" }) {
+        let currentTheme = this.primaryTheme;
+        if (options?.theme) {
+            let theme = this.getTheme(options.theme + "-" + options.type);
+            if (theme) {
+                currentTheme = theme;
+            }
+            theme = this.getTheme(options.theme);
+            if (theme) {
+                currentTheme = theme;
+            }
+        }
+        if (currentTheme) {
+            await chart_1.Chart.Database.cacheJackets([
+                ...newScores.map((v) => v.chart.id),
+                ...oldScores.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": {
+                        const gapx = typeof element.scoreBubble.gap == "number"
+                            ? element.scoreBubble.gap
+                            : element.scoreBubble.gap.x;
+                        const gapy = typeof element.scoreBubble.gap == "number"
+                            ? element.scoreBubble.gap
+                            : element.scoreBubble.gap.y;
+                        for (let y = element.y, index = element.index, i = 0; i < element.verticalSize; ++i, y += element.scoreBubble.height + gapy) {
+                            for (let x = element.x, j = 0; j < element.horizontalSize; ++j,
+                                ++index,
+                                x += element.scoreBubble.width + gapx) {
+                                let curScore;
+                                if (element.region == "new")
+                                    curScore = newScores[index];
+                                else if (element.region == "old")
+                                    curScore = oldScores[index];
+                                else
+                                    curScore = recentOrPlatinumScores[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 getNaiveRating(length) {
+                            const bestScores = options?.bestScores;
+                            if (!bestScores)
+                                return 0;
+                            return getRatingAvg(bestScores.slice(0, length), length);
+                        }
+                        function getRatingAvg(scores, length) {
+                            if (scores.length <= 0)
+                                return 0;
+                            return (scores
+                                .slice(0, length)
+                                .map((v) => v.rating)
+                                .reduce((sum, v) => (sum += v)) / length);
+                        }
+                        await this.drawTextModule(ctx, currentTheme, element, {
+                            username: HalfFullWidthConvert.toFullWidth(name),
+                            rating: rating.toFixed(2),
+                            naiveBest45: getNaiveRating(45).toFixed(2),
+                            newScoreRatingAvg: getRatingAvg(newScores, options.type == "refresh" ? 10 : 15).toFixed(2),
+                            oldScoreRatingAvg: getRatingAvg(oldScores, options.type == "refresh" ? 50 : 30).toFixed(2),
+                            recentOrPlatinumScoreAvg: getRatingAvg(recentOrPlatinumScores, options.type == "refresh" ? 50 : 10).toFixed(2),
+                        });
+                        break;
+                    }
+                }
+            }
+            return canvas.toBuffer();
+        }
+        else
+            return null;
+    }
+    static async drawWithScoreSource(source, username, options = { type: "refresh" }) {
+        const profile = await source.getPlayerInfo(username, options.type);
+        if (!profile)
+            return null;
+        let newScores, oldScores, recentOrPlatinumScores, bestScores;
+        if (options.type == "refresh") {
+            const score = await source.getPlayerBest60(username);
+            if (!score)
+                return null;
+            newScores = score.new;
+            oldScores = score.old;
+            recentOrPlatinumScores = score.plat;
+            bestScores = score.best;
+        }
+        else if (options.type == "classic") {
+            const score = await source.getPlayerBest55(username);
+            if (!score)
+                return null;
+            recentOrPlatinumScores = score.recent;
+            newScores = score.new;
+            oldScores = score.old;
+            bestScores = score.best;
+        }
+        else
+            return null;
+        return this.draw(profile.name, profile.rating, newScores, oldScores, recentOrPlatinumScores, {
+            ...options,
+            profilePicture: options?.profilePicture === null
+                ? undefined
+                : options?.profilePicture ||
+                    (await source.getPlayerProfilePicture(username)) ||
+                    undefined,
+            bestScores,
+        });
+    }
+    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;
+(function (Best50) {
+    Best50.KamaiTachi = kamaiTachi.KamaiTachi;
+})(Best50 || (exports.Best50 = Best50 = {}));
+//# sourceMappingURL=best50.js.map