1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
import './preview-hidden-comments.css';
import React from 'dom-chef';
import {$} from 'select-dom';
import * as pageDetect from 'github-url-detection';
import features from '../feature-manager.js';
import {upperCaseFirst} from '../github-helpers/index.js';
import observe from '../helpers/selector-observer.js';
function preview(hiddenCommentHeader: HTMLElement): void {
const details = hiddenCommentHeader.closest('details')!;
details.classList.add('rgh-preview-hidden-comments'); // Used in CSS
const comment = $('.comment-body', details)!;
const commentText = comment.textContent.trim();
if (commentText.length === 0) {
return;
}
const commentHeader = hiddenCommentHeader.textContent;
if (/disruptive|spam/.test(commentHeader)) {
return;
}
// The reason is missing/lost in some cases
const reason = /duplicate|outdated|off-topic|hidden/.exec(commentHeader)?.[0];
hiddenCommentHeader.classList.add('css-truncate', 'css-truncate-overflow', 'mr-2');
hiddenCommentHeader.append(
<span className="Details-content--open">{hiddenCommentHeader.firstChild}</span>,
<span className="Details-content--closed">
{reason && <span className="Label mr-2">{upperCaseFirst(reason)}</span>}{commentText.slice(0, 100)}
</span>,
);
}
function init(signal: AbortSignal): void {
// `.timeline-comment-group` excludes review comments, which are always loaded on click, so it's not possible to preview them
observe('.timeline-comment-group .minimized-comment .timeline-comment-header-text', preview, {signal});
}
void features.add(import.meta.url, {
include: [
pageDetect.hasComments,
],
init,
});
/*
Test URLs
https://github.com/refined-github/sandbox/pull/47
*/
|
