Share your GitHub Gist to Twitter, Dabblet, Bl.ocks & as userscript.
// ==UserScript==
// @name Github Gist Share
// @namespace https://github.com/jerone/UserScripts/
// @description Share your GitHub Gist to Twitter, Dabblet, Bl.ocks & as userscript.
// @author jerone
// @copyright 2014+, jerone (https://github.com/jerone)
// @license CC-BY-NC-SA-4.0; https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode
// @license GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
// @homepage https://github.com/jerone/UserScripts/tree/master/Github_Gist_Share
// @homepageURL https://github.com/jerone/UserScripts/tree/master/Github_Gist_Share
// @supportURL https://github.com/jerone/UserScripts/issues
// @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VCYMHWQ7ZMBKW
// @icon https://github.githubassets.com/pinned-octocat.svg
// @include *://gist.github.com/*
// @version 5.1
// @grant none
// ==/UserScript==
// cSpell:ignore Dabblet, Bl.ocks, itemprop, tweetbutton
/* eslint security/detect-object-injection: "off" */
(function () {
String.format = function (string) {
const args = Array.prototype.slice.call(arguments, 1, arguments.length);
return string.replace(/{(\d+)}/g, function (match, number) {
return typeof args[number] !== "undefined" ? args[number] : match;
});
};
function Menu(container) {
const div$0$0 = document.createElement("div");
div$0$0.classList.add("file-navigation-option");
div$0$0.id = "Github_Gist_Share";
container.insertBefore(div$0$0, container.firstChild);
const div$1$0 = document.createElement("div");
div$1$0.classList.add(
"select-menu",
"js-menu-container",
"select-menu-modal-left",
"js-select-menu",
);
div$0$0.appendChild(div$1$0);
const button$2$0 = document.createElement("button");
button$2$0.classList.add(
"btn",
"btn-sm",
"select-menu-button",
"icon-only",
"js-menu-target",
);
button$2$0.setAttribute("type", "button");
div$1$0.appendChild(button$2$0);
const svg$3$0 = document.createElementNS(
"http://www.w3.org/2000/svg",
"svg",
);
svg$3$0.classList.add("octicon", "octicon-link-external");
svg$3$0.setAttributeNS(null, "height", 16);
svg$3$0.setAttributeNS(null, "version", "1.1");
svg$3$0.setAttributeNS(null, "viewBox", "0 0 12 16");
svg$3$0.setAttributeNS(null, "width", 12);
button$2$0.appendChild(svg$3$0);
const path$4$0 = document.createElementNS(
"http://www.w3.org/2000/svg",
"path",
);
path$4$0.setAttributeNS(
null,
"d",
"M11 10h1v3c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h3v1H1v10h10v-3zM6 2l2.25 2.25L5 7.5 6.5 9l3.25-3.25L12 8V2H6z",
);
svg$3$0.appendChild(path$4$0);
button$2$0.appendChild(document.createTextNode(" Share "));
const div$2$1 = document.createElement("div");
div$2$1.classList.add("select-menu-modal-holder");
div$1$0.appendChild(div$2$1);
const div$3$0 = document.createElement("div");
div$3$0.classList.add(
"select-menu-modal",
"select-menu-modal",
"js-menu-content",
);
div$2$1.appendChild(div$3$0);
const div$4$0 = document.createElement("div");
div$4$0.classList.add("select-menu-header");
div$3$0.appendChild(div$4$0);
const svg$5$0 = document.createElementNS(
"http://www.w3.org/2000/svg",
"svg",
);
svg$5$0.classList.add("octicon", "octicon-x", "js-menu-close");
svg$5$0.setAttributeNS(null, "height", 16);
svg$5$0.setAttributeNS(null, "version", "1.1");
svg$5$0.setAttributeNS(null, "viewBox", "0 0 12 16");
svg$5$0.setAttributeNS(null, "width", 12);
div$4$0.appendChild(svg$5$0);
const path$6$0 = document.createElementNS(
"http://www.w3.org/2000/svg",
"path",
);
path$6$0.setAttributeNS(
null,
"d",
"M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z",
);
svg$5$0.appendChild(path$6$0);
const span$5$1 = document.createElement("span");
span$5$1.classList.add("select-menu-title");
div$4$0.appendChild(span$5$1);
span$5$1.appendChild(document.createTextNode("Share Gist with…"));
const div$4$1 = document.createElement("div");
div$4$1.classList.add("select-menu-list", "js-navigation-container");
div$3$0.appendChild(div$4$1);
this.itemsContainer = div$4$1;
}
Menu.prototype.AddItem = function (text, title, href, icon, newTab) {
const a = document.createElement("a");
a.classList.add("select-menu-item", "js-navigation-item");
a.setAttribute("href", href);
if (title) a.setAttribute("title", title);
if (newTab) a.setAttribute("target", "_blank");
this.itemsContainer.appendChild(a);
const i = document.createElement("img");
i.classList.add("select-menu-item-icon");
i.setAttribute("src", icon);
a.appendChild(i);
const s = document.createElement("span");
s.classList.add("select-menu-item-text");
a.appendChild(s);
s.appendChild(document.createTextNode(text));
};
function getValue(elm) {
return elm ? elm.textContent.trim() : "";
}
function getIntValue(elm) {
return elm ? parseInt(elm.textContent.trim(), 10) : 0;
}
function addMenu() {
const link = document.querySelector(".gist-header-title a");
const nav = document.querySelector(".file-navigation-options");
if (link && nav) {
// Check if we're on an actual gist
const data = {
url: link.href,
user: getValue(
document.querySelector(".header-nav-current-user strong"),
),
author: getValue(
document.querySelector('.author [itemprop="author"]'),
),
description: getValue(
document.querySelector(".repository-meta-content") || link,
),
files: document.querySelectorAll(".file").length,
stars: getIntValue(
document.querySelector(
'a[href$="/stargazers"] .counter, form[action$="/star"] .social-count',
),
),
forks: getIntValue(
document.querySelector(
'a[href$="/forks"] .counter, form[action$="/fork"] .social-count',
),
),
revisions: getIntValue(
document.querySelector('a[href$="/revisions"] .counter'),
),
};
console.log(data);
const menu = new Menu(nav);
// Twitter
// eslint-disable-next-line no-constant-condition
if (true) {
const stats = [];
if (data.files > 1) {
stats.push(data.files + " files");
}
if (data.stars === 1) {
stats.push(data.stars + " star");
} else if (data.stars > 1) {
stats.push(data.stars + " stars");
}
if (data.forks === 1) {
stats.push(data.forks + " fork");
} else if (data.forks > 1) {
stats.push(data.forks + " forks");
}
if (data.revisions > 1) {
stats.push(data.revisions + " revisions");
}
const tweet = String.format(
"Check out {0} #gist {1} on @github {2}",
data.author === data.user ? "my" : data.author + "'s",
data.description ? '"' + data.description + '"' : "",
stats.length > 0
? String.format("- {0} -", stats.join(", "))
: "-",
);
const link =
"https://twitter.com/intent/tweet" +
"?original_referer=" +
encodeURIComponent(data.url) +
"&source=tweetbutton&url=" +
encodeURIComponent(data.url) +
"&text=" +
encodeURIComponent(tweet);
const icon =
"data:image/vnd.microsoft.icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8A////A////xT///8f////K////yj///8f////FP///wP///8A////AP///wD///8A////AP///wD///8A////H/357kj55K589tV+ofPFUML0y1+29tV+ofnkrnz9+e5I////H////wP///8A////AP///wD///8A////ANi/foG2iBDuvYkA/9CWAP/npwD/7qwA/+6sAP/urAD/7rAP8/bVfqH9+e8/////A////wD///8A////AP///wD///8A////APDnzjDjx36N3Kcf5e6sAP/urAD/7qwA/+6sAP/urAD/8bww2/357z////8D////AP///wD///8A////AP///wP///8z+N+eifTLX7burAD/7qwA/+6sAP/urAD/7qwA/+6sAP/xvDDb/PjvM////wD///8A////AP///wD69+8V2Kkw1eqpAP/urAD/7qwA/+6sAP/urAD/7qwA/+6sAP/urAD/7qwA//TLX7b///8H////AP///wD///8A+fLfPvbVfqHusA/z7qwA/+6sAP/urAD/7qwA/+6sAP/urAD/7qwA/+6sAP/urAD/+fLfPv///wD///8A////DPXQcKvurAD/7qwA/+6sAP/urAD/7qwA/+6sAP/urAD/7qwA/+6sAP/urAD/7qwA/+/Lb6f///8A////APPpzzzUmQD/7qwA/+6sAP/urAD/7qwA/+enAP/npwD/7qwA/+6sAP/urAD/7qwA/+6sAP/xvDDb////AP///wDt4L5G9dBwq+6sAP/urAD/2JwA/7qGAP+7kCDe1qMf4+6sAP/urAD/7qwA/+6sAP/urAD/7qwA/////yT///8A9/DeLu6sAP/npwD/vYkA/8+wYJ/1794f////AOXIfo7urAD/7qwA/+6sAP/urAD/7qwA/+6sAP/zznCo////KO7hv0jjpAD/vpIf4PDnzjD///8A////AP///wDeyI5x46QA/+6sAP/urAD/7qwA/+qpAP/UmQD/5KkO89u4YKfw584ww5ov0Pr37g////8A////AP///wD///8A+vfuD8OaL9DUmQD/36EA/9icAP+9jA/w07hwjsCYMM/p2a9U////APr37g////8A////AP///wD///8A////AP///wD69+4P07hwjsWgQL/PsGCf9e/eH////wD///8A9e/eH////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAOH/AAAAPwAA4B8AAOAPAADABwAAwAcAAIADAACAAwAAgAMAAIYBAACfAAAAvwEAAP+PAAD//wAA//8AAA==";
menu.AddItem(
"Twitter",
tweet + " " + data.url,
link,
icon,
true,
);
}
// Userscripts
if (
document.querySelector(
'.file .file-actions a[href$=".user.js" i]',
)
) {
const icon =
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKwSURBVHjabJNJTBNRGID/mc5MQYVWVNCGTbEtNZGDBj1ogolEMR5UJA2LBmMoIokxERIj8ehJjx6MYIQoJgq4JIa6gEARkKJFTa2iFFtKWwp2oeDCzNQ+31DQCc5L/nmT/P/3749ACAFBECBxiEPFFds0Ws399DRVhtX2udc97ig0PmgOLBkIbOwjAR8uMRRdvXF7pqv/NfrqnEAOlxsdLas6j3Wk2AEpCRcbKvLydrdu1WUr0lXrITEhAZKUSkhQKvKwXiY2ppbDRzCcv29P/ZZsDaSqUkCJYVJGwKMnHTDlmWgTZ/CvjkW4sKTScP1WC+oZsKAxpwv5gyEUnAkj2xc70p88Y8Y2a8VBxT0gispOGa413UVDb23IMe6OwaEw+jTqQKMOF3pptqBSw7k74hLEPaDUOu0VmpFDV58ZCJIAkiDB5fUBz0eApmjQqbOgrqa69HhVbZO4jKUfmiBJBctysHJFPPiDYbA7J4DjeJDLaWAYGVAyErIy0uDs6RPH9OXVtULWYgfEmN3emJK8BlYrEsHl8cEvloX4ODnEyRlgKGZhV1iOhcz0VNixM7dOCCp2EBkeMF3u6DaNqDasg1U4CzlFxxSRKMyz8xjmsPAQwNmRsc2jxGPkR0esHp7n9RBFrYbyUi1DUzh1GujFG0UBQrNz8P7DR3j+9NklqTEK3VVkbNLkVNZc9AwNW5Hb60PT/gCamg6gEbsT3XvYjvIP6i9gu2ShhOWb+BvLD13O9o3azWrVdy4K3wKhv5HfWW1Q39BY19nechPbzQrVwX9bhU+iIqnyQMF+mPvJQr/FCsHwDJgG30ADhl8Y2wQ4jIUVkpdaZRnPcd6AfxomJ32AIhEwdvaC8XG7JLwwvmXPmVFn52Tu2lvQjN9Crn3M6bWY+6otr3oGpWCB/SPAAJaJRguGUxB0AAAAAElFTkSuQmCC";
const userscripts = document.querySelectorAll(
'.file .file-actions a[href$=".user.js"]',
);
Array.prototype.forEach.call(
userscripts,
function (userscript) {
const text = String.format(
'Userscript "{0}"',
userscript.href.split("/").pop(),
);
menu.AddItem(text, null, userscript.href, icon, false);
},
);
}
// Dabblet
if (
document.querySelector(
".file .type-css, .file .type-html, .file .type-javascript",
)
) {
const link =
"http://dabblet.com/gist/" + data.url.split("/").pop();
const icon =
"data:image/vnd.microsoft.icon;base64,AAABAAEAEBAAAAAAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAD///8B////AQAAAAMAAAAPAAAAHwAAACcAAAAfAAAADwAAAAP///8B////AQAAAAUAAAARAAAAHwAAAB0AAAAJ////AQAAAAcAAAAjqqqqb9vb28Xn5+fb29vbxaqqqm8AAAAjAAAABwAAAAkAAAApvLy8hd7e3snl5eXBAAAAIwAAAAMAAAAjzc3Nqf39/f/////////////////9/f3/0NDQqQAAACEAAAAp2NjYvf///////////////wAAADEAAAAPra2tc/39/f////////////b29vn///////////39/f8AAABFvLy8jf///////////f39/97e3r8AAAAhAAAAIdzc3Mf//////////66urp8AAABNrq6un///////////AAAAXePj49v//////Pz8/YqKin0AAAAlAAAACQAAACnq6urj//////Hx8fUAAABJAAAADQAAAEnv7+/z/////wAAAGXx8fHz/////+Tk5N8AAAAzAAAAA////wEAAAAh3d3dy///////////l5eXjQAAAEWXl5eN//////////8AAABp9fX19f/////g4ODVAAAAKf///wH///8BAAAAEbm5uYP///////////39/f/u7u7x/f39////////////AAAAafX19fX/////4ODg1QAAACn///8B////AQAAAAUAAAAn19fXu////////////////////////////////wAAAGn19fX1/////93d3dtoaGhXXFxcJwAAAAv///8BAAAABwAAACe5ubmF4+Pj1e/v7+nd3d3f8/Pz+f////8AAABp9fX19f/////c3Nzl7e3t5+zs7M0AAAAh////Af///wEAAAAFAAAAEwAAACUAAAAtAAAAU+np6ev/////AAAAafX19fX/////3Nzc5e3t7efs7OzNAAAAIf///wH///8B////Af///wH///8B////AQAAAC/r6+vn/////wAAAGn19fX1/////93d3dtpaWlVXFxcJwAAAAv///8B////Af///wH///8B////Af///wEAAAAh5ubm0/////8AAABd9fX18f/////i4uLLAAAAH////wH///8B////Af///wH///8B////Af///wH///8BAAAADXR0dEXs7Oy/AAAANbm5uXvz8/PjkpKSVQAAAA3///8B////Af///wH///8B////Af///wH///8B////Af///wEAAAALAAAAFQAAAA0AAAAVAAAAHwAAAA////8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//w==";
menu.AddItem("Dabblet", link, link, icon, true);
}
// Bl.ocks
if (
document.querySelector(
'.file .file-actions a[href$="index.html" i], .file .file-actions a[href$="README.md" i]',
)
) {
const link = data.url.replace(
"https://gist.github.com/",
"https://bl.ocks.org/",
);
const icon =
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC0klEQVQ4jaWTTWhcZRSGn++7f3PnTqaTtrRJp4OVlmkzYbRRSQUJrkQoFEVw5UJQGRcVhO66KAxdihXdCFkWusrSIliIESuFRrASf2slY2xDaZN2Mpm5P3P/vq+LEAIprnyXh8Nzznl5D/xPid2Fq+120Yt7UypJjhzvRVe039tq9MrcrnjvGo69HDiVn8+02yGAuRtwaDhYeCZSp3ScobTCefY4ZBlxd52Tsb4stGZFbS4CLwPI3YDyvyvT9kiZ0uQU2BaDlTsMVjtgW5ROPIftjTDS+Xv663Nn6wBme7ZVDJLi1DBLjhTHzSvWXAdZrxP8eBOR5ux/5TUA+r//xODXW+RphCsNYRm6CGDGZnmhUi2citOEJIsRUmLt2YtoTBL+tkTQuQ1Ck/kh0pJIYYDYWVxuGhvTRbvIsYNHMaWFMLZ81UjciSbm4RpZt4u0JGLbc612AKlOxPOHX+Sx3yXTOYk06V/7ChBopSDP0VpvTQbSsE+YxXrebexrtWeLpiEMvEKJxqEm1T09Ft6qMHF9hdr1b/AqB3AnmximTTKMGEab3B09yPf1t0U6Wp031+8tmkJIsiwlyWIcy6FUq3F15hGFpZc4ff8G1RvfkivNA9dlvv46d8cmmTh6gGwjYLlvTZtCodcGD0Wuc/I8I85TlFYsiXFe+PAi1/68x2o3plEfxwNYXuOvzjrDOMV0CsJ0NrxX529+NyfKaqxZa+I5HqZhI6WgVHBoHKtSC2L+WffpBwlhnGIKgTQNpNyJsvj4s4/eC2z/C7tseForHi6/SeuNkzweREggTDJ++GUVlEYYAiEkvV709C+0Pm3tT/zED9SZ8PTMCaERqDxnmCoW/7iPZRlorQj8hHAQ6qcA2/rg/JczkXTncnvf2FRjnJJrc+vOGlGcMOiFuPnGI1cM3/lPwPZprQuz728mhc+1O+plKkeE/agk/QuXPzl7CeAJlkc5xMckqesAAAAASUVORK5CYII=";
menu.AddItem("Bl.ocks", link, link, icon, true);
}
}
}
// Init
addMenu();
// Pjax
document.addEventListener("pjax:end", addMenu);
})();