ScWeb_Chinese_Translate/userscript.js

201 lines
5.4 KiB
JavaScript
Raw Normal View History

2023-01-28 01:22:18 +08:00
// ==UserScript==
2023-02-12 17:12:03 +08:00
// @name UEX,CCUGame汉化脚本
// @name:zh-CN UEX,CCUGame汉化脚本
2023-01-28 03:54:19 +08:00
// @namespace https://github.com/CxJuice/Uex_Chinese_Translate
2023-02-12 17:12:03 +08:00
// @version 0.9.6
// @description UEX_Chinese_Translate
// @description:zh UEX_Chinese
// @description:zh-CN UEX汉化
2023-01-28 03:54:19 +08:00
// @author CxJuice
// @match https://ccugame.app/*
2023-02-12 17:12:03 +08:00
// @match https://uexcorp.space/*
2023-01-28 01:22:18 +08:00
// @grant GM_xmlhttpRequest
// @grant GM_getResourceText
2023-02-12 17:12:03 +08:00
// @resource zh-CN https://cdn.jsdelivr.net/gh/CxJuice/Uex_Chinese_Translate@main/zh-CN-uex1.13.json
2023-01-28 01:22:18 +08:00
// @require https://cdn.bootcdn.net/ajax/libs/timeago.js/4.0.2/timeago.full.min.js
// @require https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js
2022-07-29 12:17:04 +08:00
// ==/UserScript==
2023-10-05 00:04:00 +08:00
window.addEventListener('load', function (event) {
2023-01-28 01:22:18 +08:00
// 当页面加载完成时,执行我们的脚本
myScript();
});
2023-10-05 00:04:00 +08:00
2023-01-28 01:22:18 +08:00
// 监听页面中的鼠标点击事件
2023-10-05 00:04:00 +08:00
document.addEventListener('click', function (event) {
2023-01-28 01:22:18 +08:00
// 当发生鼠标点击事件时,执行我们的脚本
myScript();
});
function myScript() {
2023-10-05 00:04:00 +08:00
(function () {
'use strict';
const SUPPORT_LANG = ["zh-CN", "ja"];
const lang = (navigator.language || navigator.userLanguage);
const locales = getLocales(lang)
translateByCssSelector();
translateDesc();
traverseElement(document.body);
watchUpdate();
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: {}
};
2022-07-29 12:17:04 +08:00
}
2023-10-05 00:04:00 +08:00
function translateRelativeTimeEl(el) {
const datetime = $(el).attr('datetime');
$(el).text(timeago.format(datetime, lang.replace('-', '_')));
2022-07-29 12:17:04 +08:00
}
2023-10-05 00:04:00 +08:00
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';
}
2022-07-29 12:17:04 +08:00
} else {
2023-10-05 00:04:00 +08:00
k = 'data';
2022-07-29 12:17:04 +08:00
}
2023-10-05 00:04:00 +08:00
const txtSrc = el[k].trim();
const key = txtSrc.toLowerCase()
2022-07-29 12:17:04 +08:00
.replace(/\xa0/g, ' ') // replace ' '
.replace(/\s{2,}/g, ' ');
2023-10-05 00:04:00 +08:00
if (locales.dict[key]) {
el[k] = el[k].replace(txtSrc, locales.dict[key])
}
2022-07-29 12:17:04 +08:00
}
2023-10-05 00:04:00 +08:00
function shoudTranslateEl(el) {
const blockIds = [];
const blockClass = [
"css-truncate" // 过滤文件目录
];
const blockTags = ["IMG", "svg"];
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;
}
2022-07-29 12:17:04 +08:00
}
}
2023-10-05 00:04:00 +08:00
return true;
2022-07-29 12:17:04 +08:00
}
2023-10-05 00:04:00 +08:00
function traverseElement(el) {
if (!shoudTranslateEl(el)) {
return
2022-07-29 12:17:04 +08:00
}
2023-10-05 00:04:00 +08:00
for (const child of el.childNodes) {
if (["RELATIVE-TIME", "TIME-AGO"].includes(el.tagName)) {
translateRelativeTimeEl(el);
return;
}
if (child.nodeType === Node.TEXT_NODE) {
2022-07-29 12:17:04 +08:00
translateElement(child);
2023-10-05 00:04:00 +08:00
}
else if (child.nodeType === Node.ELEMENT_NODE) {
if (child.tagName === "INPUT") {
translateElement(child);
} else {
traverseElement(child);
}
2022-07-29 12:17:04 +08:00
} else {
2023-10-05 00:04:00 +08:00
// pass
2022-07-29 12:17:04 +08:00
}
}
}
2023-10-05 00:04:00 +08:00
function watchUpdate() {
const m = window.MutationObserver || window.WebKitMutationObserver;
const observer = new m(function (mutations, observer) {
for (let mutationRecord of mutations) {
for (let node of mutationRecord.addedNodes) {
traverseElement(node);
2022-07-29 12:17:04 +08:00
}
}
});
2023-10-05 00:04:00 +08:00
observer.observe(document.body, {
subtree: true,
characterData: true,
childList: true,
});
}
// translate "about"
function translateDesc() {
$(".repository-content .f4").append("<br/>");
$(".repository-content .f4").append("<a id='translate-me' href='#' style='color:rgb(27, 149, 224);font-size: small'>翻译</a>");
$("#translate-me").click(function () {
// get description text
const desc = $(".repository-content .f4")
.clone()
.children()
.remove()
.end()
.text()
.trim();
if (!desc) {
return;
}
GM_xmlhttpRequest({
onload: function (res) {
if (res.status === 200) {
$("#translate-me").hide();
// render result
const text = res.responseText;
$(".repository-content .f4").append("<span style='font-size: small'>TK翻译</span>");
$(".repository-content .f4").append("<br/>");
$(".repository-content .f4").append(text);
} 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);
}
2022-07-29 12:17:04 +08:00
}
}
}
}
2023-10-05 00:04:00 +08:00
})();
2023-02-12 17:12:03 +08:00
}