Warning: fopen(/www/sites/update.greasyfork.icu/index/store/temp/088110af5c32a4da86301342faac19f4.js): failed to open stream: No space left on device in /www/sites/update.greasyfork.icu/index/scriptControl.php on line 65
// ==UserScript==
// @name Refined GitHub Comments
// @license MIT
// @homepageURL https://github.com/bluwy/refined-github-comments
// @supportURL https://github.com/bluwy/refined-github-comments
// @namespace https://greasyfork.org/en/scripts/465056-refined-github-comments
// @version 0.2.2
// @description Remove clutter in the comments view
// @author Bjorn Lu
// @match https://github.com/**
// @icon https://www.google.com/s2/favicons?sz=64&domain=github.com
// @grant none
// @downloadURL https://update.greasyfork.icu/scripts/465056/Refined%20GitHub%20Comments.user.js
// @updateURL https://update.greasyfork.icu/scripts/465056/Refined%20GitHub%20Comments.meta.js
// ==/UserScript==
// #region User settings
// common bots that i already know what they do
const authorsToMinimize = [
'changeset-bot',
'codeflowapp',
'netlify',
'vercel',
'pkg-pr-new',
'codecov',
'astrobot-houston',
'codspeed-hq',
]
// common comments that don't really add value
const commentMatchToMinimize = [
/^![a-z]/, // commands that start with !
/^\/[a-z]/, // commands that start with /
/^> root@0.0.0/, // astro preview release bot
]
// #endregion
// #region Run code
// Used by `minimizeDiscussionThread`
let expandedThread = false
const maxParentThreadHeight = 185
;(function () {
'use strict'
run()
// listen to github page loaded event
document.addEventListener('pjax:end', () => run())
document.addEventListener('turbo:render', () => run())
})()
function run() {
// Comments view
const allTimelineItem = document.querySelectorAll('.js-timeline-item')
const seenComments = []
allTimelineItem.forEach((timelineItem) => {
minimizeComment(timelineItem)
minimizeBlockquote(timelineItem, seenComments)
})
// Discussion threads view
if (location.pathname.includes('/discussions/')) {
minimizeDiscussionThread()
}
}
// #endregion
// #region Features: minimize comment
// test urls:
// https://github.com/withastro/astro/pull/6845
/**
* @param {HTMLElement} timelineItem
*/
function minimizeComment(timelineItem) {
// things can happen twice in github for some reason
if (timelineItem.querySelector('.refined-github-comments-toggle')) return
const header = timelineItem.querySelector('.timeline-comment-header')
if (!header) return
const headerName = header.querySelector('a.author')
if (!headerName) return
const commentBody = timelineItem.querySelector('.comment-body')
if (!commentBody) return
const commentBodyText = commentBody.innerText.trim()
// minimize the comment
if (
authorsToMinimize.includes(headerName.innerText) ||
commentMatchToMinimize.some((match) => match.test(commentBodyText))
) {
const commentContent = timelineItem.querySelector('.edit-comment-hide')
if (!commentContent) return
const commentActions = timelineItem.querySelector(
'.timeline-comment-actions'
)
if (!commentActions) return
const headerH3 = header.querySelector('h3')
if (!headerH3) return
const headerDiv = headerH3.querySelector('div')
if (!headerDiv) return
// hide comment
header.style.borderBottom = 'none'
commentContent.style.display = 'none'
// add comment excerpt
const excerpt = document.createElement('span')
excerpt.setAttribute(
'class',
'text-fg-muted text-normal text-italic css-truncate css-truncate-overflow mr-2'
)
excerpt.innerHTML = commentBodyText.slice(0, 100)
excerpt.style.opacity = '0.5'
headerH3.classList.add('css-truncate', 'css-truncate-overflow')
headerDiv.appendChild(excerpt)
// add toggle button
const toggleBtn = toggleComment((isShow) => {
// headerH3 class needs to be toggled too so that the "edited dropdown" can be toggled
if (isShow) {
headerH3.classList.remove('css-truncate', 'css-truncate-overflow')
header.style.borderBottom = ''
commentContent.style.display = ''
excerpt.style.display = 'none'
} else {
headerH3.classList.add('css-truncate', 'css-truncate-overflow')
header.style.borderBottom = 'none'
commentContent.style.display = 'none'
excerpt.style.display = ''
}
})
commentActions.prepend(toggleBtn)
}
}
// #endregion
// #region Features: minimize blockquote
// test urls:
// https://github.com/bluwy/refined-github-comments/issues/1
// https://github.com/sveltejs/svelte/issues/2323
// https://github.com/pnpm/pnpm/issues/6463
/**
* @param {HTMLElement} timelineItem
* @param {{ text: string, id: string, author: string }[]} seenComments
*/
function minimizeBlockquote(timelineItem, seenComments) {
const commentBody = timelineItem.querySelector('.comment-body')
if (!commentBody) return
const commentId = timelineItem.querySelector('.timeline-comment-group')?.id
if (!commentId) return
const commentAuthor = timelineItem.querySelector(
'.timeline-comment-header a.author'
)?.innerText
if (!commentAuthor) return
const commentText = commentBody.innerText.trim().replace(/\s+/g, ' ')
// bail early in first comment and if comment is already checked before
if (
seenComments.length === 0 ||
commentBody.querySelector('.refined-github-comments-reply-text')
) {
seenComments.push({
text: commentText,
id: commentId,
author: commentAuthor,
})
return
}
const blockquotes = commentBody.querySelectorAll(':scope > blockquote')
for (const blockquote of blockquotes) {
const blockquoteText = blockquote.innerText.trim().replace(/\s+/g, ' ')
const dupIndex = seenComments.findIndex(
(comment) => comment.text === blockquoteText
)
if (dupIndex >= 0) {
const dup = seenComments[dupIndex]
// if replying to the one above, always minimize it
if (dupIndex === seenComments.length - 1) {
// use span.js-clear so github would remove this summary when re-quoting this reply,
// add nbsp so that the summary tag has some content, that the details would also
// get copied when re-quoting too.
const summary = `\
`
blockquote.innerHTML = `${summary}
${blockquote.innerHTML}${summary}
${blockquote.innerHTML}