Translate GitHub
// ==UserScript==
// @name GitHub Internationalization
// @name:zh-CN GitHub汉化插件
// @namespace https://github.com/xyz8848/GitHub-i18n-Plugin
// @namespace https://greatest.deepsurf.us/zh-CN/scripts/448667-github-internationalization
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACEUExURUxpcRgWFhsYGBgWFhcWFh8WFhoYGBgWFiUlJRcVFRkWFhgVFRgWFhgVFRsWFhgWFigeHhkWFv////////////r6+h4eHv///xcVFfLx8SMhIUNCQpSTk/r6+jY0NCknJ97e3ru7u+fn51BOTsPCwqGgoISDg6empmpoaK2srNDQ0FhXV3eXcCcAAAAXdFJOUwCBIZXMGP70BuRH2Ze/LpIMUunHkpQR34sfygAAAVpJREFUOMt1U+magjAMDAVb5BDU3W25b9T1/d9vaYpQKDs/rF9nSNJkArDA9ezQZ8wPbc8FE6eAiQUsOO1o19JolFibKCdHGHC0IJezOMD5snx/yE+KOYYr42fPSufSZyazqDoseTPw4lGJNOu6LBXVUPBG3lqYAOv/5ZwnNUfUifzBt8gkgfgINmjxOpgqUA147QWNaocLniqq3QsSVbQHNp45N/BAwoYQz9oUJEiE4GMGfoBSMj5gjeWRIMMqleD/CAzUHFqTLyjOA5zjNnwa4UCEZ2YK3khEcBXHjVBtEFeIZ6+NxYbPqWp1DLKV42t6Ujn2ydyiPi9nX0TTNAkVVZ/gozsl6FbrktkwaVvL2TRK0C8Ca7Hck7f5OBT6FFbLATkL2ugV0tm0RLM9fedDvhWstl8Wp9AFDjFX7yOY/lJrv8AkYuz7fuP8dv9izCYH+x3/LBnj9fYPBTpJDNzX+7cAAAAASUVORK5CYII=
// @supportURL https://github.com/xyz8848/GitHub-i18n-Plugin/issues
// @version 1.1.0
// @description Translate GitHub
// @description:zh GitHub翻译插件
// @description:zh-CN GitHub翻译插件
// @author xyz8848
// @match https://github.com/*
// @match https://gist.github.com/*
// @grant GM_xmlhttpRequest
// @grant GM_getResourceText
// @resource zh-CN https://gitee.com/xyz8848/GitHub-i18n-Plugin/raw/main/langs/zh-CN.json
// @require https://cdn.staticfile.org/timeago.js/4.0.2/timeago.min.js
// @require https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js
// @connect transmart.qq.com
// ==/UserScript==
(function() {
'use strict';
const SUPPORT_LANG = ["zh-CN"];
const lang = (navigator.language || navigator.userLanguage);
const locales = getLocales(lang)
translateByCssSelector();
translateTime();
traverseElement(document.body);
watchUpdate();
// 翻译描述
if(window.location.pathname.split('/').length == 3) {
translateDesc(".repository-content .f4"); //仓库简介翻译
translateDesc(".gist-content [itemprop='about']"); // Gist 简介翻译
}
function getLocales(lang) {
if(lang.startsWith("zh")) { // zh zh-TW --> zh-CN
lang = "zh-CN";
}
if(SUPPORT_LANG.includes(lang)) {
return JSON.parse(GM_getResourceText(lang));
}
return {
css: [],
dict: {}
};
}
function translateRelativeTimeEl(el) {
if(!$(el).attr('translated')) {
const datetime = $(el).attr('datetime');
$(el).attr('translated', true);
let humanTime = timeago.format(datetime, lang.replace('-', '_'));
el.shadowRoot.textContent = humanTime;
}
}
function translateElement(el) {
// Get the text field name
let k;
if(el.tagName === "INPUT") {
if (el.type === 'button' || el.type === 'submit') {
k = 'value';
} else {
k = 'placeholder';
}
} else {
k = 'data';
}
if (isNaN(el[k])){
const txtSrc = el[k].trim();
const key = txtSrc.toLowerCase()
.replace(/\xa0/g, ' ') // replace ' '
.replace(/\s{2,}/g, ' ');
if (locales.dict[key]) {
el[k] = el[k].replace(txtSrc, locales.dict[key])
}
}
translateElementAriaLabel(el)
}
function translateElementAriaLabel(el) {
if (el.ariaLabel) {
const k = 'ariaLabel'
const txtSrc = el[k].trim();
const key = txtSrc.toLowerCase()
.replace(/\xa0/g, ' ') // replace ' '
.replace(/\s{2,}/g, ' ');
if (locales.dict[key]) {
el[k] = el[k].replace(txtSrc, locales.dict[key])
}
}
}
function shouldTranslateEl(el) {
const blockIds = [
"readme",
"file-name-editor-breadcrumb", "StickyHeader" // fix repo详情页文件路径breadcrumb
];
const blockClass = [
"CodeMirror",
"js-navigation-container", // 过滤文件目录
"blob-code",
"topic-tag", // 过滤标签,
// "text-normal", // 过滤repo name, 复现：https://github.com/search?q=explore
"repo-list",//过滤搜索结果项目,解决"text-normal"导致的有些文字不翻译的问题,搜索结果以后可以考虑单独翻译
"js-path-segment","final-path", //过滤目录,文件位置栏
"markdown-body", // 过滤wiki页面,
"search-input-container", //搜索框
"search-match", //fix搜索结果页,repo name被翻译
"cm-editor", //代码编辑框
"PRIVATE_TreeView-item", // 文件树
"repo", // 项目名称
];
const blockTags = ["CODE", "SCRIPT", "LINK", "IMG", "svg", "TABLE", "ARTICLE", "PRE"];
const blockItemprops = ["name"];
if (blockTags.includes(el.tagName)) {
return false;
}
if (el.id && blockIds.includes(el.id)) {
return false;
}
if (el.classList) {
for (let clazz of blockClass) {
if (el.classList.contains(clazz)) {
return false;
}
}
}
if (el.getAttribute) {
let itemprops = el.getAttribute("itemprop");
if (itemprops) {
itemprops = itemprops.split(" ");
for (let itemprop of itemprops) {
if (blockItemprops.includes(itemprop)) {
return false;
}
}
}
}
return true;
}
function traverseElement(el) {
translateElementAriaLabel(el)
if (!shouldTranslateEl(el)) {
return
}
if (el.childNodes.length === 0) {
if (el.nodeType === Node.TEXT_NODE) {
translateElement(el);
return;
}
else if(el.nodeType === Node.ELEMENT_NODE) {
if (el.tagName === "INPUT") {
translateElement(el);
return;
}
}
}
for (const child of el.childNodes) {
if (child.nodeType === Node.TEXT_NODE) {
translateElement(child);
}
else if(child.nodeType === Node.ELEMENT_NODE) {
if (child.tagName === "INPUT") {
translateElement(child);
} else {
traverseElement(child);
}
} else {
// pass
}
}
}
function watchUpdate() {
const m = window.MutationObserver || window.WebKitMutationObserver;
const observer = new m(function (mutations, observer) {
var reTrans = false;
for(let mutationRecord of mutations) {
if (mutationRecord.addedNodes || mutationRecord.type === 'attributes') {
reTrans = true;
// traverseElement(mutationRecord.target);
}
}
if(reTrans) {
traverseElement(document.body);
}
});
observer.observe(document.body, {
subtree: true,
characterData: true,
childList: true,
attributeFilter: ['value', 'placeholder', 'aria-label', 'data', 'data-confirm'], // 仅观察特定属性变化(试验测试阶段，有问题再恢复)
});
}
// translate "about"
function translateDesc(el) {
$(el).append("<br/>");
$(el).append("<span id='translate-me' style='font-size: small; display:inline-block; padding: 3px 5px; background-color: #F6F8FA; border-radius: 3px'><a href='#' style='color:rgb(27, 149, 224);font-size: small'><button>翻译</button></a></span>");
$("#translate-me").click(function() {
// get description text
const desc = $(el)
.clone()
.children()
.remove()
.end()
.text()
.trim();
if(!desc) {
return;
}
let lang = (navigator.userLanguage || navigator.language).toLowerCase();
let data_json = {
header: {
fn: "auto_translation"
},
type: "plain",
source: {
text_list: [
desc
]
},
target: {
lang: lang == "zh-cn" ? "zh" : lang
}
}
GM_xmlhttpRequest({
method: "POST",
url: "https://transmart.qq.com/api/imt",
header: {
"content-type": "application/json"
},
responseType: "json",
data: JSON.stringify(data_json),
onload: function(res) {
const json = JSON.parse(res.responseText)
if (res.status === 200 && json?.header?.ret_code == "succ") {
$("#translate-me").hide();
const text = json.auto_translation.join(" ");
$(el).append("<span style='font-size: small; display:inline-block; padding: 3px 5px; background-color: #F6F8FA; border-radius: 3px'>" + text + "</span>");
} else {
alert("翻译失败");
}
}
});
});
}
function translateByCssSelector() {
if(locales.css) {
for(var css of locales.css) {
if($(css.selector).length > 0) {
if(css.key === '!html') {
$(css.selector).html(css.replacement);
} else {
$(css.selector).attr(css.key, css.replacement);
}
}
}
}
}
function translateTime() {
$("relative-time").each(function() {
translateRelativeTimeEl(this);
})
}
})();