// ==UserScript==
// @name         宝可梦点击（Poke Clicker）内核汉化脚本
// @namespace    PokeClickerHelper
// @version      0.10.24-b
// @description  采用内核汉化形式，目前汉化范围：所有任务线、NPC、成就、地区、城镇、道路、道馆
// @author       DreamNya, ICEYe, iktsuarpok, 我是谁？, 顶不住了, 银☆星, TerVoid
// @match        http://localhost:3000/
// @match        https://www.pokeclicker.com
// @match        https://g8hh.github.io/pokeclicker/
// @match        https://pokeclicker.g8hh.com
// @match        https://pokeclicker.g8hh.com.cn/
// @match        https://yx.g8hh.com/pokeclicker/
// @match        https://dreamnya.github.io/pokeclicker/
// @icon         https://scriptcat.org/api/v2/resource/image/Y3VU6C1i3QnlBewG
// @grant        none
// @run-at       document-end
// @license      MIT
// @connect      cdn.jsdelivr.net
// @connect      raw.githubusercontent.com
// ==/UserScript==
/* global TownList, QuestLine:true, Notifier, MultipleQuestsQuest, App, NPC, NPCController, GameController, ko */

//储存汉化文本
const Translation = {};
const TranslationHelper = { Translation, exporting: false };
const CoreModule = window.PokeClickerHelper ?? window.PokeClickerHelperPlus;
(CoreModule ?? window).TranslationHelper = TranslationHelper;
window.TranslationHelper = TranslationHelper;
TranslationHelper.config = {
    CDN: CoreModule?.get("TranslationHelperCDN", "jsDelivr", true) ?? "jsDelivr",
    UpdateDelay: CoreModule?.get("TranslationHelperUpdateDelay", 30, true) ?? 30,
    Timeout: CoreModule?.get("TranslationHelperTimeout", 5000, true) ?? 5000,
};

// 引用外部资源
// CDN-jsDelivr: https://cdn.jsdelivr.net
// CDN-GitHub: https://raw.githubusercontent.com
// GIT: https://github.com/DreamNya/PokeClickerHelper-Translation
const CDN = {
    jsDelivr: "https://cdn.jsdelivr.net/gh/DreamNya/PokeClickerHelper-Translation/json/",
    GitHub: "https://raw.githubusercontent.com/DreamNya/PokeClickerHelper-Translation/main/json/",
};
const resources = ["QuestLine", "Town", "NPC", "Achievement", "Regions", "Route", "Gym"];
const now = Date.now();
const failed = [];

Notifier.notify({
    title: "宝可梦点击（Poke Clicker）内核汉化脚本",
    message: `汉化正在加载中\n此时加载存档可能导致游戏错误\n若超过1分钟此提示仍未消失，则脚本可能运行出错`,
    timeout: 600000,
});

for (const resource of resources) {
    Translation[resource] = await FetchResource(resource).catch(() => {
        const cache = localStorage.getItem(`PokeClickerHelper-Translation-${resource}`);
        if (cache) {
            console.log("PokeClickerHelper-Translation", "fallback获取json", resource);
            return JSON.parse(cache);
        } else {
            console.log("PokeClickerHelper-Translation", "all failed获取json", resource);
            failed.push(resource);
            return {};
        }
    });
}

async function FetchResource(resource, force = false) {
    const past = +(localStorage.getItem(`PokeClickerHelper-Translation-${resource}-lastModified`) ?? 0);
    if (
        !force &&
        (TranslationHelper.config.UpdateDelay < 0 || now - past <= 86400 * 1000 * TranslationHelper.config.UpdateDelay)
    ) {
        const cache = localStorage.getItem(`PokeClickerHelper-Translation-${resource}`);
        if (cache) {
            console.log("PokeClickerHelper-Translation", "从存储获取json", resource);
            return JSON.parse(cache);
        }
    }
    const url = `${CDN[TranslationHelper.config.CDN]}${resource}.json`;
    const response = await fetch(url, {
        cache: "no-store",
        // 超时中断
        signal: AbortSignal.timeout(+TranslationHelper.config.Timeout || 10000),
    });
    if (response.status == 200) {
        const json = await response.json();
        console.log("PokeClickerHelper-Translation", "从CDN获取json", resource);
        localStorage.setItem(`PokeClickerHelper-Translation-${resource}`, JSON.stringify(json));
        localStorage.setItem(`PokeClickerHelper-Translation-${resource}-lastModified`, now);
        return json;
    } else {
        throw new Error();
    }
}

Translation.NPCName = Translation.NPC.NPCName ?? {};
Translation.NPCDialog = Translation.NPC.NPCDialog ?? {};
TranslationHelper._toggleRaw = ko.observable(false).extend({ boolean: null });
Object.defineProperty(TranslationHelper, "toggleRaw", {
    get() {
        return TranslationHelper._toggleRaw();
    },
    set(newValue) {
        TranslationHelper._toggleRaw(newValue);
    },
});

// 汉化城镇
Object.values(TownList).forEach((t) => {
    const name = Translation.Town[t.name];
    t.displayName = name ?? t.name;
});
// 修改城镇文本显示绑定
$('[data-bind="text: player.town.name"]').attr(
    "data-bind",
    "text: player.town[TranslationHelper.toggleRaw ? 'name' : 'displayName']"
);
$("[data-town]").each(function () {
    const name = $(this).attr("data-town");
    $(this).attr("data-town", Translation.Town[name] || name);
});

GameController.realShowMapTooltip = GameController.showMapTooltip;
GameController.showMapTooltip = function (tooltipText) {
    const translationTown = TranslationHelper.toggleRaw ? tooltipText : Translation.Town[tooltipText] ?? tooltipText;
    return this.realShowMapTooltip(translationTown);
};

// 汉化任务线
QuestLine.prototype.realAddQuest = QuestLine.prototype.addQuest;
QuestLine.prototype.addQuest = new Proxy(QuestLine.prototype.realAddQuest, {
    apply(target, questline, [quest]) {
        const name = questline.name;
        const translation = Translation.QuestLine[name];
        if (translation) {
            const description = quest.description;
            const displayDescription = translation.descriptions[description];
            if (displayDescription) {
                Object.defineProperty(quest, "description", {
                    get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? description : displayDescription),
                });
            }
            if (quest instanceof MultipleQuestsQuest) {
                quest.quests.forEach((q) => {
                    const description = q.description;
                    const displayDescription = translation.descriptions[description];
                    if (displayDescription) {
                        Object.defineProperty(q, "description", {
                            get: () =>
                                TranslationHelper.exporting || TranslationHelper.toggleRaw ? description : displayDescription,
                        });
                    }
                });
            }
        }

        return Reflect.apply(target, questline, [quest]);
    },
});
window.realQuestLine = QuestLine;
QuestLine = new Proxy(window.realQuestLine, {
    construct(...args) {
        const questline = Reflect.construct(...args);
        const { name, description } = questline;
        const translation = Translation.QuestLine[name];

        const displayName = translation?.name;
        const displayDescription = translation?.description[description];
        Object.defineProperty(questline, "displayName", {
            get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? name : displayName ?? name),
        });

        if (displayDescription) {
            Object.defineProperty(questline, "description", {
                get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? description : displayDescription),
            });
        }

        return questline;
    },
});

// 修改任务线文本显示绑定
$("#questLineDisplayBody knockout[data-bind='text: $data.name']").attr(
    "data-bind",
    "text: $data[TranslationHelper.toggleRaw ? 'name' : 'displayName']"
);
$("#bulletinBoardModal div.modal-body h5[data-bind='text: $data.name']").attr(
    "data-bind",
    "text: $data[TranslationHelper.toggleRaw ? 'name' : 'displayName']"
);
$('#questsModalQuestLinesPane knockout.font-weight-bold.d-block[data-bind="text: $data.name"]').each(function () {
    this.dataset.bind = "text: $data[TranslationHelper.toggleRaw ? 'name' : 'displayName']";
});

// 汉化NPC
Object.values(TownList)
    .flatMap((i) => i.npcs)
    .forEach((npc) => {
        if (!npc || "rawDialog" in npc) {
            return;
        }
        npc.displayName = Translation.NPCName[npc.name] ?? npc.name;
        npc.rawDialog = npc.dialog;
        npc.translatedDialog = npc.rawDialog?.map((d) => Translation.NPCDialog[d] ?? d);
        delete npc.dialog;
    });
Object.defineProperty(NPC.prototype, "dialog", {
    get() {
        return TranslationHelper.toggleRaw ? this.rawDialog : this.translatedDialog;
    },
});

// 修改NPC文本显示绑定
$("#townView button[data-bind='text: $data.name, click: () => NPCController.openDialog($data)']").each(function () {
    this.dataset.bind =
        "text: $data[TranslationHelper.toggleRaw ? 'name' : 'displayName'], click: () => NPCController.openDialog($data)";
});
$("#npc-modal h5").each(function () {
    this.dataset.bind = "text: $data[TranslationHelper.toggleRaw ? 'name' : 'displayName']";
});

// 汉化成就
Translation.AchievementName = Translation.Achievement.name ?? {};
Translation.AchievementDescription = Translation.Achievement.description ?? {};
Translation.AchievementHint = Translation.Achievement.hint ?? {};
Translation.AchievementNameRegs = Object.entries(Translation.Achievement.nameReg ?? {}).map(([reg, value]) => [
    new RegExp(reg),
    value,
]);
Translation.AchievementDescriptionRegs = Object.entries(Translation.Achievement.descriptionReg ?? {}).map(([reg, value]) => [
    new RegExp(reg),
    value,
]);

function formatRegex(text, reg, value) {
    const methods = {
        Town: (i) => Translation.Town[i],
        Region: (i) => Translation.Region[i],
        RegionFull: (i) => Translation.RegionFull[i],
        SubRegion: (i) => Translation.SubRegion[i],
        Route: (i) => formatRouteName(i, false),
        GymFormat: (i) => i.replace(/^ /, ""),
        GymFormatRegion: (i) => i.replace(GymRegionReg, (m) => Translation.Region[m] ?? m),
    };

    return text.replace(reg, (...args) => {
        // 动态数量捕获组
        const groups = args.slice(1, -2);

        return (
            value
                // 替换 #Method{$n}
                .replace(/#([\w/]+)\{\$(\d)}/g, (_, matcher, n) => {
                    const group = groups[n - 1];

                    const formatters = matcher.split("/").map((method) => methods[method]);
                    const formatter = formatters.find((fromatter) => fromatter(group));
                    return formatter?.(group) ?? group;
                })
                // 替换 原生$n
                .replace(/\$(\d)/g, (_, n) => {
                    return groups[n - 1] ?? "";
                })
        );
    });
}

function formatAchievement(text, type) {
    const raw = Translation["Achievement" + type][text];
    if (raw) {
        return raw;
    }
    const [reg, value] = Translation["Achievement" + type + "Regs"].find(([reg]) => reg.test(text)) ?? [];
    if (reg) {
        return formatRegex(text, reg, value);
    }

    return text;
}

window.realAchievement = Achievement;
Achievement = new Proxy(window.realAchievement, {
    construct(...args) {
        const ahievement = Reflect.construct(...args);
        const { name, _description } = ahievement;

        const displayName = formatAchievement(name, "Name");
        const displayDescription = formatAchievement(_description, "Description");

        // Achievement几乎不会被读取 直接覆盖原始值
        Object.defineProperties(ahievement, {
            name: {
                get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? name : displayName),
            },
            _description: {
                get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? _description : displayDescription),
            },
            rawName: {
                get: () => name,
            },
        });

        return ahievement;
    },
});

window.realSecretAchievement = SecretAchievement;
SecretAchievement = new Proxy(window.realSecretAchievement, {
    construct(...args) {
        const ahievement = Reflect.construct(...args);
        const { name, _description, _hint } = ahievement;

        const displayName = formatAchievement(name, "Name");
        const displayDescription = formatAchievement(_description, "Description");
        const displayHint = formatAchievement(_hint, "Hint");

        // Achievement几乎不会被读取 直接覆盖原始值
        Object.defineProperties(ahievement, {
            name: {
                get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? name : displayName),
            },
            _description: {
                get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? _description : displayDescription),
            },
            _hint: {
                get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? _hint : displayHint),
            },
            rawName: {
                get: () => name,
            },
        });

        return ahievement;
    },
});

AchievementHandler.findByName = function (name) {
    return AchievementHandler.achievementList.find((achievement) => achievement.rawName === name && achievement.achievable());
};
AchievementTracker.prototype.toJSON = function () {
    return {
        trackedAchievementName: this.hasTrackedAchievement() ? this.trackedAchievement().rawName : null,
    };
};

// 汉化地区
Translation.Region = Translation.Regions.Region ?? {};
Translation.RegionFull = Object.fromEntries(Object.entries(Translation.Region).map(([region, name]) => [region, name + "地区"]));
Translation.SubRegion = Object.assign(Translation.Regions.SubRegion ?? {}, Translation.RegionFull);
// 特殊处理
Object.assign(Translation.Region, { "Sevii Islands": "七之岛" });

$("[href='#mapBody'] > span").attr(
    "data-bind",
    "text: `城镇地图 (${TranslationHelper.Translation.RegionFull[GameConstants.camelCaseToString(GameConstants.Region[player.region])]})`"
);
$("#subregion-travel-buttons > button.btn.btn-sm.btn-primary").attr(
    "data-bind",
    "click: () => SubRegions.openModal(), text: `副区域旅行 (${TranslationHelper.Translation.SubRegion[player.subregionObject()?.name]})`"
);

// 汉化道路
const regionRouteReg = new RegExp(`^(${Object.keys(Translation.Region).join("|")}) Route (\\d+)$`);
// 水路范围
const waterRoute = {
    Kanto: [19, 20, 21],
    Johto: [40, 41],
    Hoenn: [105, 106, 107, 109, 109, 122, 124, 125, 126, 127, 128, 129, 130, 131, 132, 133, 134],
    Sinnoh: [220, 223, 226, 230],
    Unova: [17, 21],
    Alola: [15],
};
function formatRouteName(routeName, returnRaw = true) {
    if (Translation.Route[routeName]) {
        return Translation.Route[routeName];
    }
    if (regionRouteReg.test(routeName)) {
        return routeName.replace(regionRouteReg, (match, region, number) => {
            const regionName = Translation.Region[region] ?? region;
            // 将数字转换为全角数字
            const formatNumber = number.replace(/\d/g, (digit) => String.fromCharCode(digit.charCodeAt(0) + 0xff10 - 0x30));
            const routeType = waterRoute[region]?.includes(+number) ? "水路" : "道路";
            return `${regionName}${formatNumber}号${routeType}`;
        });
    }
    return returnRaw ? routeName : undefined;
}

Routes.real_getName = Routes.getName;
Routes.getName = function (route, region, alwaysIncludeRegionName = false, includeSubRegionName = false) {
    if (TranslationHelper.exporting) {
        return this.real_getName(route, region, alwaysIncludeRegionName, includeSubRegionName);
    }
    const rawRegionName = GameConstants.camelCaseToString(GameConstants.Region[region]);
    const regionName = Translation.Region[rawRegionName] ?? rawRegionName;
    const regionFullName = Translation.RegionFull[rawRegionName] ?? rawRegionName;

    const resultRoute = this.regionRoutes.find((routeData) => routeData.region === region && routeData.number === route);
    let routeName = formatRouteName(resultRoute?.routeName) ?? "Unknown Route";
    if (alwaysIncludeRegionName && !routeName.includes(regionName)) {
        routeName = `${regionFullName}-${routeName}`;
    } else if (includeSubRegionName && resultRoute) {
        const subRegionName =
            Translation.SubRegion[SubRegions.getSubRegionById(region, resultRoute.subRegion ?? 0).name] ?? "Unknown SubRegion";
        if (!routeName.includes(subRegionName)) {
            routeName = `${subRegionName}-${routeName}`;
        }
    }
    return routeName;
};

// 汉化道馆
const GymRegionReg = new RegExp(`^${Object.keys(Translation.Region).join("|")}`);

Object.values(GymList).forEach((gym) => {
    const rawLeaderName = gym.leaderName;
    const leaderName = Translation.Gym[rawLeaderName] ?? rawLeaderName;
    const rawButtonText = gym.buttonText;
    const buttonText =
        gym.buttonText == rawLeaderName.replace(/\d/, "") + "'s Gym"
            ? leaderName.replace(/\d/, "") + "的道馆"
            : Translation.Gym[rawButtonText] ?? rawButtonText;

    Object.defineProperties(gym, {
        leaderName: {
            get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? rawLeaderName : leaderName),
        },
        buttonText: {
            get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? rawButtonText : buttonText),
        },
        displayName: {
            get: () => (TranslationHelper.exporting || TranslationHelper.toggleRaw ? rawButtonText : buttonText),
        },
        rawButtonText: {
            get: () => rawButtonText,
        },
        rawLeaderName: {
            get: () => rawLeaderName,
        },
    });
});

Object.defineProperty(Gym.prototype, "imagePath", {
    get() {
        return `assets/images/npcs/${this.imageName ?? this.rawLeaderName}.png`;
    },
});

// 导出完整json方法
TranslationHelper.ExportTranslation = {};
TranslationHelper.ExportTranslation.QuestLine = function () {
    TranslationHelper.exporting = true;
    const json = App.game.quests.questLines().reduce((obj, questline) => {
        const { name, description } = questline;
        const translation = Translation.QuestLine[name];
        const subObj = {};
        subObj.name = translation?.name ?? name;
        subObj.description = { [description]: translation?.description[description] ?? "" };
        subObj.descriptions = questline.quests().reduce((d, q) => {
            d[q.description] = translation?.descriptions[q.description] ?? "";
            if (q instanceof MultipleQuestsQuest) {
                q.quests.forEach((qq) => {
                    d[qq.description] = translation?.descriptions[qq.description] ?? "";
                });
            }
            return d;
        }, {});
        obj[name] = subObj;
        return obj;
    }, {});
    TranslationHelper.exporting = false;
    return json;
};

TranslationHelper.ExportTranslation.NPC_format = function () {
    const toggleRaw = TranslationHelper.toggleRaw;
    TranslationHelper.toggleRaw = true;
    const json = Object.values(TownList).reduce((obj, town) => {
        const npcs = town.npcs;
        if (npcs?.length > 0) {
            obj[town.name] = npcs.map((npc) => {
                const subObj = {
                    name: { [npc.name]: Translation.NPCName[npc.name] ?? "" },
                };
                if (npc.dialog?.length > 0) {
                    subObj.dialog = Object.fromEntries(npc.dialog.map((d) => [d, Translation.NPCDialog[d] ?? ""]));
                }
                return subObj;
            });
        }
        return obj;
    }, {});
    TranslationHelper.toggleRaw = toggleRaw;
    return json;
};

TranslationHelper.ExportTranslation.NPC = function (override) {
    const NPC_format = override || this.NPC_format();
    const NPCDialog = Object.assign(
        {},
        ...Object.values(NPC_format)
            .flat()
            .map((i) => i.dialog)
            .filter((i) => i)
    );
    const NPCName = Object.assign(
        {},
        ...Object.values(NPC_format)
            .flat()
            .map((i) => i.name)
            .filter((i) => i)
    );
    const json = {
        NPCName,
        NPCDialog,
    };
    return json;
};

TranslationHelper.ExportTranslation.Town = function () {
    TranslationHelper.exporting = true;
    const json = Object.fromEntries(
        Object.keys(TownList).map((townName) => {
            return [townName, Translation.Town[townName] ?? ""];
        })
    );
    TranslationHelper.exporting = false;
    return json;
};

TranslationHelper.ExportTranslation.Gym = function () {
    TranslationHelper.exporting = true;
    const json = {};
    Object.values(GymList).forEach((gym) => {
        json[gym.rawLeaderName] = Translation.Gym[gym.rawLeaderName] ?? "";
        if (!gym.rawButtonText.endsWith("'s Gym")) {
            json[gym.rawButtonText] = Translation.Gym[gym.rawButtonText] ?? "";
        }
    });
    TranslationHelper.exporting = false;
    return json;
};

TranslationHelper.ExportTranslation.Route = function () {
    TranslationHelper.exporting = true;
    const json = Routes.regionRoutes.reduce((obj, { routeName }) => {
        if (regionRouteReg.test(routeName)) {
            return obj;
        }
        obj[routeName] = formatRouteName(routeName, false) ?? "";
        return obj;
    }, {});
    TranslationHelper.exporting = false;
    return json;
};

TranslationHelper.ImportTranslation = async function (files) {
    for (const file of files) {
        const name = file.name;
        const type = name.replace(/\.json$/, "");
        if (!resources.includes(type)) {
            Notifier.notify({
                title: "宝可梦点击（Poke Clicker）内核汉化脚本",
                message: `导入本地汉化json失败\n不支持的文件名：${name}`,
                timeout: 6000000,
            });
            continue;
        }

        await new Promise((resolve) => {
            const fr = new FileReader();
            fr.readAsText(file);
            fr.addEventListener("loadend", function () {
                const result = JSON.parse(this.result);
                localStorage.setItem(`PokeClickerHelper-Translation-${type}`, JSON.stringify(result));
                localStorage.setItem(`PokeClickerHelper-Translation-${type}-lastModified`, now);
                console.log("PokeClickerHelper-Translation", "本地导入json", type);
                Notifier.notify({
                    title: "宝可梦点击（Poke Clicker）内核汉化脚本",
                    message: `导入本地汉化json成功\n刷新游戏后生效：${name}`,
                    type: 1,
                    timeout: 6000000,
                });
                resolve();
            });
        });
    }
};

// UI (需要PokeClickerHelper)
if (CoreModule) {
    const prefix = CoreModule.UIContainerID[0].replace("#", "").replace("Container", "") + "TranslationHelper";

    // 挂载汉化api供其他脚本使用
    CoreModule.TranslationAPI = {
        Route: formatRouteName,
        Town: (townName) => Translation.Town[townName] ?? townName,
        Region: (region) => {
            if (typeof region == "string") {
                return Translation.SubRegion[region] ?? region;
            } else if (typeof region == "number") {
                const regionName = GameConstants.camelCaseToString(GameConstants.Region[region]);
                return Translation.SubRegion[regionName] ?? regionName;
            }
        },
        NPC: (npcName) => Translation.NPCName[npcName] ?? npcName,
        QuestLine: (questLineName) => Translation.QuestLine[questLineName].name ?? questLineName,
    };

    CoreModule.UIDOM.push(`
    <div id="${prefix}" class="custom-row">
        <div class="contentLabel">
            <label>内核汉化</label>
        </div>
        <div style="flex: auto;">
            <button id="${prefix}Refresh" class="btn btn-sm btn-primary mr-1" data-save="false" title="刷新游戏后强制请求汉化json&#10;*仅清空脚本缓存，可能存在浏览器缓存需手动清理">清空缓存</button>
            <button id="${prefix}Import" class="btn btn-sm btn-primary mr-1" data-save="false" title="导入本地汉化文件覆盖汉化缓存">导入汉化</button>
            <button id="${prefix}Toggle" class="btn btn-sm btn-primary mr-1" data-save="false" value="切换原文" title="">切换原文</button>
        </div>
        <div class="contentContainer d-flex ml-2 mt-2" style="flex: auto;align-items: center;flex-wrap: wrap;">
            <div class="m-auto d-flex" style="align-items: baseline; width: 100%;">
                <label>
                    CDN
                </label>
                <select id="${prefix}CDN" title="选择任一可连通CDN即可" data-save="global" class="custom-select m-2" style="width: 67%; text-align: center;">
                    <option value="jsDelivr">
                        cdn.jsdelivr.net
                    </option>
                    <option value="GitHub">
                        raw.githubusercontent.com
                    </option>
                </select>
                <button id="${prefix}Test" class="btn btn-sm btn-primary" data-save="false" title="测试CDN连通情况">
                    测试
                </button>
            </div>
            <div class="mt-2 m-auto d-flex">
                <div class="form-floating" style="width: 30%;">
                    <input type="number" class="form-control" id="${prefix}UpdateDelay" data-save="global" step="1" value="${TranslationHelper.config.UpdateDelay}" style="text-align: right; height: 45px;">
                    <label style="padding-right: 0!important; padding-top: 12px!important; font-size: 12px;">
                        更新周期（天）
                    </label>
                </div>
                <div class="form-floating ml-3" style="width: 32%;">
                    <input type="number" class="form-control" id="${prefix}Timeout" data-save="global" step="100" value="${TranslationHelper.config.Timeout}" min="3000" style="text-align: right; height: 45px;">
                    <label style="padding-right: 0!important; padding-top: 12px!important; font-size: 12px;">
                        请求超时（毫秒）
                    </label>
                </div>
                <div id="${prefix}TestResult" style="margin: auto; width: 30%; text-align: center; color: blue;">
                    测试结果：未测试
                </div>
            </div>
        </div>
    </div>
    `);
    CoreModule.UIlistener.push(() => {
        $(`#${prefix}`)
            .on("click", `#${prefix}Refresh`, function () {
                this.disabled = true;
                window.PCH_ForceRefreshTranslation(false);
            })
            .on("click", `#${prefix}Toggle`, function () {
                if (this.value == "切换原文") {
                    $(this).text((this.value = "切换汉化"));
                    TranslationHelper.toggleRaw = true;
                } else {
                    $(this).text((this.value = "切换原文"));
                    TranslationHelper.toggleRaw = false;
                }
                if ($("#npc-modal").is(":visible")) {
                    NPCController.selectedNPC(NPCController.selectedNPC());
                }
            })
            .on("click", `#${prefix}Import`, function () {
                $(`<input type="file" accept=".json" style="display:none;" multiple />`)
                    .appendTo(document.body)
                    .on("change", function () {
                        TranslationHelper.ImportTranslation(this.files);
                        this.remove();
                    })
                    .on("cancel", function () {
                        this.remove();
                    })
                    .trigger("click");
            })
            .on("change", "[data-save=global]", function () {
                const id = this.id.replace(prefix, "");
                if (this.value != "") {
                    TranslationHelper.config[id] = this.value;
                }
            })
            .on("click", `#${prefix}Test`, async function () {
                this.disabled = true;
                const start = Date.now();
                const result = await FetchResource("Town", true)
                    .then(() => {
                        const now = Date.now();
                        return `测试结果：成功<br>${now - start}ms`;
                    })
                    .catch(() => {
                        return `测试结果：超时<br>不够科学`;
                    });
                this.disabled = false;
                $(`#${prefix}TestResult`).html(result);
            });
    });
}

if (failed.length == 0) {
    window.PCH_ForceRefreshTranslation = (refresh = true) => {
        resources.forEach((resource) => localStorage.removeItem(`PokeClickerHelper-Translation-${resource}-lastModified`));
        refresh && location.reload();
    };
    Notifier.notify({
        title: "宝可梦点击（Poke Clicker）内核汉化脚本",
        message: `汉化加载完毕\n可以正常加载存档\n\n<button class="btn btn-block btn-success" onclick="window.PCH_ForceRefreshTranslation()" data-dismiss="toast">清空脚本汉化缓存并刷新</button>`,
        timeout: 15000,
    });
} else {
    Notifier.notify({
        title: "宝可梦点击（Poke Clicker）内核汉化脚本",
        message: `请求汉化json失败，请检查网络链接或更新脚本\n无法完成汉化：${failed.join(" / ")}`,
        timeout: 6000000,
    });
}

setTimeout(() => $('.toast:contains("汉化正在加载中") [data-dismiss="toast"]').click(), 1000);