// ==UserScript==
// @name 谷歌网页翻译
// @namespace https://palhube666.wodemo.com
// @version 0.1
// @description 调用谷歌翻译接口翻译整个网站
// @author 谷花泰
// @run-at document-end
// @match https://*/*
// @grant none
// ==/UserScript==

(function () {
/* 判断是否该执行 */
/* 网址黑名单制，遇到这些域名不执行 */
const blackList = ['zhihu.com', 'twitter.com', 'wenku.baidu.com', 'wk.baidu.com'];

const hostname = window.location.hostname;
const key = encodeURIComponent('谷花泰:谷歌原生网页翻译:执行判断');
const isBlack = blackList.some(keyword => {
if (hostname.match(keyword)) {
return true;
};
return false;
});

if (isBlack || window[key]) {
return;
};
window[key] = true;

/* 开始执行代码 */
const config = {
initName: 'googleTranslate',
initElm: 'google_translate_elm',
/*多语言页面支持*/
multilanguagePage: true,
/* 哪种需要转 */
pageLanguage: 'auto',
/* 能转成啥 */
includedLanguages: 'zh-CN',
/* 隐藏工具bar */
autoDisplay: true
};

/* 注入谷歌翻译脚本 */
const script = document.createElement('script');
script.src = `//search.aust.cf/extdomains/translate.google.com/translate_a/element.js?&cb=${config.initName}`;
script.async = true;
document.head.appendChild(script);

/* 创建谷歌翻译右下角的语言选择框容器 */
const div = document.createElement('div');
div.id = config.initElm;
div.setAttribute('style', `
position: fixed;
bottom: 5vw;
right: 5vw;
z-index: 999999999;
`);
document.documentElement.appendChild(div);

/* 一些样式 */
const style = document.createElement('style');
style.innerHTML = `
body {
position: relative;
top: 0 !important;
left: 0 !important;
}
.skiptranslate iframe{
width: 0px !important;
height: 0px !important;
overflow: hidden;
display: none !important;
}
.goog-te-gadget-simple {
border: 1px solid #ececec !important;
border-radius: 4px;
padding: 8px;
line-height: 26px;
text-align: center;
}
.goog-te-gadget-simple a,.goog-te-gadget-simple a:link,.goog-te-gadget-simple a:visited,.goog-te-gadget-simple a:hover,.goog-te-gadget-simple a:active{
text-decoration: none;
color:inherit;
}
`;
document.head.appendChild(style);

/* 谷歌翻译实例化函数 */
window[config.initName] = () => {
new window.google.translate.TranslateElement({
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
multilanguagePage: config.multilanguagePage,
pageLanguage: config.pageLanguage,
includedLanguages: config.includedLanguages,
autoDisplay: config.autoDisplay
}, config.initElm);
};

/* 监听dom函数 */
function observe({ targetNode, config = {}, callback = () => { } }) {
if (!targetNode) {
return;
};
config = Object.assign({
attributes: true,
childList: true,
subtree: true
}, config);
const observer = new MutationObserver(callback);
observer.observe(targetNode, config);
};

/* 监听右下角的语言选择框 */
const initElm = document.querySelector(`#${config.initElm}`);
observe({
targetNode: initElm,
config: {
attributes: false
},
callback(mutationList, observer) {
/* 遍历节点 */
mutationList.forEach(mutation => {
Array.from(mutation.addedNodes, node => {
/* 清除 google image */
const googleImages = document.querySelectorAll(`#goog-gt-tt img, #${config.initElm} img`);
Array.from(googleImages, img => {
img.parentNode.removeChild(img);
});

});
/* 结束监听 */
observer.disconnect();
});
}
});
})();