Show all resolved comments in a Github Pull Request

showAllResolved.md

Run this in the console:

document.querySelectorAll('span.Details-content--closed').forEach((e)=>{e.click()})

From the creator of: unzip.dev 🚀

Update 24 July 2024: The best way to expand all comments at once is to use the GitHub's official Option+click on "Show resolved". This trick was brought up by @amonsosanz in this comment.

Before Option+click existed, we used to create a Chrome or Edge bookmark with the following javascript snippet. It would load the hidden items on large PRs and then unfold the resolved comments (source):

1. Add a bookmark (show bookmarks with Ctrl+Shift+B on Windows and ⌘-Shift-B on macOS)
2. In the URL field, copy-paste this:

   javascript:function loadAllCommentsAndShowResolved(){let e=!1;Array.from(document.querySelectorAll("button, .btn-link.Details-content--closed")).forEach(o=>{o.classList.contains("ajax-pagination-btn")?o.hasAttribute("disabled")||"Load more…"!==o.innerText?o.hasAttribute("disabled")&&"Loading…"===o.innerText?(console.log("waiting",o),e=!0):console.log("unrecognized 'Load more' button",o):(console.log("found",o),e=!0,o.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0}))):o.classList.contains("Details-content--closed")&&"Show resolved"===o.innerText&&o.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0}))}),e?setTimeout(loadAllCommentsAndShowResolved,200):console.log("all comments loaded")}loadAllCommentsAndShowResolved();

A simpler version that doesn't load the hidden items on large PRs:

1. Add a bookmark (show bookmarks with Ctrl+Shift+B on Windows and ⌘-Shift-B on macOS)
2. In the URL field, copy-paste this:

   javascript:document.querySelectorAll('.js-resolvable-timeline-thread-container').forEach(e => { e.setAttribute('open', '') })()

All of the above will not work when we have too many conversations.

For me, there was a PR having more than 120 comments, so first I had to get all the hidden items loaded, then expension of resolved comments needs to be done. For the same, I have written below script:

let isActiveExpension = false;
let interval = setInterval(()=>{
isActiveExpension = true;
const elements = document.querySelectorAll("button[type=submit].ajax-pagination-btn"); if(elements.length === 0){
    console.log("All sections are expanded");
    clearInterval(interval);
    isActiveExpension = false;
    expandSubSections();
    setTimeout(expandSubSections, 10000)
}
else{
    console.log("Expanding sections");
    elements[0].click();
    expandSubSections();
}
},10000);

function expandSubSections()
{
    console.log("Expanding sub-sections");
    document.querySelectorAll(".btn-link.text-gray.f6.Details-content--closed").forEach((element)=>{element.click();});
}

However, above too does not works as it seems like github is using some optimizations to load limited HTML at a time to keep page light.

So, to resolve this issue, we may have to add some scroll script too to above one, which I'll do after some time.

Note: This script worked on my company's enterprise github, I haven't tried the same on public git.

to Unfold all Resolved conversation I use below and it works fine:
javascript:document.querySelectorAll('.js-resolvable-timeline-thread-container').forEach(e => { e.setAttribute('open', '') })()

What code should I use to Fold them again ?
thanks

What code should I use to Fold them again ? thanks

just refresh?

You can use Alt + Click on one comment to fold/unfold them all.

^ What @amonsosanz said worked for me. On Mac, that would be option + click

Thanks, @amonsosanz! 🎉

Whoa, game changer. On Mac Chrome, Option + Click on one comment's "Show resolved" link shows all for me. Thanks @amonsosanz!