mirror of
https://mirror.ghproxy.com/https://github.com/StarCitizenToolBox/StarCitizenBoxBrowserEx.git
synced 2024-12-22 19:33:43 +08:00
Init
This commit is contained in:
commit
435399bd7b
151
background.js
Normal file
151
background.js
Normal file
@ -0,0 +1,151 @@
|
||||
let dataVersion = null
|
||||
|
||||
chrome.runtime.onInstalled.addListener(function () {
|
||||
_checkVersion().then(_ => { });
|
||||
console.log("SWTT init");
|
||||
});
|
||||
|
||||
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
|
||||
if (request.action === "_loadLocalizationData") {
|
||||
_initLocalization(request.url).then(data => {
|
||||
sendResponse({ result: data });
|
||||
});
|
||||
return true;
|
||||
}
|
||||
});
|
||||
|
||||
async function _checkVersion() {
|
||||
dataVersion = await _getJsonData("versions.json");
|
||||
console.log("Localization Version ===");
|
||||
console.log(dataVersion);
|
||||
}
|
||||
|
||||
async function _initLocalization(url) {
|
||||
console.log("url ===" + url);
|
||||
if (dataVersion == null) {
|
||||
await _checkVersion();
|
||||
return _initLocalization(url);
|
||||
}
|
||||
let v = dataVersion
|
||||
// TODO check version
|
||||
let data = {};
|
||||
data["zh-CN"] = await _getJsonData("zh-CN-rsi.json", { cacheKey: "zh-CN", version: v.rsi });
|
||||
|
||||
if (url.includes("robertsspaceindustries.com")) {
|
||||
data["concierge"] = await _getJsonData("concierge.json", { cacheKey: "concierge", version: v.concierge });
|
||||
data["orgs"] = await _getJsonData("orgs.json", v.orgs);
|
||||
data["address"] = await _getJsonData("addresses.json", { cacheKey: "orgs", version: v.addresses });
|
||||
data["hangar"] = await _getJsonData("hangar.json", { cacheKey: "hangar", version: v.hangar });
|
||||
} else {
|
||||
data["UEX"] = await _getJsonData("zh-CN-uex.json", { cacheKey: "uex", version: v.uex });
|
||||
}
|
||||
// update data
|
||||
let replaceWords = getLocalizationResource(data, "zh-CN");
|
||||
|
||||
function addLocalizationResource(key) {
|
||||
replaceWords.push(...getLocalizationResource(data, key));
|
||||
}
|
||||
|
||||
if (url.includes("robertsspaceindustries.com")) {
|
||||
const org = "https://robertsspaceindustries.com/orgs";
|
||||
const citizens = "https://robertsspaceindustries.com/citizens";
|
||||
const organization = "https://robertsspaceindustries.com/account/organization";
|
||||
const concierge = "https://robertsspaceindustries.com/account/concierge";
|
||||
const referral = "https://robertsspaceindustries.com/account/referral-program";
|
||||
const address = "https://robertsspaceindustries.com/account/addresses";
|
||||
const hangar = "https://robertsspaceindustries.com/account/pledges";
|
||||
if (url.startsWith(org) || url.startsWith(citizens) || url.startsWith(organization)) {
|
||||
replaceWords.push({ "word": 'members', "replacement": '名成员' });
|
||||
addLocalizationResource("orgs");
|
||||
}
|
||||
if (url.startsWith(address)) {
|
||||
addLocalizationResource("address");
|
||||
}
|
||||
|
||||
if (url.startsWith(referral)) {
|
||||
replaceWords.push(
|
||||
{ "word": 'Total recruits: ', "replacement": '总邀请数：' },
|
||||
{ "word": 'Prospects ', "replacement": '未完成的邀请' },
|
||||
{ "word": 'Recruits', "replacement": '已完成的邀请' }
|
||||
);
|
||||
}
|
||||
|
||||
if (url.startsWith(concierge)) {
|
||||
addLocalizationResource("concierge");
|
||||
}
|
||||
|
||||
if (url.startsWith(hangar)) {
|
||||
addLocalizationResource("hangar");
|
||||
}
|
||||
} else {
|
||||
addLocalizationResource("UEX");
|
||||
}
|
||||
return replaceWords;
|
||||
}
|
||||
|
||||
|
||||
function getLocalizationResource(localizationResource, key) {
|
||||
const localizations = [];
|
||||
const dict = localizationResource[key]?.["dict"];
|
||||
if (typeof dict === "object") {
|
||||
for (const [k, v] of Object.entries(dict)) {
|
||||
const trimmedKey = k
|
||||
.toString()
|
||||
.trim()
|
||||
.toLowerCase()
|
||||
.replace(/\xa0/g, ' ')
|
||||
.replace(/\s{2,}/g, ' ');
|
||||
localizations.push({ "word": trimmedKey, "replacement": v.toString() });
|
||||
}
|
||||
}
|
||||
return localizations;
|
||||
}
|
||||
|
||||
async function _getJsonData(fileName, { cacheKey = "", version = null } = {}) {
|
||||
url = "https://ch.citizenwiki.cn/json-files/" + fileName;
|
||||
const box = await getLocalStorage();
|
||||
if (cacheKey && cacheKey !== "") {
|
||||
const localVersion = await getLocalData(`${cacheKey}_version`);
|
||||
const data = await getLocalData(cacheKey);
|
||||
if (data && typeof data === 'object' && Object.keys(data).length > 0 && localVersion === version) {
|
||||
return data;
|
||||
}
|
||||
}
|
||||
const startTime = new Date();
|
||||
const response = await fetch(url, { method: 'GET', mode: 'cors' });
|
||||
const endTime = new Date();
|
||||
const data = await response.json();
|
||||
if (cacheKey && cacheKey !== "") {
|
||||
console.log(`update ${cacheKey} v == ${version} time == ${(endTime - startTime) / 1000}s`);
|
||||
await setLocalData(cacheKey, data);
|
||||
await setLocalData(`${cacheKey}_version`, version);
|
||||
}
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
function getLocalStorage() {
|
||||
return new Promise((resolve) => {
|
||||
chrome.storage.local;
|
||||
resolve();
|
||||
});
|
||||
}
|
||||
|
||||
function getLocalData(key) {
|
||||
return new Promise((resolve) => {
|
||||
chrome.storage.local.get([key], (result) => {
|
||||
const data = result[key];
|
||||
resolve(data || null);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setLocalData(key, data) {
|
||||
return new Promise((resolve) => {
|
||||
const newData = {};
|
||||
newData[key] = data;
|
||||
chrome.storage.local.set(newData, () => {
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
}
|
||||
158
core.js
Normal file
158
core.js
Normal file
@ -0,0 +1,158 @@
|
||||
let replaceLocalesMap = { "k": "v" };
|
||||
|
||||
function InitWebLocalization() {
|
||||
// init script
|
||||
let scriptTimeAgo = document.createElement('script');
|
||||
scriptTimeAgo.src = 'https://cdn.bootcdn.net/ajax/libs/timeago.js/4.0.2/timeago.full.min.js';
|
||||
document.head.appendChild(scriptTimeAgo);
|
||||
if (typeof $ === 'undefined') {
|
||||
console.log("loading JQ");
|
||||
let scriptJquery = document.createElement('script');
|
||||
scriptJquery.src = 'https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js';
|
||||
document.head.appendChild(scriptJquery);
|
||||
}
|
||||
LocalizationWatchUpdate();
|
||||
// load Data
|
||||
_loadLocalizationData();
|
||||
}
|
||||
|
||||
function LocalizationWatchUpdate() {
|
||||
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);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
observer.observe(document.body, {
|
||||
subtree: true,
|
||||
characterData: true,
|
||||
childList: true,
|
||||
});
|
||||
if (window.location.hostname.includes("www.erkul.games") || window.location.hostname.includes("ccugame.app")) {
|
||||
document.body.addEventListener("click", function (event) {
|
||||
setTimeout(function () {
|
||||
allTranslate().then(_ => {
|
||||
});
|
||||
}, 200);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function WebLocalizationUpdateReplaceWords(w) {
|
||||
let replaceWords = w.sort(function (a, b) {
|
||||
return b.word.length - a.word.length;
|
||||
});
|
||||
replaceWords.forEach(({ word, replacement }) => {
|
||||
replaceLocalesMap[word] = replacement;
|
||||
});
|
||||
allTranslate().then(_ => {
|
||||
});
|
||||
// console.log("WebLocalizationUpdateReplaceWords ==" + w)
|
||||
}
|
||||
|
||||
async function allTranslate() {
|
||||
async function replaceTextNode(node1) {
|
||||
if (node1.nodeType === Node.TEXT_NODE) {
|
||||
let nodeValue = node1.nodeValue;
|
||||
const key = nodeValue.trim().toLowerCase()
|
||||
.replace(/\xa0/g, ' ') // replace ' '
|
||||
.replace(/\s{2,}/g, ' ');
|
||||
if (replaceLocalesMap[key]) {
|
||||
nodeValue = replaceLocalesMap[key]
|
||||
}
|
||||
node1.nodeValue = nodeValue;
|
||||
} else {
|
||||
for (let i = 0; i < node1.childNodes.length; i++) {
|
||||
await replaceTextNode(node1.childNodes[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
await replaceTextNode(document.body);
|
||||
}
|
||||
|
||||
function traverseElement(el) {
|
||||
if (!shouldTranslateEl(el)) {
|
||||
return
|
||||
}
|
||||
|
||||
for (const child of el.childNodes) {
|
||||
if (["RELATIVE-TIME", "TIME-AGO"].includes(el.tagName)) {
|
||||
translateRelativeTimeEl(el);
|
||||
return;
|
||||
}
|
||||
|
||||
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 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';
|
||||
}
|
||||
|
||||
const txtSrc = el[k].trim();
|
||||
const key = txtSrc.toLowerCase()
|
||||
.replace(/\xa0/g, ' ') // replace ' '
|
||||
.replace(/\s{2,}/g, ' ');
|
||||
if (replaceLocalesMap[key]) {
|
||||
el[k] = el[k].replace(txtSrc, replaceLocalesMap[key])
|
||||
}
|
||||
}
|
||||
|
||||
function translateRelativeTimeEl(el) {
|
||||
const lang = (navigator.language || navigator.userLanguage);
|
||||
const datetime = $(el).attr('datetime');
|
||||
$(el).text(timeago.format(datetime, lang.replace('-', '_')));
|
||||
}
|
||||
|
||||
function shouldTranslateEl(el) {
|
||||
const blockIds = [];
|
||||
const blockClass = [
|
||||
"css-truncate" // 过滤文件目录
|
||||
];
|
||||
const blockTags = ["IMG", "svg", "mat-icon"];
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
InitWebLocalization();
|
||||
|
||||
function _loadLocalizationData() {
|
||||
chrome.runtime.sendMessage({ action: "_loadLocalizationData", url: window.location.href }, function (response) {
|
||||
WebLocalizationUpdateReplaceWords(response.result);
|
||||
});
|
||||
}
|
||||
35
manifest.json
Normal file
35
manifest.json
Normal file
@ -0,0 +1,35 @@
|
||||
{
|
||||
"manifest_version": 2,
|
||||
"name": "星际公民盒子浏览器拓展",
|
||||
"version": "0.0.1",
|
||||
"description": "为星际公民网站及工具站提供汉化",
|
||||
"author": "xkeyC",
|
||||
"icons": {
|
||||
"48": "icon.png",
|
||||
"128": "icon.png"
|
||||
},
|
||||
"permissions": [
|
||||
"https://ch.citizenwiki.cn/*",
|
||||
"storage"
|
||||
],
|
||||
"browser_action": {
|
||||
"default_icon": "icon.png",
|
||||
"default_popup": "popup.html"
|
||||
},
|
||||
"background": {
|
||||
"service_worker": "background.js"
|
||||
},
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": [
|
||||
"https://robertsspaceindustries.com/*",
|
||||
"https://www.erkul.games/*",
|
||||
"https://uexcorp.space/*",
|
||||
"https://ccugame.app/*"
|
||||
],
|
||||
"js": [
|
||||
"core.js"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
13
popup.html
Normal file
13
popup.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>StarCitizen Web Tools Translation</title>
|
||||
<meta charset="UTF-8">
|
||||
</head>
|
||||
|
||||
<body style="width:100px;min-height:100px;">
|
||||
TODO
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user