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
|
import './conflict-marker.css';
import React from 'dom-chef';
import select from 'select-dom';
import {AlertIcon} from '@primer/octicons-react';
import oneMutation from 'one-mutation';
import * as pageDetect from 'github-url-detection';
import features from '../feature-manager.js';
import api from '../github-helpers/api.js';
type PRConfig = {
number: string;
user: string;
repo: string;
link: HTMLAnchorElement;
key: string;
};
function createQueryFragment(pr: PRConfig): string {
return `
${pr.key}: repository(owner: "${pr.user}", name: "${pr.repo}") {
pullRequest(number: ${pr.number}) {
mergeable
}
}
`;
}
function buildQuery(prs: PRConfig[]): string {
return prs.map(pr => createQueryFragment(pr)).join('\n');
}
function getPRConfig(prIcon: Element): PRConfig {
const link = prIcon.closest('.js-navigation-item')!.querySelector('a.js-navigation-open')!;
const [, user, repo, , number] = link.pathname.split('/');
return {
user,
repo,
number,
link,
key: api.escapeKey(user, repo, number),
};
}
async function init(): Promise<false | void> {
// Milestone issues are lazy-loaded
if (pageDetect.isMilestone()) {
// TODO: Use observe instead
await oneMutation(select('.js-milestone-issues-container')!, {childList: true});
}
const openPrIcons = select.all('.js-issue-row .octicon-git-pull-request.color-fg-open');
if (openPrIcons.length === 0) {
return false;
}
const prs = openPrIcons.map(icon => getPRConfig(icon));
const data = await api.v4(buildQuery(prs));
for (const pr of prs) {
if (data[pr.key].pullRequest.mergeable === 'CONFLICTING') {
pr.link.after(
<a
className="rgh-conflict-marker tooltipped tooltipped-e color-fg-muted ml-2"
aria-label="This PR has conflicts that must be resolved"
href={`${pr.link.pathname}#partial-pull-merging`}
>
<AlertIcon className="v-align-middle"/>
</a>,
);
}
}
}
void features.add(import.meta.url, {
include: [
pageDetect.isIssueOrPRList,
],
exclude: [
pageDetect.isGlobalIssueOrPRList,
pageDetect.isBlank,
],
awaitDomReady: true, // TODO: Use observe + batched-function
deduplicate: 'has-rgh-inner', // TODO: Use observe instead
init,
}, {
include: [
pageDetect.isGlobalIssueOrPRList,
],
exclude: [
pageDetect.isBlank,
],
deduplicate: 'has-rgh',
awaitDomReady: true, // TODO: Use observe + batched-function
init,
});
|