From 90a5de5c5706a327117890240d6050acdc71d7d7 Mon Sep 17 00:00:00 2001 From: Mona Lisa <53227567+kuochihyou@users.noreply.github.com> Date: Thu, 14 Nov 2019 21:22:46 +0800 Subject: [PATCH 1/2] Update main.js --- main.js | 250 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 250 insertions(+) create mode 100644 main.js diff --git a/main.js b/main.js new file mode 100644 index 0000000..82dd0db --- /dev/null +++ b/main.js @@ -0,0 +1,250 @@ +// ==UserScript== +// @name GitHub 汉化插件 +// @description 汉化 GitHub 界面的部分菜单及内容。 +// @copyright 2016, 楼教主 (http://www.52cik.com/) +// @icon https://assets-cdn.github.com/pinned-octocat.svg +// @version 1.4.1 +// @author 楼教主 +// @license MIT +// @homepageURL https://github.com/52cik/github-hans +// @match http://*.github.com/* +// @match https://*.github.com/* +// @require http://www.52cik.com/github-hans/locals.js?v1.4.1 +// @run-at document-end +// @grant none +// ==/UserScript== + +(function (window, document, undefined) { + 'use strict'; + + // 要翻译的页面正则 + var page = document.body.className.match(I18N.conf.rePageClass); + + if (!page) { // 扩展 pathname 匹配 + page = location.pathname.match(I18N.conf.rePagePath); + } + + if (!page) { // 扩展 url 匹配 + page = location.href.match(I18N.conf.rePageUrl); + } + + page = page ? page[1] : false; // 取页面 key + + timeElement(); // 时间节点翻译 + contributions(); // 贡献日历翻译 (日历是内嵌或ajax的, 所以基于回调事件处理) + walk(document.body); // 立即翻译页面 + + $(document).ajaxComplete(function () { + walk(document.body); // ajax 请求后再次翻译页面 + }); + + + /** + * 遍历节点 + * + * @param {Element} node 节点 + */ + function walk(node) { + var nodes = node.childNodes; + + for (var i = 0, len = nodes.length; i < len; i++) { + var el = nodes[i]; + // todo 1. 修复多属性翻译问题; 2. 添加事件翻译, 如论预览信息; + + if (el.nodeType === 1) { + + // 元素节点属性翻译 + if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') { // 输入框 按钮 文本域 + if (el.type === 'button' || el.type === 'submit') { + transElement(el, 'value'); + } else { + transElement(el, 'placeholder'); + } + } else if (el.hasAttribute('aria-label')) { // 带提示的元素，类似 tooltip 效果的 + transElement(el, 'aria-label', true); + + if (el.hasAttribute('data-copied-hint')) { // 复制成功提示 + transElement(el.dataset, 'copiedHint'); + } + } else if (el.tagName === 'OPTGROUP') { // 翻译 的 label 属性 + transElement(el, 'label'); + } + + // 跳过 readme, 文件列表, 代码显示 + if (el.id !== 'readme' && !I18N.conf.reIgnore.test(el.className)) { + walk(el); // 遍历子节点 + } + } else if (el.nodeType === 3) { // 文本节点翻译 + transElement(el, 'data'); + } + + } + } + + + /** + * 翻译节点对应属性内容 + * + * @param {object} el 对象 + * @param {string} field 属性字段 + * @param {boolean} isAttr 是否是 attr 属性 + * + * @returns {boolean} + */ + function transElement(el, field, isAttr) { + var transText = false; // 翻译后的文本 + + if (isAttr === undefined) { + transText = translate(el[field]); + } else { + transText = translate(el.getAttribute(field)); + } + + if (transText === false) { // 无翻译则退出 + return false; + } + + if (isAttr === undefined) { + el[field] = transText; + } else { + el.setAttribute(field, transText); + } + } + + + /** + * 翻译文本 + * + * @param {string} text 待翻译字符串 + * + * @returns {string|boolean} + */ + function translate(text) { // 翻译 + var str; + var _key = text.trim(); + + if (_key === '') { return false; } // 内容为空不翻译 + + str = transPage('pubilc', _key); // 公共翻译 + if (str !== false && str !== _key) { return str; } // 已公共翻译 + + if (page === false) { return false; } // 未知页面不翻译 + + return transPage(page, _key); // 翻译已知页面 + } + + + /** + * 翻译页面内容 + * + * @param {string} page 页面 + * @param {string} key 待翻译内容 + * + * @returns {string|boolean} + */ + function transPage(page, key) { + var str, res, len, i; + + // 静态翻译 + str = I18N['zh'][page]['static'][key]; + if (str) { return str; } + + // 正则翻译 + if (res = I18N['zh'][page]['regexp']) { + for (i = 0, len = res.length; i < len; i++) { + str = key.replace(res[i][0], res[i][1]); + if (str !== key) { return str; } + } + } + + return false; // 没有翻译条目 + } + + + /** + * 时间节点翻译 + */ + function timeElement() { + var RelativeTimeElement$getFormattedDate = RelativeTimeElement.prototype.getFormattedDate; + var TimeAgoElement$getFormattedDate = TimeAgoElement.prototype.getFormattedDate; + // var LocalTimeElement$getFormattedDate = LocalTimeElement.prototype.getFormattedDate; + + var RelativeTime = function (str, el) { // 相对时间解析 + if (/^on ([\w ]+)$/.test(str)) { + return '于 ' + el.title.replace(/ .+$/, ''); + } + + return str.replace(/just now|(an?|\d+) (second|minute|hour|day|month|year)s? ago/, function (m, d, t) { + if (m === 'just now') { return '刚刚'; } + + if (d[0] === 'a') { d = '1'; } // a, an 修改为 1 + + var dt = {second: '秒', minute: '分钟', hour: '小时', day: '天', month: '个月', year: '年'}; + + return d + ' ' + dt[t] + '之前'; + }); + }; + + RelativeTimeElement.prototype.getFormattedDate = function () { + var str = RelativeTimeElement$getFormattedDate.call(this); + return RelativeTime(str, this); + }; + + TimeAgoElement.prototype.getFormattedDate = function () { + var str = TimeAgoElement$getFormattedDate.call(this); + return RelativeTime(str, this); + }; + + LocalTimeElement.prototype.getFormattedDate = function () { + return this.title.replace(/ .+$/, ''); + }; + + // 遍历 time 元素进行翻译 + $('time').each(function (i, el) { + if (el.getFormattedDate) { // 跳过未注册的 time 元素 + el.textContent = el.getFormattedDate(); + } + }); + } + + + /** + * 贡献日历 基于事件翻译 + */ + function contributions() { + var tip = document.getElementsByClassName('svg-tip-one-line'); + + // 等待 IncludeFragmentElement 元素加载完毕后绑定事件 + var observe = require('github/observe').observe; + observe(".js-calendar-graph-svg", function () { + setTimeout(function () { // 延时绑定 mouseover 事件，否则没法翻译 + var $calendar = $('.js-calendar-graph'); + walk($calendar[0]); // 翻译日历部分 + + $calendar.on('mouseover', '.day', function () { + if (tip.length === 0) { // 没有 tip 元素时退出防止报错 + return true; + } + + var $tip = $(tip[0]); + + var str = $tip.text().trim().replace(/^(No|\d+) contributions? on (.+)$/, function (m, i, d) { + var str = ''; + str += i === 'No' ? '无贡献' : (i + ' 次贡献'); + str += ' '; + + var dt = new Date(d); + dt.setMinutes(dt.getMinutes() - dt.getTimezoneOffset()); // 修正时区。 + str += dt.toISOString().split('T')[0]; // 得到 yyyy-mm-dd 这样的格式 + + return str; + }); + + $tip.html(str); + $tip.css('left', $(this).offset().left - tip[0].offsetWidth / 2 + 5.5); + }); + }, 999); + }); + } + +})(window, document); From e198508d74dc9a215943a2acf1d487301e8bd881 Mon Sep 17 00:00:00 2001 From: geogekuo <53227567+kuochihyou@users.noreply.github.com> Date: Sat, 30 Nov 2019 14:42:56 +0800 Subject: [PATCH 2/2] Revert "Update main.js" This reverts commit 90a5de5c5706a327117890240d6050acdc71d7d7. --- main.js | 250 -------------------------------------------------------- 1 file changed, 250 deletions(-) delete mode 100644 main.js diff --git a/main.js b/main.js deleted file mode 100644 index 82dd0db..0000000 --- a/main.js +++ /dev/null @@ -1,250 +0,0 @@ -// ==UserScript== -// @name GitHub 汉化插件 -// @description 汉化 GitHub 界面的部分菜单及内容。 -// @copyright 2016, 楼教主 (http://www.52cik.com/) -// @icon https://assets-cdn.github.com/pinned-octocat.svg -// @version 1.4.1 -// @author 楼教主 -// @license MIT -// @homepageURL https://github.com/52cik/github-hans -// @match http://*.github.com/* -// @match https://*.github.com/* -// @require http://www.52cik.com/github-hans/locals.js?v1.4.1 -// @run-at document-end -// @grant none -// ==/UserScript== - -(function (window, document, undefined) { - 'use strict'; - - // 要翻译的页面正则 - var page = document.body.className.match(I18N.conf.rePageClass); - - if (!page) { // 扩展 pathname 匹配 - page = location.pathname.match(I18N.conf.rePagePath); - } - - if (!page) { // 扩展 url 匹配 - page = location.href.match(I18N.conf.rePageUrl); - } - - page = page ? page[1] : false; // 取页面 key - - timeElement(); // 时间节点翻译 - contributions(); // 贡献日历翻译 (日历是内嵌或ajax的, 所以基于回调事件处理) - walk(document.body); // 立即翻译页面 - - $(document).ajaxComplete(function () { - walk(document.body); // ajax 请求后再次翻译页面 - }); - - - /** - * 遍历节点 - * - * @param {Element} node 节点 - */ - function walk(node) { - var nodes = node.childNodes; - - for (var i = 0, len = nodes.length; i < len; i++) { - var el = nodes[i]; - // todo 1. 修复多属性翻译问题; 2. 添加事件翻译, 如论预览信息; - - if (el.nodeType === 1) { - - // 元素节点属性翻译 - if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') { // 输入框 按钮 文本域 - if (el.type === 'button' || el.type === 'submit') { - transElement(el, 'value'); - } else { - transElement(el, 'placeholder'); - } - } else if (el.hasAttribute('aria-label')) { // 带提示的元素，类似 tooltip 效果的 - transElement(el, 'aria-label', true); - - if (el.hasAttribute('data-copied-hint')) { // 复制成功提示 - transElement(el.dataset, 'copiedHint'); - } - } else if (el.tagName === 'OPTGROUP') { // 翻译 的 label 属性 - transElement(el, 'label'); - } - - // 跳过 readme, 文件列表, 代码显示 - if (el.id !== 'readme' && !I18N.conf.reIgnore.test(el.className)) { - walk(el); // 遍历子节点 - } - } else if (el.nodeType === 3) { // 文本节点翻译 - transElement(el, 'data'); - } - - } - } - - - /** - * 翻译节点对应属性内容 - * - * @param {object} el 对象 - * @param {string} field 属性字段 - * @param {boolean} isAttr 是否是 attr 属性 - * - * @returns {boolean} - */ - function transElement(el, field, isAttr) { - var transText = false; // 翻译后的文本 - - if (isAttr === undefined) { - transText = translate(el[field]); - } else { - transText = translate(el.getAttribute(field)); - } - - if (transText === false) { // 无翻译则退出 - return false; - } - - if (isAttr === undefined) { - el[field] = transText; - } else { - el.setAttribute(field, transText); - } - } - - - /** - * 翻译文本 - * - * @param {string} text 待翻译字符串 - * - * @returns {string|boolean} - */ - function translate(text) { // 翻译 - var str; - var _key = text.trim(); - - if (_key === '') { return false; } // 内容为空不翻译 - - str = transPage('pubilc', _key); // 公共翻译 - if (str !== false && str !== _key) { return str; } // 已公共翻译 - - if (page === false) { return false; } // 未知页面不翻译 - - return transPage(page, _key); // 翻译已知页面 - } - - - /** - * 翻译页面内容 - * - * @param {string} page 页面 - * @param {string} key 待翻译内容 - * - * @returns {string|boolean} - */ - function transPage(page, key) { - var str, res, len, i; - - // 静态翻译 - str = I18N['zh'][page]['static'][key]; - if (str) { return str; } - - // 正则翻译 - if (res = I18N['zh'][page]['regexp']) { - for (i = 0, len = res.length; i < len; i++) { - str = key.replace(res[i][0], res[i][1]); - if (str !== key) { return str; } - } - } - - return false; // 没有翻译条目 - } - - - /** - * 时间节点翻译 - */ - function timeElement() { - var RelativeTimeElement$getFormattedDate = RelativeTimeElement.prototype.getFormattedDate; - var TimeAgoElement$getFormattedDate = TimeAgoElement.prototype.getFormattedDate; - // var LocalTimeElement$getFormattedDate = LocalTimeElement.prototype.getFormattedDate; - - var RelativeTime = function (str, el) { // 相对时间解析 - if (/^on ([\w ]+)$/.test(str)) { - return '于 ' + el.title.replace(/ .+$/, ''); - } - - return str.replace(/just now|(an?|\d+) (second|minute|hour|day|month|year)s? ago/, function (m, d, t) { - if (m === 'just now') { return '刚刚'; } - - if (d[0] === 'a') { d = '1'; } // a, an 修改为 1 - - var dt = {second: '秒', minute: '分钟', hour: '小时', day: '天', month: '个月', year: '年'}; - - return d + ' ' + dt[t] + '之前'; - }); - }; - - RelativeTimeElement.prototype.getFormattedDate = function () { - var str = RelativeTimeElement$getFormattedDate.call(this); - return RelativeTime(str, this); - }; - - TimeAgoElement.prototype.getFormattedDate = function () { - var str = TimeAgoElement$getFormattedDate.call(this); - return RelativeTime(str, this); - }; - - LocalTimeElement.prototype.getFormattedDate = function () { - return this.title.replace(/ .+$/, ''); - }; - - // 遍历 time 元素进行翻译 - $('time').each(function (i, el) { - if (el.getFormattedDate) { // 跳过未注册的 time 元素 - el.textContent = el.getFormattedDate(); - } - }); - } - - - /** - * 贡献日历 基于事件翻译 - */ - function contributions() { - var tip = document.getElementsByClassName('svg-tip-one-line'); - - // 等待 IncludeFragmentElement 元素加载完毕后绑定事件 - var observe = require('github/observe').observe; - observe(".js-calendar-graph-svg", function () { - setTimeout(function () { // 延时绑定 mouseover 事件，否则没法翻译 - var $calendar = $('.js-calendar-graph'); - walk($calendar[0]); // 翻译日历部分 - - $calendar.on('mouseover', '.day', function () { - if (tip.length === 0) { // 没有 tip 元素时退出防止报错 - return true; - } - - var $tip = $(tip[0]); - - var str = $tip.text().trim().replace(/^(No|\d+) contributions? on (.+)$/, function (m, i, d) { - var str = ''; - str += i === 'No' ? '无贡献' : (i + ' 次贡献'); - str += ' '; - - var dt = new Date(d); - dt.setMinutes(dt.getMinutes() - dt.getTimezoneOffset()); // 修正时区。 - str += dt.toISOString().split('T')[0]; // 得到 yyyy-mm-dd 这样的格式 - - return str; - }); - - $tip.html(str); - $tip.css('left', $(this).offset().left - tip[0].offsetWidth / 2 + 5.5); - }); - }, 999); - }); - } - -})(window, document);