// ==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();
})();
