GitHub Project Copy Column

Grab links from a GitHub project column and copy them to the clipboard for easy pasting into a PR or issue description.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         GitHub Project Copy Column
// @namespace    https://github.com/scruffian/github-project-copy-column
// @version      0.2
// @description  Grab links from a GitHub project column and copy them to the clipboard for easy pasting into a PR or issue description.
// @author       Scruffian
// @match        https://github.com/*
// @icon         https://raw.githubusercontent.com/xthexder/wide-github/master/icons/icon.png
// @grant        none
// @license      GPLv2 or later
// ==/UserScript==

(function() {
    'use strict';
    const copyToClipboardHelper = ( textToCopy ) => {
        let finalText = textToCopy;

        if ( textToCopy.current ) {
            const parentElement = textToCopy.current.parentElement;
            const savedDisplay = parentElement.style.display;
            parentElement.style.display = 'block';
            finalText = textToCopy.current.innerText.replace(
                /([0-9]+)/g,
                '\r\n$1. '
            );
            parentElement.style.display = savedDisplay;
        }

        const textarea = document.createElement( 'textarea' );
        textarea.value = finalText;
        document.body.appendChild( textarea );
        textarea.select();
        document.execCommand( 'copy' );
        textarea.remove();
    };

    const columns = document.querySelectorAll('div[data-board-column]');
    columns.forEach( function( column ) {
        const titleDiv = column.querySelector( 'div > div' );
        const number = column.querySelector( 'div > div [data-testid=column-items-counter]' );
        let link = document.createElement('span');

        number.title = 'Copy URLs of all cards';
        number.onclick = function() {
            const scrollableArea = column.querySelector( '.column-drop-zone' );
            scrollableArea.scrollTop = 0;
            const allLinks = [];

            const getLinks = setInterval(function(){
                scrollableArea.scrollTop = scrollableArea.scrollTop + scrollableArea.offsetHeight;
                const linksForScrollPoint = column.querySelectorAll( '[data-testid=board-view-column-card] a' );
                linksForScrollPoint.forEach( function( link ) {
                    if ( link.href ) {
                        allLinks.push( link.href );
                    }
                } );

                if(scrollableArea.scrollTop + scrollableArea.offsetHeight + 1 >= scrollableArea.scrollHeight){
                    clearInterval(getLinks);
                    const uniqueLinks = new Set( allLinks );
                    const linksString = Array.from( uniqueLinks ).join( '\n\n' );
                    copyToClipboardHelper( linksString );
                    alert( 'Copied ' + uniqueLinks.size + ' links to clipbard' );
                }
            }, 150);
        };
    } );
})();