From 435399bd7bc0881e17a3101422b3bbe81573300f Mon Sep 17 00:00:00 2001 From: xkeyC <3334969096@qq.com> Date: Mon, 9 Oct 2023 19:06:39 +0800 Subject: [PATCH] Init --- background.js | 151 +++++++++++++++++++++++++++++++++++++++++++++++ core.js | 158 ++++++++++++++++++++++++++++++++++++++++++++++++++ icon.png | Bin 0 -> 7684 bytes manifest.json | 35 +++++++++++ popup.html | 13 +++++ 5 files changed, 357 insertions(+) create mode 100644 background.js create mode 100644 core.js create mode 100644 icon.png create mode 100644 manifest.json create mode 100644 popup.html diff --git a/background.js b/background.js new file mode 100644 index 0000000..c13c17f --- /dev/null +++ b/background.js @@ -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(); + }); + }); +} diff --git a/core.js b/core.js new file mode 100644 index 0000000..da5896f --- /dev/null +++ b/core.js @@ -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); + }); +} \ No newline at end of file diff --git a/icon.png b/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..555fa5775af5deb13835a40b53dfb8c72dd4edbd GIT binary patch literal 7684 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 + + + + StarCitizen Web Tools Translation + + + + + TODO + + + \ No newline at end of file