Git Hub - Unroll comments

Adds a button to load (unroll) all "hidden items" (comments).

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name     Git Hub - Unroll comments
// @description Adds a button to load (unroll) all "hidden items" (comments).
// @author   monnef
// @version  1
// @match    https://github.com/**
// @grant    none
// @namespace   monnef.eu
// @require  https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
// ==/UserScript==


// settings

const workTime = 500;
const initDelay = 1000;
const scrollingEnabled = true;
const debugLogs = false;

// end of settings

const logPrefix = '[GHUC] ';
const log = (...xs) => console.log(logPrefix, ...xs);
const debug = (...xs) => debugLogs && console.debug(logPrefix, ...xs);

const scrollTo = (_, e) => scrollingEnabled && e.scrollIntoView({behavior: 'smooth', block: 'center'});

const getPagForm = () => $('.ajax-pagination-form');

const getPagBut = () => $('.ajax-pagination-btn');

const clickLoadMore = () => {
  debug('click load more button');
  getPagBut().click();
};

const work = () => {
  if(getPagForm()[0]) {
    const but = getPagBut();
    if (but.text().includes("Loading")) {
      debug("waiting until comments loading finishes...");
      but.each(scrollTo);
    } else {
	    clickLoadMore();
    }
    setTimeout(work, workTime);
  } else {
    debug('pagination form not found, assuming all comments are unrolled');
    $('.js-timeline-item').last().each(scrollTo);
  }
};

const init = () => {
  log('Git Hub - Unroll Comments by monnef is starting...')
  const but = $('<button/>')
    .text('Load all 🧻')
    .attr('title', '[GHUC] Git Hub - Unroll comments by monnef')
    .attr('class', 'btn mt-2')
    .click(() => {
      but.remove();
      work();
    });
  getPagForm().append(but);
  debug('initialized');
};

$(() => setTimeout(init, initDelay));