// ==UserScript==
// @name         MooreData平台辅助脚本
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  辅助翻译
// @author       You
// @match        https://app.abaka.ai/*
// @icon         https://app.abaka.ai/assets/default_space_avatar_global-76bbae0d.png
// @grant        GM_xmlhttpRequest
// @license      MIT
// ==/UserScript==

(function () {
    function preset() {
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="text">文本</button>')//文本
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="custom-text">自定义文本</button>')//自定义文本
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="big">大号</button>')//大号
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="medium">中号</button>')//中号 
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="small">小号</button>')//小号
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="regular">常规</button>')//常规
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="boldface">加粗</button>')//加粗
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="black">黑色</button>')//黑色
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="white">白色</button>')//白色
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="red">红色</button>')//红色
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="orange">橙色</button>')//橙色
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="yellow">黄色</button>')//黄色
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="green">绿色</button>')//绿色
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="blue">蓝色</button>')//蓝色
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="sans-serif">无衬线</button>')//无衬线
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="serif">衬线</button>')//衬线
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="art">艺术</button>')//艺术
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="handwritten">手写</button>')//手写
        document.querySelector("#presetButton").insertAdjacentHTML('beforeend', '<button id="font">字体</button>')//字体

        document.querySelector("#text").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "Text\"" + document.querySelector("#app > div > div > div.work-content > div.work-content-right > div > div.mainView > div > div.workboard-inner > div.wrap > div > div:nth-child(3) > div:nth-child(3) > div > div > div.n-collapse-item__content-wrapper > div > div > div > div.n-collapse-item__content-wrapper > div > div:nth-child(1) > div > div.options-wrap > div.option-answers-wrap > div > div.n-input-wrapper > div.n-input__textarea.n-scrollbar > div").innerHTML.split('"')[1] + "\"." })
        document.querySelector("#custom-text").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "Text\"\"." })
        document.querySelector("#big").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "large size " })
        document.querySelector("#medium").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "medium size " })
        document.querySelector("#small").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "small-size " })
        document.querySelector("#regular").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "regular " })
        document.querySelector("#boldface").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "boldface " })
        document.querySelector("#black").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "black " })
        document.querySelector("#white").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "white " })
        document.querySelector("#red").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "red " })
        document.querySelector("#orange").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "orange " })
        document.querySelector("#yellow").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "yellow " })
        document.querySelector("#green").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "green " })
        document.querySelector("#blue").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "blue " })
        document.querySelector("#sans-serif").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "sans-serif " })
        document.querySelector("#serif").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "serif " })
        document.querySelector("#art").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "art " })
        document.querySelector("#handwritten").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "handwritten " })
        document.querySelector("#font").addEventListener('click', function () { document.querySelector("#customize > textarea").value = document.querySelector("#customize > textarea").value + "font." })
    }

    let str = ""
    setInterval(() => {
        if (document.querySelector("#app > div > div > div.work-content > div.work-content-right > div > div.mainView > div > div.workboard-inner > div.wrap > div > div:nth-child(3) > div:nth-child(3) > div > div > div.n-collapse-item__content-wrapper > div > div > div > div.n-collapse-item__content-wrapper > div > div:nth-child(1) > div > div.options-wrap > div.option-answers-wrap > div > div.n-input-wrapper > div.n-input__textarea.n-scrollbar > div")) {
            const target = document.querySelector("#app > div > div > div.work-content > div.work-content-right > div > div.mainView > div > div.workboard-inner > div.wrap > div > div:nth-child(3) > div:nth-child(3) > div > div > div.n-collapse-item__content-wrapper > div > div > div > div.n-collapse-item__content-wrapper > div > div:nth-child(1) > div > div.options-wrap > div.option-answers-wrap > div > div.n-input-wrapper > div.n-input__textarea.n-scrollbar > div")
            if (str !== target.innerHTML) {
                try {
                    const response = fetch('http://127.0.0.1:5000/api/fanyi', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            'from': "en",
                            'to': "zh",
                            'q': target.innerHTML,
                        })
                    })
                        .then(response => response.json())
                        .then(data => {
                            console.log(data);
                            if (!document.querySelector("#preTranslation")) {
                                document.querySelector("#app > div > div > div.work-content > div.work-content-right > div > div.mainView > div > div.workboard-inner > div.wrap > div > div:nth-child(3) > div:nth-child(3) > div > div > div.n-collapse-item__content-wrapper > div > div > div > div.n-collapse-item__content-wrapper > div > div:nth-child(1) > div > div.options-wrap").insertAdjacentHTML("beforeend", "<div id='preTranslation'><textarea style='width: 100%;background: #434343;color: #969696;border: 0;border-radius: 10px;margin-top: 5px;padding: 7px 8px;'>" + data["message"]["trans_result"][0]["dst"] + "</textarea></div>")
                                document.querySelector("#app > div > div > div.work-content > div.work-content-right > div > div.mainView > div > div.workboard-inner > div.wrap > div > div:nth-child(3) > div:nth-child(3) > div > div > div.n-collapse-item__content-wrapper > div > div > div > div.n-collapse-item__content-wrapper > div > div:nth-child(1) > div > div.options-wrap").insertAdjacentHTML('beforeend', '<div id="button"></div>')//主按钮
                                document.querySelector("#button").insertAdjacentHTML('beforeend', '<button id="zh-en" >中译英</button>')//中译英
                                document.querySelector("#button").insertAdjacentHTML('beforeend', '<button id="copy" >复制</button>')//复制
                                document.querySelector("#button").insertAdjacentHTML('beforeend', '<button id="clear" >清空</button>')//清空
                                document.querySelector("#zh-en").addEventListener('click', function () {//点击中译英
                                    try {
                                        const response = fetch('http://127.0.0.1:5000/api/fanyi', {
                                            method: 'POST',
                                            headers: {
                                                'Content-Type': 'application/json',
                                            },
                                            body: JSON.stringify({
                                                'from': "zh",
                                                'to': "en",
                                                'q': document.querySelector("#preTranslation > textarea").value,
                                            })
                                        })
                                            .then(response => response.json())
                                            .then(data => {
                                                console.log(data);
                                                document.querySelector("#customize > textarea").value = data["message"]["trans_result"][0]["dst"]
                                                document.querySelector("#copy").click()
                                            })
                                        console.log(response)
                                    } catch (error) {
                                        console.error('Error:', error);
                                    }
                                })
                                document.querySelector("#copy").addEventListener('click', function () {//点击复制
                                    document.querySelector("#customize > textarea").select()
                                    document.execCommand('copy')
                                    document.querySelector(".n-input__textarea-el").select()
                                    document.querySelector(".n-input__textarea-el").focus()
                                })
                                document.querySelector("#clear").addEventListener('click', function () { document.querySelector("#customize > textarea").value = "" })//点击清空
                                document.querySelector("#app > div > div > div.work-content > div.work-content-right > div > div.mainView > div > div.workboard-inner > div.wrap > div > div:nth-child(3) > div:nth-child(3) > div > div > div.n-collapse-item__content-wrapper > div > div > div > div.n-collapse-item__content-wrapper > div > div:nth-child(1) > div > div.options-wrap").insertAdjacentHTML('beforeend', '<div id="customize"><textarea placeholder="点击按钮可以直接拼接关键词"  style="width: 100%;background: #434343;color: #969696;border: 0;border-radius: 10px;margin-top: 5px;padding: 7px 8px;"></textarea ></div>')//翻译输出框
                                document.querySelector("#app > div > div > div.work-content > div.work-content-right > div > div.mainView > div > div.workboard-inner > div.wrap > div > div:nth-child(3) > div:nth-child(3) > div > div > div.n-collapse-item__content-wrapper > div > div > div > div.n-collapse-item__content-wrapper > div > div:nth-child(1) > div > div.options-wrap").insertAdjacentHTML('beforeend', '<div id="presetButton" style="display: block;width: 100%;"></div>')//预设按钮
                                preset()
                                str = target.innerHTML
                            }
                        })
                    console.log(response)
                } catch (error) {
                    console.error('Error:', error);
                }
            }
        }
    }, 1000)
})();