// ==UserScript==
// @name         POE 网页市集道具转英文
// @namespace    http://tampermonkey.net/
// @version      0.0.2
// @description  流放之路国服网页市集物品转换为国际服pob物品工具
// @author       Rxdey
// @match        https://poe.game.qq.com/trade/**/*
// @icon         https://poecdn.game.qq.com/protected/image/tencent/favicon-32x32.png?v=1&key=WDwrBirzWbDsbHkc0BgCMQ
// @require      https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js
// @require      https://unpkg.com/cn-poe-translator@0.2.2/dist/translator.global.js
// @require      https://unpkg.com/pob-building-creater@0.0.10/dist/creater.global.js
// @require      https://unpkg.com/cn-poe-export-db@0.0.11/dist/db.global.js
// @grant        GM_addStyle
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function () {
    'use strict';
    const html = `<div class="rxdey-container"><p class="rxdey-tip"></p><div class="rxdey-wrap"><div class="rxdey-block"><div class="rxdey-input"><textarea id="textarea" class="rxdey-textarea" type="text" placeholder="在这里粘贴" rows="2"></textarea></div><div class="rxdey-btn-group"><div class="rxdey-button rxdey-blue" id="en-button">转换为英文</div><div class="rxdey-button" id="rxdey-button">转换市集正则</div><div class="rxdey-button rxdey-red" id="reload-button">刷新</div></div></div><div class="rxdey-tool"><div class="rxdey-btn"><div class="rxdey-button rxdey-yellow" id="rxdey-reg">常用正则</div></div></div></div><div class="rxdey-reg"><p class="rxdey-gray"># 六连</p><p>(\w-){5}</p><p>!已腐化</p><p>品质.*2[0-3]</p><p class="rxdey-gray"># 堆叠</p><p>:.30.</p></div></div>`;
    $('body').append(html);
    const copyToClipboard = (txt, cb = () => { }) => {
        const node = document.createElement('textarea');
        node.value = txt;
        node.class = 'copy-txt';
        document.body.appendChild(node);
        node.select();
        document.execCommand('Copy');
        document.body.removeChild(node);
        cb();
    };
    let st = null;
    const tip = (text) => $('.joey-tip').text(text);
    $('#reload-button').click(() => { window.location.reload(); });

    $('#rxdey-button').click(function () {
        clearTimeout(st);
        const value = $('#textarea').val();
        if (!value) return;
        const newVal = new RegExp(value.replace(/\s/g, '\\s')).toString();
        const regStr = newVal.substring(1, newVal.length - 1);
        copyToClipboard(regStr);
        $('#textarea').val(regStr);
        tip('已复制');
        setTimeout(() => {
            tip('');
        }, 2000);
    });
    $('#rxdey-reg').click(() => {
        $('.rxdey-reg').slideToggle();
    });

    $('#en-button').click(() => {
        tip('');
        const factory = CnPoeTranslator.newBasicTranslatorFactory(CnPoeExportDb);
        const textTranslator = factory.getTextTranslator();
        const text = $('#textarea').val();
        const res = textTranslator.translate(text);
        $('#textarea').val(res);
        copyToClipboard(res);
        tip('已复制');
        setTimeout(() => {
            tip('');
        }, 2000);
    });
    GM_addStyle(`.rxdey-container{position:fixed;top:40px;left:10px}.rxdey-wrap{display:flex;flex-flow:row nowrap}.rxdey-block{flex:1;min-width:1px}.rxdey-textarea{width:100%;font-size:14px;padding:4px 8px;outline:0;border:1px solid #e5e5e5;color:#333;background-color:#fff;resize:none;box-sizing:border-box}.rxdey-btn-group{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.rxdey-button{text-align:center;outline:0;border:0;background-color:#3bc7ff;font-size:14px;color:#fff;padding:4px 8px;cursor:pointer;user-select:none}.rxdey-button+.rxdey-button,.rxdey-tool{margin-left:4px}.rxdey-red{background-color:#ff2e27}.rxdey-blue{background-color:#ab0edb}.rxdey-yellow{background-color:#ffbf60}.rxdey-pink{background-color:#ff60ea}.rxdey-reg,.rxdey-tip{font-size:12px;padding:4px 8px;margin-top:4px}.rxdey-tip{color:#fff}.rxdey-reg{background-color:#fff;display:none}.rxdey-reg p{margin-bottom:4px}.rxdey-gray{color:#999}`)
})();