划词翻译

选中文字自动翻译

// ==UserScript==
// @name                划词翻译
// @name:ja             翻訳
// @name:zh-CN          划词翻译
// @namespace           http://www.icycat.com
// @description         选中文字自动翻译
// @description:ja      選択した文字の自動翻訳
// @description:zh-CN   选中文字自动翻译
// @author              冻猫
// @include             *
// @version             3.5
// @grant 		        GM_xmlhttpRequest
// @grant 		        GM_addStyle
// @grant               GM_getValue
// @grant               GM_setValue
// @require             https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js
// @run-at              document-start
// ==/UserScript==

(function() {

    'use strict';

    var gv = {};

    if (!GM_getValue('toLanguage')) {
        if (/zh/i.test(navigator.language)) {
            GM_setValue('toLanguage', 'zh-CHS');
        } else if (/ja/i.test(navigator.language)) {
            GM_setValue('toLanguage', 'ja');
        } else if (/en/i.test(navigator.language)) {
            GM_setValue('toLanguage', 'en');
        }
    }

    if (!GM_getValue('apiHost')) {
        GM_setValue('apiHost', 'www.bing.com');
    }

    function init() {

        document.addEventListener('mousedown', mouseStart, true);
        document.addEventListener('mouseup', mouseEnd, true);

        function mouseStart(e) {
            if ($('#catTranslateBox').length == 0) {
                createBox();
                $('#catTranslateBox li').on('click', setLanguage);
            }
            if ($('#catTranslateBox').css('display') == 'block' && !checkClick(e)) {
                clearTranslate()
            }
            document.addEventListener('mousemove', moveCheck, true);
            if (e.target.className == 'catPlaySound') {
                $('.catPlaySound').addClass('catPlaySoundClick');
                getRequest(gv.soundUrl);
            } else if (e.target.className == 'catSet') {
                $('.catdropdown').css('display', 'block');
            }
        }

        function moveCheck(e) {
            clearTimeout(gv.timer);
            gv.holdTime = false;
            gv.timer = setTimeout(function() {
                gv.holdTime = true;
            }, 300);
        }

        function mouseEnd(e) {
            document.removeEventListener('mousemove', moveCheck, true);
            clearTimeout(gv.timer);
            if (gv.holdTime == true && window.getSelection().toString()) {
                e.preventDefault()
                e.stopPropagation();
                gv.holdTime = false;
                showBox(e.clientX, e.clientY);
                gv.apiHost = GM_getValue('apiHost');
                gv.selectText = window.getSelection().toString();
                gv.encodeText = encodeURIComponent(gv.selectText.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2'));
                tdetect(gv.encodeText);
            }
            if ($('.catPlaySoundClick').length > 0) {
                $('.catPlaySound').removeClass('catPlaySoundClick');
            }
        }
    }

    function setLanguage(e) {
        GM_setValue('toLanguage', e.target.getAttribute('name'))
        $('.catdropdown').css('display', '');
        $('.catText').text(e.target.innerText + 'OK!');
    }

    function createBox() {
        GM_addStyle([
            '#catTranslateBox * {margin:0;padding:0;box-sizing:border-box;}',
            '#catTranslateBox {min-height:24px;min-width:100px;max-width:360px;font:normal 12px/24px Helvetica, Tahoma, Arial, sans-serif;text-align: left;position: absolute;z-index: 2147483647;top: 22px;left: -35px;background: #fff;border: 1px solid #dcdcdc;-webkit-transition: opacity .218s;transition: opacity .218s;box-shadow: 0 1px 4px rgba(0,0,0,.2);padding: 5px 0;display: none;font-size: 12px;line-height: 20px;border-radius:3px;}',
            '#catTranslateBox .catContentBox {margin:0 8px;color:#333;}',
            '#catTranslateBox .catContentBox .catTextBox{line-height:16px;border-bottom: 1px solid #ccc;padding: 2px 18px 9px 0;height: 25px;}',
            '#catTranslateBox .catContentBox .catTextBox div{vertical-align: middle;margin-right: 4px;color:#333;font-weight: normal;font-size:12px;}',
            '#catTranslateBox .catContentBox .catTextBox .catText{display: inline-block;font-size:14px;font-weight: bold;color:#333;}',
            '#catTranslateBox .catContentBox .catTextBox .catPlaySound {margin-left: 1px;cursor:pointer;display: inline-block;vertical-align: middle;width: 14px;height: 11px;overflow: hidden;background: url("data:image/gif;base64,R0lGODlhDgAZAIAAABy3/f///yH5BAAAAAAALAAAAAAOABkAAAI1jA+nC7ncXmg0RlTvndnt7jlcxkmjqWzotLbui4qxqBpUmoDl2Nk5GOKRSsCfDyer7ZYMSQEAOw==") no-repeat;text-decoration: none;}',
            '#catTranslateBox .catContentBox .catTextBox .catPlaySound.catPlaySoundClick {background-position:0 -14px;}',
            '#catTranslateBox .catContentBox .catExplain{padding: 2px 0 0 0;font-weight: normal;font-size:12px;}',
            '#catTranslateBox .catTipArrow {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;top: -16px;left: 10px;}',
            '#catTranslateBox .catTipArrow em, #catTranslateBox .catTipArrow ins {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;border: 8px solid transparent;border-style: dashed dashed solid;}',
            '#catTranslateBox .catTipArrow em {border-bottom-color: #d8d8d8;font-style: normal;color: #c00;}',
            '#catTranslateBox .catTipArrow ins {border-bottom-color: #fff;top: 2px;text-decoration: underline;background:none !important}',
            '#catTranslateBox .catSet {position:absolute;top:9px;right:10px;cursor: pointer;width: 14px;height: 14px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAdVBMVEUAAAAwi/+Zxv9urv9oq/9pq/9Elv81jf89kv8wiv8+kv8wiv8xi/8wi/9/t/9+t/9co/9Zof9Hl/9Gl/9ClP9Bk/85j//k8f/Z6v+Fu//x+P/e7f/b6//G3/+/2/+w0/+q0P+52P+42P+Lvv+IvP9wr/9vr/864/KKAAAAF3RSTlMAR/7s7OK7l5VuTyMTC/z7y8ihnYSAQ/Vmp/0AAAB9SURBVAjXVY9HDsQwDAPpVKf32E7v/3/iGtJhk7kNIIgkLH0QA3EgQHTX7AnhzWdLKo9hMWYZdkmaFFpZdJ6QRo7afH9TTmSlqcy4hmkarqMpazxq0m4GZK6e1I37rQ/q8n9cNZ9XHJRzUMFBcucaB9doTy55dSAET+gB/ABPjgqB+Q/YPgAAAABJRU5ErkJggg==") no-repeat;text-decoration: none;}',
            '#catTranslateBox .catSet .catdropdown {margin:0;padding:0;display:none;top:13px;right:-60px;position: absolute;background-color: #ffffff;width: 59px;overflow: auto;z-index: 1;border: 1px solid rgba(0,0,0,.2);box-shadow: 0 2px 4px rgba(0,0,0,.2);}',
            '#catTranslateBox .catSet .catdropdown li {list-style-type:none; color: black;padding: 6px 8px;margin:0px;text-decoration: none;display: block;text-align:center;}',
            '#catTranslateBox .catSet .catdropdown li:hover { background-color: #f1f1f1;}'
        ].join('\n'));
        $(
            '<div id="catTranslateBox">' +
            '<div class="catContentBox">' +
            '<div class="catTextBox">' +
            '<div class="catText"></div>' +
            '<div class="catPlaySound"></div>' +
            '</div>' +
            '<div class="catExplainBox">' +
            '<div class="catExplain"></div>' +
            '<div class="catPlaySound"></div>' +
            '</div>' +
            '</div>' +
            '<div class="catTipArrow"><em></em><ins></ins></div>' +
            '<div class="catSet">' +
            '<ul class="catdropdown">' +
            '<li name="zh-CHS">中文</li>' +
            '<li name="ja">日本語</li>' +
            '<li name="en">English</li>' +
            '</ul>' +
            '</div>' +
            '</div>'
        ).appendTo($(document.body));
    }

    function showBox(mouseX, mouseY) {
        var catBox = document.getElementById('catTranslateBox');
        var selectedRect = window.getSelection().getRangeAt(0).getBoundingClientRect();
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        if (selectedRect.width) {
            if (getComputedStyle(document.body).position != 'static') {
                catBox.style.top = selectedRect.bottom - document.body.getBoundingClientRect().top + 8 + 'px';
            } else {
                catBox.style.top = selectedRect.bottom + scrollTop + 8 + 'px';
            }
            catBox.style.left = selectedRect.left + selectedRect.width / 2 - 18 + 'px';
        } else {
            catBox.style.top = mouseY - document.body.getBoundingClientRect().y + selectedRect.height + 8 + 'px';
            catBox.style.left = mouseX + selectedRect.width / 2 - 18 + 'px';
        }

        catBox.style.display = 'block';
    }

    function tdetect(encodeText) {
        var url = `https://${gv.apiHost}/tdetect`;
        var postData = `&text=${encodeText}`;
        postRequest(url, postData, 'tdetect');
    }

    function ttranslate(fromLanguage) {
        var toLanguage = GM_getValue('toLanguage');

        if (fromLanguage == toLanguage) {
            toLanguage = 'en';
        }

        var url = `https://${gv.apiHost}/ttranslate`;
        var postData = `&text=${gv.encodeText}&from=${fromLanguage}&to=${toLanguage}`;

        gv.soundUrl = `https://${gv.apiHost}/tspeak?&format=audio%2Fmp3&language=${fromLanguage}&options=female&text=${gv.encodeText}`;

        postRequest(url, postData, 'ttranslate');
    }

    function parseRes(jsonRes) {

        var explains = '';
        var obj = JSON.parse(jsonRes);

        $('.catExplain').text(obj.translationResponse);

    }

    function checkClick(e) {
        var path = e.path || e.composedPath();
        if (path.indexOf($('#catTranslateBox').get(0)) > -1) {
            return true;
        } else {
            return false;
        }
    }

    function clearTranslate() {
        $('#catTranslateBox').css('display', '');
        $('.catdropdown').css('display', '');
        $('.catText').empty();
        $('.catExplain').empty();
        try {
            gv.catSource.stop();
        } catch (e) {};
    }

    function playSound(arraybuffer) {
        if (!gv.audioCtx) {
            gv.audioCtx = new AudioContext();
        }
        gv.audioCtx.decodeAudioData(arraybuffer).then(function(buffer) {
            gv.catSource = gv.audioCtx.createBufferSource();
            gv.catSource.buffer = buffer;
            gv.catSource.connect(gv.audioCtx.destination);
            gv.catSource.start();
        });
    }

    function postRequest(url, data, fn) {
        GM_xmlhttpRequest({
            method: 'POST',
            url: url,
            data: data,
            headers: {
                'Referer': `https://${gv.apiHost}/translator/`,
                'Content-type': 'application/x-www-form-urlencoded'
            },
            onload: function(res) {
                if (res.status == '200' && res.responseText != '') {
                    if (fn == 'tdetect') {
                        ttranslate(res.responseText);
                    } else if (fn == 'ttranslate') {
                        parseRes(res.responseText);
                    }
                } else if (res.status == '200' && res.finalUrl != url) {
                    console.log('跳转');
                    gv.apiHost = getUrlHost(res.finalUrl);
                    GM_setValue('apiHost', gv.apiHost);
                    postRequest(res.finalUrl, data, fn);
                } else {
                    console.log('发生错误');
                }

            },
        });
    }

    function getRequest(url) {
        GM_xmlhttpRequest({
            method: 'GET',
            url: url,
            headers: {
                'Referer': `https://${gv.apiHost}/translator/`,
                'Range': 'bytes=0-'
            },
            responseType: 'arraybuffer',
            onload: function(res) {
                playSound(res.response);
            },
        });
    }

    function getUrlHost(url) {
        return url.split('//')[1].split('/')[0];
    }

    function isJSON(str) {
        if (typeof str == 'string') {
            try {
                var obj = JSON.parse(str);
                if (typeof obj == 'object' && obj) {
                    return true;
                } else {
                    return false;
                }
            } catch (e) {
                return false;
            }
        }
    }

    init();

})();