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
110
111
112
113
114
115
116
117
118
119
120
121
|
import './wait-for-build.css';
import React from 'dom-chef';
import select from 'select-dom';
import onetime from 'onetime';
import delegate, {DelegateEvent} from 'delegate-it';
import features from '../libs/features';
import * as prCiStatus from '../libs/pr-ci-status';
import * as icons from '../libs/icons';
import onPrMergePanelOpen from '../libs/on-pr-merge-panel-open';
let waiting: symbol | undefined;
// Reuse the same checkbox to preserve its status
const generateCheckbox = onetime(() => (
<label className="d-inline-block">
<input type="checkbox" name="rgh-pr-check-waiter" checked/>
{' Wait for successful checks '}
<a className="discussion-item-help tooltipped tooltipped-n" target="_blank" href="https://github.com/sindresorhus/refined-github/pull/975" aria-label="This only works if you keep this tab open while waiting.">
{icons.info()}
</a>
</label>
));
function canMerge(): boolean {
return select.exists('[data-details-container=".js-merge-pr"]:not(:disabled)');
}
function getCheckbox(): HTMLInputElement | null {
return select<HTMLInputElement>('[name="rgh-pr-check-waiter"]');
}
// Only show the checkbox if there's a pending commit
function showCheckboxIfNecessary(): void {
const checkbox = getCheckbox();
const isNecessary = prCiStatus.get() === prCiStatus.PENDING;
if (!checkbox && isNecessary) {
const container = select('.commit-form-actions .select-menu');
if (container) {
container.append(generateCheckbox());
}
} else if (checkbox && !isNecessary) {
checkbox.parentElement!.remove();
}
}
function disableForm(disabled = true): void {
for (const field of select.all<HTMLInputElement>(`
[name="commit_message"],
[name="commit_title"],
[name="rgh-pr-check-waiter"],
.js-merge-commit-button
`)) {
field.disabled = disabled;
}
// Enabled form = no waiting in progress
if (!disabled) {
waiting = undefined;
}
}
async function handleMergeConfirmation(event: DelegateEvent<Event, HTMLButtonElement>): Promise<void> {
const checkbox = getCheckbox();
if (checkbox && checkbox.checked) {
event.preventDefault();
disableForm();
const currentConfirmation = Symbol('');
waiting = currentConfirmation;
const status = await prCiStatus.wait();
// Ensure that it wasn't cancelled/changed in the meanwhile
if (waiting === currentConfirmation) {
disableForm(false);
if (status === prCiStatus.SUCCESS) {
event.delegateTarget.click();
}
}
}
}
function init(): false | void {
if (!canMerge()) {
return false;
}
// Watch for new commits and their statuses
prCiStatus.addEventListener(showCheckboxIfNecessary);
onPrMergePanelOpen(showCheckboxIfNecessary);
const container = select('.discussion-timeline-actions')!;
// One of the merge buttons has been clicked
delegate(container, '.js-merge-commit-button', 'click', handleMergeConfirmation);
// Cancel wait when the user presses the Cancel button
delegate(container, '.commit-form-actions button:not(.js-merge-commit-button)', 'click', () => {
disableForm(false);
});
// Warn user if it's not yet submitted.
// Sadly the message isn't shown
window.addEventListener('beforeunload', event => {
if (waiting) {
event.returnValue = 'The PR hasn’t merged yet.';
}
});
}
features.add({
id: __featureName__,
description: 'Adds the option to wait for checks when merging a PR.',
screenshot: 'https://user-images.githubusercontent.com/1402241/35192861-3f4a1bf6-fecc-11e7-8b9f-35ee019c6cdf.gif',
include: [
features.isPRConversation
],
load: features.onAjaxedPages,
init
});
|
