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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
import React from 'dom-chef';
import * as pageDetect from 'github-url-detection';
import toMilliseconds from '@sindresorhus/to-milliseconds';
import {$, elementExists} from 'select-dom';
import twas from 'twas';
import {InfoIcon} from '@primer/octicons-react';
import createBanner from '../github-helpers/banner.js';
import features from '../feature-manager.js';
import observe from '../helpers/selector-observer.js';
import {buildRepoURL, isAnyRefinedGitHubRepo} from '../github-helpers/index.js';
import {closedOrMergedMarkerSelector, getLastCloseEvent} from './jump-to-conversation-close-event.js';
const isClosedOrMerged = (): boolean => elementExists(closedOrMergedMarkerSelector);
/** Returns milliseconds passed since `date` */
function timeAgo(date: Date): number {
return Date.now() - date.getTime();
}
function getCloseDate(): Date {
const datetime = $('relative-time', getLastCloseEvent())!.getAttribute('datetime')!;
console.assert(datetime, 'Datetime attribute missing from relative-time');
return new Date(datetime);
}
const threeMonths = toMilliseconds({days: 90});
export function shouldDisplayNotice(): boolean {
if (!isClosedOrMerged()) {
return false;
}
const closingDate = getCloseDate();
return timeAgo(closingDate) > threeMonths;
}
export function getNoticeText(): JSX.Element {
const closingDate = getCloseDate();
const ago = <strong>{twas(closingDate.getTime())}</strong>;
const newIssue = <a href={buildRepoURL('issues/new/choose')}>new issue</a>;
return (
<>
This {pageDetect.isPR() ? 'PR' : 'issue'} was closed {ago}. Please consider opening a {newIssue} instead of leaving a comment here.
</>
);
}
function addConversationBanner(newCommentField: HTMLElement): void {
newCommentField.before(
createBanner({
icon: <InfoIcon className="m-0"/>,
classes: 'p-2 my-2 mx-md-2 text-small color-fg-muted border-0'.split(' '),
text: getNoticeText(),
}),
);
}
function init(signal: AbortSignal): void | false {
// Do not move to `asLongAs` because those conditions are run before `isConversation`
if (!shouldDisplayNotice()) {
return false;
}
observe('#issuecomment-new file-attachment', addConversationBanner, {signal});
}
function makeFieldKinder(field: HTMLParagraphElement): void {
if (field.textContent.trim() === 'Add your comment here...') {
// Regular issue/PR comment field, or single review comments
// https://github.com/refined-github/refined-github/pull/6991
field.textContent = 'Add your comment here, be kind...';
} else if (field.textContent.trim() === 'Leave a comment') {
// Main review comment field
// https://github.com/refined-github/refined-github/pull/6991/files
field.textContent = 'Leave a comment, be kind';
} else {
features.log.error(import.meta.url, `Unexpected placeholder text: ${field.textContent}`);
}
}
function initKindness(signal: AbortSignal): void {
observe('p.CommentBox-placeholder', makeFieldKinder, {signal});
}
void features.add(import.meta.url, {
exclude: [
isAnyRefinedGitHubRepo,
],
include: [
pageDetect.isConversation,
],
awaitDomReady: true, // We're specifically looking for the last event
init,
}, {
include: [
pageDetect.hasComments,
],
init: initKindness,
});
/*
Test URLs
- Old issue: https://github.com/facebook/react/issues/227
- Old PR: https://github.com/facebook/react/pull/209
*/
|
