2016-09-09 21:55:40 +00:00
|
|
|
// utils
|
|
|
|
let repoUrl = $("div.repohead-details-container > h1.public > strong[itemprop=name] > a").attr("href");
|
2016-09-10 15:49:42 +00:00
|
|
|
let currentUser = $("ul.header-nav.float-right > li:last > a > img").attr("alt").substring(1);
|
2016-09-09 21:55:40 +00:00
|
|
|
|
2016-09-08 21:45:16 +00:00
|
|
|
// don't use the (ugly) new font
|
|
|
|
// $("body").css("font-family", $("body").css("font-family").replace("BlinkMacSystemFont,", ""));
|
|
|
|
|
|
|
|
// releases tab
|
2016-09-09 21:56:46 +00:00
|
|
|
(function() {
|
|
|
|
let repoNav = $("nav.reponav");
|
|
|
|
if (repoNav.length > 0) {
|
|
|
|
let releasesUrl = repoUrl + "/releases";
|
|
|
|
let releasesTab = $("<a></a>");
|
|
|
|
releasesTab.attr("href", releasesUrl);
|
|
|
|
releasesTab.attr("data-selected-links", releasesUrl);
|
|
|
|
releasesTab.addClass("js-selected-navigation-item reponav-item");
|
2016-09-08 21:45:16 +00:00
|
|
|
|
2016-09-09 22:19:16 +00:00
|
|
|
let icon = "<svg aria-hidden=\"true\" class=\"octicon octicon-tag\" height=\"16\" version=\"1.1\" viewBox=\"0 0 14 16\" width=\"14\"><path d=\"M7.73 1.73C7.26 1.26 6.62 1 5.96 1H3.5C2.13 1 1 2.13 1 3.5v2.47c0 .66.27 1.3.73 1.77l6.06 6.06c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 0 0 0-1.41L7.73 1.73zM2.38 7.09c-.31-.3-.47-.7-.47-1.13V3.5c0-.88.72-1.59 1.59-1.59h2.47c.42 0 .83.16 1.13.47l6.14 6.13-4.73 4.73-6.13-6.15zM3.01 3h2v2H3V3h.01z\"></path></svg>";
|
2016-09-09 21:56:46 +00:00
|
|
|
releasesTab.append(icon);
|
2016-09-08 21:45:16 +00:00
|
|
|
|
2016-09-09 21:56:46 +00:00
|
|
|
releasesTab.append(" Releases");
|
2016-09-08 21:45:16 +00:00
|
|
|
|
2016-09-09 21:56:46 +00:00
|
|
|
let counter = $("<span></span>");
|
|
|
|
counter.text("0");
|
|
|
|
counter.addClass("counter");
|
|
|
|
releasesTab.append(counter);
|
2016-09-08 21:45:16 +00:00
|
|
|
|
2016-09-09 21:56:46 +00:00
|
|
|
repoNav.append(releasesTab);
|
2016-09-08 21:45:16 +00:00
|
|
|
|
2016-09-09 21:56:46 +00:00
|
|
|
$.ajax({
|
|
|
|
url: "https://api.github.com/repos" + repoUrl + "/releases",
|
|
|
|
dataType: "text",
|
|
|
|
success: (data) => {
|
|
|
|
let json = JSON.parse(data);
|
|
|
|
counter.text(json.length);
|
|
|
|
}
|
|
|
|
});
|
2016-09-08 21:45:16 +00:00
|
|
|
|
2016-09-10 13:33:30 +00:00
|
|
|
let pathParts = location.pathname.split("/");
|
|
|
|
if (pathParts[pathParts.length - 1] == "releases" || pathParts[pathParts.length - 1] == "tags" || pathParts[pathParts.length - 2] == "releases" || pathParts[pathParts.length - 3] == "releases") {
|
2016-09-09 21:56:46 +00:00
|
|
|
$("nav.reponav > span:first > a").removeClass("selected");
|
|
|
|
releasesTab.addClass("selected");
|
|
|
|
}
|
2016-09-08 21:45:16 +00:00
|
|
|
}
|
2016-09-09 21:56:46 +00:00
|
|
|
})();
|
2016-09-08 21:45:16 +00:00
|
|
|
|
|
|
|
// add explore link to menu
|
2016-09-09 21:56:46 +00:00
|
|
|
(function() {
|
|
|
|
if (!location.hostname.startsWith("gist")) {
|
|
|
|
let lastItem = $(".header-nav[role=navigation] > .header-nav-item:last");
|
2016-09-08 21:45:16 +00:00
|
|
|
|
2016-09-10 00:44:06 +00:00
|
|
|
if (lastItem.prev().find("a.header-nav-link").text() != "Explore") {
|
2016-09-09 21:56:46 +00:00
|
|
|
let exploreItem = $("<li></li>");
|
|
|
|
exploreItem.addClass("header-nav-item");
|
|
|
|
let exploreLink = $("<a></a>");
|
|
|
|
exploreLink.addClass("header-nav-link");
|
|
|
|
exploreLink.attr("href", "/explore");
|
|
|
|
exploreLink.text("Explore");
|
|
|
|
exploreItem.append(exploreLink);
|
|
|
|
lastItem.before(exploreItem);
|
|
|
|
}
|
2016-09-08 21:45:16 +00:00
|
|
|
}
|
2016-09-09 21:56:46 +00:00
|
|
|
})();
|
2016-09-09 21:21:39 +00:00
|
|
|
|
|
|
|
// linkify branch references in PRs
|
2016-09-09 21:56:46 +00:00
|
|
|
(function() {
|
|
|
|
$("span.commit-ref").each((i, el) => {
|
|
|
|
el = $(el);
|
2016-09-09 22:03:59 +00:00
|
|
|
let title = el.attr("title");
|
|
|
|
if (title) {
|
|
|
|
let bits = title.split(":");
|
|
|
|
let repo = bits[0];
|
|
|
|
let branch = bits[1];
|
|
|
|
let link = $("<a></a>");
|
|
|
|
link.attr("href", `https://github.com/${repo}/tree/${branch}`);
|
|
|
|
el.wrap(link);
|
|
|
|
}
|
2016-09-09 21:56:46 +00:00
|
|
|
});
|
2016-09-09 22:19:16 +00:00
|
|
|
addStyle("span.commit-ref:hover, span.commit-ref:hover span { text-decoration: underline; }");
|
2016-09-09 21:56:46 +00:00
|
|
|
})();
|
2016-09-09 21:55:40 +00:00
|
|
|
|
|
|
|
// linkify issue/pr references in issue titles
|
|
|
|
(function() {
|
|
|
|
let title = $("span.js-issue-title");
|
|
|
|
if (/#(\d+)/.test(title.text())) {
|
|
|
|
title.html(title.text().replace(/#(\d+)/, `<a href="${repoUrl}/issues/$1">#$1</a>`));
|
|
|
|
}
|
2016-09-09 22:19:16 +00:00
|
|
|
})();
|
|
|
|
|
|
|
|
// add edit button to readme
|
|
|
|
(function() {
|
|
|
|
let readme = $("#readme");
|
|
|
|
if (!readme.length) return;
|
|
|
|
|
2016-09-10 15:54:44 +00:00
|
|
|
let name = readme.find("h3:first").text().trim();
|
2016-09-09 22:19:16 +00:00
|
|
|
let branch = $(".file-navigation > .select-menu.float-left > button > .js-select-button").text();
|
2016-09-10 01:05:54 +00:00
|
|
|
let editUrl = `${repoUrl}/edit/${branch}/${name}`;
|
2016-09-09 22:19:16 +00:00
|
|
|
|
|
|
|
let div = $("<div></div>");
|
|
|
|
div.attr("id", "readme-edit-link");
|
|
|
|
div.css("position", "absolute");
|
|
|
|
div.css("top", "10px");
|
2016-09-10 15:54:44 +00:00
|
|
|
div.css("right", "10px");
|
2016-09-09 22:19:16 +00:00
|
|
|
div.css("opacity", "0.2");
|
2016-09-10 15:54:44 +00:00
|
|
|
div.css("transition", "opacity 250ms");
|
2016-09-09 22:19:16 +00:00
|
|
|
|
|
|
|
let a = $("<a></a>");
|
|
|
|
a.attr("href", editUrl);
|
|
|
|
|
|
|
|
let svg = "<svg class=\"octicon octicon-pencil\" height=\"16\" version=\"1.1\" viewBox=\"0 0 14 16\" width=\"14\"><path d=\"M0 12v3h3l8-8-3-3L0 12z m3 2H1V12h1v1h1v1z m10.3-9.3l-1.3 1.3-3-3 1.3-1.3c0.39-0.39 1.02-0.39 1.41 0l1.59 1.59c0.39 0.39 0.39 1.02 0 1.41z\"></path></svg>";
|
|
|
|
a.append(svg);
|
|
|
|
|
|
|
|
div.append(a);
|
|
|
|
|
|
|
|
readme.append(div);
|
|
|
|
|
|
|
|
addStyle(`
|
|
|
|
#readme.blob #readme-edit-link { display: none; }
|
2016-09-10 15:54:44 +00:00
|
|
|
#readme-edit-link:hover { opacity: 1 !important; }
|
2016-09-09 22:19:16 +00:00
|
|
|
`);
|
2016-09-10 00:39:05 +00:00
|
|
|
})();
|
|
|
|
|
|
|
|
// tab size 4
|
|
|
|
(function() {
|
|
|
|
addStyle(`
|
|
|
|
.tab-size[data-tab-size='2'],
|
|
|
|
.tab-size[data-tab-size='4'],
|
|
|
|
.tab-size[data-tab-size='8'],
|
|
|
|
.inline-review-comment,
|
|
|
|
.gist table.lines {
|
|
|
|
tab-size: 4 !important;
|
|
|
|
}
|
|
|
|
`);
|
2016-09-10 15:49:42 +00:00
|
|
|
})();
|
|
|
|
|
|
|
|
// add avatars to reactions
|
|
|
|
(function() {
|
|
|
|
$(".comment-reactions.has-reactions").each((i, container) => {
|
|
|
|
container = $(container);
|
|
|
|
let reactionButtons = container.find(".comment-reactions-options .reaction-summary-item[aria-label]");
|
|
|
|
|
|
|
|
reactionButtons.each((i, button) => {
|
|
|
|
button = $(button);
|
|
|
|
|
|
|
|
let participantCount = parseInt(button.html().split("</g-emoji>")[1])
|
|
|
|
let participants = button.attr("aria-label")
|
|
|
|
.replace(/ reacted with.+/, "")
|
|
|
|
.replace(/,? and /, ", ")
|
|
|
|
.replace(/, \d+ more/, "")
|
|
|
|
.split(", ");
|
|
|
|
|
|
|
|
let userPosition = participants.indexOf(currentUser);
|
|
|
|
if (participantCount == 1 && userPosition > -1) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (button.find("div.participants-container").length == 0) {
|
|
|
|
button.append("<div class=\"participants-container\"></div>");
|
|
|
|
}
|
|
|
|
|
|
|
|
if (userPosition > -1) {
|
|
|
|
participants.splice(userPosition, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
let firstThreeParticipants = participants.slice(0, 3);
|
|
|
|
let participantsContainer = button.find(".participants-container");
|
|
|
|
|
|
|
|
participantsContainer.html("");
|
|
|
|
participantsContainer.css("display", "inline-block");
|
|
|
|
|
|
|
|
firstThreeParticipants.forEach((it) => {
|
|
|
|
let link = $("<a></a>");
|
|
|
|
link.attr("href", `https://github.com/${it}`);
|
|
|
|
|
|
|
|
let img = $("<img>");
|
|
|
|
img.attr("src", `https://github.com/${it}.png`);
|
|
|
|
img.css("width", "20px");
|
|
|
|
img.css("height", "20px");
|
|
|
|
img.css("border-radius", "3px");
|
|
|
|
img.css("margin-left", "3px");
|
|
|
|
img.css("vertical-align", "middle");
|
|
|
|
link.append(img);
|
|
|
|
|
|
|
|
participantsContainer.append(link);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
2016-09-09 21:55:40 +00:00
|
|
|
})();
|