Github Gist Share

Share your GitHub Gist to Twitter, Dabblet, Bl.ocks & as userscript.

Устаревшая версия за 27.01.2018. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==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     GPL-3.0
// @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.com/fluidicon.png
// @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)

})()