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 (http://jeroenvanwarmerdam.nl)
// @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://assets-cdn.github.com/pinned-octocat.svg
// @include *://gist.github.com/*
// @version 5.0
// @grant none
// ==/UserScript==
(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
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)
})()