1、汉化大部分github的界面，菜单。2、github页面宽度自适应
// ==UserScript==
// @name GitHub小助手，功能持续增加
// @description 1、汉化大部分github的界面，菜单。2、github页面宽度自适应
// @namespace www.youhou8.com
// @copyright Abbie
// @icon https://github.com/fluidicon.png
// @version 1.0
// @author Abbie
// @license MIT
// @include *github.com*
// @require https://greasyfork.org/scripts/426246-locals/code/locals.js?version=929580
// @run-at document-end
// @grant none
// ==/UserScript==
"use strict";
var styleSheet = "" +
"body:not(.wgh-disabled) .application-main .container {" +
"width: auto !important;" +
"padding-left: 16px !important;" +
"padding-right: 16px !important;" +
"margin-left: 0px !important;" +
"min-width: 980px;" +
"}" +
"body:not(.wgh-disabled) .application-main .container-lg," +
"body:not(.wgh-disabled) .footer.container-lg {" +
"max-width: none !important;" +
"margin-left: 0px !important;" +
"}" +
// Floating PR toolbar
"body:not(.wgh-disabled) .pr-toolbar {" +
"margin-left: -16px !important;" +
"margin-right: -16px !important;" +
"padding-left: 16px !important;" +
"padding-right: 16px !important;" +
"}" +
// Repository Issues
"body:not(.wgh-disabled) #js-repo-pjax-container .repository-content .discussion-timeline {" + // Issue body
"width: 100% !important;" +
"}" +
"body:not(.wgh-disabled) .repository-content .timeline-new-comment {" + // New Issue / issue comment form
"max-width: 100% !important;" +
"}" +
"body:not(.wgh-disabled) .repository-content .inline-comments .comment-holder," + // Diff / code comments
"body:not(.wgh-disabled) .repository-content .inline-comments .inline-comment-form-container," +
"body:not(.wgh-disabled) .repository-content .inline-comments .inline-comment-form," +
"body:not(.wgh-disabled) .repository-content #all_commit_comments .commit-comments-heading," +
"body:not(.wgh-disabled) .repository-content #all_commit_comments .comment-holder {" +
"max-width: inherit !important;" +
"}" +
// Repository graph page
"body:not(.wgh-disabled) .repository-content .capped-card-content {" + // Graph cards on contributors / graph list
"width: 100% !important;" +
"}" +
// Gists
"body:not(.wgh-disabled) .gist-content-wrapper .container {" +
"width: auto !important;" +
"margin-left: 20px !important;" +
"margin-right: 20px !important;" +
"min-width: 980px;" +
"}" +
"body:not(.wgh-disabled) .gist-content-wrapper .container-lg {" +
"max-width: none !important;" +
"}" +
"body:not(.wgh-disabled) .gist-content-wrapper .container-lg .h-card {" +
"width: 253px !important;" +
"}" +
"";
(function () {
var s = document.createElement('style');
s.type = "text/css";
s.innerHTML = styleSheet;
(document.head || document.documentElement).appendChild(s);
})();
(function (window, document, undefined) {
'use strict';
var lang = 'zh'; // 中文
// 2016-04-18 github 将 jquery 以 amd 加载，不暴露到全局了。
// var $ = require('github/jquery')['default'];
// 要翻译的页面
var page = getPage();
transTitle(); // 页面标题翻译
timeElement(); // 时间节点翻译
// setTimeout(contributions, 100); // 贡献日历翻译 (日历是内嵌或ajax的, 所以基于回调事件处理)
walk(document.body); // 立即翻译页面
// 2017-03-19 github 屏蔽 require 改为 Promise 形式的 ghImport
define('github-hans-ajax', ['./jquery'], function($) {
$(document).ajaxComplete(function () {
transTitle();
walk(document.body); // ajax 请求后再次翻译页面
});
});
ghImport('github-hans-ajax')['catch'](function(e) {
setTimeout(function() { throw e });
});
/**
* 遍历节点
*
* @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 === Node.ELEMENT_NODE) { // 元素节点处理
// 元素节点属性翻译
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') { // 翻译 <optgroup> 的 label 属性
transElement(el, 'label');
}
if (el.hasAttribute('data-disable-with')) { // 按钮等待提示
transElement(el.dataset, 'disableWith');
}
// 跳过 readme, 文件列表, 代码显示
if (el.id !== 'readme' && !I18N.conf.reIgnore.test(el.className)) {
walk(el); // 遍历子节点
}
} else if (el.nodeType === Node.TEXT_NODE) { // 文本节点翻译
transElement(el, 'data');
}
}
}
/**
* 获取翻译页面
*/
function getPage() {
// 先匹配 body 的 class
var page = document.body.className.match(I18N.conf.rePageClass);
if (!page) { // 扩展 url 匹配
page = location.href.match(I18N.conf.rePageUrl);
}
if (!page) { // 扩展 pathname 匹配
page = location.pathname.match(I18N.conf.rePagePath);
}
return page ? page[1] || 'homepage' : false; // 取页面 key
}
/**
* 翻译页面标题
*/
function transTitle() {
var title = translate(document.title, 'title');
if (title === false) { // 无翻译则退出
return false;
}
document.title = title;
}
/**
* 翻译节点对应属性内容
*
* @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], page);
} else {
transText = translate(el.getAttribute(field), page);
}
if (transText === false) { // 无翻译则退出
return false;
}
// 替换翻译后的内容
if (isAttr === undefined) {
el[field] = transText;
} else {
el.setAttribute(field, transText);
}
}
/**
* 翻译文本
*
* @param {string} text 待翻译字符串
* @param {string} page 页面字段
*
* @returns {string|boolean}
*/
function translate(text, page) { // 翻译
var str;
var _key = text.trim(); // 去除首尾空格的 key
var _key_neat = _key
.replace(/\xa0/g, ' ') // 替换 空格导致的 bug
.replace(/\s{2,}/g, ' '); // 去除多余换行空格等字符，(试验测试阶段，有问题再恢复)
if (_key_neat === '') {
return false;
} // 内容为空不翻译
str = transPage('pubilc', _key_neat); // 公共翻译
if (str !== false && str !== _key_neat) { // 公共翻译完成
str = transPage('pubilc', str) || str; // 二次公共翻译（为了弥补正则部分翻译的情况）
return text.replace(_key, str); // 替换原字符，保留空白部分
}
if (page === false) {
return false;
} // 未知页面不翻译
str = transPage(page, _key_neat); // 翻译已知页面
if (str === false || str === '') {
return false;
} // 未知内容不翻译
str = transPage('pubilc', str) || str; // 二次公共翻译（为了弥补正则部分翻译的情况）
return text.replace(_key, str); // 替换原字符，保留空白部分
}
/**
* 翻译页面内容
*
* @param {string} page 页面
* @param {string} key 待翻译内容
*
* @returns {string|boolean}
*/
function transPage(page, key) {
var str; // 翻译结果
var res; // 正则数组
// 静态翻译
str = I18N[lang][page]['static'][key];
if (str) {
return str;
}
// 正则翻译
res = I18N[lang][page].regexp;
if (res) {
for (var 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() {
if (!window.RelativeTimeElement) { // 防止报错
return;
}
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(/ .+$/, '');
}
// 使用字典公共翻译的第二个正则翻译相对时间
var time_ago = I18N[lang].pubilc.regexp[1];
return str.replace(time_ago[0], time_ago[1]);
};
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 元素进行翻译
// 2016-04-16 github 改版，不再用 time 标签了。
var times = document.querySelectorAll('time, relative-time, time-ago, local-time');
Array.prototype.forEach.call(times, function (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;
define('github/hans-contributions', ['./observe'], function (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 data = $(this).data(); // 获取节点上的 data
var $tip = $(tip[0]);
$tip.html(data.count + ' 次贡献 ' + data.date);
var rect = this.getBoundingClientRect(); // 获取元素位置
var left = rect.left + window.pageXOffset - tip[0].offsetWidth / 2 + 5.5;
$tip.css('left', left);
});
}, 999);
});
});
ghImport('github/hans-contributions')['catch'](function(e) {
setTimeout(function() { throw e });
});
}
})(window, document);